@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color: #666;}
a:hover{text-decoration:none;}
.clear{clear:both;}

body{ font-family:Arial; font-size:14px; color:#666; overflow-x:hidden;}
.main{ width: 1390px; margin:0 auto;}

/*header*/
.header{ width:100%;height: 97px;background: url(../images/navbg.png) repeat; position: absolute; left: 0; top: 0; z-index: 999;}
.header h1{float: left; padding-top: 16px;}
.header ul{ float: right; padding-right: 65px;}
.header ul li{ float: left; width: 160px;margin-left: 1px;}
.header ul li a{ line-height: 97px; display: block; color: #fff; text-align: center; font-size: 16px;}
.header ul li a:hover{background:#0751be}
.header ul li a.on{background:#0751be}
.nav-ico{float: right;padding-top:39px;}
/*banner*/
.banner{height: 800px; position: relative;}
.c-banner{width: 100%;}
.c-banner img{width: 100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{position: absolute;display: none;opacity: 0; width: 100%;left: 0; top: 0; z-index: 0; height: 800px;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .nexImg,.c-banner .preImg{width:62px; height:62px; position: absolute;top: 50%;margin-top: 17px;opacity:1;z-index: 10;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .nexImg{right: 35px;}
.c-banner .preImg{left: 35px;}
.c-banner .nexImg img,.c-banner .preImg img{}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 30px;height: 30px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}
/*about*/
.about{position: relative; line-height: 30px; padding-top: 58px;}
.about span{font-size: 20px; color: #414141; font-weight:bold; line-height: 84px;}
/* .about1{position: absolute; top: -147px; right: 0;} */
.about1{position: absolute; top: 70px; right: 0;}
.about1 img{height:280px; width: 330px;}
.about2{padding-top: 90px; float: left;}
.about3{float: left; padding: 123px 0 0 65px;}
/*icons*/
.icons{height: 443px; background: url(../images/kuaibg.jpg) no-repeat center center; margin-top: 80px;}
.icons-main{ width: 1535px; margin: 0 auto; overflow: hidden;}
.icons dl{ float: left; padding: 96px 115px 0; text-align: center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.icons dl:hover{padding-top: 70px;}
.icons dl dt{border-radius: 50%; border:#fff solid 1px; padding: 30px; }
.icons dl dd{color:#cbcbcb; font-size: 16px; line-height: 45px; padding-top: 30px;}
.icons dl dd span{ display: block; font-size: 24px; color: #fff; font-weight: bold;}
/*partner*/
.partner{}
.partner .title{ font-size: 30px; color: #0b0c10; text-align: center; line-height: 32px; padding:85px 0 0;}
.partner .title span{ font-size: 18px;color: #7a7a7a; display: block; letter-spacing: .5px;}
.partner ul{overflow: hidden; padding-top: 33px;}
.partner ul li{ float: left; text-align: center; width: 231px; height: 108px;background: url(../images/partnerbg.jpg) no-repeat center center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.partner ul li:hover{background: url(../images/partnerbg-on.png) no-repeat center center;}
/*footer*/
.footer{height: 310px;padding-top: 65px; background: #212121; color: #fff; margin-top:50px;}
.footer .logo{float: left; width: 288px; padding:87px 0 0 63px; height: 174px;border-right: #434343 solid 1px;}
.footer-middle{float: left; width: 597px; height: 259px; border-left: #0d0d0d solid 1px; border-right: #434343 solid 1px; padding: 0 0 0 84px;}
.footer-nav{font-size: 16px; padding-bottom: 67px;}
.footer-nav a{color: #fff;}
.footer-nav .line{ color: #828282; font-size: 14px; padding:0 39px;}
.footer-contact{padding-bottom: 23px;}
.footer-contact span{ font-size: 26px;}
.footer-contact img{ vertical-align: middle; margin-right: 21px;}
.qr-code{float: right;width:330px;padding:8px 0 0 0; text-align: center; font-size: 18px; line-height: 33px;}
.qr-code img{margin-bottom: 5px;}
.qr-code span{font-size: 13px;color: #bcbcbc; display: block;}
.copyright{ text-align: center;color: #8a8a8a; line-height: 76px;}
.copyright span{padding:0 20px;}

/* 内页 */
.sub-banner{height: 536px;}
.sub-content{padding-top: 80px;}
.sub-about{font-size: 16px;color: #666; line-height: 40px;}
.sub-contact{ line-height: 64px; font-size: 20px;color: #414141;}
.sub-news{padding:10px 0 30px;}
.sub-news a{display: block;background: #f9f9f9;}
.sub-news a dl{ padding:26px;margin-bottom: 30px;}
.sub-news a dl dt{padding-left:21px; border-left:#165bc2 solid 4px; font-size: 20px; font-weight: bold; color: #333; line-height: 20px;}
.sub-news a dl dd{ font-size: 16px; color: #666; line-height: 29px; padding:16px 0 0 25px;}
.sub-news a dl dd span{ display: block; color: #000; padding-top: 13px;}
.sub-news a:hover{background: #165bc2;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub-news a:hover dl dt,.sub-news a:hover dl dd,.sub-news a:hover dl dd span{color:#fff;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.sub-news .title{font-size: 26px; color: #333; font-weight: bold; text-align: center;}
.sub-news .tips{font-size: 16px; color: #888; text-align: center; border-bottom: #e7e7e7 dashed 1px; padding:20px 0 30px;}
.sub-news .img{ text-align: center; padding:50px 0;}
.sub-news .content{line-height: 40px; font-size: 16px; color: #666; text-indent: 2em; padding-bottom: 110px; border-bottom: #e7e7e7 dashed 1px;}
.pageturning{ font-size:16px;color: #666; line-height: 40px; padding:5px 250px 40px 0; position: relative;}
.pageturning li{ height: 40px; overflow: hidden;}
.pageturning li a{ color: #666;}
.pageturning li a:hover{ color: #165bc2;}
.turn a{ display: block; width: 89px; height: 38px; line-height: 38px; color: #fff; position: absolute; top: 13px; right: 0;background: url(../images/turn.jpg); padding-left: 54px;}
.turn a:hover{background: url(../images/turnon.jpg); }

/* 翻页 */
.pages {font-size:14px; display:block; color:#333; text-align:center; line-height:35px;padding:20px 0;}
.pages a { color:#333;border:1px solid #ddd; background:#fff; padding:9px 14px; margin:0 5px; -moz-transition: all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.pages a:hover {border:1px solid #165bc2; color:#fff; background:#165bc2;}
.pages a:active {border:#165bc2 1px solid; color:#fff; background:#165bc2;}
.pages a.current {border:#165bc2 1px solid; color:#fff; background:#165bc2;}
.pages a.disabled {border:#ddd 1px solid; color:#777; margin:0 3px; background:#fff; }




/* banner */
.slideBox{ width:100%; height:800px; overflow:hidden; position:relative; }
.slideBox .hd{ z-index:99; height: 60px; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ display: inline-block; margin:0 5px;  width:34px; height:5px;background:#fff; cursor:pointer; font-size: 0; opacity: .9; }
.slideBox .hd ul li.on{ background:#0751be; color:#fff;  opacity: 1;}

.slideBox .bd{ position:relative; height:800px; z-index:0; }
.slideBox .bd li{ zoom:1; height:800px; vertical-align:middle; }
/* .slideBox .bd img{  height:800px; display:block;  } */

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:2%; top:50%; margin-top:0; display:block; width:70px; height:70px;  background:url(../images/j1.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:2%;  background:url(../images/j2.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;  }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }