/*@import "/Skins/Default/resetcommon.css";*/

/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}










*{margin:0;padding:0;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
html{-webkit-tap-highlight-color:transparent}
body {
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    font-size: 16px;
    color: #000000;
}
.clearfix:after,.clearfix:before,.container:after,.container:before,.row .row-no-gutter:after,.row .row-no-gutter:before,.row:after,.row:before {display: table;content: " "}
.clearfix:after,.container:after,.row .row-no-gutter:after,.row:after {clear: both}
address,hgroup,article,aside,figure,footer,header,main,nav,section{display:block}
a{color:inherit;text-decoration:none;outline:0;cursor:pointer;blr:expression(this.onFocus=this.blur())}
/*::-moz-selection{color:#87bb46;background:#fff}
::selection{color:#87bb46;background:#fff}*/
li{list-style:none}
:focus{outline:0;noFocusLine:expression(this.onFocus=this.blur())}
img{border:none;}
.blue{color:#009ad8;}
.hide{display:none;}
.bg-bai{background-color: #fff; }
.bg-hui{background-color: #f9f9f9; }
.bg-hei{background-color: #252525; }
.fl{float: left;}
.fr{float: right;}
.line30{clear: both;height:30px;}
.color{ color: #000000;}
.display-none{display: none; }
.display-block{display:block; }
.container{margin:0 auto;width:1200px; font-size: 14px;color:#333;}
.container:after{content:'';display:block;clear:both;}


.layui-container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box}
.layui-fluid{position:relative;margin:0 auto;padding:0 15px}
.layui-row:after,.layui-row:before{content:'';display:block;clear:both}
.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{position:relative;display:block;box-sizing:border-box}
.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{float:left}
.layui-col-xs1{width:8.33333333%}
.layui-col-xs2{width:16.66666667%}
.layui-col-xs3{width:25%}
.layui-col-xs4{width:33.33333333%}
.layui-col-xs5{width:41.66666667%}
.layui-col-xs6{width:50%}
.layui-col-xs7{width:58.33333333%}
.layui-col-xs8{width:66.66666667%}
.layui-col-xs9{width:75%}
.layui-col-xs10{width:83.33333333%}
.layui-col-xs11{width:91.66666667%}
.layui-col-xs12{width:100%}
.layui-col-xs-offset1{margin-left:8.33333333%}
.layui-col-xs-offset2{margin-left:16.66666667%}
.layui-col-xs-offset3{margin-left:25%}
.layui-col-xs-offset4{margin-left:33.33333333%}
.layui-col-xs-offset5{margin-left:41.66666667%}
.layui-col-xs-offset6{margin-left:50%}
.layui-col-xs-offset7{margin-left:58.33333333%}
.layui-col-xs-offset8{margin-left:66.66666667%}
.layui-col-xs-offset9{margin-left:75%}
.layui-col-xs-offset10{margin-left:83.33333333%}
.layui-col-xs-offset11{margin-left:91.66666667%}
.layui-col-xs-offset12{margin-left:100%}
@media screen and (max-width:768px){.layui-hide-xs{display:none!important}
.layui-show-xs-block{display:block!important}
.layui-show-xs-inline{display:inline!important}
.layui-show-xs-inline-block{display:inline-block!important}
}
@media screen and (min-width:768px){.layui-container{width:750px}
.layui-hide-sm{display:none!important}
.layui-show-sm-block{display:block!important}
.layui-show-sm-inline{display:inline!important}
.layui-show-sm-inline-block{display:inline-block!important}
.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9{float:left}
.layui-col-sm1{width:8.33333333%}
.layui-col-sm2{width:16.66666667%}
.layui-col-sm3{width:25%}
.layui-col-sm4{width:33.33333333%}
.layui-col-sm5{width:41.66666667%}
.layui-col-sm6{width:50%}
.layui-col-sm7{width:58.33333333%}
.layui-col-sm8{width:66.66666667%}
.layui-col-sm9{width:75%}
.layui-col-sm10{width:83.33333333%}
.layui-col-sm11{width:91.66666667%}
.layui-col-sm12{width:100%}
.layui-col-sm-offset1{margin-left:8.33333333%}
.layui-col-sm-offset2{margin-left:16.66666667%}
.layui-col-sm-offset3{margin-left:25%}
.layui-col-sm-offset4{margin-left:33.33333333%}
.layui-col-sm-offset5{margin-left:41.66666667%}
.layui-col-sm-offset6{margin-left:50%}
.layui-col-sm-offset7{margin-left:58.33333333%}
.layui-col-sm-offset8{margin-left:66.66666667%}
.layui-col-sm-offset9{margin-left:75%}
.layui-col-sm-offset10{margin-left:83.33333333%}
.layui-col-sm-offset11{margin-left:91.66666667%}
.layui-col-sm-offset12{margin-left:100%}
}
@media screen and (min-width:992px){.layui-container{width:970px}
.layui-hide-md{display:none!important}
.layui-show-md-block{display:block!important}
.layui-show-md-inline{display:inline!important}
.layui-show-md-inline-block{display:inline-block!important}
.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9{float:left}
.layui-col-md1{width:8.33333333%}
.layui-col-md2{width:16.66666667%}
.layui-col-md3{width:25%}
.layui-col-md4{width:33.33333333%}
.layui-col-md5{width:41.66666667%}
.layui-col-md6{width:50%}
.layui-col-md7{width:58.33333333%}
.layui-col-md8{width:66.66666667%}
.layui-col-md9{width:75%}
.layui-col-md10{width:83.33333333%}
.layui-col-md11{width:91.66666667%}
.layui-col-md12{width:100%}
.layui-col-md-offset1{margin-left:8.33333333%}
.layui-col-md-offset2{margin-left:16.66666667%}
.layui-col-md-offset3{margin-left:25%}
.layui-col-md-offset4{margin-left:33.33333333%}
.layui-col-md-offset5{margin-left:41.66666667%}
.layui-col-md-offset6{margin-left:50%}
.layui-col-md-offset7{margin-left:58.33333333%}
.layui-col-md-offset8{margin-left:66.66666667%}
.layui-col-md-offset9{margin-left:75%}
.layui-col-md-offset10{margin-left:83.33333333%}
.layui-col-md-offset11{margin-left:91.66666667%}
.layui-col-md-offset12{margin-left:100%}
}
@media screen and (min-width:1200px){.layui-container{width:1170px}
.layui-hide-lg{display:none!important}
.layui-show-lg-block{display:block!important}
.layui-show-lg-inline{display:inline!important}
.layui-show-lg-inline-block{display:inline-block!important}
.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9{float:left}
.layui-col-lg1{width:8.33333333%}
.layui-col-lg2{width:16.66666667%}
.layui-col-lg3{width:25%}
.layui-col-lg4{width:33.33333333%}
.layui-col-lg5{width:41.66666667%}
.layui-col-lg6{width:50%}
.layui-col-lg7{width:58.33333333%}
.layui-col-lg8{width:66.66666667%}
.layui-col-lg9{width:75%}
.layui-col-lg10{width:83.33333333%}
.layui-col-lg11{width:91.66666667%}
.layui-col-lg12{width:100%}
.layui-col-lg-offset1{margin-left:8.33333333%}
.layui-col-lg-offset2{margin-left:16.66666667%}
.layui-col-lg-offset3{margin-left:25%}
.layui-col-lg-offset4{margin-left:33.33333333%}
.layui-col-lg-offset5{margin-left:41.66666667%}
.layui-col-lg-offset6{margin-left:50%}
.layui-col-lg-offset7{margin-left:58.33333333%}
.layui-col-lg-offset8{margin-left:66.66666667%}
.layui-col-lg-offset9{margin-left:75%}
.layui-col-lg-offset10{margin-left:83.33333333%}
.layui-col-lg-offset11{margin-left:91.66666667%}
.layui-col-lg-offset12{margin-left:100%}
}
.layui-col-space1{margin:-.5px}
.layui-col-space1>*{padding:.5px}
.layui-col-space3{margin:-1.5px}
.layui-col-space3>*{padding:1.5px}
.layui-col-space5{margin:-2.5px}
.layui-col-space5>*{padding:2.5px}
.layui-col-space8{margin:-3.5px}
.layui-col-space8>*{padding:3.5px}
.layui-col-space10{margin:-5px}
.layui-col-space10>*{padding:5px}
.layui-col-space12{margin:-6px}
.layui-col-space12>*{padding:6px}
.layui-col-space15{margin:-7.5px}
.layui-col-space15>*{padding:7.5px}
.layui-col-space18{margin:-9px}
.layui-col-space18>*{padding:9px}
.layui-col-space20{margin:-10px}
.layui-col-space20>*{padding:10px}
.layui-col-space22{margin:-11px}
.layui-col-space22>*{padding:11px}
.layui-col-space25{margin:-12.5px}
.layui-col-space25>*{padding:12.5px}
.layui-col-space30{margin:-15px}
.layui-col-space30>*{padding:15px}
















.top-bg{background-color: #eee;}
.top{height:38px;line-height:38px}
.top .top-left{float:left;font-size:14px;color:#666}
.top .top-right{float:right;font-size:14px;color:#666}
.top .top-right a{margin-left:20px;line-height:38px;font-size:14px;color:#666}
.header{padding-top:23px;height:140px}
.header .logobox{float:left;}
.header h1 img{width:266px;height:66px;display: block;overflow: hidden;}
.header h2{font-size:18px;color:#333;}
.header .mobile-img{float:right;margin-right:5px;margin-top:12px;color:#0771bd}
.header .mobile-img i{font-size:44px}
.header .mobile{float:right;margin-top:0;}
.header .mobile span{padding-left:5px;line-height:15px;font-size:16px;color:#666}
.header .mobile i{font-size:26px;color:#0771bd;font-weight:700}

.ftbg{margin-top:50px; height: 320px;padding-top: 56px; background: url(Img/Index/blue-bg.jpg);}
.footer .footer-logo{float: left;padding-top: 60px; width: 284px; height: 176px;
border-right: 1px solid #e7e7e7;}
.footer .footer-logo h1{margin-top: -20px;}
.footer .footer-logo img{width:239px; height:161px;}
.footer  .footer-box{float: left;margin-left: 5px;}
.footer  .footer-box .f-nav{padding:20px 0 20px 20px; color:#e7e7e7;border-bottom: 1px solid #e7e7e7;;}
.footer  .footer-box .f-nav a{line-height: 22px;font-size: 15px;padding:0 12px; color:#fff;}
.footer  .footer-box .f-nav a:hover{ text-decoration: underline;}
.footer  .footer-box .contact{color:#fff; margin-top: 20px;margin-left: 20px;; line-height: 22px;font-size: 15px;}
.footer  .footer-box .contact  .qrcode{float: right;text-align: center;}
.footer  .footer-box .contact .address{line-height: 22px;font-size: 15px; }


/*.navbox{position:relative;height:60px;background-color:#0771bd;}
.nav{height:60px;color:#fff; overflow:hidden;}
.nav a{display:inline-block;color: #fff;padding:0 33px;
  line-height:60px;font-size:16px;color:#fff;}
.nav a.index,.nav a:hover{background-color:#87bb46;}

.menu ul{}
.menu ul li{ display:block; float:left;}
.menu ul li.index,.menu ul li:hover{background-color:#87bb46;}
.menu ul li a{}*/

.nav ul li.first .nav-a{border-left:0}
.banner .swiper-container{width:100%;height:650px;}
.swiper-pagination-bullet{width: 18px !important;height: 18px !important; background:#fff !important;}
.swiper-pagination-bullet-active{opacity:1;background:#87bb46 !important;}
.swiper-pagination-bullet{bottom:30px !important;}
.swiper-button-next, .swiper-button-prev{top:40% !important;}
.index-banner-1{display:block;width:100%;height:650px;background:url(Img/Index/banner1.jpg) no-repeat center top;background-size:cover}
.index-banner-2{display:block;width:100%;height:650px;background:url(Img/Index/banner2.jpg) no-repeat center top;background-size:cover}
.index-banner-3{display:block;width:100%;height:650px;background:url(Img/Index/banner3.jpg) no-repeat center top;background-size:cover}
.index-banner-4{display:block;width:100%;height:650px;background:url(Img/Index/banner4.jpg) no-repeat center top;background-size:cover}

.serach-bg{ margin-bottom:0px;}
/*.serach-bg{height: 83px;border-bottom:1px solid #e8eaf2;}
.serach{  height: 82px;padding:20px 0; line-height: 42px;}
.serach .search-hot{float: left;}
.serach .search-hot span{font-size: 16px;font-weight: bold}
.serach .search-hot a{font-size: 16px; margin-right: 20px; color: #333;}
.serach .search-button{float: right;height: 42px;}
.serach .search-button .search-input{padding:0 10px;margin:0; vertical-align: top; 
  width:200px;height: 42px;line-height: 42px; 
  background-color: #fff;border:1px solid #eee;border-right:none;}
.serach .search-button .search-btn{margin-left: -10px; display: inline-block; width:42px; height: 42px; line-height: 42px;background-color: #87bb46; text-align: center;}
.serach .search-button .search-btn i{font-size: 22px; color: #fff}*/

.title-box{text-align:center}
.title-box h3{position:relative;/* height:46px; *//* line-height:46px; */font-size:36px;font-weight:700;color:#1071be; margin-bottom:10px; font-family: "微软雅黑";}
.title-box p{line-height:36px;font-size:18px;color:#666;margin-top: -10px;font-family: "微软雅黑";}
.title-box span{font-size: 60px;;}

.productbox{margin-top: 56px;height: 859px;overflow: hidden;}
.product{margin-top: 30px;}
.wrap{float:left;width:300px;height: 740px;overflow:hidden;background-color:#fff;border: 4px solid #1071be;}
.wrap .wrap-title{width:300px;height:130px;line-height:130px;text-align:center;background-image:url(Img/Index/p-title.jpg);font-size:40px;color:#fff;font-weight:700}
.wrap .menu{width: 260px;height:617px;margin:17px 20px 0;}
.wrap .menu .fli{margin-bottom:17px;width:258px; display:inline-block;}
.wrap .menu .fli h4{padding-left:60px;text-align:left;cursor:pointer;position:relative;background:url(Img/Index/xia-1.jpg) 20px 14px #f2f2f2 no-repeat;line-height:46px;font-size:18px;color:#666;border-radius: 8px;display: block;height: 46px;overflow: hidden;}
.wrap .menu .fli .child-ul{width:258px;padding-top:10px;background:#fff;display:none}
.wrap ul li .child-ul li{padding-left:60px;color:#666;line-height:20px;margin-bottom:10px;background:url(Img/Index/zuo.jpg) 40px 7px no-repeat}
.wrap .menu .index h4{background:url(Img/Index/xia-2.jpg) 20px 14px #1071be no-repeat;color:#fff; margin:0 0 10px;}

.pbox{float:right;width:849px; height: 747px; overflow: hidden;}
.pbox .pnav{
  width:846px;height:50px;line-height: 50px;
  border-top:1px solid #eee;border-bottom:1px solid #eee;
}
.pbox .pnav .more{float:right;font-size: 18px;color:#cbced9;}
.pbox .pnav .ps{color:#eee;}
.pbox .pnav .ps a{color:#333; font-size:18px;padding:0 22px;}
.pbox .pnav .ps a:hover,.pbox .pnav .ps a.cur{color:#0771bd;}

.pbox .big{position:relative;margin-top: 30px; width:846px;height:458px;border:1px solid #eee;}
.pbox .big .img{width:846px;height:456px; display:block; overflow:hidden;}
.pbox .big .img img{ width:846px; height:456px; display:block; transition: all 0.5s;}
.pbox .big .ms{position:absolute;width:806px;bottom:0;height:92px;padding:20px;background:url(Img/Index/mbj.png) repeat;color:#fff; display: block;}
.pbox .big .ms a{line-height:30px;font-size:20px}
.pbox .big .ms a:hover{color:#0771bd}
.pbox .big .ms p{line-height:22px}

.pbox .big:hover .img img{transform: scale(1.1, 1.1);}
.pbox .plist li:hover .img img{transform: scale(1.1, 1.1);}

ul.plist{margin-right:-20px;padding-bottom:20px}
ul.plist li{float:left;width:269px;/* height: 205px; */margin-right:20px;margin-top:14px;}
ul.plist li .img{width:269px;height: 147px; display:block; overflow:hidden;border:1px solid #eee;}
ul.plist li .img img{width:267px;height: 147px; display:block;transition: all 0.5s;}
ul.plist li h4{background-color:#f1f1f1;height: 45px;line-height: 40px;text-align:center;color:#666;font-size: 16px;}
ul.plist li h4:hover{color:#0771bd}

.picbox{ position:relative;}
.jp_tit{display:block;width:132px;height:120px;background:url(Img/Index/product-title.png) center top no-repeat;position: absolute;z-index: 999;top: 41px;left: 0;}
.picbig{margin-top: 100px;height: 300px;padding-top: 25px;background: url(Img/Index/blue-bg.jpg);overflow: hidden;position: relative;}
.picbox .pimg{position: relative; width: 297px; height: 206px;}
.picbox .pimg .jingping{position: absolute;top: 0;left: 0;z-index: 2;}
.picbox .pimg .pro{position: absolute;bottom: 0;right:0; width: 290px; height: 159px;}
.picbox h4{ font-size: 16px;color: #fff; margin-top: 10px; text-align: center}

.picbig{}
.picbig .list{ width:290px; height: 255px; display: block; float: left; margin: 0 13px 0 0;}
.picbig .list.no{ margin-right: 0;}
/* #e4e4e4 */

.youshibox{height:645px;padding-top:80px;background:url(Img/Index/youshi-bg.jpg) center top no-repeat}
.youshi{position:relative}
.youshi h4{font-size: 28px;line-height:30px;color:#0771bd;margin-bottom: 15px;}
.youshi p{line-height:20px;font-size: 18px;color:#333;}
.youshi .textR h4{text-align:right}

.youshi div:hover h4{ color:#87BB46;}
.youshi div:hover p{ color:#87BB46;}

.youshi .ys1{position:absolute;left: 50px;top: 95px;}
.youshi .ys2{position:absolute;left: 55px;top: 260px;}
.youshi .ys3{position:absolute;right: 35px;top: 95px;}
.youshi .ys4{position:absolute;right: -10px;top: 260px;}
.youshi .ys5{text-align:center;position:absolute;left:500px;top:300px}
.youshi .num{width:64px;height:64px;line-height:64px;text-align:center;font-size:36px;background-color:#0771bd;color:#fff;border-radius:32px;overflow:hidden}
.youshi .num:hover{background-color:#87bb46}
.youshi .num1{position:absolute;left:290px;top:276px;z-index:2}
.youshi .num2{position:absolute;left:389px;top:138px;z-index:2}
.youshi .num3{position:absolute;right:389px;top:138px;z-index:2}
.youshi .num4{position:absolute;right:290px;top:276px;z-index:2}

.liyoubox{margin-top: 15px;}
.liyou{margin-top:30px;height: 1661px;background: url(Img/Index/liyou-bg.jpg) no-repeat;}
.liyou .ly{width: 600px;}
.liyou .ly h4{font-weight: bold; line-height: 60px; font-size: 32px; color: #0771bd;}
.liyou .ly p{line-height: 32px; font-size: 24px; color: #333;}
.liyou .ly dl{margin-top: 20px;}
.liyou .ly dl dt{float: left;margin-top: 0px; width: 24px; height: 127px;}
.liyou .ly dl dd{ padding-left: 37px;}
.liyou .ly dl dd p{height: 53px;padding-right: 20px;line-height: 21px;font-size: 17px;color: #666666;}
.liyou .ly dl dd span{color:#0771bd;}
.liyou .ly1,.liyou .ly3{float: right;/* margin-left: 80px; */width: 550px;height: 270px;overflow: hidden;}
.liyou .ly2,.liyou .ly4{float: left;}
.liyou .ly2{margin-top: 456px;display: block;height: 270px;overflow: hidden;}
.liyou .ly3{margin-top: 606px;}
.liyou .ly4{margin-top: 656px;display: block;height: 271px;overflow: hidden;}

.fuwubg{margin-top:100px; height: 480px;padding-top: 80px; background: url(Img/Index/blue-bg.jpg);}
.fuwubg .title-box h3,.fuwubg .title-box p{ color:#fff;}
.fuwu{margin-top: 30px;color:#fff;  }
.fuwu ul .img{ float: left;width:116px;text-align: center; }
.fuwu ul .img .imgbox{margin: 0 auto; width:116px; height: 116px;line-height: 116px;
   text-align: center; vertical-align:center; background-image: url(Img/Index/fuwu-bg1.jpg);}
.fuwu ul .img .imgbox i{ font-size: 60px;color:#0771bd;}
.fuwu ul .img .imgbox:hover{ background-image: url(Img/Index/fuwu-bg2.jpg);}
.fuwu ul .img .imgbox:hover i{ color:#fff;}
.fuwu ul .img p{margin-top: 10px; font-size: 18px; line-height: 30px; color: #fff;}
.fuwu ul .icon{ float: left;margin:44px 15px; width:26px; height: 17px;}
.fuwu .lianxi{margin-top: 20px;}
.fuwu .lianxi .mobile-img{float:left;margin-left:390px;margin-top:18px;color:#fff}
.fuwu .lianxi .mobile-img i{font-size:44px}
.fuwu .lianxi .mobile{float:left;margin-left:10px;margin-top:14px}
.fuwu .lianxi .mobile span{padding-left:5px;line-height:26px;font-size:14px;color:#fff}
.fuwu .lianxi .mobile i{font-size:30px;color:#fff;font-weight:700}
.fuwu .lianxi a{margin:27px 30px; display: inline-block; width: 118px;height: 40px;
line-height: 40px;text-align: center;font-size: 18px;color:#fff;border:1px solid #fff;}
.fuwu .lianxi a:hover{background-color: #87bb46;}

.fanganbg{height: 760px; padding-top: 75px; display:block; background:url(Img/Index/fangan_bg.jpg) #f1f4f5 no-repeat center bottom; background-size: 100% 96px; }



.fangan{ margin-top: 46px;}
.fangan ul{position: relative; height: 460px; }
.fangan ul li{ position: absolute; width: 299px; transition: all .2s ease; cursor: pointer; height: 299px; background:url(Img/Index/fa_s1.png) no-repeat center top;}
.fangan ul li.cur{ color: #fff; background:url(Img/Index/fa_s2.png) no-repeat center top;}
.fangan ul li.cur p,.fangan ul li.cur span{ color: #fff; }
.fangan ul li i{ display: block; width: 60px; height: 60px; margin: 70px auto 12px;}
.fangan ul .fali1{ top: 151px; left: 0;}
.fangan ul .fali2{ top: 0; left: 152px;}
.fangan ul .fali3{ top: 151px; left: 305px;}
.fangan ul .fali4{ top: 0; left: 458px;}
.fangan ul .fali5{ top: 151px; left: 611px;}
.fangan ul .fali6{ top: 0; left: 764px;}
.fangan ul .fali7{ top: 151px; left: 917px;}


.fangan ul .fali1 i{
  background:url(Img/Index/fa_ico1.png) no-repeat center top;
}
.fangan ul .fali2 i{
  background:url(Img/Index/fa_ico2.png) no-repeat center top;
}
.fangan ul .fali3 i{
  background:url(Img/Index/fa_ico3.png) no-repeat center top;
}
.fangan ul .fali4 i{
  background:url(Img/Index/fa_ico4.png) no-repeat center top;
}
.fangan ul .fali5 i{
  background:url(Img/Index/fa_ico5.png) no-repeat center top;
}
.fangan ul .fali6 i{
  background:url(Img/Index/fa_ico6.png) no-repeat center top;
}
.fangan ul .fali7 i{
  background:url(Img/Index/fa_ico7.png) no-repeat center top;
}


.fangan ul .fali1.cur i{
  background:url(Img/Index/fa_icos1.png) no-repeat center top;
}
.fangan ul .fali2.cur i{
  background:url(Img/Index/fa_icos2.png) no-repeat center top;
}
.fangan ul .fali3.cur i{
  background:url(Img/Index/fa_icos3.png) no-repeat center top;
}
.fangan ul .fali4.cur i{
  background:url(Img/Index/fa_icos4.png) no-repeat center top;
}
.fangan ul .fali5.cur i{
  background:url(Img/Index/fa_icos5.png) no-repeat center top;
}
.fangan ul .fali6.cur i{
  background:url(Img/Index/fa_icos6.png) no-repeat center top;
}
.fangan ul .fali7.cur i{
  background:url(Img/Index/fa_icos7.png) no-repeat center top;
}

.fangan ul li p{
  text-align: center;
  font-size: 20px;
  color: #333;
  line-height: 26px;
  transition: all .2s ease;
}
.fangan ul li span{
  display: block;
  width: 114px;
  margin: 30px auto 0;
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 42px;
  border-top: 1px solid #e1e1e1; 
  transition: all .2s ease;
}



/*.fanganbg{padding-top: 80px;height: 776px;display:block;width:100%;background:url(Img/Index/fangan-bg.jpg) no-repeat center top;background-size:cover;}
.fangan{position: relative; margin-top: 30px;color:#fff;  }
.fangan a{font-size: 16px;color: #333;}
.fangan a:hover{font-size: 16px;color: #87bb46;}
.fangan .fa1{position: absolute;left: 315px;top: 230px;z-index: 2;}
.fangan .fa2{position: absolute;left: 650px;top: 230px;z-index: 2;}
.fangan .fa3{position: absolute;left: 990px;top: 230px;z-index: 2;}
.fangan .fa4{position: absolute;left: 150px;top: 398px;z-index: 2;}
.fangan .fa5{position: absolute;left: 483px;top: 398px;z-index: 2;color: #fff;}
.fangan .fa6{position: absolute;left: 820px;top: 398px;z-index: 2;}*/

.anlibox{position: relative; margin: 0 auto;width: 1200px; height: 450px; margin-top: 30px;}
.tab-nav{ position: absolute;right: 0;top: 0;width: 600px;height: 56px; z-index:99;}
.tab-nav li{float: left;width:150px;text-align: center;
  height: 56px;line-height: 56px;
  background-color: #8798a0; font-size: 16px;}
  .tab-nav li a{display: inline-block;width:150px; height: 56px; color:#fff;}
  .tab-nav li.cur,.ab-nav li:hover{ background-color: #0771bd;}

.tab-content>.anli{display:none;visibility:hidden}
.tab-content>.active{display:block;visibility:visible}
.fade{opacity:0;transition:opacity .15s linear}
.fade.in{opacity:1}

.anli{width: 1200px; height: 450px;}
.anli .anli-img{float: left;width: 600px;height: 450px;}
.anli .anli-img a{ display:block;width: 600px;height: 450px; overflow:hidden;}
.anli .anli-img img{width: 600px;height: 450px;transition: all 0.5s;}
.anli .anli-img:hover img{transform: scale(1.1, 1.1)}
.anli .anli-ms{float: right;width: 560px;height: 450px;/* padding: 110px 40px 0; */position: absolute;right: 0;top: 110px;}
.anli .anli-ms h3{font-size: 24px;color:#333; line-height: 40px;}
.anli .anli-ms p{margin-top: 10px; font-size: 15px;color:#666; line-height:24px;}
.anli .anli-ms .abox{margin-top: 60px;}
.anli .anli-ms .abox .xq{margin-right: 30px; display: inline-block; width: 122px; height: 40px;line-height: 40px;text-align: center;color:#666; border:1px solid #666;border-radius: 5px;}
.anli .anli-ms .abox .zx{ display: inline-block; width: 122px; height: 40px;line-height: 40px;text-align: center;color:#0771bd; border:1px solid #0771bd;border-radius: 5px;}
.anli .anli-ms a:hover{text-decoration: underline;}

.hezuo{margin-top:30px;}
.hezuo ul{ margin-right:-18px}
.hezuo ul li{float:left;margin-right:18px;margin-bottom: 18px; width:222px;height:126px;border:1px solid #dfdfdf}
.hezuo ul li a{width:196px;height:110px;display: block; overflow:hidden;}
.hezuo ul li a img{width:196px;height:110px; display: block; margin: 8px;transition: all 0.5s;}
.hezuo ul li:hover img{transform: scale(1.1, 1.1)}

.aboutbg{margin-top: 60px; padding-top:40px;height: 839px;display:block;width:100%;;background:url(Img/Index/about-bg.jpg) no-repeat center top;background-size:cover}
.aboutbg .title-box h3,.aboutbg .title-box p{ color:#fff;}
.about{position: relative; }
.about .about-img{position: absolute;top: 80px;z-index: 2;}

.about .about-img a{ width:633px; height:480px; display:block; overflow:hidden;}
.about .about-img a img{ transition: all 0.5s;}
.about .about-img:hover img{transform: scale(1.1, 1.1)}

.about .ms .line{margin-top: 6px; height: 3px;width:96px;background-color: #0771bd;}
.about .ms{position: absolute;top: 120px;left: 580px; z-index: 3; background-color: #fff;
width: 587px;height: 400px;padding: 40px 40px 0;}
.about .ms h3{font-size: 24px;color:#333; line-height: 40px;}
.about .ms  p{margin-top: 10px;margin-bottom: 30px; font-size: 15px;color:#666; line-height:24px;}
.about .ms  .abox{margin-bottom: 20px;}
.about .ms  .abox a{margin-right: 30px; display: inline-block; 
  width: 122px; height: 40px;line-height: 40px;text-align: center;color:#fff;
 background-color: #c3cbcf;  border-radius: 5px;}
.about .ms .abox  a.index,.about .ms .abox  a:hover{background-color: #0771bd;}
.about .ms  a:hover{text-decoration: underline;}

.newsbg{margin-top: 60px;}
.news{width: 1200px; height:540px; overflow:hidden;}
.news .news-nav{float: left; width: 360px;}
.news-nav li{
  position: relative;
  display: block;
  width:155px;
  height: 60px;
  margin-right: 15px;
  float: left;
  }
.news-nav li a{display:block;font-size:18px;height: 60px;line-height:60px;
  text-align:center;color:#fff;background-color: #8899a1;}
  .news-nav li.cur a,.news-nav li:hover a{background-color: #0771bd;}
  .news-nav li.cur::after{width:0;height:0;content:"";position:absolute;
  left:70px;bottom:-8px;
  border-right:10px solid transparent;
  border-top:10px solid #0771bd;
  border-left:10px solid transparent;
}
.news .xian{float: left;margin-top:29px ; height: 1px; width: 760px; background-color: #e1e2e4;}
.news .more{float: right;text-align: right; width: 80px; line-height: 60px; font-size: 15px;color:#999;}
.news-content{margin-top: 40px;;}
.news-content .active{display:block;visibility:visible}
.newsbox{display:none;visibility:hidden}
.newsbox .news-img{float: left;width:600px}
.newsbox .news-img img{width:562px; height:162px; border:1px dashed #efefef;transition: all 0.5s;}

.newsbox .news-img a{width:562px; height:162px; display:block;}
.newsbox .news-img a:hover img{transform: scale(1.05, 1.05)}

.newsbox .news-img h3{margin-top: 30px; text-align: center; line-height: 30px; font-weight: 700; font-size: 18px;;}
.newsbox .news-img p{padding-right:20px; margin-top: 10px; font-size: 15px;color:#666; line-height:24px;}
.newsbox .news-ms{float: right;width: 570px; display: block; overflow: hidden;}
.newsbox .news-ms dl{height: 118px;padding-top:21px;}
.newsbox .news-ms dl dt{float: left;margin-top: 20px; font-size: 14px;color: #999;}
.newsbox .news-ms dl dt b{font-size: 40px;}
.newsbox .news-ms dl dd{margin-left: 80px;}
.newsbox .news-ms dl dd .title{font-weight: 700; font-size: 14px;color:#333; line-height:30px;}
.newsbox .news-ms dl dd p{font-size: 14px;color:#666; line-height:22px;}
.dl-border{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}

.links{margin-top:60px; line-height: 30px;}
.links b{ font-size: 16px;color:#0771bd; font-weight: 900;}
.links span{padding:3px 5px; background-color: #0771bd;color:#fff;}
.links a{margin-left: 20px;}
.links a:hover{color: #158fc7;}

/******************************广告*********************************/
.banners{height: 650px; overflow:hidden;}
.fullSlide {width:100%;position:relative;height:650px; overflow:hidden;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:650px;overflow:hidden;text-align:center;background-position:center top;background-repeat: no-repeat;}
.fullSlide .bd li a {display:block;height:650px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:100px;height:8px;margin:1px;overflow:hidden;background:#fff;line-height:999px;margin:0 5px;}
.fullSlide .hd ul .on {background:#0771BD;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:45%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;
filter:alpha(opacity=50);opacity:0.5;display:none;width:35px; height:80px;}
.fullSlide .prev{background: #0771BD url(img/Index/letf-an.png) no-repeat;}
.fullSlide .next{left:auto;right:5%;background:#0771BD url(img/Index/right-an.png) no-repeat;}