@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("header.css");
@import url("footer.css");

.container {
    width:1160px;
    padding:20px;
    background-color: #fff;
    overflow: hidden;
}
.rolling-news {
    width:100%;
    height:45px;
    line-height: 45px;
    background-color: #f2f2f2;
}
.rolling-news .logo {
    float:left;
    width:135px;
    height:45px;
    line-height: 45px;
    font-size: 16px;
    color:#019df0;
    font-weight: bold;
}
.rolling-news .logo i {
    float:left;
    width:45px;
    height:45px;
    background: url("../images/index-icons.png") -5px 0 no-repeat;
}
.rolling-news .rolling-box {
    float:left;
    width:1015px;
    overflow: hidden;
}
.rolling-news .rolling-box ul li {
    width:203px;
}
.rolling-news .rolling-box ul li a {
    display: block;
    height:25px;
    line-height: 25px;
    margin: 10px 0;
}
.rolling-news .rolling-box ul li a i {
    float:left;
    width:25px;
    height:25px;
    background: url("../images/index-icons.png") -329px -7px no-repeat;
}

.ctt-1 {
    width:100%;
    height:330px;
    margin-top:20px;
    overflow: hidden;
}
.ctt-1 .left {
    position: relative;
    float:left;
    width:560px;
    height:330px;
}
.ctt-1 .left .bd {
    width:560px;
    height:330px;
}
.ctt-1 .left .bd ul li>a {
    display: block;
    width:100%;
    height:100%;
    overflow: hidden;
}
.ctt-1 .left .bd ul li>a img {
    width:560px;
    height:330px;
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-1 .left .bd ul li>a:hover img {
    transform: scale(1.05);
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-1 .left .bd ul li>p {
    position: absolute;
    width:100%;
    height:50px;
    left:0;
    bottom: 0;
    background-color: #000;
    filter:alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    z-index: 5;
}
.ctt-1 .left .bd ul li>span {
    position: absolute;
    width:100%;
    height:50px;
    line-height: 50px;
    text-indent: 0.7em;
    left:0;
    bottom: 0;
    z-index: 6;
}
.ctt-1 .left .bd ul li>span a {
    color:#fff;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.ctt-1 .left .bd ul li>span a:hover {
    font-size: 15px;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.ctt-1 .left .hd {
    position: absolute;
    right:10px;
    bottom: 15px;
    z-index: 7;
}
.ctt-1 .left .hd ul li {
    float: left;
    width:15px;
    height:20px;
    background: url("../images/index-icons.png") -300px -11px no-repeat;
}
.ctt-1 .left .hd ul li.on {background-position: -271px -11px;}

.ctt-1 .right {
    float:right;
    width:585px;
    height:330px;
}
.ctt-1 .right dt {
    width:100%;
    height:28px;
    border-bottom: 2px solid #ddd;
}
.ctt-1 .right dt a {
    float:left;
    width:97px;
    height:28px;
    text-align: center;
    font-size: 16px;
    color:#333;
}
.ctt-1 .right dt a.on,.ctt-1 .right dt span a:hover {
    color:#019df0;
    border-bottom: 2px solid #019df0;
}
.ctt-1 .right dd .content {
    width:100%;
    height:114px;
    border-bottom: 1px dashed #d3d3d3;
}
.ctt-1 .right dd .content h3 {
    padding:15px 0;
}
.ctt-1 .right dd .content h3 a {
    color:#019df0;
    font-size: 18px;
    font-weight: normal;
}
.ctt-1 .right dd .content p {
    font-size: 13px;
    color:#7a7a7a;
    line-height: 22px;
}
.ctt-1 .right dd .content p .more {
    color:red;
    margin-left: 10px;
}
.ctt-1 .right dd .content p .more:hover {color:#019df0;}
.ctt-1 .right dd ul {padding-top:10px;}
.ctt-1 .right dd ul li {
    width:100%;
    height:35px;
    line-height: 35px;
}
.ctt-1 .right dd ul li a {
    float:left;
    height:35px;
    line-height: 35px;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.ctt-1 .right dd ul li a:hover {
    padding-left: 5px;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.ctt-1 .right dd ul li a i {
    float:left;
    width:20px;
    height:35px;
    background: url("../images/index-icons.png") -334px -2px no-repeat;
}
.ctt-1 .right dd ul li span {
    float:right;
    line-height: 35px;
}

.ctt-2 {
    margin-top: 20px;
    border-top: 2px solid #019df0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    overflow: hidden;
}
.ctt-2 .top {
    width:100%;
    height:40px;
    background-color: #f6f6f6;
}
.ctt-2 .top .logo {
    float:left;
    width:140px;
    height:40px;
    line-height: 40px;
    margin-left: 10px;
    font-size: 20px;
    font-family: fzdbs;
    font-weight: bolder;
    color:#019df0;
}
.ctt-2 .top .logo i {
    float:left;
    width:40px;
    height:40px;
    background: url("../images/index-icons.png") -57px -3px no-repeat;
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-2 .top .logo:hover i {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-2 .content {
    padding:15px;
    overflow: hidden;
}
.ctt-2 .content .box-1 {
    float:left;
    width:220px;
}
.ctt-2 .content .box-1 ul li a {
    display: block;
    width:100%;
    height:40px;
    line-height: 40px;
    text-indent: 3em;
    margin-bottom: 8px;
    background: url("../images/index-icons.png") no-repeat;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.ctt-2 .content .box-1 ul li a:hover {
    color:#fff;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.ctt-2 .content .box-1 ul .L1 a {background-position: -219px -207px;}
.ctt-2 .content .box-1 ul .L1 a:hover {background-position: 0 -207px;}
.ctt-2 .content .box-1 ul .L2 a {background-position: -219px -247px;}
.ctt-2 .content .box-1 ul .L2 a:hover {background-position: 0 -247px;}
.ctt-2 .content .box-1 ul .L3 a {background-position: -219px -287px;}
.ctt-2 .content .box-1 ul .L3 a:hover {background-position: 0 -287px;}
.ctt-2 .content .box-1 ul .L4 a {background-position: -219px -327px;}
.ctt-2 .content .box-1 ul .L4 a:hover {background-position: 0 -327px;}
.ctt-2 .content .box-1 ul .L5 a {background-position: -219px -367px;}
.ctt-2 .content .box-1 ul .L5 a:hover {background-position: 0 -367px;}
.ctt-2 .content .box-1 ul .L6 a {background-position: -219px -407px;}
.ctt-2 .content .box-1 ul .L6 a:hover {background-position: 0 -407px;}
.ctt-2 .content .box-1>a {
    float:left;
    width:105px;
    height:45px;
    line-height: 45px;
    font-size: 16px;
    color:#fff;
}
.ctt-2 .content .box-1>a i {
    float:left;
    width:35px;
    height:45px;
    background: url("../images/index-icons.png") no-repeat;
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;

}
.ctt-2 .content .box-1>a:hover i {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-2 .content .box-1 .btn-1 {background-color: #f93e3f;margin-right: 10px; }
.ctt-2 .content .box-1 .btn-1 i{background-position: -105px -2px;}
.ctt-2 .content .box-1 .btn-2 {background-color: #83de2b}
.ctt-2 .content .box-1 .btn-2 i {background-position: -159px 0;}
.ctt-2 .content .box-2 {
    float:left;
    width:580px;
    margin:0 14px;
}
.ctt-2 .content .box-2 dt{overflow: hidden;}
.ctt-2 .content .box-2 dt a {
    float:left;
    width:90px;
    height:25px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    color:#333;
}
.ctt-2 .content .box-2 dt a.on {
    border-left: 4px solid #019df0;
    color:#019df0;
}
.ctt-2 .content .box-2 dd ul {padding:10px 0 8px 0;height:245px;}
.ctt-2 .content .box-2 dd ul li {
    width:100%;
    height:35px;
    line-height: 35px;
}
.ctt-2 .content .box-2 dd ul li a {
    float:left;
    height:35px;
    line-height: 35px;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.ctt-2 .content .box-2 dd ul li a:hover {
    padding-left: 5px;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.ctt-2 .content .box-2 dd ul li a i {
    float:left;
    width:20px;
    height:35px;
    background: url("../images/index-icons.png") -334px -2px no-repeat;
}
.ctt-2 .content .box-2 dd ul li span {
    float:right;
    line-height: 35px;
}
.ctt-2 .content .box-2>ul li {
    float:left;
    width:108px;
    height:45px;
    margin-right: 10px;
}
.ctt-2 .content .box-2>ul li.last {margin-right: 0;}
.ctt-2 .content .box-2>ul li:last-child {margin-right: 0;}
.ctt-2 .content .box-2>ul li.double a{ line-height: normal;}
.ctt-2 .content .box-2>ul li a {
    display: block;
    width:100%;
    height:100%;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color:#fff;
    background-color: #57aaf4;
}
.ctt-2 .content .box-2>ul li a:hover {background-color: #3899f0;}
.ctt-2 .content .box-3 {
    float:left;
    width:300px;
}
.ctt-2 .content .box-3 .title {
    height:55px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    color:#fff;
    background-color: #019df0;
}
.ctt-2 .content .box-3 ul {
    padding:8px 8px 0 8px;
    height:270px;
    background-color: #ebf5fd;
}
.ctt-2 .content .box-3 ul li {
    display: block;
    width:100%;
    height:40px;
    margin-bottom: 4px;
}
.ctt-2 .content .box-3 ul li a {
    display: block;
    width:100%;
    height:100%;
    line-height: 40px;
    text-align: center;
    color:#019df0;
    background-color: #b0dcff;
}
.ctt-2 .content .box-3 ul li a:hover {background-color: #91cdfc;}

.ctt-3 {
    margin-top: 20px;
    border-top: 2px solid #019df0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    overflow: hidden;
}
.ctt-3 .top {
    width:100%;
    height:40px;
    background-color: #f6f6f6;
}
.ctt-3 .top .logo {
    float:left;
    width:140px;
    height:40px;
    line-height: 40px;
    margin-left: 10px;
    font-size: 20px;
    font-family: fzdbs;
    font-weight: bolder;
    color:#019df0;
}
.ctt-3 .top .logo i {
    float:left;
    width:40px;
    height:40px;
    background: url("../images/index-icons.png") -57px -3px no-repeat;
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-3 .top .logo:hover i {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-3 .content {
    padding:15px;
    overflow: hidden;
}
.ctt-3 .content .box-1 {
    float:left;
    width:220px;
}
.ctt-3 .content .box-1>a {
    display: block;
    width:100%;
    height:90px;
    text-align: center;
    font-size: 16px;
    color:#019df0;
    background-color: #f2f2f2;
    margin-bottom: 20px;
}
.ctt-3 .content .box-1 .a3 {margin-bottom: 0;}
.ctt-3 .content .box-1>a i {
    display: block;
    width:60px;
    height:55px;
    margin: 0 auto;
    background: url("../images/index-icons.png") no-repeat;
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;

}
.ctt-3 .content .box-1>a:hover i {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-3 .content .box-1 .a1 i {background-position: 3px -45px;}
.ctt-3 .content .box-1 .a2 i {height:40px;background-position: -64px -54px;}
.ctt-3 .content .box-1 .a3 i {background-position: -141px -45px;}
.ctt-3 .content .box-2 {
    float:left;
    width:580px;
    margin:0 14px;
}
.ctt-3 .content .box-2>div {width:280px;}
.ctt-3 .content .box-2 dl dt {overflow: hidden;}
.ctt-3 .content .box-2 dl dt a{
    float:left;
    padding:0 15px;
    height:25px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    color:#333;
}
.ctt-3 .content .box-2 dl dt a.on {
    border-left: 4px solid #019df0;
    color:#019df0;
}
.ctt-3 .content .box-2 dl dd ul {padding-top: 19px;}
.ctt-3 .content .box-2 dl dd ul li {
    width:100%;
    height:38px;
    line-height: 38px;
}
.ctt-3 .content .box-2 dl dd ul li:nth-child(odd) {background-color: #f5f5f5;}
.ctt-3 .content .box-2 dl dd ul li a {
    display: block;
    height:38px;
    line-height: 38px;
    margin-left:10px;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.ctt-3 .content .box-2 dl dd ul li a:hover {
    padding-left: 5px;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.ctt-3 .content .box-3 {
    float:left;
    width:280px;
    height:290px;
    padding:10px;
    background-color: #ebf5fd;
}
.ctt-3 .content .box-3 h3,.ctt-3 .content .box-3 h3 a  {
    line-height: 30px;
    font-size: 20px;
    color:#019df0;
    font-family: webfont;
    font-weight: bolder;
    padding: 10px 0;
}
.ctt-3 .content .box-3 h3 i {
    float:left;
    width:40px;
    height:30px;
    background:url("../images/index-icons.png") no-repeat;
}
.ctt-3 .content .box-3 .h1 i {background-position: -225px -62px;}
.ctt-3 .content .box-3 .h2 i {background-position: -290px -62px;}
.ctt-3 .content .box-3 p {
    line-height: 2em;
    font-size: 13px;
    color:#333;
}

.ctt-4 {
    margin-top: 20px;
    height:72px;
    overflow: hidden;
}
.ctt-4 ul li {
    float:left;
    width:220px;
    height:72px;
    margin-right: 15px;
}
.ctt-4 ul li a {
    display: block;
    width:100%;
    height:100%;
    overflow: hidden;
}
.ctt-4 ul li a img {
    width:220px;
    height:72px;
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-4 ul li a:hover img {
    transform: scale(1.05);
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}

.ctt-5 {
    margin-top: 20px;
    padding:15px;
    border-top: 2px solid #019df0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    overflow: hidden;
}
.ctt-5 .box-1 {
    float:left;
    width:220px;
}
.ctt-5 .box-1 ul li {
    height:47px;
    margin-bottom: 8px;
}
.ctt-5 .box-1 ul .last {margin-bottom: 0;}
.ctt-5 .box-1 ul li:last-child {margin-bottom: 0;}
.ctt-5 .box-1 ul li a {
    display: block;
    width:100%;
    height:100%;
    line-height: 47px;
    text-align: center;
    font-size: 16px;
    color:#fff;
    background-color: #67c4ff;
}
.ctt-5 .box-1 ul li a:hover {background-color: #4db9fd;}
.ctt-5 .box-2 {
    float:left;
    width:580px;
    margin:0 14px;
}
.ctt-5 .box-2 .top {
    height:30px;
    margin-bottom: 10px;
}
.ctt-5 .box-2 .top .title {
    float:left;
    padding:0 15px;
    height:25px;
    line-height: 25px;
    border-left: 4px solid #019df0;
    color:#019df0;
    font-size: 16px;
}
.ctt-5 .box-2 .top .btn {
    float:right;
    padding:0 15px;
    height:30px;
    line-height: 30px;
    font-size: 14px;
    color:#fff;
    background-color: #019df0;
    margin-left: 5px;
}
.ctt-5 .box-2 .top .btn:hover {background-color: #028bd4;}

.ctt-5 .box-3 {
    float:left;
    width:300px;
}
.ctt-5 .box-3 ul li {
    float:left;
    width:148px;
    height:62px;
    margin-bottom:6px;
}
.ctt-5 .box-3 ul li:nth-child(odd) {margin-right: 4px;}
.ctt-5 .box-3 ul .L1,.ctt-5 .box-3 ul .L3,.ctt-5 .box-3 ul .L5 {margin-right: 4px;}
.ctt-5 .box-3 ul .L7 {margin-bottom: 0;width:100%;}
.ctt-5 .box-3 ul li a {
    display: block;
    width:100%;
    height:100%;
    text-align: center;
    font-size: 16px;
    color:#019df0;
    background-color: #ececec;
}
.ctt-5 .box-3 ul li a:hover {color:#ececec;background: #019df0;}
.ctt-5 .box-3 ul li a i {
    display: block;
    width:35px;
    height:35px;
    margin: 0 auto;
    background: url("../images/index-icons.png") no-repeat;
}
.ctt-5 .box-3 ul .L1 a i {background-position: -5px -113px;}
.ctt-5 .box-3 ul .L1 a:hover i {background-position: -5px -154px;}
.ctt-5 .box-3 ul .L2 a i {background-position: -48px -113px;}
.ctt-5 .box-3 ul .L2 a:hover i {background-position: -48px -154px;}
.ctt-5 .box-3 ul .L3 a i {background-position: -93px -113px;}
.ctt-5 .box-3 ul .L3 a:hover i {background-position: -93px -154px;}
.ctt-5 .box-3 ul .L4 a i {background-position: -135px -113px;}
.ctt-5 .box-3 ul .L4 a:hover i {background-position: -135px -154px;}
.ctt-5 .box-3 ul .L5 a i {background-position: -180px -113px;}
.ctt-5 .box-3 ul .L5 a:hover i {background-position: -180px -154px;}
.ctt-5 .box-3 ul .L6 a i {background-position: -226px -113px;}
.ctt-5 .box-3 ul .L6 a:hover i {background-position: -226px -154px;}
.ctt-5 .box-3 ul .L7 a i {background-position: -268px -113px;}
.ctt-5 .box-3 ul .L7 a:hover i {background-position: -268px -154px;}

.ctt-6 {
    margin-top: 20px;
    border-top: 2px solid #019df0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    overflow: hidden;
}
.ctt-6>.top {
    width:100%;
    height:40px;
    background-color: #f6f6f6;
}
.ctt-6 .top .logo {
    float:left;
    width:140px;
    height:40px;
    line-height: 40px;
    margin-left: 10px;
    font-size: 20px;
    font-family: fzdbs;
    font-weight: bolder;
    color:#019df0;
}
.ctt-6 .top .logo i {
    float:left;
    width:40px;
    height:40px;
    background: url("../images/index-icons.png") -57px -3px no-repeat;
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-6 .top .logo:hover i {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-6 .content {
    padding:15px;
    overflow: hidden;
}
.ctt-6 .content .left {
    position: relative;
    float:left;
    width:220px;
    height:270px;
}
.ctt-6 .content .left dl dt {overflow: hidden;}
.ctt-6 .content .left dl dt a {
    float:left;
    height:25px;
    line-height: 25px;
    padding:0 15px;
    font-size: 16px;
}
.ctt-6 .content .left dl dt a.on {
    color:#019df0;
    border-left: 4px solid #019df0;
}
.ctt-6 .content .left dl dd {padding-top: 15px;}
.ctt-6 .content .left .btn {
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height:50px;
    line-height: 50px;
    font-size: 16px;
    color:#fff;
    background-color: #019df0;
}
.ctt-6 .content .left .btn:hover {background-color: #028bd4;}
.ctt-6 .content .left .btn i {
    float:left;
    width:50px;
    height:50px;
    margin-left: 35px;
    background: url("../images/index-icons.png") -206px 2px no-repeat;
}

.ctt-6 .content .right {
    float:right;
    width:895px;
}
.ctt-6 .content .right .top {
    height:30px;
    margin-bottom: 10px;
}
.ctt-6 .content .right .top .title {
    float:left;
    padding:0 15px;
    height:25px;
    line-height: 25px;
    border-left: 4px solid #019df0;
    color:#019df0;
    font-size: 16px;
}
.ctt-6 .content .right .top .btn {
    float:right;
    padding:0 15px;
    height:30px;
    line-height: 30px;
    font-size: 14px;
    color:#fff;
    background-color: #019df0;
    margin-left: 5px;
}
.ctt-6 .content .right .top .btn:hover {background-color: #028bd4;}

.ctt-7 {
    margin-top: 20px;
    height:50px;
    line-height: 50px;
    background-color: #f3f3f3;
}
.ctt-7>span {
    float:left;
    width:210px;
    height:50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color:#fff;
    background-color: #019df0;
}
.ctt-7 select {
    width:210px;
    height:30px;
    line-height: 30px;
    margin:0 70px 0 25px;
    border:1px solid #ccc;
}
.ctt-7 select option {
    display: block;
    width:100%;
    height:30px;
    line-height: 30px;
    text-align: center;
}

.ctt-8 {
    margin-top: 20px;
    height:55px;
}
.ctt-8 ul li {
    float:left;
    width:195px;
    height:55px;
    margin-right: 126px;
}
.ctt-8 ul .last {float:right;margin-right: 0;}
.ctt-8 ul li:last-child {float:right;margin-right: 0;}
.ctt-8 ul li a {
    display: block;
    width:195px;
    height:55px;
    overflow: hidden;
}
.ctt-8 ul li a img {
    width:195px;
    height:55px;
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}
.ctt-8 ul li a:hover img {
    transform: scale(1.05);
    transition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}