@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-size:15px;font-family:"微软雅黑","黑体";color:#666;line-height:24px; background:#fff;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form{ margin:0px; padding:0px;}
ul,li{ list-style:none}
img{border:0px; padding:0px;}
a{ color:#5c5c5c; text-decoration:none}
.clear{ clear:both;font-size:0px; line-height:0px}
.divleft{ float:left}
.divright{ float:right}
.hidden{display:none;}
#nm{ margin-right:0}
*html{background-image:url(d); background-attachment:fixed;}

/***********************公共**************/
.actGotop{position:fixed;_position:absolute;bottom:140px;right:50px;width:50px;height:50px;display:none; z-index:999}
.actGotop a,.actGotop a:link{width:50px;height:50px;display:inline-block;background:url(../images/2017_index-03.png) no-repeat;_background:url(../images/2017_index-03.png) no-repeat;outline:none;filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;-khtml-opacity:0.80;transition: all 0.3s linear 0s;}
.actGotop a:hover{opacity:1;filter:alpha(opacity=100);moz-opacity: 1;-khtml-opacity: 1;}

.jz{ width:1190px; margin:auto}
.head{ height:54px; line-height:54px; padding:24px 0}
.head-l{ float:left}
.head-l div{ float:left}
.head-l p{ float:left; color:#3598DB; font-size:22px; font-family:"Arial","微软雅黑"; margin:0 36px 0 44px}
.head-l span{ float:left;color:#999; font-size:16px; display:block; position:relative; cursor:pointer}
.head-l span dl{ position:absolute; left:-43px; top:50px; z-index:99; display:none}
.head-l span dl dt{position:absolute; left:81px; top:-6px}
.head-l span dl dd{background:#fff; border:1px solid #ccc; border-radius:5px;box-shadow:0px 0px 10px #ccc; padding:6px;}
.head-r{ float:right;}
.head-r span{ float:left}
.head-r a{ float:left; font-size:16px;margin-left:17px}
.head-r a:hover{color:#68A3D8;}
.head-r1{ color:#68A3D8; background:url(../images/2017_head-01.png) center left no-repeat; padding-left:25px}


.nav{ height:60px; background:#68a3d8}
.nav li{ float:left; line-height:60px; width:110px; text-align:center; margin-right:25px;}
.nav li:hover,.nav-hover{ background:#89b7e0}
.nav li a{ color:#fff; font-size:22px; display:block}


.main1{ margin:32px auto 0; height:360px}
.main1-l{ width:635px; height: 360px; position: relative; overflow:hidden; margin-bottom: 15px; float:left}
.main1-l ul li a{ display:block; width:635px; height: 360px; position: relative;}
.main1-l ul li span{ display:block; position:absolute; bottom:0; left:0; width:609px; height:60px; background:url(../images/2017_index-04.png); line-height:60px; color:#fff; font-size:18px; padding-left:26px}
.main1-l .num { overflow:hidden; height:12px; position: absolute; bottom:23px; right:20px; zoom:1; z-index:3 }
.main1-l .num li { width: 12px; height:12px;background: url(../images/2017_index-02.png) -12px 0px no-repeat; margin-left: 10px;cursor:pointer; float: left; font-size:0}
.main1-l .num li.on { background: url(../images/2017_index-02.png) 0px 0px no-repeat} /*当前项*/
.main1-r{ float:right; width:525px; height:360px;box-shadow:0px 2px 15px #cccccc; border:1px solid #ddd;  background:#fff}
.main1-r-tab{ overflow:hidden; border-bottom:1px solid #dddddd}
.main1-r-tab li{ font-size:22px;line-height:60px; width:260px; float:left; text-align:center; color:#666; cursor:pointer}
.main1-r-tab li:hover,.main1-r-tab li.main1-r-hover{ color:#68a3d8; }
.main1-r-tab li:nth-child(1){ border-right:1px solid #dddddd}
.main1-r-c ul{ margin:20px 0 0 27px;}
.main1-r-c li{height:42px; line-height:42px; font-size:18px;}
.main1-r-c li a{ display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:410px; padding-left:22px; background:url(../images/2017_index-i2.png) center left no-repeat; color:#000 }
.main1-r-c li:hover a{background:url(../images/2017_index-i1.png) center left no-repeat; color:#68a3d8}



.main2-t{ margin:20px auto; overflow:hidden}
.main2-t p{ float:right; font-size:16px; color:#666; line-height:34px}
canvas{display:block; vertical-align:bottom;}
.count-particles{background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
.js-count-particles{font-size: 1.1em;}
#stats,.count-particles{-webkit-user-select: none;margin-top: 5px;margin-left: 5px;}
#stats{border-radius: 3px 3px 0 0;overflow: hidden;}
.count-particles{border-radius: 0 0 3px 3px;}
#particles-js{width:1200px;height:365px; margin:auto;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat; position:relative; border-radius:0px;border: 1px solid #ddd; box-shadow: 0px 1px 1px #cccccc;}
@media only screen and (min-width:300px) and (max-width:1024px) {

#particles-js{width:100%;height:1040px; margin:auto;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat; position:relative; border-radius:0px;border: 1px solid #ddd; box-shadow: 0px 1px 1px #cccccc;}
}
.main2-c{width:1200px; position:absolute;  margin:auto; }
@media only screen and (min-width:300px) and (max-width:1024px) {

.main2-c{width:100%; position:absolute;  margin:auto; }
}
.main2-c1{ height:86px; width:1200px; margin:auto;}
@media only screen and (min-width:300px) and (max-width:1024px) {

.main2-c1{ height:86px; width:100%; margin:auto;}
}
.main2-c1 div{float:right; width:522px; height:67px; background:#679BD7; border-radius:10px; padding:11px 0 8px 12px;}
@media only screen and (min-width:300px) and (max-width:1024px) {

.main2-c1 div{float:right; width:43%; height:67px; background:#679BD7; border-radius:10px; padding:11px 0 8px 12px;}
}
.main2-c1 div p{ color:#fff; font-size:14px; line-height:22px;width:509px;overflow-x: hidden;overflow-y: auto; height:67px}
@media only screen and (min-width:300px) and (max-width:1024px) {

.main2-c1 div p{ color:#fff; font-size:14px; line-height:22px;width:42.41%;overflow-x: hidden;overflow-y: auto; height:67px}
}
.main2-c1 div p span{width:463px; display:block;text-indent:2em;}
@media only screen and (min-width:300px) and (max-width:1024px) {

.main2-c1 div p span{width:38.58%; display:block;text-indent:2em;}
}
.nicescroll-rails{ background:#666; border-radius:5px}
.main2-c ul{ overflow:hidden; margin-top:15px}
.main2-c ul li{ float:left;margin:0 0px 5px 5px; position:relative;width:395px; height:136px;}
@media only screen and (min-width:300px) and (max-width:1024px) {

.main2-c ul li{ float:left;margin:0 0px 5px 5px; position:relative;width:50%; height:136px;}
}
.main2-c ul li div{filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;-khtml-opacity:0.75;width:388px; height:138px;transition: all 0.3s linear 0s;}
@media only screen and (min-width:300px) and (max-width:1024px) {

.main2-c ul li div{filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;-khtml-opacity:0.75;width:100%; height:138px;transition: all 0.3s linear 0s;}
}
.main2-c ul li:hover div{opacity:1;filter:alpha(opacity=100);moz-opacity: 1;-khtml-opacity: 1;}
.main2-c ul li a{ display:block; text-align:center; color:#fff; font-size:20px; position:absolute; top:0; left:0;width:386px; padding-top:20px; height:118px;}
@media only screen and (min-width:300px) and (max-width:1024px) {

.main2-c ul li a{ display:block; text-align:center; color:#fff; font-size:20px; position:absolute; top:0; left:0;width:32%; padding-top:20px; height:118px;}
}
.main2-c ul li a p{ margin-top:22px}
.main2-c ul li a span{ display:block}
#main2-c2-li1,#main2-c2-li1 div{ width:349px; height:194px;}
@media only screen and (min-width:300px) and (max-width:1024px) {

#main2-c2-li1,#main2-c2-li1 div{ width:100%; height: auto;}
}
#main2-c2-li1 div{ background:#3E5A97;}
#main2-c2-li1 a,#main2-c2-li2 a,#main2-c2-li3 a,#main2-c2-li4 a{ padding-top:53px; height:141px;}
#main2-c2-li1 a{width:349px;}
@media only screen and (min-width:300px) and (max-width:1024px) {

#main2-c2-li1 a{width:100%;}
}
#main2-c2-li2,#main2-c2-li2 div{ width:303px; height:194px;}
@media only screen and (min-width:300px) and (max-width:1024px) {

#main2-c2-li2,#main2-c2-li2 div{ width:100%; height:194px;}
}
#main2-c2-li2 div{ background:#ff6600;}
#main2-c2-li2 a{width:303px;}
@media only screen and (min-width:300px) and (max-width:1024px) {

#main2-c2-li2 a{width:100%;}
}
#main2-c2-li3,#main2-c2-li3 div{ width:260px; height:194px;}
@media only screen and (min-width:300px) and (max-width:1024px) {

#main2-c2-li3,#main2-c2-li3 div{ width:100%; height:194px;}
}
#main2-c2-li3 div{ background:#32ADCC;}
#main2-c2-li3 a{width:254px;}
@media only screen and (min-width:300px) and (max-width:1024px) {

#main2-c2-li3 a{width:100%;}
}
#main2-c2-li4,
#main2-c2-li4 div{ width:260px; height:194px; margin-right:0}
@media only screen and (min-width:300px) and (max-width:1024px) {
#main2-c2-li4,
#main2-c2-li4 div{ width:100%; height:194px; margin-right:0}
#main2-c2-li5,
#main2-c2-li5 div{ width:100%; height:136px; margin-right:0}
#main2-c2-li6,
#main2-c2-li6 div{ width:100%; height:136px; margin-right:0}
#main2-c2-li7,
#main2-c2-li7 div{ width:100%; height:136px; margin-right:0}
}
#main2-c2-li4 div{ background:#FF4D4D;}
#main2-c2-li4 a{width:246px;}
@media only screen and (min-width:300px) and (max-width:1024px) {

#main2-c2-li4 a{width:100%;}
#main2-c2-li5 a{width:100%;}
#main2-c2-li6 a{width:100%;}
#main2-c2-li7 a{width:100%;}
}
#main2-c2-li5 div{ background:#FF9900;}

#main2-c2-li6 div{ background:#4E98E3;}
#main2-c2-li7{ margin-right:0}
#main2-c2-li7 div{ background:#37B07A;margin-right:0;}

/* 旋转180 */
.xz180{-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}
.main2-c ul li:hover a .xz180{-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);transform: rotateZ(180deg);}
/* 震颤 */
.main2-c ul li:hover a .a-shake{-webkit-animation:shake 1s ease;-moz-animation:shake 1s ease;-ms-animation:shake 1s ease;animation:shake 1s ease;}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);} 10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);} 20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0);} 10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);} 20%,40%,60%,80%{-moz-transform:translateX(10px);}}
@-ms-keyframes shake{0%,100%{-ms-transform:translateX(0);} 10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);} 20%,40%,60%,80%{-ms-transform:translateX(10px);}}
@keyframes shake{0%,100%{transform:translateX(0);} 10%,30%,50%,70%,90%{transform:translateX(-10px);} 20%,40%,60%,80%{transform:translateX(10px);}}
/* 翻入-Y轴 */
.main2-c ul li:hover a .a-flipinY{-webkit-animation:flipinY 1.5s ease-out backwards;-moz-animation:flipinY 1.5s ease-out backwards;-ms-animation:flipinY 1.5s ease-out backwards;animation:flipinY 1.5s ease-out backwards;}
@-webkit-keyframes flipinY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1
;}}
@-moz-keyframes flipinY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-moz-transform:perspective(400px) rotateY(-10deg);} 70%{-moz-transform:perspective(400px) rotateY(10deg);} 100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}}
@-ms-keyframes flipinY{0%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-ms-transform:perspective(400px) rotateY(-10deg);} 70%{-ms-transform:perspective(400px) rotateY(10deg);} 100%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}}
@keyframes flipinY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{transform:perspective(400px) rotateY(-10deg);} 70%{transform:perspective(400px) rotateY(10deg);} 100%{transform:perspective(400px) rotateY(0);opacity:1;}}
/* 淡入-从右 */
.main2-c ul li:hover a .a-fadeinR{-webkit-animation:fadeinR 1s ease-out backwards;-moz-animation:fadeinR 1s ease-out backwards;-ms-animation:fadeinR 1s ease-out backwards;animation:fadeinR 1s ease-out backwards;}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(20px);} 100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(20px);} 100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(20px);} 100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(20px);} 100%{opacity:1;transform:translateX(0);}}
/* 弹入 */
.main2-c ul li:hover a .a-bouncein{-webkit-animation:bouncein 1s ease-out backwards;-moz-animation:bouncein 1s ease-out backwards;-ms-animation:bouncein 1s ease-out backwards;animation:bouncein 1s ease-out backwards;}
@-webkit-keyframes bouncein{0%{opacity:0;-webkit-transform:scale(0.3);} 50%{opacity:1;-webkit-transform:scale(1.05);} 70%{-webkit-transform:scale(0.9);} 100%{-webkit-transform:scale(1);}}
@-moz-keyframes bouncein{0%{opacity:0;-moz-transform:scale(0.3);} 50%{opacity:1;-moz-transform:scale(1.05);} 70%{-moz-transform:scale(0.9);} 100%{-moz-transform:scale(1);}}
@-ms-keyframes bouncein{0%{opacity:0;-ms-transform:scale(0.3);} 50%{opacity:1;-ms-transform:scale(1.05);} 70%{-ms-transform:scale(0.9);} 100%{-ms-transform:scale(1);}}
@keyframes bouncein{0%{opacity:0;transform:scale(0.3);} 50%{opacity:1;transform:scale(1.05);} 70%{transform:scale(0.9);} 100%{transform:scale(1);}}
/* 闪烁 */
.main2-c ul li:hover a .a-flash{-webkit-animation:flash 1s ease;-moz-animation:flash 1s ease;-ms-animation:flash 1s ease;animation:flash 1s ease;}
@-webkit-keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}}
@-moz-keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}}
@-ms-keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}}
@keyframes flash{0%,50%,100%{opacity:1;} 25%,75%{opacity:0;}}
/* 淡入-从下 */
.main2-c ul li:hover a .a-fadeinB{-webkit-animation:fadeinB 1s ease-out backwards;-moz-animation:fadeinB 1s ease-out backwards;-ms-animation:fadeinB 1s ease-out backwards;animation:fadeinB 1s ease-out backwards;}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(20px);} 100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(20px);} 100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(20px);} 100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(20px);} 100%{opacity:1;transform:translateY(0);}}

