@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.banners{height:auto;}
.fullSlide {width:100%;position:relative;}
.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:auto;overflow:hidden;text-align:center; background-position:center top;}
.fullSlide .bd li a {display:block;height:auto;}
.fullSlide .bd li a img{width:100%;height:auto;}
.fullSlide .hd {position:absolute;z-index:999;bottom:0px;
 width:100%;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:48px;height:8px;margin:1px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#1C79D8;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; 
	height:73px;}
.fullSlide .prev
{
      background:url(../images/left1s.png) no-repeat;
  }
.fullSlide .next {left:auto;right:5%;background:url(../images/right1s.png) no-repeat;}

/**/
.m-bt{text-align: center;font-size: 16px;line-height: 1;color: #989898;font-weight: normal;}
.m-bt b{position: relative;display: block;font-size: 30px;color: #333;margin-bottom: 14px;}
.m-bt b:after{position: absolute;top: 50%;left: 50%;margin-left: -118px;margin-top: -3px;content: "";display: block;width: 42px;height: 4px;background: #989898;}
.m-bt b:before{position: absolute;top: 50%;left: 50%;margin-left: 75px;margin-top: -3px;content: "";display: block;width: 42px;height: 4px;background: #989898;}
.m-bt b a{color: #3e3e3e;}

.pro{padding: 50px 0;height:auto;}
.pro .content{padding-top:50px;}
.pro .content .pro-ul{height: 58px;width: 1230px;}
.pro .content .pro-ul li{float: left;width: 246px;height: 58px;line-height: 58px;text-align: center;background:url(../images/pro_s1.png) no-repeat center top;}
.pro .content .pro-ul li a{display: block;font-size: 16px;color: #fff;}
.pro .content .pro-ul li img{display: inline-block;width: 36px;height: 36px;margin-right: 14px;vertical-align: middle;}
.pro .content .pro-ul li:hover,.pro .content .pro-ul li.cur{background:url(../images/pro_s2.png) no-repeat center top;}
.pro .pro-min{margin-top: 38px;}
.pro .pro-txt{width: 285px;height: 558px;/*background:url(../images/pro_bgs.jpg) no-repeat center top;*/
	box-sizing: border-box;}
.pro .pro-txt img{width: 285px;}
.pro .pro-txt h4{font-size: 18px;color: #fff;margin-bottom: 24px;text-align: center;padding-top: 60px;background:url(../images/pro_sr.png) no-repeat center top;}
.pro .pro-txt dl{width: 234px;margin: 0 auto 64px;height: 248px;background: rgba(255,255,255,.2);padding: 26px 23px 0 23px;box-sizing: border-box;}
.pro .pro-txt dl dt{font-size: 14px;color: #fff;line-height: 28px;margin-bottom: 24px;}
.pro .pro-txt dl dd a{display: block;width: 148px;height: 34px;margin: 0 auto;line-height: 34px;text-align: center;color: #fff;font-size: 14px;border: 1px solid #fff;}
.pro .pro-txt p{font-size: 24px;color: #fff;font-weight: bold;text-align: center;}
.pro .pro-min ul{width: 900px;overflow: hidden;}
.pro .pro-min ul li{float: left;width: 290px;height: 264px;margin: 0 15px 30px 0;border: 2px solid #eee;background: #fbfbfb;box-sizing: border-box; position:relative}
.pro .pro-min ul li img{display: block;width: 274px;height: 178px;margin: 6px;}
.pro .pro-min ul li span{display: block;font-size: 18px;line-height: 70px;color: #535353;text-align: center;font-weight: bold;}
.pro .pro-min ul li.no{margin-right: 0;}
.pro .pro-min ul li .remen{ position:absolute; width:51px; height:51px; top:0px; left:0px}
.pro .pro-min ul li .remen img{ width:51px; height:51px}
.quality {background:#1f2d5c url(../images/qianru.jpg) no-repeat center;height: 570px; margin-top:40px}
.quality .m-bt{text-align: center;font-size: 16px;line-height: 1;color: #989898;font-weight: normal; padding-top:40px}
.quality .m-bt b{position: relative;display: block;font-size: 30px;color: #333;margin-bottom: 14px;}
.quality .m-bt b:after{position: absolute;top: 50%;left: 50%;margin-left: -118px;margin-top: -3px;content: "";display: block;width: 42px;height: 4px;background: #fff;}
.quality .m-bt b:before{position: absolute;top: 50%;left: 50%;margin-left: 75px;margin-top: -3px;content: "";display: block;width: 42px;height: 4px;background: #fff;}
.quality .m-bt b a{color: #fff;}
.tab3 {padding-top: 50px;;}
.tab3 li {float: left;width:25%;height: 263px;background: #ffffff;margin-left: 80px;}
.tab3 li.ml0 {margin-left: 0;}
.tab3 li p {width:100%;height: 190px;margin: 0 auto 10px;padding-top: 15px; text-align:center}
.tab3 li p img{ width:90%;height:190px;}
.tab3 li span,.tab3 li em {display: block;text-align: center;}
.tab3 li span {font: 25px/28px "Microsoft Yahei";color: #1f9c83;padding-top: 18px;}
.tab3 li em {font: 16px/30px "Microsoft Yahei";color: #000;}
.tab3 li:hover {background: #F3D400;}
.tab3 li:hover span {color: #fff;}
.tab3 li:hover em {color: #1f2d5c;}
.bta {width: 448px;height: 56px;margin:60px auto 0;}
.bta a {float: left;width: 200px;height: 54px;margin-right: 20px;border-radius: 8px;border: 2px solid #fff; background:#1f2d5c;font: bold 18px/56px "Microsoft Yahei";color: #fff;text-align: center;}
.bta a:hover {border: 2px solid #fff;background: #F3D400;color: #fff;}


.fa{padding: 40px 0;background:url(../images/fa_bg.jpg) no-repeat center bottom;}
.fa .m-bt b:after{margin-left: -178px;}
.fa .m-bt b:before{margin-left: 134px;}
.fa .content{padding-top: 38px;}
.fa .content ul{height: 215px;border-radius: 8px;padding-top: 76px;margin-bottom: 18px;box-sizing: border-box;background:url(../images/fa_s.jpg) #f5f5f5 no-repeat center 23px;}
.fa .content ul li{width: 160px;float: left;margin-left: 118px;line-height: 48px;border-bottom: 1px dashed #e6e6e6;color: #57525b;    text-align: center;}
.fa .content ul li:hover{ background:#032274;
}
.fa .content ul li:hover a{ color:#fff;}

.fa .content ul li a{font-size: 18px;color: #57525b;}
.fa .content .fa-min p{font-size: 16px;color: #032274;text-align: center;line-height: 50px;}

.pic1{height: 290px;background:url(../images/pic_bg1.jpg) no-repeat center top;}
.pic1 .content{padding-top: 80px;padding-left: 76px;box-sizing: border-box;}
.pic1 .content p{margin-bottom: 12px;padding-left: 84px;background:url(../images/pic_ico1.png) no-repeat left top;font-size: 48px;color: #fff;}
.pic1 .content p span{display: block;font-size: 18px;}
.pic1 .pic-btn a{display: block;width: 128px;height: 40px;line-height: 40px;font-size: 16px;text-align: center;border-radius: 20px;color: #fff;background: #e60012;}

.why{height:756px;background:url(../images/why_bg.jpg) no-repeat center top;padding-top:50px;box-sizing: border-box;}
.why .m-bt b:after{margin-left: -166px;}
.why .m-bt b:before{margin-left: 122px;}
.why .content {padding-top: 30px;}
.why .content ul{width: 1240px;margin-left: -20px;overflow: hidden;padding: 20px;}
.why .content ul li{float: left;width: 366px;height: 232px;margin: 0 48px 66px 0;background: #f4f4f4;padding: 10px 30px 0 38px;box-sizing: border-box;border: 2px solid #f4f4f4;box-shadow: 0 0 18px rgba(0,0,0,.2);cursor: pointer;}
.why .content ul li.no{margin-right: 0;}
.why .content ul li h4{padding-left:68px;font-size: 30px;line-height: 50px;color: #131873;font-weight: normal;}
.why .content ul li.li1 h4{background:url(../images/why_ico1.png) no-repeat 0px top;} 
.why .content ul li.li2 h4{background:url(../images/why_ico2.png) no-repeat 0px top;} 
.why .content ul li.li3 h4{background:url(../images/why_ico3.png) no-repeat 0px top;} 
.why .content ul li.li4 h4{background:url(../images/why_ico4.png) no-repeat 0px top;} 
.why .content ul li.li5 h4{background:url(../images/why_ico5.png) no-repeat 0px top;} 
.why .content ul li.li6 h4{background:url(../images/why_ico6.png) no-repeat 0px top;} 
.why .content ul li.cur h4{color: #1f2d5c;}
.why .content ul li span{display: block;font-size: 16px;color: #5d5d5d;line-height: 1;margin: 16px 0 10px 0;line-height: 20px;}
.why .content ul li p{font-size: 14px;color: #989898;line-height: 24px;color: #989898;}
.why .content ul li.cur{border: 2px solid #1f2d5c;}

.fw{height: 325px;padding-top: 68px;box-sizing: border-box;background:url(../images/fw_bg.jpg) no-repeat center top;}
.fw .m-bt{color: #032274;}
.fw .m-bt b a{color: #032274;}
.fw .m-bt b:after{margin-left: -186px;background: #032274;}
.fw .m-bt b:before{background: #032274;margin-left: 140px;}
.fw .content{padding-top: 70px;}
.fw .content ul{overflow: hidden;margin: 0 auto;
    width: max-content;}
.fw .content ul li{float: left;margin-right: 30px;}
.fw .content ul li a{display: block;padding: 0 38px;height: 48px;line-height: 48px;border: 1px solid #fff;text-align: center;border-radius: 24px;font-size: 18px;color: #fff;
    background-color:#032274;}
.fw .content ul li img{vertical-align: middle;margin-right: 12px;}


.case{padding: 96px 0 0 0;background: #f5f5f5;}
.case .content{padding-top: 60px;overflow: hidden;}
.case .content dl{position: relative;float: left;width: 576px;height: 283px;margin-right: 48px;margin-bottom: 80px;}
.case .content dl.no{margin-right: 0;}
.case .content dl dt img{width: 306px;height: 228px;padding: 18px;background: #fff;}
.case .content dl dd{position: absolute;top: -21px;left: 304px;width: 270px;height: 312px;background: #fff;border-radius: 14px;padding: 80px 26px 0 26px;box-sizing: border-box;}
.case .content dl dd h4{font-size: 20px;color: #616161;line-height: 1;margin-bottom: 26px;}
.case .content dl dd p{font-size: 16px;color: #9b9b9b;line-height: 24px;}
.case .content dl dd span{display: block;margin-top: 32px;font-size: 16px;color: #616161;padding-left: 34px;line-height: 24px;background:url(../images/case_ico.png) no-repeat left center;}
.case .content dl.cur dd{border: 1px solid #032274;}
.cy{padding: 30px 0;background: #f5f5f5;}
.cy .m-bt b:after{margin-left: -152px;}
.cy .m-bt b:before{margin-left: 108px;}
.cy .content .cy-min{position: relative;height: 400px;margin-top: 48px;}
.cy .content .cy-min .cy-ul{position: absolute;top: 0;left: 0;width: 100%;z-index: 999;
 height:338px;}
.cy .content .cy-min .cy-ul li{position: relative;float: left;width: 400px !important;background:url(../images/cy_roll2.png) no-repeat center top;}
.cy .content .cy-min .cy-ul li{font-size: 18px;color: #3e3e3e;line-height: 70px;padding-left: 80px;box-sizing: border-box;cursor: pointer;}
.cy .cy-btn{position: absolute;top: 14px;width: 1245px;margin-left: -22px;}
.cy .cy-cont{position: absolute;
    margin-top:-305px;}
.cy .content .cy-min .cy-ul li .cy-yer{position: absolute;left: 7px;bottom: -295px;width: 370px;height: 304px;background: #fff;padding: 12px 20px;box-sizing: border-box;display: none;}
.cy .content .cy-min .cy-ul li .cy-yer dl dt{width: 330px;height: 164px;margin-bottom: 22px;}
.cy .content .cy-min .cy-ul li .cy-yer dl dt img{width: 100%;height: auto;}
.cy .content .cy-min .cy-ul li .cy-yer dl dd{font-size: 12px;line-height: 24px;}
.cy .content .cy-min .cy-ul li:hover{background:url(../images/cy_roll1.png) no-repeat center top;color: #fff;}
.cy .content .cy-min .cy-ul li a:hover{color: #fff;}
.cy .content .cy-min .cy-ul li:hover .cy-yer{display: block;color: #333;}


.news{padding: 70px 0;}
.news .content{padding-top: 66px;}
.news .content .news-lit{width: 560px;}
.news .content .news-lit h3{height: 52px;margin-bottom: 38px;border-bottom: 2px solid #dcdcdc;font-size: 16px;color: #3e3e3e;font-weight: normal;line-height: 1;padding-left: 20px;background:url(../images/news_icos.jpg) no-repeat right center;}
.news .content .news-lit h3 span{font-size: 16px;color: #dcdcdc;display: block;text-transform: uppercase;padding-bottom: 10px;}
.news .content .news-lit dl{margin-left: 14px;overflow: hidden;margin-bottom: 20px;}
.news .content .news-lit dl dt{float: left;width: 175px;height: 107px;}
.news .content .news-lit dl dt img{display: block;width: 100%;}
.news .content .news-lit dl dd{float: right;width: 320px;margin-right: 24px;}
.news .content .news-lit dl dd h4{font-size: 16px;color: #3e3e3e;line-height: 1;font-weight: normal;margin-bottom: 10px;}
.news .content .news-lit dl dd h4 b{display: block;font-size: 32px;color: #e60012;padding-bottom: 6px;}
.news .content .news-lit dl dd p{font-size: 14px;color: #989898;line-height: 24px;}
.news .content .news-lit ul{margin-left: 14px;padding-top: 16px;border-top: 2px dashed #dcdcdc;}
.news .content .news-lit ul li{line-height: 38px;overflow: hidden;}
.news .content .news-lit ul li p{float: left;font-size: 14px;color: #3e3e3e;padding-left: 12px;background:url(../images/news_sr.jpg) no-repeat left center;}
.news .content .news-lit ul li span{float: right;font-size: 14px;color: #989898;}
.zz{height: 597px;padding-top: 86px;box-sizing: border-box;background:url(../images/zz_bg.jpg) no-repeat center top;}
.zz .m-bt{color: #fff;}
.zz .m-bt b a{color: #fff;}
.zz .m-bt b:after{background: #fff;}
.zz .m-bt b:before{background: #fff;}
.zz .content{padding-top: 0px;}
.zz .zz-min{position: relative;height: 328px;}
.zz .zz-min .zz-btn1,.zz .zz-min .zz-btn2{position: absolute;top: 207px;width: 47px;height: 47px;}
.zz .zz-min .zz-btn1 img,.zz .zz-min .zz-btn2 img{display: block;width: 100%;}
.zz .zz-min .zz-btn1{left: 0;}
.hcontent{margin-left: 112px;}
.zz .zz-min .zz-btn2{right: 0;}
.zz .zz-min ul{width: 980px;margin: 0 auto;overflow: hidden;
    margin-top:65px !important;}
.zz .zz-min ul li{float: left;width: 228px;margin-right: 18px;}
.zz .zz-min ul li.no{margin: 0;}
.zz .zz-min ul li img{display: block;width: 100%;height: auto;}
.about{height: 760px;padding-top: 82px;box-sizing: border-box;/*background:url(../images/about_bg.jpg) no-repeat center top*/;}
.about .content{margin-top: 48px;}
.about .content dl{width: 1200px;
}
.box6 {padding-top: 55px;}
.box6 dt {float: left;width: 590px;height: 350px;overflow: hidden;margin-right: 25px;}
.box6 dt img {width: 100%;}
.box6 dd {float: left;width: 585px;}
.box6 dd h4 {font: bold 18px "Microsoft Yahei";border-left: 3px solid #00997e;color: #2b2b2b;padding: 0 6px 0px;margin-bottom: 20px;}
.box6 dd p {font: 14px/34px "Microsoft Yahei";color: #666;}
.box6 dd .more {display: block;width: 92px;height: 28px;line-height: 20px;border: 2px solid #666;text-align: center;float: left;margin-top: 20px;margin-right: 20px;font: bold 14px/28px "Microsoft Yahei";color: #2b2b2b;}

.about .content ul{margin-top: 54px;overflow: hidden;}
.about .content ul li{float: left;width: 200px;height: 60px;margin-left: 30px;}
.about .content ul li a{display: block;width: 200px;height: 60px;line-height: 60px;font-size: 16px;color: #fff;background:url(../images/about_s1.png) no-repeat center center;}
.about .content ul li img{width: 40px;height: 40px;margin-top: -5px;margin: -5px 32px 0 6px;vertical-align: middle;}
.about .content ul li a:hover{color: #1e4e96;font-weight: bold;background:url(../images/about_s2.png) no-repeat center center;}
.titles{height: 501px;padding-top: 110px;box-sizing: border-box;background:url(../images/titles_bg.jpg) no-repeat center top;}

.titles ul{overflow: hidden;}
.titles ul li{float: left;width: 266px;height: 244px;padding: 32px 28px 0 28px;box-sizing: border-box;border-left: 1px solid #fff;}
.titles ul li.li1{border-left:  none;}
.titles ul li .titles-befor p{font-size: 14px;line-height: 28px;color: #fff;}
.titles ul li .titles-befor span{display: block;text-align: center;font-size: 12px;color: #fff;padding-top: 65px;}
.titles ul li .titles-befor{display: block;}
.titles ul li .titles-after{display: none;}

.titles ul li .titles-after dl{float: left;width: 392px;padding: 0 18px;box-sizing: border-box;}
.titles ul li .titles-after dl dt{font-size: 24px;color: #fff;line-height: 30px;margin-bottom: 24px;}
.titles ul li .titles-after dl dt a{color: #fff;}
.titles ul li .titles-after dl dd span{display: block;font-size: 12px;color: #fff;margin-bottom: 12px;}
.titles ul li .titles-after dl dd p{font-size: 14px;color: #fff;line-height: 28px;margin-bottom: 22px;}
.titles ul li .titles-after dl dd a{display: block;width: 195px;line-height: 40px;padding-left: 32px;box-sizing: border-box;font-size: 18px;color: #fff;background:url(../images/case_ico.png) #F3D400 no-repeat 150px center;}
.titles ul li.cur{width: 392px;height: 286px;padding: 0;}
.titles ul li.cur .titles-befor{display: none;}
.titles ul li.cur .titles-after{display: block;}