@charset "utf-8";
* { margin: 0; padding: 0; }
li { list-style: none; }
img { border: 0; }
a { text-decoration: none; color: #000; outline: none; }
body { min-width: 1360px; font-family: "Microsoft yahei"; position: relative; max-width: 1920px; margin: 0 auto;font-size: 16px; }
input { outline: none; }
.fl { float: left; }
.fr { float: right; }
.dn { display: none; }
.w10{width: 100%;max-width: 1920px;margin: 0 auto ;}
.w12 { width: 1200px; margin: 0 auto; }
.clearfix {clear: both; }


.top{height: 120px;background: #1b9be4;}
.top .logo{margin-top: 20px;}
.top .search{margin-top: 40px;}
.top .search .input01{background: none;border: none;border-bottom: 1px solid white;color: white;}
.top .search .input02{margin-left: -18px;}


.navbar{height: 50px; line-height: 50px;background: #007dc4; }
.navbar .nav{width: 1200px;margin: 0 auto; padding:0 20px; height:50px; line-height:50px; z-index:888;width: 1200px;position: relative;}
.navbar .nav a{ color:#333333;}
.navbar .nav .nLi{ float:left;display:inline; position: relative;border-left: 1px solid #0971ac;}
.navbar .nav .nLi:last-child{border-right: 1px solid #0971ac;}
.navbar .nav .nLi h3{ float:left; } 
.navbar .nav .nLi h3 a{ display:block; padding:0 25.4px; font-size:17px;color: white; font-weight: normal;}
.navbar .nav .sub{display: none;left:0; top:34px;position: absolute;left: 0;width: 100%;background:white; line-height:26px; padding:5px 0;padding-bottom: 20px;border-bottom: #007dc4 2px solid;}
.navbar .nav .sub a{ display:block; padding:0 20px;font-size: 15px;line-height: 36px; }
.navbar .nav .sub a:hover{ background:white; color:#007dc4;}
.navbar .nav .on h3 a{ color:#007dc4; background: white; border-top-left-radius:6px;border-top-right-radius: 6px;}


.banner { width: 100%; height: 300px; position: relative; overflow: hidden; z-index: 1; }
.banner .hd {position: absolute; left: 43%; z-index: 2;bottom: 10px; }
.banner .hd ul li {background: url(../images/banner-dian.png) top;width: 60px;height: 6px;float: left;margin: 10px;}
.banner .hd ul li.on {background: url(../images/banner-dian.png) bottom;width: 60px;height: 6px;}
.banner .bd { position: absolute; left: 50%; top: 0; margin-left: -960px; }
.banner .bd ul li { position: relative; font-size: 0; }
.banner .prev, .banner .next { width: 22px; height: 42px; position: absolute; z-index: 3; top: 200px; }
.banner .prev { background: url(../images/banner-arrow.png) left no-repeat; left: 3%; }
.banner .next { background: url(../images/banner-arrow.png) right no-repeat; right: 3%; }


.service{height: 310px;margin-top: 40px;}
.service .s-v1{float: left;width: 280px;background: #009ac6;height: 310px;position: relative;}
.service .s-v1 .title{width: 240px;border-bottom: 1px dashed white;margin: 0 auto;padding-bottom: 20px;}
.service .s-v1 .title img{margin: 30px 0 10px 98px;}
.service .s-v1 .title h3{font-size: 18px;color: white;font-weight: bold;text-align: center;}
.service .s-v1 .title p{color: #74bcd8;font-size: 12px;text-align: center;}
.service .s-v1 ul{padding: 20px 0px 0 10px;}
.service .s-v1 ul li{float: left;font-size: 14px;padding-left: 10px;width: 115px;}
.service .s-v1 ul li a{color: white;line-height: 38px;transition: 0.5s;}
.service .s-v1 ul li a:hover{color:#044c60 ;transition: 0.5s;}

.service .s-v2{float: left;width: 280px;background: #9c5d4f;height: 310px;position: relative;margin: 0 26px;}
.service .s-v2 .title{width: 240px;border-bottom: 1px dashed white;margin: 0 auto;padding-bottom: 20px;}
.service .s-v2 .title img{margin: 30px 0 10px 98px;}
.service .s-v2 .title h3{font-size: 18px;color: white;font-weight: bold;text-align: center;}
.service .s-v2 .title p{color: #b9928a;font-size: 12px;text-align: center;}
.service .s-v2 ul{padding: 20px 0px 0 10px;}
.service .s-v2 ul li{float: left;font-size: 14px;padding-left: 10px;width: 115px;}
.service .s-v2 ul li a{color: white;line-height: 38px;}
.service .s-v2 ul li a:hover{color:#611504 ;transition: 0.5s;}

.service .s-v3{float: left;width: 280px;background: #2766ae;height: 310px;position: relative;}
.service .s-v3 .title{width: 240px;border-bottom: 1px dashed white;margin: 0 auto;padding-bottom: 20px;}
.service .s-v3 .title img{margin: 30px 0 10px 95px;}
.service .s-v3 .title h3{font-size: 18px;color: white;font-weight: bold;text-align: center;}
.service .s-v3 .title p{color: #819ec9;font-size: 12px;text-align: center;}
.service .s-v3 ul{padding: 20px 0px 0 10px;}
.service .s-v3 ul li{float: left;font-size: 14px;padding-left: 10px;width: 115px;}
.service .s-v3 ul li a{color: white;line-height: 38px;}
.service .s-v3 ul li a:hover{color:#042852 ;transition: 0.5s;}

.service .s-v4{float: left;width: 280px;background: #ca9c0d;height: 310px;position: relative;margin-left: 27px;}
.service .s-v4 .title{width: 240px;border-bottom: 1px dashed white;margin: 0 auto;padding-bottom: 20px;}
.service .s-v4 .title img{margin: 30px 0 10px 95px;}
.service .s-v4 .title h3{font-size: 18px;color: white;font-weight: bold;text-align: center;}
.service .s-v4 .title p{color: #dbbd78;font-size: 12px;text-align: center;}
.service .s-v4 ul{padding: 20px 10px 0 10px;}
.service .s-v4 ul li{font-size: 14px;height: 38px;overflow: hidden;line-height: 38px;}
.service .s-v4 ul li a{color: white;}
.service .s-v4 ul li a:hover{color:#7e6106 ;transition: 0.5s;}

.service .more{position: absolute;margin-top: 20px;bottom: 25px;}
.service .more img{animation:gogogo 1s infinite linear ;margin-left: 128px;position: relative;}
@-webkit-keyframes gogogo {
0%{top: 0px;}
50%{top: 5px;}
100%{top: 10px;}
}


.news{margin-top: 40px;}
.news .n-l{float: left;width: 362px;}
.news .n-l .title{margin-bottom: 20px;}
.news .n-l .title h3{float: left;font-size: 22px;font-weight: normal;}
.news .n-l .title a{float: left;font-size: 14px;color: #808080;margin-left: 10px;transition: 0.3s;margin-top: 6px;}
.news .n-l .title a:hover{color: #007DC4;transition: 0.3s;}
.news .n-l .n-pic{position: relative;}
.news .n-l .n-pic .pic{width: 362px;height: 240px;overflow: hidden;}
.news .n-l .n-pic .pic img{width: 100%;transition: 0.4s;}
.news .n-l .n-pic .pic img:hover{transform: scale(1.2);transition: 0.4s;}
.news .n-l .n-pic p{background: url(../images/BLACK-LINE.png) repeat-x;width: 322px;position: absolute;bottom: 0;height: 40px;line-height: 40px;color: white;padding: 0 20px;}
.news .n-l ul{margin-top: 20px;}
.news .n-l ul li{}
.news .n-l ul li a{width: 315px;line-height: 36px;transition: 0.4s;font-size: 14px;float: left;}
.news .n-l ul li a:hover{padding-left: 5px;transition: 0.4s;color: #007DC4;}
.news .n-l ul li span{font-size: 12px;line-height: 36px;color: #666;display: block;float: right;}


.news .n-m{float: left;width: 362px;margin: 0 50px;}
.news .n-m .title{margin-bottom: 20px;}
.news .n-m .title h3{float: left;font-size: 22px;font-weight: normal;}
.news .n-m .title a{float: left;font-size: 14px;color: #808080;margin-left: 10px;transition: 0.3s;margin-top: 6px;}
.news .n-m .title a:hover{color: #007DC4;transition: 0.3s;}
.news .n-m .n-pic{position: relative;}
.news .n-m .n-pic .pic{width: 362px;height: 240px;overflow: hidden;}
.news .n-m .n-pic .pic img{width: 100%;transition: 0.4s;}
.news .n-m .n-pic .pic img:hover{transform: scale(1.2);transition: 0.4s;}
.news .n-m .n-pic p{background: url(../images/BLACK-LINE.png) repeat-x;width: 322px;position: absolute;bottom: 0;height: 40px;line-height: 40px;color: white;padding: 0 20px;}
.news .n-m ul{margin-top: 20px;}
.news .n-m ul li{}
.news .n-m ul li a{width: 315px;line-height: 36px;transition: 0.4s;font-size: 14px;float: left;}
.news .n-m ul li a:hover{padding-left: 5px;transition: 0.4s;color: #007DC4;}
.news .n-m ul li span{font-size: 12px;line-height: 36px;color: #666;display: block;float: right;}


.news .n-r{float: left;width: 376px;}
.news .n-r .title{margin-bottom: 10px;}
.news .n-r .title h3{float: left;font-size: 22px;font-weight: normal;}
.news .n-r .title a{float: left;font-size: 14px;color: #808080;margin-left: 10px;transition: 0.3s;margin-top: 6px;}
.news .n-r .title a:hover{color: #007DC4;transition: 0.3s;}
.news .n-r ul{}
.news .n-r ul li{padding: 10px 0;border-bottom: 1px solid #d9d9d9;}
.news .n-r ul li a{transition: 0.4s;background: url(../images/qd.png) no-repeat left center;padding-left: 10px;float: left;width: 320px;font-size: 14px;line-height: 27px;}
.news .n-r ul li a:hover{padding-left: 15px;transition: 0.4s;color: #007DC4;}
.news .n-r ul li span{float: right;font-size: 12px;color: #666;}


.link{background: #eef3f5;margin-top: 40px;}
.link ul{height: 90px;background: url(../images/friend-link.png) no-repeat left center;padding-left: 120px;}
.link ul li{float: left;margin: 0 20px;margin-top: 30px;}
.link ul a{line-height: 26px;font-size: 14px;color: #4c4c4c;transition: 0.5s;}
.link ul a:hover{color: #007DC4;transition: 0.5s;}

.footer{background: #1b9be4;height: 55px;}
.footer p{color: white;font-size: 14px;text-align: center;line-height: 55px;}




.nl{padding-top: 40px;}
.subnav{width: 220px;}
.subnav .titles{font-size: 22px;line-height: 60px;height: 60px;background: url(../images/left-nav-top.png) no-repeat;text-align: center;color: white;}
.subnav .navs img{margin-top: 20px;}
.subnav .navs ul{background: #f5f5f5;width: 220px;}
.subnav .navs ul li{background: url(../images/left-nav-line0.png) 170px center no-repeat;}
.subnav .navs ul li a{font-size: 14px;color: #333333;line-height: 50px;padding-left: 50px;height: 50px;display: inline-block;background: url(../images/left-nav-qd0.png) no-repeat 30px center;}
.subnav .navs ul .on{background: url(../images/left-nav-line.png) 170px center no-repeat;}
.subnav .navs ul .on a{background: url(../images/left-nav-qd.png) no-repeat 30px center;height: 50px;color:#007dc4;}
.subnav .navs ul li:hover{background: url(../images/left-nav-line.png) 170px center no-repeat;}
.subnav .navs ul li:hover a{background: url(../images/left-nav-qd.png) no-repeat 30px center;height: 50px;color:#007dc4;}

.now { height: 20px;line-height: 20px;margin-bottom: 10px;border-bottom: 1px solid #d3d3d3;padding: 20px 0;}
.now-l {float: left;background: #fff url(../images/now-qd.png) left center no-repeat; padding-left: 35px; font-size: 14px; color: #333;padding-right: 20px; display: inline-block; *display: inline; *zoom: 1; z-index: 3; }
.now-l a {font-size: 14px; color: #999999; font-size: 14px;}
.now-l i {font-size: 14px;font-style: normal;}
.now .line { border-bottom: 1px solid #d9d9d9; position: absolute; width: 100%; top: 10px;left: 0; *top:-10px;}
.now .now-r {float: right; font-size: 20px; color: #333;}

.news-list{width: 940px;background: #FFFFFF;min-height: 600px;}
.news-list ul li>span {width: 3px;height: 3px;margin-right: 8px;margin-top: 8px;margin-top: 18px;}
.news-list ul li a {  font-size: 15px; color: #333;-ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;transition: 0.4s;line-height:30px;}
.news-list ul li a:hover { color: #007DC4; transition: 0.4s;padding-left: 10px;}
.news-list ul li i{float: left;font-size: 12px;color: #7f7f7f;font-style: normal;line-height:40px}
.news-list ul li b { float: right; font-size: 12px;color: #7f7f7f; font-style: normal;font-weight: normal;line-height: 42px;}

.fy{text-align: center;margin: 0 auto;margin-left: 200px;margin-top: 40px;padding-bottom: 40px;}


.nry-hd { text-align: center; border-bottom: 1px dashed #d9d9d9; }
.nry-hd .h3 { font-size: 26px; color: #333; padding-top: 30px;}
.nry-hd .time { font-size: 12px; color: #999; padding: 25px 0 35px; }
.nry-bd p { font-size: 16px; line-height: 34px; color: #595959; margin: 25px 0;}
.nry-bd img { display: block; margin: 25px auto;}
.nr .pn {margin: 30px 0 40px 0;padding-top: 15px;border:1px solid #d9d9d9;padding-bottom: 15px;background: #f7f7f7;padding-left: 20px;}
.nr .pn span{line-height: 10px;display: inline-block;}
.nr .pn a {font-size: 16px;color: #6f6f6f;line-height: 10px;display: inline-block;}
.nr .pn a:hover {color: #007DC4;padding-left: 2px; }