.main3{ margin-bottom:28px}
.main3-t{ margin:20px 0;}
.main3-tab{height:144px; padding-left:2px;}
.main3-tab li{ width:218px; height:124px; text-align:center; float:left; color:#cc0000;cursor:pointer; font-size:18px; margin-right:22px; background:#fff; box-shadow:-1px 8px 6px #cccccc;border-radius:8px; border:1px solid #ddd}
.main3-tab li:hover,.main3-tab .main3-hover{ background:#fff5c8;}
.main3-tab li span{ padding:25px 0 16px; display:block}
.main3-nr{ margin-top:12px;}
.main3-c1{ width:1082px;min-height:355px; margin:auto; padding:0 53px; border:1px solid #e9e9e9; box-shadow:0px 8px 6px #cccccc; background:#fff; border-radius:8px;}
.main3-c1 li{ min-height:70px; line-height:70px; border-bottom:1px dashed #d5d5d5}
.main3-c1 li p{ float:left; font-size:18px; color:#333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:670px; margin-right:67px}
.main3-c1 li p a{color:#333333; }
.main3-c1 li p:hover a{color:#cc0000;}
.main3-c1 li p i{ font-style:normal; font-size:14px; color:#666}
.main3-c1 li span{ float:left; display:block; width:100px; text-align:center; margin-right:8px; font-size:16px; color:#ccc}
.main3-c1 li span a{ color:#cc0000; display:block;cursor:pointer}
.main3-c1 li span:hover a{ background:#fff5c8; font-weight:bold}
.download_c{ width:1080px;border:1px solid #ccc;background:#f9f9f9;position:relative;clear:both;margin-bottom:10px;border-radius:5px;}
.download_img{position:absolute;right:70px;top:-10px;}
.download_c ul{width:1062px;margin:0 auto;}
.download_c ul li{background:url(../images/2017_fj_down.png) no-repeat 10px 17px;color:#666;font-size:14px;line-height:50px;padding-left:40px;border-bottom:1px dashed #ccc;min-height:51px} 
.download_c ul li a:hover{ text-decoration:underline;color: #990000;}
.download_c ul li i{ font-style:normal}
#nb{ border-bottom:none}


.main5-t{ margin:20px auto}
.main5{height:293px}
.main5 ul{width:520px; float:left}
.main5 ul li{ float:left; width:232px; height:67px; line-height:68px; margin:0 26px 28px 0px; text-align:center;  font-size:20px; border:1px solid #ccc;box-shadow:-2px 8px 6px #cccccc; border-radius:8px}
.main5 ul li:hover{ border:1px solid #BCD6ED;box-shadow:-2px 8px 6px #BCD6ED;}
.main5 ul li a{color:#68A3D8; display:block}
.main5 dl{ float:right; width:643px;}
.main5 dt{ float:left; height:48px; line-height:48px; background:url(../images/2017_index-i2.png) left center no-repeat; padding-left:21px; font-size:18px; color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:606px;}
.main5 dt:hover{background:url(../images/2017_index-i1.png) left center no-repeat;}
.main5 dt:hover a{color:#68A3D8}
.main5 dd{ float:left; width:300px; height:200px; overflow:hidden; margin:14px 43px 0 0}
.main5 dd a{ display:block}
.main5 dd a img{transition: all 0.3s linear 0s;transform: scale(1);}
.main5 dd:hover a img{transform: scale(1.2); }

.main6{margin-bottom:20px}

.main7{ overflow:hidden; margin-bottom:14px}
.main7-l{ width:642px; float:left;}
.main7-t{padding-bottom:20px; border-bottom:1px solid #cccccc; position:relative}
.main7-t a{ position:absolute; right:0; top:4px; color:#666; font-size:16px;}
.main7-t a:hover{color:#68A3D8}
.main7-l dl{ line-height:36px; margin:10px 0 6px}
.main7-l dt{ overflow:hidden}
.main7-l dt b{ font-size:20px; color:#000;}
.main7-l dt a{ float:right; color:#666; font-size:16px;}
.main7-l dt a:hover{ color:#68A3D8}
.main7-l dd{ font-size:18px; background:url(../images/2017_index-i2.png) center left no-repeat; padding-left:18px}
.main7-l dd:hover{background:url(../images/2017_index-i1.png) center left no-repeat;}
.main7-l dd a:hover{ color:#68A3D8}
.main7-l dd a{ color:#000;}
.main7-l dd span a{ font-size:14px; text-decoration:underline; color:#68A3D8; font-weight:bold; margin-left:8px}
.main7-l-dl2 dt{ overflow:hidden}
.main7-l-dl2 dt b{ float:left; margin-right:36px;}
.main7-l-dl2 dt a{ color:#F00; font-size:16px; font-weight:bold; float:left; margin-right:23px; text-decoration:underline; }
.main7-l-dl2 dd a{ display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:626px;}
.main7-r{ width:500px; float:right;}
.main7-r ul{ margin:16px 0 0 }
.main7-r ul li{ background:url(../images/2017_index-i16.png) 11px 10px no-repeat; padding:0 0px 29px 40px; border-bottom:1px solid #ccc; margin-bottom:21px}
.main7-r ul li h3{ font-size:20px; line-height:32px;}
.main7-r ul li h3 a{ display:block; color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:418px;}
.main7-r ul li h3 a:hover{color:#68A3D8}
.main7-r ul li p{ font-size:14px; line-height:25px; color:#666; font-family:"宋体"; margin:7px 0; width:396px}
.main7-r ul li span{font-size:14px;color:#000;font-family:"Arial","微软雅黑"; margin-bottom:20px; display:block}
.main7-r ul li div{ overflow:hidden}
.main7-r ul li b{ float:left; font-size:16px; }
.main7-r ul li b a{color:#68A3D8}
.main7-r ul li div span{ float:right; margin:0 27px 0 0; font-size:14px; color:#999}

.main7-r ul li dd{ float:left;}
.main7-r ul li dd a{ font-size:14px; color:#ccc;font-family:"宋体"; margin-right:30px; padding:0px 0 2px 20px;}
.main7-r ul li dd:hover a{color:#68A3D8}
.main7-i1 a{ background:url(../images/2017_index-i17.png) 0 0 no-repeat;}
.main7-i2 a{ background:url(../images/2017_index-i18.png) 0 0 no-repeat;}
.main7-i3 a{ background:url(../images/2017_index-i19.png) 0 0 no-repeat;}
.main7-i1:hover a{ background:url(../images/2017_index-i17.png) 0 -20px no-repeat;}
.main7-i2:hover a{ background:url(../images/2017_index-i18.png) 0 -20px no-repeat;}
.main7-i3:hover a{ background:url(../images/2017_index-i19.png) 0 -20px no-repeat;}

.main8{margin-bottom:34px}

.main9-tab{ height:37px;background:url(../images/2017_index-23.jpg) bottom left  repeat-x; overflow:hidden}
.main9-tab li{ float:left;font-size:18px; font-weight:bold; line-height:18px; padding:0 50px 17px; cursor:pointer; color:#000}
.main9-tab li:hover,.main9-tab .main9-hover{ color:#68A3D8;border-bottom:2px solid #68A3D8;}
.main9-tab li span{ padding:25px 0 16px; display:block}
.main9-c{ margin:8px 0 10px;}
.main9-c ul{ overflow:hidden}
.main9-c ul li{ float:left; width:232px; line-height:39px; font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-right:6px}
.main9-c ul li a{ color:#333;}
.main9-c ul li a:hover{color:#68A3D8}

.bottom{ background:#f9f9f9; padding:38px 0  27px}
.bottom-c{ overflow:hidden}
.bottom-c dl{ float:left; border-right:1px solid #ddd; width:395px; padding-bottom:34px;border-left:1px solid #ddd; margin-right:-1px;}
.bottom-c dt{ line-height:38px; font-size:18px; color:#666; font-weight:bold; text-align:center; margin-bottom:17px}
.bottom-c dd{ margin-left:78px; overflow:hidden}
.bottom-c dd a{ display:block; float:left; width:154px; font-size:16px; line-height:29px; color:#333;}
.bottom-c dd a:hover{color:#68A3D8}
.bottom-c div{ float:left; width:396px;  border-right:1px solid #ddd;padding-bottom:34px;}
.bottom-c div h3{line-height:38px; font-size:18px; color:#666;text-align:center; margin-bottom:17px}
.bottom-c div p{font-size:16px; line-height:29px; color:#333; text-align:center}
.bottom-c div p span{ font-size:12px; font-family:"宋体"}

.foot{ background:#edf2f8; padding:23px 0 25px;}
.foot-c2{ overflow:hidden}
.foot-c2 a:hover{ color:#68a3d8}
.foot-c2 ul{ float:left}
.foot-c2 ul li{ float:left; margin-right:22px;}
.foot-c2 ul li a{ margin-top:3px; display:block}
.foot-c2 dl{ float:left; margin:8px 0 0 9px;}
.foot-c2 dl dd{ font-size:16px; color:#000; line-height:30px}
.foot-c2 dl dd a{ color:#000; margin-right:19px}
.foot-c2 dl dd b{ font-weight:normal; margin-left:19px; background:url(../images/2017_index-i21.png) center left no-repeat; padding-left:25px}
.foot-c2 div{ float:right; margin-top:8px}


.main10-t{ margin:30px auto 20px;}
.main10-t a{  color:#666; font-size:16px; float:right; margin-top:4px}
.main10-t a:hover{color:#68A3D8}
.main10-c{ overflow:hidden; margin-bottom:39px}

.main10-c li{ float:left; width:188px; height:135px; overflow:hidden; position:relative; margin-right:10px; border:1px solid #ddd;}
.main10-c li img{ display:block;transition: all 0.3s linear 0s;transform: scale(1);}
.main10-c li:hover img{transform: scale(1.2); }
.main10-c li span{ position:absolute; bottom:0; left:0; display:block; width:188px; height:43px; line-height:43px; background:url(../images/2018_index-34.png); text-align:center; color:#fff; font-size:16px;}
#f-12{ margin-right:0;}