@charset "utf-8";

/* CSS Document */



a:hover {text-decoration:none;}





h2.h2_title {padding-top: 55px;text-align: center;font-weight: normal;}

h2.h2_title a {color: #333;font-size: 50px; font-weight:bold}

h2.h2_title span {color: #333;font-size: 30px;}

.pTit {margin-bottom: 35px;text-align: center;}

.pTit em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 480px;height: 9px;}

.pTit em.eml {background: url(../images/titl01.png) no-repeat right center;}

.pTit em.emr {background: url(../images/titr01.png) no-repeat left center;}

.pTit span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 240px;text-align:center;font-size: 16px;color: #b7b7b7;font-weight: 100;}













/* banner */

.banner{ overflow:hidden; width:100%;}

#flashs{ position:relative; height:750px; overflow:hidden;}

#flashs .btn{ position: absolute;left: 50%;width: 600px;margin-left: -300px;bottom: 38px;text-align: center;z-index: 998;}

#flashs .btn span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 61px;height: 2px;background: #0a3754;margin: 0 4px;cursor: pointer;}

#flashs .btn span.cur {background: #fff;}



#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}

#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}

#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}

#flashs:hover .bot{display: block;}





/* search部分 */

.wrap-search {background: #f6f6f6;padding: 13px 0;}

.search .keyword {float: left; font-size: 20px;color: #666;height: 33px;width: 890px}

.search .keyword span {float: left;width:120px;height: 40px;line-height: 40px;color: #333333;font-weight: bold;}

.search .keyword b {color: #25AF5F;}

.search .keyword p {height: 14px;line-height: 14px; }

.search .keyword p a {float: left;height: 40px;line-height: 40px; color: #666;font-size: 18px;padding: 0 9px;}

.search .keyword p a:hover {color: #0b6bb1;}

.search .keyword a:first-child {padding-left: 0;border-left: none;}

.search .inp {float: right;width: 280px; height: 40px;overflow: hidden;border: 1px solid #dfdfdf;padding:0 13px;background: #fff;border-radius: 27px;}

.search .inp input {float: left; border:none;height: 40px;line-height: 40px;width: 225px;float: left;text-indent: 12px;font-size: 14px;color: #999;background: none;}

.search .inp span {display: block;float: right; width: 40px;height: 40px;cursor: pointer;}

.search .inp span i {display: block;width: 40px;height: 40px;background: url(../images/search.png) no-repeat center;}



/*菜单*/



#menu{height: 58px;background:#0b6bb1/* url("../images/nenubg.png") center no-repeat*/;transition: 0.3s;-webkit-transition:0.2s;}

/*.menu .l{width: 174px;height: 64px;float: left;}*/

.menu .r{width: 1200px;height: 58px;float: right;}

.menu .r li{width: 120px;height: 100%;float: left;height: 55px;background: url("../images/mline.png") right center no-repeat;}

.menu .r li:nth-child(0){background:none;}

.menu .r li .son{width: 100%;height: 58px;position: relative}

.menu .r li .son .a{display: block;width: 100%;height: 100%;line-height: 58px;text-align: center;color: #fff;font-size: 16px;

    /*transition: 0.3s;-webkit-transition: 0.3s;box-sizing: border-box  延迟点击效果*/}

.menu .r li .son .xiala{position: absolute;left: 0px;width: 120px;z-index: 10;

    box-sizing: border-box;top: 69px;opacity: 0;transition: 0.4s;-webkit-transition: 0.4s;transition-timing-function:ease;visibility: hidden;

    box-shadow: 0px 4px 7px #888888;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;overflow: hidden;

    transform: translateY(20px);-webkit-transform: translateY(20px);

;}

.menu .r li .son .xiala1{opacity: 1;transform: translateY(-11px);visibility: visible}

.menu .r li .son .xiala .s{width: 100%;height: 10px;background: url("../images/xiala.png") top center no-repeat;}

.menu .r li .son .xiala .line{width: 100%;height: 0;display: none;margin: 0 auto;height: 3px;background:#00309a}

.menu .r li .son .xiala dl{width: 100%;background: #fff;background-color: rgba(0, 0, 0, 0.7) !important;/*border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/}

.menu .r li .son .xiala dt{width: 100%;margin: 0 auto;height: 44px;border-bottom: 1px solid #eee;

}

.menu .r li .son .xiala dt a{display: block;width: 100%;height: 100%;line-height: 44px;font-size: 15px;color: #FFF;

    text-align: center;transition: 0.3s;-webkit-transition: 0.3s;

}

.menu .r li .son .xiala dt a:hover{background-color: #399ee8  !important;color: #FFF!important;}



.menu .r li .son a:hover{background: #e5670a;color: #FFF!important;}

.menu .r li .son:hover{background: #000;}

.menu .r li .son:hover a{ color:#FFF}



.menu .r li .son .cz{color: #00309a;background: url("../images/xl1.png") right 14px top 11px no-repeat;

    background-size: 11px;font-size: 16px;}



/*.menus{position: fixed;z-index: 20;top: 20px;left: 0;transform: translateY(-20px);-webkit-transform: translateY(-20px)}*/







/**/

.product {background: #f5f5f5; padding-bottom:40px; padding-top:40px;}

.product .conleft {width: 265px;background: #fff;}

.product .conleft h3 img {display: block;}



.conleft span a {padding-left: 30px !important;

    color: #FFF !important;

    font-weight: bold !important;

    font-size: 22px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding-right: 3px;

    line-height: 60px;}

	

.product .conleft .proList a{ color:#000}

.lanse_biaoti{font-size: 24px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding-right: 3px; line-height:60px;}

.lanse_biaoti a{ padding-left:30px !important; color:#FFF !important; font-weight:bold !important; }

.product .conleft .proList li {padding-left: 25px;background: url(../images/proicon01.png) no-repeat 10px center;font-size: 18px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding-right: 3px; line-height:70px; border-bottom:1px dashed #999}

.product .conleft .proList li:hover {background: url(../images/proicon02.png) no-repeat 10px center;}

.product .conleft .proList li:hover a {color: #0b6bb1;}

.product .conleft .proTel {height: 201px;background: url(../images/protel.jpg) no-repeat center; margin-top:15px}

.product .conleft .proTel p {padding: 30px 0 0 85px;color: #fff;}

.product .conleft .proTel p i {display: block;}

.product .conleft .proTel p span {display: block;font-size: 22px;}

.product .conright {width: 910px;}

.product .conright dl {float: left;width: 275px; border:#E6E6E6 solid 8px;background: #fff;margin:0px 12px 13px 0px;}

.product .conright dl:nth-child(1){margin-left: 0;}

.product .conright dl:nth-child(4){margin-left: 0;}

.product .conright dl:nth-child(7){margin-left: 0;}

.product .conright dl dt {height: 275px;overflow: hidden;}

.product .conright dl dt img {display: block;width: 275px;height: 275px;transition: all 0.5s;}

.product .conright dl dd { background:#e6e6e6;padding-top:5px;text-align: center;font-size: 20px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;line-height: 31px;}

.product .conright dl dd a {color: #333;}

.product .conright dl:hover dt img {transform: scale(1.1);}

.product .conright dl:hover dd a {color: #0b6bb1;}









.ys2{ overflow: hidden; width: 100%; background: #fff; margin-top:85px;}

.ys2 .yshh2{ width: 100%;}

.ys2 .ysTit2{ overflow: hidden; background: url("../images/hengfu91.jpg") no-repeat center; height:200px; text-align: center}

.ys2 .ysTit2 h2{ font-size:48px; margin-top:45px; color: #FFF;}

.ys2 .ysTit2 h2 b{ font-size: 65px; color: #FFF}

.ys2 .ysTit2 p{ font-size: 24px; margin-top: 10px; color: #FFF;}



.ys3{ overflow: hidden; width: 100%; background: #fff; margin-top:85px;}

.ys3 .yshh3{ width: 100%;}

.ys3 .ysTit3{ overflow: hidden; background: url("../images/hengfu23.jpg") no-repeat center; height: 200px; text-align: center}

.ys3 .ysTit3 h2{ font-size:48px; margin-top:53px; color: #FFF;}

.ys3 .ysTit3 h2 b{ font-size: 65px; color: #FFF}

.ys3 .ysTit3 p{ font-size: 24px; margin-top: 10px; color: #FFF;}



.ys4{ overflow: hidden; width: 100%; background: #F8F8F8;}

.ys4 .yshh4{ width: 100%;}

.ys4 .ysTit4{ overflow: hidden; background: url("../images/hengfu24.jpg") no-repeat center; height: 200px; text-align: center}

.ys4 .ysTit4 h2{ font-size:48px; margin-top:45px; color: #FFF;}

.ys4 .ysTit4 h2 b{ font-size: 65px; color: #333333}

.ys4 .ysTit4 p{ font-size: 24px; margin-top: 10px; color: #FFF;}



.ys5{ overflow: hidden; width: 100%; background: #fff;}

.ys5 .yshh5{ width: 100%;}

.ys5 .ysTit5{ overflow: hidden; background: url("../images/hengfu25.jpg") no-repeat center; height: 200px; text-align: center}

.ys5 .ysTit5 h2{ font-size:48px; margin-top:45px; color: #FFF;}

.ys5 .ysTit5 h2 b{ font-size: 65px; color: #FFF}

.ys5 .ysTit5 p{ font-size: 24px; margin-top: 10px; color: #FFF;}



.ys6{ overflow: hidden; width: 100%; background: #fff; margin-top:85px;}

.ys6 .yshh6{ width: 100%;}

.ys6 .ysTit6{ overflow: hidden; background: url("../images/hengfu26.jpg") no-repeat center; height: 200px; text-align: center}

.ys6 .ysTit6 h2{ font-size:48px; margin-top:53px; color: #FFF;}

.ys6 .ysTit6 h2 b{ font-size: 65px; color: #FFF}

.ys6 .ysTit6 p{ font-size: 24px; margin-top: 10px; color: #FFF;}



.ys7{ overflow: hidden; width: 100%; background: #fff;}

.ys7 .yshh7{ width: 100%;}

.ys7 .ysTit7{ overflow: hidden; background: url("../images/hengfu27.jpg") no-repeat center; height: 200px; text-align: center}

.ys7 .ysTit7 h2{ font-size:48px; margin-top:53px; color: #FFF;}

.ys7 .ysTit7 h2 b{ font-size: 65px; color: #FFF}





.ys8{ overflow: hidden; width: 100%; background: #fff;}

.ys8 .yshh8{ width: 100%;}

.ys8 .ysTit8{ overflow: hidden; background: url("../images/hengfu92.jpg") no-repeat center; height: 200px; text-align: center}

.ys8 .ysTit8 h2{ font-size:48px; margin-top:63px; color: #0b6bb1;}

.ys8 .ysTit8 h2 b{ font-size: 65px; color: #FFF}

.ys8 .ysTit8 p{ font-size: 24px; margin-top: 15px; color: #000;}



.sandly{ overflow: hidden; width: 100%; background: #f5f5f5; margin-top:85px; padding-bottom:30px;}

.sandly .yshh2{ width: 100%;}

.sandly .ysTit2{ overflow: hidden; background: url("../images/tantou.png") no-repeat center top; height: 300px; text-align: center}

.sandly .ysTit2 h2{ font-size:48px; margin-top:186px; color: #FFF; margin-left:-160px;}

.sandly .ysTit2 h2 b{ font-size: 65px; color: #0b6bb1}

.sandly .ysTit2 p{ font-size: 24px; margin-top: 10px; color: #4c4c4c;}



.tantou2{ overflow: hidden; width: 100%; background: #f5f5f5; margin-top:85px; }

.tantou2 .yshh2{ width: 100%;}

.tantou2 .ysTit2{ overflow: hidden; background: url("../images/tantou2.jpg") no-repeat center top; height: 300px; text-align: center}

.tantou2 .ysTit2 h2{ font-size:48px; margin-top:186px; color: #FFF; margin-left:360px;}

.tantou2 .ysTit2 h2 b{ font-size: 65px; color: #0b6bb1}

.tantou2 .ysTit2 p{ font-size: 24px; margin-top: 10px; color: #4c4c4c;}











/*about*/

.about_sure{ width:1200px; margin:0 auto}

.about_sure p{ text-indent:2em; font-size:20px; line-height:30px; color:#000}



/*品质保障*/

.common{

  width:1200px;

  margin: 0 auto;



}

.itechnology{

  background:#f8f8f8; height:520px;/* url('../images/artbg.png') no-repeat top left*/

}

.itechnology-list{

  margin: 0 -8px ;

}

.itechnology-li{

  float: left;

  width: 23%;

  padding:0 8px 15px;

}

.itechnology-link{

  display: block;

  font-size: 0;

}

.itechnology-img{

/*  padding-bottom: 158.75%;*/

  position: relative;

  overflow: hidden;

}

.itechnology-link:hover .itechnology-img img{

  transform: scale(1.1);

  transition: 0.5s;

}

.itechnology-img img{

  transform: scale(1);

  transition: 0.5s;

}

.itechnology-cont{

  border: 1px solid #f6f6f6;

  box-shadow: 0 2px 5px #e5e5e5;

  padding: 15px 8%;

  border-top: 0;

  background-color: #fff;

}

.itechnology-cont-title{

  font-size: 24px;

  color:#000;

  text-align: center;

  margin-bottom: 10px;

  line-height:36px;

  font-weight:bold;

}

.itechnology-cont-desc{

  font-size:18px;

  line-height: 26px;

  height: 48px;

  overflow: hidden;

  text-align: center;

  color:#999;

}

/*.itechnology-cont span{

  display: inline-block;

  font-size: 0.3125rem;

  padding-left: 20px;

  vertical-align: middle;

}*/

.itechnology-link:hover .itechnology-cont{

  background: #0b6bb1;

}

.itechnology-link:hover .itechnology-cont-title,.itechnology-link:hover .itechnology-cont-desc{

  color: #fff;

}



/* Effect YangFangLing 2018年9月7日 */

.container,.content{

margin-left: auto;

margin-right: auto;

width: 1200px;



}

.Effect{background-color: #f5f5f5;padding-bottom: 25px;position:  relative;z-index: 1;}



.EffectTitle{text-align: center;padding: 10px 0 60px;}

.EffectTitle h3{font-size: 48px;color: #2970f3;background: url(../images/sanxian.png) no-repeat center;}

.EffectTitle p{font-size: 28px;color: #666;margin-top: 20px;}



.EffectCon dl.dl01{background: url(../images/advantage05.jpg) no-repeat bottom;padding-bottom: 72px;}

.EffectCon dl.dl02{background: url(../images/advantage06.jpg) no-repeat bottom;padding-bottom: 72px;}

.EffectCon dl.dl03{background: url(../images/advantage07.jpg) no-repeat bottom;padding-bottom: 72px;}

.EffectCon dl.dl04{background: url(../images/advantage08.jpg) no-repeat bottom;padding-bottom: 72px;}

.EffectCon dl dt{width: 633px;height: 425px;}

.EffectCon dl dt img{display: block;width: 633px;height: 425px;}

.EffectCon dl dt{width: 535px;}

.EffectCon dl dd{margin-top: 60px; width:520px}

.EffectCon dl dd h3{font-size: 36px;color: #0b6bb1;font-weight: normal; width:360px; padding-left:110px; margin-bottom:30px;}

.EffectCon dl dd h3 em{font-size: 24px;color: #666666;text-transform: uppercase;}

.EffectCon dl dd h3 i{width: 74px;height: 2px;background-color: #666666;display: block;margin-top: 25px;margin-bottom: 25px;}

.EffectCon dl dd p{font-size: 18px;color: #666;line-height: 45px;}

/* Effect End */





/* flow */

.flow .dl_bt{ display:block; width:457px; height:90px; margin:0 auto; padding-top:50px; background:url(../images/dlxz_bt_bg.png) no-repeat center;}

.flow .dl_bt h3{font-size:55px; color:#FFF; width:130px; height:63px; line-height:63px; text-align:center;float:left;margin: -15px 10px 10px 80px;}

.flow .dl_bt p{font-size:36px; color:#fff; float:left; width:230px; height:24px; margin-top:-10px;float:left;}

.flow .dl_bt span{font-size:12px; color:#fff; margin-top:20px;float:left;letter-spacing:2.8px}



.flow{width: 100%;background: url(../images/flowbg01.jpg) no-repeat center;height: 500px;}

.flow .index-com-title{padding-top: 38px;}

.flow .index-com-title h2{color: #fff;}

.flow .index-com-title p{color: #fff;}

.flow .conBox1{width: 100%;margin-top: 58px;}

.flow .conBox1 li{float: left;width: 158px;height: 120px;padding-top: 38px;text-align: center;background: url(../images/flowbg02.png) no-repeat center;margin-left: 35px;}

.flow .conBox1 li:first-child{margin-left: 38px;}

.flow .conBox1 li img{display: block;width: 34px;height: 34px;margin: 0 auto;}

.flow .conBox1 li span{display: block;font-size: 16px;color: #333333;margin-top: 16px;}

.flow .conBox1 li.even{background: url(../images/flowbg03.png) no-repeat center;}

.flow .conBox1 li.even span{color: #fff;}

.flow .conBox2{margin-top: 52px;position: relative;height: 274px;background: url(../images/liuybg01.jpg) no-repeat center;}

.flow .conBox2 .boxL{float: left;padding:60px 0 0 60px;height: 210px;width: 440px;background: url(../images/lyy.jpg) no-repeat center left;}

.flow .conBox2 .boxL span{display: block;font-size:24px;color: #ff0101;}

.flow .conBox2 .boxL h3{font-size: 42px;color: #0b6bb1;}

.flow .conBox2 .boxR{float: left;margin: 38px 0 0 43px;;}

.flow .conBox2 .boxR dt{float: left;width: 261px;}

.flow .conBox2 .boxR dt input{display: block;width: 239px;border: 1px solid #cfcaca;height: 40px;line-height: 40px;padding: 0 10px;font-size: 14px;color: #666666;box-shadow: 1px 1px 10px 1px #e0e0e0 inset;margin-top: 8px;outline: none;}

.flow .conBox2 .boxR dt input:first-child{margin-top: 0;}

.flow .conBox2 .boxR dd{float: left;width: 349px;margin-left: 6px;}

.flow .conBox2 .boxR dd textarea{width: 327px;height: 80px;padding: 10px 10px 0;border: 1px solid #cfcaca;font-size: 14px;color: #666666;box-shadow: 1px 1px 10px 1px #e0e0e0 inset;outline: none;resize: none;}

.flow .conBox2 .boxR .info_butn { width:616px;display: block;height: 42px;line-height: 42px;text-align: center;background: #ffaa00;color: #fff;font-size: 18px;text-decoration: none;margin-top: 10px;}

.flow .conBox2 .boxR .info_butn  img{position: relative;top: 4px;margin-right: 20px;}

.flow .conBox2 .boxR p{font-size: 18px;color: #666666;margin-top: 22px;margin-left: 16px;}

.flow .conBox2 .liuy-people{display: block;top: -40px;left: -93px;position: absolute;}

.flow .conBox2 .liuy-book{display: block;top: 183px;left: 435px;position: absolute;}











.ryxghxjs {background: url(../images/ryxgqyjs01.jpg) no-repeat center;height: 699px;padding-top: 110px;}

.ryxghxjs .mainCon .menu li.cur{background: #0b1f67;}



.sbzs {padding: 40px 0; background:#ffffff}

.sbzs .sbzsType {text-align: center;margin-bottom: 45px;}

.sbzs .sbzsType li {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; width: 233px;height: 56px;line-height: 56px;background: #FFF;font-size: 28px; border:1px solid #000}

.sbzs .sbzsType li a {display: block;height: 56px;/*text-indent: 40px;*/ color:#000; font-weight:bolder }

/*.sbzs .sbzsType li.li1 a {background: url(../images/sbzsicon01.png) no-repeat 60px center;}

.sbzs .sbzsType li.li2 a {background: url(../images/sbzsicon02.png) no-repeat 60px center;}*/

.sbzs .sbzsType li.cur {background: #0b6bb1;font-weight: bold;}

.sbzs .sbzsType li.cur a{ color:#FFF}

.sbzs .sbzsCon {position: relative;position: relative;}

.sbzs .sbzsCon .conbox {display: none;}

.sbzs .sbzsCon .conbox.cur {display: block;}

.sbzs .sbzsCon .conbox .box {position: relative;overflow: hidden;}

.sbzs .sbzsCon .conbox .box ul {position: relative;}

.sbzs .sbzsCon .conbox .box ul li {float: left;width: 288px;margin-left: 16px;}

.sbzs .sbzsCon .conbox .box ul li:first-child {margin-left: 0;}

.sbzs .sbzsCon .conbox .box ul li dt {width: 278px;height: 278px;padding: 4px;border: 1px solid #e5e5e5;margin-bottom: 18px;}

.sbzs .sbzsCon .conbox .box ul li dd {text-align: center;font-size: 20px;}

.sbzs .sbzsCon .conbox .box ul li dd a{ color:#000}

.sbzs .sbzsCon .conbox .box ul li dt img{width: 278px;height: 278px;}

.sbzs .sbzsCon .conbox .sbzsBtnl {display: block;width: 42px;height: 42px;background: url(../images/sbzsjtl01.png) no-repeat center;cursor: pointer;position: absolute;left: -61px;top: 130px;}

.sbzs .sbzsCon .conbox .sbzsBtnr {display: block;width: 42px;height: 42px;background: url(../images/sbzsjtr01.png) no-repeat center;cursor: pointer;position: absolute;right: -61px;top: 130px;}





.sbzsaa {padding: 40px 0; background:#ffffff}

.sbzsaa .sbzsType {text-align: center;margin-bottom: 45px;}

.sbzsaa .sbzsType li {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; width: 233px;height: 56px;line-height: 56px;background: #000;font-size: 28px;}

.sbzsaa .sbzsType li a {display: block;height: 56px;/*text-indent: 40px;*/ color:#fff; }

/*.sbzs .sbzsType li.li1 a {background: url(../images/sbzsicon01.png) no-repeat 60px center;}

.sbzs .sbzsType li.li2 a {background: url(../images/sbzsicon02.png) no-repeat 60px center;}*/

.sbzsaa .sbzsType li.cur {background: #115eda;font-weight: bold;}

.sbzsaa .sbzsType li.cur a{ color:#FFF}

.sbzsaa .sbzsCon {position: relative;position: relative;}

.sbzsaa .sbzsCon .conbox {display: none;}

.sbzsaa .sbzsCon .conbox.cur {display: block;}

.sbzsaa .sbzsCon .conbox .box {position: relative;overflow: hidden;}

.sbzsaa .sbzsCon .conbox .box ul {position: relative;}

.sbzsaa .sbzsCon .conbox .box ul li {float: left;width: 288px;margin-left: 16px;}

.sbzsaa .sbzsCon .conbox .box ul li:first-child {margin-left: 0;}

.sbzsaa .sbzsCon .conbox .box ul li dt {width: 278px;height: 278px;padding: 4px;border: 1px solid #e5e5e5;margin-bottom: 18px;}

.sbzsaa .sbzsCon .conbox .box ul li dd {text-align: center;font-size: 20px;}

.sbzsaa .sbzsCon .conbox .box ul li dd a{ color:#000}

.sbzsaa .sbzsCon .conbox .box ul li dt img{width: 278px;height: 278px;}

.sbzsaa .sbzsCon .conbox .sbzsBtnl {display: block;width: 42px;height: 42px;background: url(../images/sbzsjtl01.png) no-repeat center;cursor: pointer;position: absolute;left: -61px;top: 104px;}

.sbzsaa .sbzsCon .conbox .sbzsBtnr {display: block;width: 42px;height: 42px;background: url(../images/sbzsjtr01.png) no-repeat center;cursor: pointer;position: absolute;right: -61px;top: 104px;}





.about {background:#f8f8f8;/* url(../images/abobg.jpg) no-repeat center top*/ padding-bottom:40px; padding-top:40px}

.about h2.h2_title a {color: #fff;}

.about .pTit em {width: 330px;}

.about .pTit span {width: 340px;}

.about .conleft {width: 493px;height: 337px;}

.about .conright {width: 663px;}

.about .conright .p1 {line-height: 20px;}

.about .conright .p1 a {color: #434343; font-size:18px; line-height:26px;}

.about .conright .p2 {overflow: hidden;}

.about .conright .p2 a {float: left;width: 131px;height: 41px;background: #115eda;border-radius: 5px;line-height: 39px;color: #FFF;margin-right: 10px;text-align: center;font-size: 16px;}

/*.about .conright .p2 a:hover {background: #ffa200;color: #FFF;}*/







.zxly {height: 373px;background: #0b6bb1;}

.zxly .container {height: px;position: relative;}

.zxly .zxlyImg {position: absolute;left: -50px;top: -43px;}

.zxly .zxlyImg img {display: block;width: 744px; margin-top: 73px; height:318px}

.zxly .zxlyCon {margin-left: 744px;padding-top: 40px;}

.zxly .zxlyCon .p1 {font-size: 28px;color: #fff;margin-bottom: 20px;}

.zxly .zxlyCon .p1 i {font-size: 14px;}

.zxly .zxlyCon .info1 {margin-bottom: 11px;background: #fff;border-radius: 5px;overflow: hidden; font-size:16px;}

.zxly .zxlyCon .info1 p {height: 23px;padding: 13px 13px 13px 47px;background: url(../images/zxlyicon01.png) no-repeat 15px center;}

.zxly .zxlyCon .info1 input {height: 23px;border: none;line-height: 230px;text-indent: 10px;border-left: 1px solid #e0e0e0;width: 305px;color: #999;}

.zxly .zxlyCon .info2 {margin-bottom: 11px;background: #fff;border-radius: 5px;overflow: hidden;font-size:16px;}

.zxly .zxlyCon .info2 p {height: 23px;padding: 13px 13px 13px 47px;background: url(../images/zxlyicon02.png) no-repeat 15px center;}

.zxly .zxlyCon .info2 input {height: 23px;border: none;line-height: 230px;text-indent: 10px;border-left: 1px solid #e0e0e0;width: 305px;color: #999;}



.zxly .zxlyCon .info3 {margin-bottom: 11px;background: #fff;border-radius: 5px;overflow: hidden;font-size:16px;}

.zxly .zxlyCon .info3 p {height: 23px;padding: 13px 13px 30px 47px;background: url(../images/zxlyicon03.png) no-repeat 15px center;}

.zxly .zxlyCon .info3 input {height: 23px;border: none;line-height: 230px;text-indent: 10px;border-left: 1px solid #e0e0e0;width: 305px;color: #999;}

.zxly .zxlyCon .info3 textarea{height: 45px;border: none;text-indent: 10px;border-left: 1px solid #e0e0e0;width: 305px;color: #999;}



.zxly .zxlyCon .p2 a {display: block;height: 48px;line-height: 48px;border-radius: 5px;background: #222222;color: #fff;text-align: center;font-weight: bold;font-size: 16px;}



/*news*/

/*Title*/

.Title{width: 100%;text-align: center;padding-top: 45px;}

.Title h3{font-size: 48px;color: #333333;font-weight:bold;/*background: url(../images/baise.png) no-repeat center;*/}

.Title h3 a{color: #333333;text-decoration: none;}

.Title i{display: block;margin: 10px auto 0;width: 131px;height: 22px;}

.Title i img{display: block;}



.news{width: 100%;background: url(../images/newsbg01.jpg) no-repeat center;height: 660px;}

.news .Title h3 a{color: #fff;}

.news .mainCon{width: 100%;margin-top: 28px;}

.news .mainCon .menu{width: 100%;position: relative;}

.news .mainCon .menu ul{width: 720px;height: 40px;margin: 0 auto;}

.news .mainCon .menu li{float: left;width: 163px;height: 40px;font-size: 20px;color: #fff;margin-left: 17px;text-align: center;line-height: 40px;border: 1px solid #fff;}

.news .mainCon .menu li:first-child{margin-left: 0;}

.news .mainCon .menu li a{text-decoration: none;color: #fff;}

.news .mainCon .menu li.cur{background: #FFF; border-color: #FFF; color:#000} 

.news .mainCon .menu li.cur a{ color:#000}

.news .mainCon .conBox{margin-top: 34px;height: 386px;overflow: hidden;position: relative;padding: 30px 0 0 30px;background: #fff;}

.news .mainCon .conBox .lunh{height: 386px;}

.news .mainCon .conBox .conL{width: 646px;float: right;}

.news .mainCon .conBox .conL .box{width: 100%;height: 89px;margin-top: 37px;}

.news .mainCon .conBox .conL .box:first-child{margin-top: 0;}

.news .mainCon .conBox .conL .box .boxL{width: 156px;height: 89px;float: left;}

.news .mainCon .conBox .conL .box .boxR{width: 438px;float: left;margin-left: 22px;}

.news .mainCon .conBox .conL .box .boxR dt{float: left;width: 64px;float: left;background:url(../images/news_xian.png) no-repeat right 12px; }

.news .mainCon .conBox .conL .box .boxR dl:hover h3 a{color:#0b6bb1;}

.news .mainCon .conBox .conL .box .boxR dt span{display: block;font-size: 45px;color: #cccccc;}

.news .mainCon .conBox .conL .box .boxR dt em{display: block;font-size: 13px;color: #cccccc;position: relative;top: -6px;}

.news .mainCon .conBox .conL .box .boxR dd{width: 358px;float: right;padding-top: 4px;}

.news .mainCon .conBox .conL .box .boxR dd h3{font-size: 16px;color: #333333;font-weight: normal;}

.news .mainCon .conBox .conL .box .boxR dd h3 a{color: #333;text-decoration: none;}

.news .mainCon .conBox .conL .box .boxR dd p{font-size: 14px;color: #999999;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;margin-top: 14px;}

.news .mainCon .conBox .conL .box .boxR dd p a{color: #999999;text-decoration: none;}

.news .mainCon .conBox .conR{width: 484px;float: left;padding-top: 4px;}

.news .mainCon .conBox .conR dt{width: 484px;height: 275px;}

.news .mainCon .conBox .conR dt img{display: block;}

.news .mainCon .conBox .conR dd{overflow: hidden;}

.news .mainCon .conBox .conR:hover dd p a{color:#0b6bb1;}

.news .mainCon .conBox .conR dd .p1{font-size: 16px;color: #333333;width: 353px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 10px;float: left;margin-top: 20px;}

.news .mainCon .conBox .conR dd .p1 a{color: #333333;}

.news .mainCon .conBox .conR dd .p2{float: right;text-align: center;padding-right: 6px;}

.news .mainCon .conBox .conR dd .p2 span{display: block;font-size: 45px;color: #cccccc;}

.news .mainCon .conBox .conR dd .p2 em{display: block;font-size: 13px;color: #cccccc;position: relative;top: -6px;}







/*yqlj*/

.yqlj {padding: 36px 0;background: #f0f0f0;}

.yqlj .container {position: relative;padding: 15px 0;background: #fff;}

.yqlj .box {text-align: left;margin: 0 30px;}

.yqlj .box .p1 {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 56px;height: 35px;margin-right: 15px; margin-top:-20px}

.yqlj .box ul {display: inline-block; /**display: inline;*zoom: 1;vertical-align: middle;position: relative;margin-top: -33px;margin-left: 73px;*/}

.yqlj .box ul li {float: left;padding: 0 20px; padding-top:8px; font-size:16px;}

.yqlj .box ul li a {color: #999;}

.yqlj .box ul li:last-child {border-right: none;}

.yqlj .box ul li:hover a {color: #0b6bb1;}





/*sure_foot*/



.wrap-footer {background: #333333;}

.wrap-footer .fTop {padding: 35px 0;}

.wrap-footer .flogo {float: left; padding: 15px 0 15px 0;width:280px;border-right: 1px dotted #8aa9cd;margin-top: 5px;}

.wrap-footer ul.ful1 {float: left;margin-right: 55px;}

.wrap-footer ul.ful1 li {margin-bottom: 10px;font-size: 15px;color: #FFF; line-height:24px}

.wrap-footer ul.ful1 li a {color: #FFF;}

.wrap-footer ul.ful1 li:first-child {margin-bottom: 20px;font-size: 18px;}

.wrap-footer ul.ful1 li:first-child a {color: #fff;}

.wrap-footer ul.ful1 li:hover a {color: #fff;}

.wrap-footer .ferwm {float: right;height: 125px;}

.wrap-footer .ferwm dl {width:200px;height: 225px;background: #fff;text-align: center;position: relative;top: -45px;}

.wrap-footer .ferwm dl dt img {display: block;width: 200px;height: 200px;}

.wrap-footer .fnav {height: 56px;border-top: 1px solid #959ba6;}

.wrap-footer .fnav ul li {float: left;}

.wrap-footer .fnav ul li a {display: block;height: 56px;line-height: 56px;padding: 0 32px; color:#FFF; font-size:16px;}

.wrap-footer .fnav ul li:hover a {color: #fff;}



.ficp {height: 51px;line-height: 51px;text-align: center;background: #fff;color: #999;}

.ficp a {color: #999;}





/*返回顶部*/

.retop ul{ overflow:hidden;}

.retop li{ float:left; margin-left:10px;}

.retop li img{ display:block;}

.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:80%; right:46%; margin-right:-615px; cursor:pointer;  display:none;}

.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}

.rtTop img{ display:block; position:absolute; top:0; left:0;}







.advantage05 .cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}

.advantage05 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}

.advantage05 .cx-title01 h2 a { color: #222; padding: 0 30px; }

.advantage05 .cx-title01 .subtitle { font-size: 16px; }

.advantage05 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}

.advantage05 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color:#0b6bb1; position: absolute; top: 0; z-index: 2; }

.advantage05 .cx-title01 h2 em.left:after { right: 0; }

.advantage05 .cx-title01 h2 em.right:after { left: 0; }



.advantage05 { width:1200px; margin:0 auto; padding:30px 0;  background:no-repeat center;background-color: #fff; background-image:url(../images/695f5b666932439ebb97abddd11721ed.gif);}

.advantage05 .cmy-datas { width: 100%;}

.advantage05 .cmy-datas>div { width: 24.7%; text-align: center; border-right: solid 1px #e5e5e5; position: relative;}

.advantage05 .cmy-datas>div:first-child { border-left: solid 1px #e5e5e5; margin-bottom:30px;}

.advantage05 .cmy-datas>div:after,

.advantage05 .cmy-datas>div:first-child:before { content: ''; display: block; width: 1px; height: 10px; background-color:#0b6bb1; position: absolute;  top: 50%; margin-top: -5px; z-index: 3; }

.advantage05 .cmy-datas>div:after { right: -1px; }

.advantage05 .cmy-datas>div:first-child:before { left: -1px; }

.advantage05 .cmy-datas span { display: inline-block; color:#0b6bb1; position: relative;}

.advantage05 .cmy-datas strong {font-size: 60px;font-weight:normal;}

.advantage05 .cmy-datas span em { font-size: 16px; position: absolute; right: -15px; top: 5px; z-index: 2; }

.advantage05 .cmy-datas p { font-size: 18px; color: #222; padding-top: 1%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}







/* service */

/* com-title */

.com-title{width: 100%;text-align: center;padding-top: 50px;}

.com-title h2{color: #fff;font-size: 32px;font-weight: normal;}

.com-title h2 a{color: #0b6bb1;text-decoration: none;font-size: 32px;}

.com-title p{font-size: 20px;color: #0b6bb1;margin-top: 10px;}



.service{width: 100%;background:#26272c;}

.service_con {overflow: hidden;padding-top: 38px;}

.service_con .servicebox {float: left;width: 255px;height: 395px; position: relative;left: -1200px; padding:31px 18px 0 18px;background: #fff;margin-left: 12px;}

.service_con .servicebox .boxi {display: none;width: 9px;height: 5px;background: url(../images/servicebg02.png) no-repeat center;position: absolute;left: 111px;top: -5px;}

.service_con .servicebox:first-child {margin-left: 0;}

.service_con .servicebox .p1 {padding: 12px 0;border-top: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;font-size: 18px;text-align: center;color: #000;margin-bottom: 40px;width: 159px;margin: 0 auto;}

.service_con .servicebox .p1 b {display: block;font-size: 24px;color: #0b6bb1;margin-bottom: 5px;}

.service_con .servicebox ul{position: relative;margin-top: 52px;}

.service_con .servicebox li {font-size: 18px;margin-bottom: 6px;color: #555555;padding-left: 12px;background: url(../images/service-icon06.png) no-repeat 4px center;}



.service_con .servicebox .p3 {text-align: center;position: absolute;width: 100%;left: 0px;top: 350px;}

.service_con .servicebox .serviceicon {display: block;width: 57px;height: 42px;position: absolute;left: 50%;top: 278px;transition: all 0.5s;overflow: hidden;margin-left: -23px}

.service_con .servicebox .p3 span {display: block;color: #666666;font-size: 11px;}

.service_con .servicebox .p4 {height: 29px;position: absolute;left: 0;bottom: 0;width: 100%;border-top: 1px solid #eee;overflow: hidden;transition: all 0.5s;}

.service_con .servicebox .p4 span {position: absolute;left: -100px;height: 40px;line-height: 40px;color: #fff;transition: all 0.5s;font-size: 14px;}

.service_con .servicebox .p4 em {display: block;width: 40px;height: 13px;background: url(../images/service-jt01.png) no-repeat center;position: absolute;left: 97px;top: 7px;transition: all 0.5s;}

.service_con .box1 .serviceicon {background: url(../images/service-icon01.png) no-repeat center top;}

.service_con .box2 .serviceicon {background: url(../images/service-icon02.png) no-repeat center top;}

.service_con .box3 .serviceicon {background: url(../images/service-icon03.png) no-repeat center top;}

.service_con .box4 .serviceicon {background: url(../images/service-icon04.png) no-repeat center top;}

.service_con .box5 .serviceicon {background: url(../images/service-icon05.png) no-repeat center top;}



.service_con .servicebox:hover {background: #0b6bb1;}

.service_con .servicebox:hover .boxi {display: block;}

.service_con .servicebox:hover .p1 {color: #fff;border-color: #fff;}

.service_con .servicebox:hover .p1 b {color: #fff;}

.service_con .servicebox:hover li{color: #fff;background: url(../images/service-icon07.png) no-repeat 4px center;}

.service_con .servicebox:hover .p2 {color: #fff;}

.service_con .servicebox:hover .p3 em {color: #fff;}

.service_con .servicebox:hover .p3 span {color: #fff;}

.service_con .servicebox:hover .p4 {height: 40px;background: #7e0101;border-top-color: #FCB713;}

.service_con .servicebox:hover .p4 span {left: 15px;}

.service_con .servicebox:hover .p4 em {background: url(../images/service-jt02.png) no-repeat center;position: absolute;left: 230px;top: 13px;}



.service_con .servicebox:hover .serviceicon {transform: rotateY(360deg); background-position: center bottom;}









/*ys_case*/

.ys_case{ text-align:center; width:100%; background:#f0f0f0 url(../images/sy_case3.jpg) no-repeat center; height:473px; padding:25px 0;}



.sy_ewm{ float:right; padding-right:240px; width:90px; height:90px; margin-top:17px;}



    

	

/**/

.zxtj {padding: 25px 0;}

.zxtj .container {position: relative;height: 300px; width:100%; margin:0 auto;background: #0b6bb1;}

.info {height: 250px;color: #fff;padding:25px 10px;position: relative;z-index: 2;width: 1200px;margin: 0 auto;}

.info .info_left {width: 505px;padding:20px 0 0 20px;}

.info .info_left h3 b {font-size: 60px;}

.info .info_left h3 {font-size:42px;}

.info .info_left p.info_p1 {font-size: 26px;height: 32px;line-height: 32px;font-weight: bold;position: relative;}

.info .info_left p.info_p1 span {border-top: 16px solid #fff;width: 130px;margin-top: 10px;position: absolute;right: 0;top: 0;}

.info .info_left p.info_p2 {font-size: 18px;color: #fff;height: 52px;line-height: 52px; padding-left: 65px;background: url(../images/zxtjtel_1.png) no-repeat left center;margin-top: 30px;}

.info .info_left p.info_p2 b {font-size: 24px;}



.info .info_right {width: 600px;height: 235px;background: #fff;position: relative;padding: 15px 0 0 32px;}

.info_right p {width: 279px;height: 42px;line-height: 42px;text-indent: 12px;margin-bottom: 14px;border:1px solid #e3e0e1;color: #999;float: left;margin-left: 10px;}

.info_right p:first-child {margin-left: 0;}

.info_right input {height: 36px;line-height: 36px;border: none;position: relative;top: 2px;color: #999;background: transparent;}

.info_right textarea {width: 550px;height: 75px;resize: none;border: none;border:1px solid #e3e0e1;color: #999;padding: 10px;}

.info_right a.atj {display: block;width:572px;height: 45px;line-height: 43px;text-align: center; font-size: 14px;color: #fff;background: #b59860;margin-top: 15px;}



.zxtj .zxtjbg {position: absolute;left: -300px;top: -68px;width: 338px;height: 363px;z-index: 1;}





/*产品中心 内页*/

/*cpright*/

.cpright{ width:860px; padding:0 25px; background:#fff; float:right;}

#ny_prBox{background-color: #fff; margin-bottom:30px; min-height:500px; margin-top: 55px;}

#rtop{padding-top: 18px; padding-bottom: 15px;margin: 12px 20px 0 20px;}

.rtop{ overflow:hidden; padding-top:20px; padding-bottom:13px; border-bottom:1px solid #dbdbdb;}

.rtop h5{ float:left; padding-left:10px; border-left:3px solid #0b6bb1; font-weight:normal; line-height:16px; margin-left:15px }

.rtop h5 a{ font-size:24px; color:#0b6bb1;  font-weight: bold;}

.rtop span{ float:right;}

.rtop span em{ color:#999;}

.rtop span a{ color:#999;}



.rightbox .proRt{ float:right; width:860px}

.rightbox .proTit{ overflow:hidden; width:100%; height:47px; line-height:47px; border-bottom:1px solid #d8d8d8;}

.rightbox .proTit h3{ float:left; height:47px; line-height:47px; font-size:16px;}

.rightbox .proTit h3 a{ display:block; width:92px; float:left; text-align:center; color:#333; text-decoration:none;}

.rightbox .proTit h3 a:hover,.F_V .proTit h3 a.cur{ color:#fff; background-color:#0079d1;}

.rightbox .proTit a.more{ display:block; background:url(../images/promore.png) no-repeat center; width:44px; height:17px;  float:right; margin-top:15px;}

.rightbox .proCon{width:100%; margin-top:18px;}

.rightbox .list li{ width:270px; float:left; margin-right:24px; margin-bottom:25px;} 

.rightbox .list li:nth-child(3){ margin-right:0 !important;}

.rightbox .list li:nth-child(6){ margin-right:0 !important;}

.rightbox .list li:nth-child(9){ margin-right:0 !important;}

.rightbox .list li:nth-child(12){ margin-right:0 !important;}

.rightbox .list li img{ display:block; width:270px; height:270px; border:1px  solid #d8d8d8}

.rightbox .list li span{ display:block; text-align:center; font-size:16px; color:#000; margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.rightbox .list li a{ text-decoration:none;}

.rightbox .list li.last{ margin-right:0}

.rightbox .list li:hover img{ opacity:.85; border:1px solid #0b6bb1}



.sure_ljgd{ line-height:30px; margin-top:10px !important;border: 1px #999 solid;border-radius: 15px; text-align:center; width:150px; margin:0 auto}

.sure_ljgd:hover{background-color:#0b6bb1;}

.sure_ljgd a{ display:block}

.sure_ljgd a:hover{ color:#FFF}



/*---产品列表页面的随机资讯--*/

.RandomNews h4{ padding-left:12px;height:36px;line-height:36px;color:#fff;background:#0b6bb1;font-weight:bold;}

.RandomNews ul{height: 196px; padding-top:10px;  margin-bottom: 10px;}

.RandomNews li{ height:28px;line-height:28px; padding:0 15px 0 10px;  width:405px; float:left;overflow:hidden; /* overflow: hidden; */ /* white-space: nowrap; */ /* text-overflow: ellipsis; */}

.RandomNews li a{ width: 310px; display: block; background:url(../images/ico55.gif) no-repeat 0 10px; padding-left:12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height: 28px; line-height: 28px; color:#666}

.RandomNews li a:hover{ color:#0a6bb0}



/*产品中心广告*/

/* fullSlide */

.fullSlide{width:100%;position:relative;height:310px;background:#000;}

.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:310px;overflow:hidden;text-align:center;}

.fullSlide .bd li a{display:block;height:310px;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;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:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=70);opacity:0.7;line-height:999px;}

.fullSlide .hd ul .on{background:#0b6bb1;}

.fullSlide .hd ul li.cur{ background:#0b6bb1;opacity: 0.7;}

.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;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}







/*产品优势2021*/

.mainbox{width: 100%;min-width: 1200px;}

.red{color: red}

input,button,select,textarea{outline:none} textarea{resize:none}

/*sja新加*/

.clear{clear: both;}

.imgfit{display: flex;justify-content: center;align-items: center;}

.imgfitr{display: flex;justify-content: right;align-items: center;}

.fitobj{object-fit: cover;height: 100%!important;width: 100%!important}

.fitobj2{object-fit: contain;height: 100%!important;width: 100%!important}

.bhh{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}

.none{display: none}

.imglimit img{max-width: 100%;}



.cf{color: #fff}



.f10{font-size: 10px;}

.f12{font-size: 12px;}

.f14{font-size: 14px;}

.f15{font-size: 15px;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.f24{font-size: 24px;}

.f26{font-size: 24px;}

.f28{font-size: 28px;}

.f30{font-size: 30px;}

.f32{font-size: 32px;}

.f34{font-size: 34px;}

.f36{font-size: 36px;}

.f40{font-size: 40px;}

.fw{font-weight: bold;}

.cb{color: #bbb}

.cd{color: #ddd}

.yy{ color:#ffbd2f}

/********margin*********/

.m5{margin: 5px 0}

.m10{margin: 10px 0}

.m20{margin: 20px 0}

.m30{margin: 30px 0}

.m40{margin: 40px 0}

.m50{margin: 50px 0}

.m60{margin: 60px 0}

.m70{margin: 80px 0}

/*margin-top*/

.mt3{margin-top: 3px!important;}

.mt2{margin-top: 3px!important;}

.mt5{margin-top: 5px!important;}

.mt8{margin-top: 8px!important;}

.mt10{margin-top: 10px!important;}

.mt15{margin-top: 15px!important;}

.mt20{margin-top: 20px!important;}

.mt25{margin-top: 25px!important;}

.mt30{margin-top: 30px!important;}

.mt35{margin-top: 35px!important;}

.mt40{margin-top: 40px!important;}

.mt50{margin-top: 50px!important;}

.mt60{margin-top: 60px!important;}

.mt70{margin-top: 70px!important;}

.mt75{margin-top: 75px!important;}

.mt80{margin-top: 80px!important;}

.mt100{margin-top: 100px!important;}

.mt150{margin-top: 150px!important;}

/*margin-bottom*/

.mb5{margin-bottom: 5px!important;}

.mb10{margin-bottom: 10px!important;}

.mb20{margin-bottom: 20px!important;}

.mb30{margin-bottom: 30px!important;}

.mb40{margin-bottom: 40px!important;}

.mb50{margin-bottom: 50px!important;}

.mb60{margin-bottom: 60px!important;}

.mb70{margin-bottom: 70px!important;}



/********padding*********/

.p5{padding: 5px 0}

.p10{padding: 10px 0}

.p20{padding: 20px 0}

.p30{padding: 30px 0}

.p40{padding: 40px 0}

.p50{padding: 50px 0}

.p60{padding: 60px 0}

/*padding-top*/

.pt5{padding-top: 5px!important;}

.pt10{padding-top: 10px!important;}

.pt20{padding-top: 20px!important;}

.pt30{padding-top: 30px!important;}

.pt40{padding-top: 40px!important;}

.pt50{padding-top: 50px!important;}

.pt60{padding-top: 60px!important;}

.pt70{padding-top: 70px!important;}

/*padding-bottom*/

.pb5{padding-bottom: 5px!important;}

.pb10{padding-bottom: 10px!important;}

.pb20{padding-bottom: 20px!important;}

.pb30{padding-bottom: 30px!important;}

.pb40{padding-bottom: 40px!important;}

.pb50{padding-bottom: 50px!important;}

.pb60{padding-bottom: 60px!important;}

.pb70{padding-bottom: 70px!important;}

/*优势*/

.iabout{height: 946px;background: url("../images/iysbg.jpg") center no-repeat;}

.iabout .l{width: 380px;float: left;}

.iabout .l li{width: 380px;height: 200px;cursor: pointer;}

.iabout .l li .y{width: 325px;float: right;}

.iabout .l li .y p{margin-top: 8px}

.iabout .l li:nth-child(1){background: url("../images/a1.png") left 3px top 3px no-repeat}

.iabout .l li:nth-child(2){background: url("../images/a2.png") left 3px top 3px no-repeat}

.iabout .l li:nth-child(3){background: url("../images/a3.png") left 3px top 3px no-repeat}

.iabout .r{width: 380px;float: right;}

.iabout .r li{width: 380px;height: 200px;cursor: pointer;}

.iabout .r li .y{width: 325px;float: right;}

.iabout .r li .y p{margin-top: 8px}

.iabout .r li:nth-child(1){background: url("../images/a4.png") left 3px top 3px no-repeat}

.iabout .r li:nth-child(2){background: url("../images/a5.png") left 3px top 3px no-repeat}

.iabout .r li:nth-child(3){background: url("../images/a6.png") left 3px top 3px no-repeat}

.iabout .m{width: 420px;height: 436px;float: left;position: relative;}

.iabout .m .one{position: absolute;z-index: 2;width: 100%;height: 100%;

    -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

    -webkit-animation: rotate 30s linear infinite;

    -moz-animation: rotate 30s linear infinite;

    -o-animation: rotate 30s linear infinite;

    animation: rotate 30s linear infinite;}

.iabout .m .one img{transform: scale(1.05);-webkit-transform: scale(1.05)}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}

    to{-webkit-transform: rotate(360deg)}

}

@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}

    to{-moz-transform: rotate(359deg)}

}

@-o-keyframes rotate{from{-o-transform: rotate(0deg)}

    to{-o-transform: rotate(359deg)}

}

@keyframes rotate{from{transform: rotate(0deg)}

    to{transform: rotate(359deg)}

}



/**/

.iabout .m .three{position: absolute;z-index: 3;width: 100%;height: 100%;

    -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

    -webkit-animation: rotate1 30s linear infinite;

    -moz-animation: rotate1 30s linear infinite;

    -o-animation: rotate1 30s linear infinite;

    animation: rotate1 30s linear infinite;

}

@-webkit-keyframes rotate1{from{-webkit-transform: rotate(360deg)}

    to{-webkit-transform: rotate(0deg)}

}

@-moz-keyframes rotate1{from{-moz-transform: rotate(360deg)}

    to{-moz-transform: rotate(0deg)}

}

@-o-keyframes rotate1{from{-o-transform: rotate(360deg)}

    to{-o-transform: rotate(0deg)}

}

@keyframes rotate1{from{transform: rotate(360deg)}

    to{transform: rotate(0deg)}

}

.iabout .m .three img{transform: scale(0.89);-webkit-transform: scale(0.89);opacity: 0.75}



.iabout .m .two{position: absolute;z-index: 4;width: 100%;height: 100%;}



.iabout .bot{height: 200px;margin-top: 50px;}

.sure_protel .z{width: 540px;float: left;}

.sure_protel .mmmm{width: 225px;float: left;margin-left: 260px}

.sure_protel .mmmm a{

    display: block;	width: 212px;

	 color:#000;

    height: 48px;

    background-color: #ffa200;

    border-radius: 4px;line-height: 48px;}

    /*业绩*/

.iabout .bot .y{width: 130px;float: right;}



.sure_protel{ float:right;}





/*case 2020*/

 /**/

.case{background:url(../images/cas.jpg) no-repeat center 0; height:535px !important; overflow: hidden;  }

.case .til01 span{ color: #fff;}

.case .til01 p{ color: #fff;}

.case .content{ width:1200px; margin:0 auto}

.c_on{ overflow: hidden; height: 488px; padding-top:5px;}

.c_on ul{ overflow: hidden;}

.c_on ul li{ float: left; width: 250px; height: 442px; overflow: hidden; position: relative; font-size: 18px; color: #fff;}

.c_on ul li em{ display: block; position: absolute; left: 0; top: 0; width: 0px; height: 442px;background:url(../images/c_li1.png) no-repeat center 13px; box-sizing: border-box; padding-top: 284px; text-align: center;}

.c_on ul li em i{ display: block; font-size: 20px; color: #fff; line-height: 100%;font-weight: bold; letter-spacing: 3px; margin-bottom: 37px;}

.c_on ul li:hover em{background:url(../images/c_li2.png) no-repeat; padding-top: 143px;}

.c_on ul li:hover em i{ display: block; margin: 0 auto 77px; width: 92px; background: #66b43b; height: 54px; line-height: 50px; padding: 0 9px;}

.c_on ul li:hover em span{ display: block;background:url(../images/cl_t1.png) no-repeat center 30px; padding-bottom: 17px;}

/*.c_on ul li em span{ line-height:100px}*/





.c_li{ overflow: hidden; margin-left: 575px; height: 73px;}

.c_li ul li{ float: left; width: 14px; height: 14px; border-radius: 14px; background: #fff; margin-right: 21px; cursor: pointer;}





/* proDetailsLy */

.proDetailsLy{width: 870px;margin: 30px auto 0;}

.proDetailsLy .conBox .box1{width: 100%;margin-top: 33px;}

.proDetailsLy .conBox .box1 .Input{width: 427px;height: 58px;border: 1px solid #e4e4e4;float: left;margin-bottom: 10px;margin-left: 12px;}

.proDetailsLy .conBox .box1 input{width: 354px;padding-left: 22px;padding-right: 51px;font-size: 20px;color: #FFF;line-height: 58px;outline: none;border: none; background:#105eda}

.proDetailsLy .conBox .box1 .Input1{margin-left: 0; }

.proDetailsLy .conBox .box1 .Input1 input{background: url(../images/prodetailsly_icon01.png) no-repeat 386px  center;color:#999999; font-size:16px;}

.proDetailsLy .conBox .box1 .Input2 input{background: url(../images/prodetailsly_icon02.png) no-repeat 386px  center;color:#999999; font-size:16px;}

.proDetailsLy .conBox .box1 textarea{padding-left: 22px;width: 795px;height: 150px;border: 1px solid #e0e0e0;padding-top: 18px;font-size: 16px;color: #999999;outline: none;resize: none;background: url(../images/prodetailsly_icon03.png) no-repeat 828px 18px;padding-right: 51px;}

.proDetailsLy .conBox .box1 .yzmtj{margin: 20px;}

.proDetailsLy .conBox .box1 .yzmtj img{ margin: 10px 0px 15px 15px;}

.proDetailsLy .conBox .box1 .yzmtj .sr{width: 250px;float: left;border: 1px solid #e0e0e0;}

.proDetailsLy .conBox .box1 .yzmtj .sr span{display: block;font-size: 16px;color: #999999;display: block;height: 58px;line-height: 58px;float: left;border-right: 1px solid #e0e0e0;width: 100px;text-align: center;}

.proDetailsLy .conBox .box1 .yzmtj .sr input{padding:0 10px;width: 127px;float: left;display: block;border: none;line-height: 58px;font-size: 16px;color: #999;height: 58px;outline: none;}

.proDetailsLy .conBox .box1 .yzmtj #spVerCode img{display: block;margin-top: 14px;margin-left: 10px;float: left; width:105px; height:38px;}

.proDetailsLy .conBox .box1 .yzmtj a.p{ line-height:86px; margin-left:10px;}

.proDetailsLy .conBox .box1 .yzmtj a.tj{display: block;width: 410px;height: 60px;line-height: 60px;font-size: 22px;color: #fff;text-decoration: none;text-align: center;background: #105eda; margin:0 auto}





.mub02MainContent{ background:#f2f2f2}

.proList{width: 100%; padding-top:25px;}

.proListSection{width:910px;float: right;}

.proListSection .mainCon{border: 1px solid #e4e4e4;padding-top: 28px;width:900px; background:#FFF}

.proListSection .mainCon .conBox{width:910px;margin: 20px auto 0;padding-bottom: 30px;}

.proListSection .mainCon .conBox ul{width: 100%;margin-left: 15px;}

.proListSection .mainCon .conBox li{float: left;width: 275px;margin-right: 15px;margin-bottom: 20px; margin-left:5px}

.proListSection .mainCon .conBox li.noMl{ margin-right:0px;}

.proListSection .mainCon .conBox li .Pic{width: 275px;height: 275px;border: 1px solid #e4e4e4;overflow: hidden;display: block;}

.proListSection .mainCon .conBox li .Pic img{display:block;width: 275px;height: 275px;transform: scale(1);transition: all 1s ease-out;}

.proListSection .mainCon .conBox li .intro{width: 275px;height: 75px;text-align: center;padding-top: 8px;position: relative;}

.proListSection .mainCon .conBox li .intro h3{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 16px;width: 275px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.proListSection .mainCon .conBox li .intro h3 a{color: #333333;text-decoration: none;}

.proListSection .mainCon .conBox li .intro p{line-height: 20px;color: #666666;font-size: 14px;margin-top: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:44px;}

.proListSection .mainCon .conBox li .intro .btn{overflow: hidden;height: 42px;background: url(../images/prolistbg01.png) no-repeat center;position: absolute;bottom: 0px;left: 20px;}

.proListSection .mainCon .conBox li .intro .btn a{display: block;width: 120px;height: 42px;line-height: 42px;text-align: center;float: left;font-size: 14px;color: #777777;text-decoration: none;}

.proListSection .mainCon .conBox li .intro .btn a i{display: inline-block;width: 7px;height: 12px;background: url(../images/mub02_jt03.png) no-repeat center;margin-left: 8px;position: relative;top: 2px;color: #000;}

.proListSection .mainCon .conBox li .intro .btn a:first-child{border-right: 1px solid #eaeaea;}

.proListSection .mainCon .conBox li .intro .btn a:hover{color: #fff;}

.proListSection .mainCon .conBox li .intro h3 a{color: #000;}

.proListSection .mainCon .conBox li .intro .btn a.more:hover{background: url(../images/prolistbg02.png) no-repeat center;}

.proListSection .mainCon .conBox li .intro .btn a.more:hover i{background: url(../images/mub02_jt02.png) no-repeat center;}

.proListSection .mainCon .conBox li .intro .btn a.zx:hover{background: url(../images/prolistbg03.png) no-repeat center;}

.proListSection .mainCon .conBox li .intro .btn a.zx:hover i{background: url(../images/mub02_jt02.png) no-repeat center;}

.proListSection .mainCon .conBox li:hover .Pic img{transform: scale(1.2);}