/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.wapper2{ width:90%; margin:0 auto;padding: 0 5%;}
.fl{float: left;}
.fr{float: right;}

.head {padding: 0px 0;}
.logo{padding: 15px 0;}
.menu ul li{display: inline-block;width: 120px;text-align: center;line-height:73px;text-align: center;font-size: 18px;padding: 15px 0; font-weight:bolder;}
.menu ul li:hover{border-bottom: 2px solid #014F97;line-height: 71px;}
.menu ul li:hover a{color: #014F97;}
.menu ul li a{color: #444;}

.iconlist ul li{display: inline-block;padding: 0 15px;padding-top:37px;}

.phone{display: none;}

.phonehead{padding: 15px 0;}
.phonehead .logo{width: 70%;}
.phonehead .menuicon{width: 30%;}
.phonehead .menuicon a{color: #000;font-size: 20px;}
.nav {position:absolute; display: none;right:0px; top:71px; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.8); z-index: 8; left: 0;overflow-y:auto; transition:right .3s; border-left:1px solid #f3f3f3;}
.nav.open {right:0;}
.nav ul {padding-bottom:71px;}
.nav li {float:none; padding:0; position:relative;border-bottom: 1px solid #696969;}
.nav li a {line-height: 53px; padding:10px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px;color: #fff;}
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after {display:none;}
.nav li.cur > a {background-color:#eee;}	
.nav li em.on{transform: rotate(270deg);}
.nav li em {transform: rotate(90deg);transition:all .3s;position:absolute; right: 10px; top:10px; display:block;  cursor:pointer;font-style: normal;color: #fff;}
.nav li em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}
  
.navDrop {position:static; display:none; left:auto; top:auto;}
.navDrop.open, .navDrop.show.open {display:block;}
.navDrop .inner {width:auto;}
.navDrop ul {padding:0;}
.navDrop li {display:block;}
.navDrop li a {text-align:left; padding:10px 1.5em 10px 2.5em;}
.navDrop .preview, .threeNav, .navDrop.show {display:none;}
.navDrop .info {width:auto; float:none; padding:0;}

.subNav {float:none; width:auto;}
.subNav dd {border:none; line-height: normal;}
.subNav dd a {padding:10px 1.5em 10px 2.5em;}
.subNav dd a:after {display:none;}
	
.navBtn {cursor:pointer; display:block; position:relative; cursor:pointer; width:30px; height:30px; float:right; border-left:0px solid #f3f3f3;margin-top: 12px;}
.navBtn span {display:block; width:20px; height:2px; background-color:#c2c2c2; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; line-height: normal;}
.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#c2c2c2; position:absolute; left:0; top:-7px; transition:transform .3s; transition:transform .3s;}
.navBtn span:after {top:auto; bottom:-7.5px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg); top:0;}
.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}


.pad{padding: 60px 0;}

.tit{text-align: center;}
.tit h3{color: #444;font-size: 30px;margin-bottom: 20px;}
.tit .line{width: 60px;height: 2px;background: #014F97;margin: 0 auto;margin-bottom: 40px;}
.con .main{font-size: 14px;color: #6A6A6A;line-height: 28px;}
.mumping_mun{padding: 40px 0;}
.mumping_mun li{display: inline-block;float: left;width: 25%;}
.mumping_mun li img:hover{transition: all 1s ease;transform:  rotateY(360deg);-webkit-transform:  rotateY(360deg);-moz-transform:  rotateY(360deg);}
.mumping_mun li .mun_top{color: #444;font-size: 20px;font-weight: bold;}
.mumping_mun li .mun_top h2{display: inline-block;font-size: 20px;}
.mumping_mun li  p{color: #000;font-size: 14px;}
.mumping_mun li .liright{margin-left: 15px;}
.more{text-align: center;margin-top: 40px;}
.more a{display: inline-block;height: 50px;line-height: 50px;width: 180px;font-size: 14px;color: #fff;background: #00479D;text-align: center;margin: 0 auto;}

.con2 .tit{text-align: left;}
.con2 .tit h3{color: #fff;}
.con2 .more{text-align: left;margin-top: 40px;}
.con2 .left{width: 38%;}
.con2 .left .main{font-size: 16px;line-height: 32px;}
.con2 .right{width: 58%;}
.con2 .right ul li{width: 50%;float: left;}
.con2 .right ul li a{display: block;border: 1px solid #444D56;padding: 6%;}
.con2 .right h3{font-size: 20px;color: #fff;margin-bottom: 30px;}
.con2 .right span{color: #fff;display: block;font-size: 14px;color: #fff;}
.con2 .right ul li:hover img{transition: all 1s ease;transform:  rotateY(180deg);-webkit-transform:  rotateY(180deg);-moz-transform:  rotateY(180deg);}
.con2 .right ul li:hover{background:#00479D ;}

img{max-width: 100%;}

.con3 .main{text-align: center;font-size: 14px;}
.con3 .listtop{margin: 30px 0;}
.con3 .listtop ul li{width: 12.2%;margin: 0 1%;float: left;text-align: center;line-height: 50px;background: #333333;position: relative;}
.con3 .listtop ul li:hover{background: #fff;}
.con3 .listtop ul li:hover dl{display: block;}
.con3 .listtop ul li:hover .a{color: #333;}
.con3 .listtop ul li a{color: #fff;font-size: 14px;}
.con3 .listtop ul li dl {display: none;position: absolute;left: 0;right: 0;top: 50px;z-index: 99;}
.con3 .listtop ul li dl dd{background: #333;}
.con3 .listtop ul li dl dd:hover{background: #fff;}
.con3 .listtop ul li dl dd:hover a{color: #333;}
.con3 .title{width: 58%;}
.con3 .title li{width: 33.3%;float: left;height: 176px;position: relative;}
.con3 .title li:hover .wenzi{display: block;}
.con3 .title li .wenzi{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 99;line-height: 176px;font-size: 14px;color: #fff;text-align: center;background: rgba(0, 0, 0, 0.5);display: none;}
.con3 .tabs_vallist{width: 38%;}
.con3 .tabs_vallist .tab_val{display: none;}

.listtop2{position: relative;}
.listtop2 h3{background: #00479D;text-align: center;padding: 5px 0;margin-top: 20px;margin-bottom: 20px;}

.nav2 {position:absolute; display: none;right:0px; top:42px;/* height:100%; */width:100%; background-color:rgba(0, 0, 0, 0.8); z-index: 8; left: 0; transition:right .3s; border-left:1px solid #f3f3f3;}
.nav2.open {right:0;}
/*.nav2 ul {padding-bottom:71px;}*/
.nav2 .li{border-bottom: 1px solid #696969;}
.nav2 li {float:none; padding:0; position:relative;}
.nav2 li ul li{padding-left: 20px;}
.nav2 li a {line-height: 53px; padding:10px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px;color: #fff;}
.nav2 li a:hover:after, .nav2 li.cur > a:after, .nav2 li.on > a:after {display:none;}
.nav2 li.cur > a {background-color:#eee;}	
.nav2 li em.on{transform: rotate(90deg);}
.nav2 li em {transform: rotate(0deg);transition:all .3s;position:absolute; right: 10px; top:10px; display:block;  cursor:pointer;font-style: normal;color: #fff;}
.nav2 li em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}



.con4 .tit h3{color: #fff;}
.con4 .tit .line{background: #fff;}
.con4 .main{text-align: center;color: #fff;font-size: 14px;padding: 20px 0;}

.foot .left{width: 20%;}
.foot .center{width: 50%;padding: 0 5%;}
.foot .right{width: 20%;}
.foot .left h3{font-size: 24px;color: #fff;margin-bottom: 20px;}
.foot .left ul{margin-bottom: 40px;}
.foot .left ul li{font-size: 16px;color: #8A8A8A;margin-bottom: 10px;}
.foot .left dl dd{display: inline-block;}
.foot .left dl dd img{width: 30px;}
.foot .center dl {width: 33.3%;float: left;}
.foot .center dl dt a{font-size: 18px;color: #fff;}
.foot .center dl dt .line2{border-radius: 2px;height: 4px;background: #00479D;width: 40px;margin: 10px 0;}
.foot .center dl dd{font-size: 16px;color: #8A8A8A;margin-bottom: 10px;}
.foot .center dl dd a{color: #8A8A8A;}
.foot .center dl dd a:hover{color: #00479D;}
.copy{padding: 20px 0;border-top: 1px solid #8A8A8A;color: #8A8A8A;font-size: 14px;text-align: center;padding-bottom: 0;margin-top: 40px;}

.bread{text-align: center;}
.bread ul li{width: 120px;line-height: 40px;display: inline-block;font-size: 14px;}
.bread ul li:hover{background: #00479D;}
.bread ul li:hover a{color: #fff;}

.bread2{font-size: 14px;}

.about .tit{border-bottom: 1px solid #F0F0F0;}

.about .mumping_mun .liright{width: 100%;color: #DA251C;font-size: 40px;text-align: center;}
.about .mumping_mun  .mun_top{color: #DA251C;font-size: 30px;}
.about .mumping_mun .liright h2{color: #DA251C;font-size: 40px;}

.about2 ul li .lileft{width: 50%;background: #F4F4F4;}
.about2 ul li .liright{width: 50%;background: #F4F4F4;}
.about2 ul li .wenzi{padding: 15% 5%;}
.about2 ul li .wenzi .tit{text-align: left;}
.about2 ul li .wenzi .line{margin: 0;margin-bottom: 40px;}
.about2 ul li .imgarea{overflow: hidden;}
.about2 ul li .imgarea img{transition: all 1.5s;}
.about2 ul li .imgarea:hover img{transform: scale(1.1);}

.about3 ul li{width: 23%;margin: 1%;float: left;background: #fff;}
.about3 ul li h3{font-weight: normal;color: #666;text-align: center;font-size: 16px;line-height: 30px;}
.about3 ul li .imgarea{overflow: hidden;}
.about3 ul li .imgarea img{transition: all 1.5s;}
.about3 ul li .imgarea:hover img{transform: scale(1.1);}

.bread2{padding: 15px 0;}


.lanmu{text-align: center;}
.lanmu ul li{width: 120px;line-height: 40px;display: inline-block;font-size: 14px;border-left: 1px solid #ccc;position: relative;}
.lanmu ul li dl{position: absolute;left: 0;right: 0;top: 40px;z-index: 99;display: none;background: #fff;width: 100%;}
.lanmu ul li .sanji{position: absolute;right: -100%;top: 00px;z-index: 99;display: none;background: #fff;width: 100%;}
.lanmu ul li:hover dl{display: block;}
.lanmu ul li dl dd:hover{background: #00479D;}
.lanmu ul li:hover{background: #00479D;}
.lanmu ul li:hover .a{color: #fff;}
.lanmu ul li a{color: #666;}
.lanmu ul li dl dd a{color: #666;}
.lanmu ul li dl dd:hover .a2{color: #fff;}
.lanmu ul li dl dd .sanji a{color: #666;}
.lanmu ul li dl dd .sanji .sanjili:hover {background: #00479D;}
.lanmu ul li dl dd .sanji .sanjili:hover .a2{color: #fff;}
.lanmu ul li dl dd:hover .sanji{display: block;}

.bg{background: #F2F4F6;}

.news ul li {padding: 20px;background: #fff; border-bottom: 1px dashed #D9D9D9;}
.news ul li .lileft{width: 20%;}
.news ul li .liright{width: 78%;}
.news ul li span{display: block;}
.news ul li h3{margin-bottom: 20px;font-weight:normal;}
.news ul li h3 span{font-size: 16px;color: #000000;}
.news ul li h3 .date{color: #595959;}
.news ul li .spa{font-size: 14px;color: #595959;line-height: 28px;margin-bottom: 20px;}
.news ul li .a{display: inline-block;padding:5px 10px;border: 1px solid #D9D9D9;text-align: center;line-height: 30px;}
.news ul li .a:hover{color: #1FB7C9;}

.lanmu2{background: #333333;line-height: 40px;text-align: center;font-size: 12px;color: #fff;}
.lanmu2 h3{font-weight: normal;}
.lanmu2main{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 99;background: #fff;display: none;}
.lanmu2main .left{width: 10%;background: #333;padding-top: 30%;height: 100%;color: #fff;text-align: center;}
.lanmu2main .right{width: 80%;height: 100%;padding: 0 5%;}
.lanmu2main .right ul li{line-height: 40px;border-bottom: 1px solid #ccc;font-size: 14px;}


.hezuo .main{font-size: 14px;text-align: center;}
.hezuo ul li{width: 23%;margin: 1%;float: left;}
.hezuo ul li .limain{padding: 5%;border: 1px solid #f2f2f2;}
.hezuo ul li .imgarea{overflow: hidden;}
.hezuo ul li .imgarea img{transition: all 1.5s;}
.hezuo ul li .imgarea:hover img{transform: scale(1.1);}
.hezuo ul li span{display: block;text-align: center;}

.case ul{background: #fff;padding: 3%;}
.case ul li{background: #fff;width: 19%;margin: 1%;float: left;padding: 2%;background: #F2F4F6;}
.case ul li .imgarea{overflow: hidden;}
.case ul li .imgarea img{transition: all 1.5s;}
.case ul li .imgarea:hover img{transform: scale(1.1);}
.case ul li span{line-height: 36px;text-align: center;font-size: 14px;display: block;}
.case ul li:hover span{background: #fff;color: #0C64B3;}

.bg2{background: #00479D;}
.lanmu2{position: relative;} 
.lanmu2 .lanmu3{background: #DA251C;text-align: left;padding: 0 5%;display: none;position: absolute;top: 40px;left: 0;right: 0;z-index: 99;}
.lanmu2 .lanmu3 h3{color: #fff;}


.contactmain{background: #fff;padding: 3%;}
.contactmain .left{width: 60%;}
.contactmain .left .tit{text-align: left;}
.contactmain .left .tit .line{margin: 0;margin-bottom: 40px;}
.contactmain .left ul li{width: 50%;float: left;}
.contactmain .left ul li .lileft{width: 40%;}
.contactmain .left ul li .liright{width: 60%;}
.contactmain .left ul li .liright h3{font-weight: normal;font-size: 16px;margin-bottom: 20px;}
.contactmain .left ul li .liright span{display: block;font-size: 14px;}
.contactmain .right{width: 40%;}

.prodetailmain{padding: 3%;background: #fff;}
.prodetailmain .left{width: 500px;}
.prodetailmain .right{width: calc(100% - 540px);}
.prodetailmain .right .h3{font-size: 30px;font-weight: normal;color: #00479D;border-bottom: 1px solid #DCDCDC;padding-bottom: 10px;margin-bottom: 10px;}
.prodetailmain .right .spa{display: block;font-size: 14px;color: #666;margin-bottom: 20px;}
.prodetailmain .right ul li{font-size: 14px;color: #666;margin-bottom: 20px;}
.prodetailmain .right ul{padding-bottom: 30px;border-bottom: 1px solid #DCDCDC;margin-bottom: 20px;}
.prodetailmain .right .info{padding-bottom: 30px;border-bottom: 1px solid #DCDCDC;margin-bottom: 20px;}
.prodetailmain .right .info .spa2{font-size: 16px;color: #666;display: block;margin-bottom: 20px;}
.prodetailmain .right .info h3{color: #333;margin-bottom: 20px;font-weight: normal;}
.prodetailmain .right .info dl dd{display: inline-block;width: 49%;font-size: 14px;color: #333;line-height: 24px;}
.prodetailmain .right .aa a{width: 80px;height: 30px;line-height: 30px;border-radius: 5px;background: #000;color: #fff;display: block;text-align: center;}
.prodetailmain .right .aa a:hover{background: #DA251C;}


.prodetailmain2{padding: 1%;background: #fff;}
.xiangxi{padding: 3%;background: #fff;}
.xiangxi .xiangxitop {border-bottom: 1px solid #DCDCDC;margin-bottom: 60px;}
.xiangxi .xiangxitop h3{width: 80px;height: 40px;line-height: 40px;text-align: center;background: #00479D;color: #fff;font-weight: normal;}
.prodetailb2 .swiper-slide span{text-align: center;line-height: 40px;font-size: 16px;color: #333;text-align: center;display: block;text-align: center;}
.prodetailb2 h3{background: #3C3C3C;line-height: 40px;font-size: 16px;color: #fff;padding-left: 20px;font-weight: normal;}
.prodetailb2 .bor{padding: 3%;border: 1px solid #DCDCDC;}

.prodetailmain3 {padding: 1%;background: #fff;}
.prodetailmain3 .prodetailmain3main{background: #F2F2F2;padding: 80px;}
.prodetailmain3 .prodetailmain3main .tit span{font-size: 16px;margin-bottom: 30px;display: block;}
.prodetailmain3 .prodetailmain3main .label{margin-bottom: 25px;}
.prodetailmain3 .prodetailmain3main .label textarea{width: 100%;min-height: 120px;resize: none;background: #fff;border: 0px solid;outline: none;}
.prodetailmain3 .prodetailmain3main .label input{width: 100%;outline: none;border: 0px solid #fff;line-height: 40px;}
.prodetailmain3 .prodetailmain3main .label input.wid70{width:calc(100% - 92px);}
.prodetailmain3 .prodetailmain3main .label a{line-height: 40px;width: 100%;font-size: 14px;text-align: center;color: #fff;display: block;width: 100%;background: #00479D;}
.prodetailmain3 .prodetailmain3main .label a:hover{background: #333;}
.wid48{width: 48%;}

.listtop22 h3{line-height: 28px;color: #fff;font-size: 14px;}

.productmain{padding: 3%;background: #fff;}
.product .left{width: 20%;background: #FAFAFA;}
.product .left .h3{background: #333333;font-size: 20px;color: #fff;line-height: 60px;font-weight: normal;padding: 0 5%;}
.product .left ul {padding: 20px 15px;}
.product .left ul li span{display: block;}
.product .left ul li .a{font-size: 16px;line-height: 32px;color: #333;}
.product .left ul li .a.cur{color: #014F97;}
.product .left ul li .icon{background: url(../images/QQ截图20220709094659.png) left center no-repeat;width: 20px;height: 32px;}
.product .left ul li .icon1{background: url(../images/QQ截图20220709101409.png) left center no-repeat;}
.product .left ul li .icon2{background: url(../images/QQ截图20220709094855.png) left center no-repeat;width: 20px;height: 28px;}
.product .left ul li dl{padding-left: 20px;}
.product .left ul li dl dd .a2{color: #333;font-size: 14px;line-height: 28px;}
.product .left ul li dl dd .sanji{padding-left: 30px;}
.product .left ul li dl dd .sanjili a{font-size: 12px;color: #333;line-height: 24px;}
.product .right{width: 78%;background: #fff;}
.search222{background: #FAFAFA;padding: 15px;text-align: center;}
.search222 input{width: 60%;line-height: 60px;padding: 0 3%;border-radius: 5px;}
.search222 a{width: 5%;line-height: 60px;border-radius: 5px;background: #EC4D1C;color: #fff;display: inline-block;}

.product .right ul li{width: 23%;margin: 1%;float: left;text-align: center;}
.product .right ul li .imarea{overflow: hidden;min-height: 262px; height:280px;}
.product .right ul li .imarea img{transition: all 1.5s;}
.product .right ul li .imarea:hover img{transform: scale(1.1);}
.product .right ul li .wenzi{background: #888888;line-height: 40px;text-align: center;font-size: 12px;color: #fff;}
.product .right ul li:hover .wenzi{background: #014F97;}
.more22{line-height: 30px;}

@media screen and (max-width: 760px){

	.product .left ul {padding: 20px 15px;display: none;}
	.product .right{width: 100%;background: #fff;}
	.product .left{width: 100%;background: #FAFAFA;}
	.product .right ul li{width: 48%;margin: 1%;float: left;text-align: center;}
	.search222 input{width: 60%;line-height: 60px;padding: 0 3%;border-radius: 5px;}
	.search222 a{width: 20%;line-height: 60px;border-radius: 5px;background: #EC4D1C;color: #fff;display: inline-block;}
	.wid48{width:100%;}
	.prodetailmain3 .prodetailmain3main{background: #F2F2F2;padding: 10px;}
	.prodetailmain .left{width: 100%;}
	.prodetailmain .right{width: calc(100% - 0px);}

	.contactmain .left{width: 100%;}
	.contactmain .right{width: 100%;}
	.contactmain .left ul li{width:100%;float: left;margin-bottom: 20px;}
	.contactmain .left ul li .lileft{width: 100%;text-align: center;}
	.contactmain .left ul li .liright{width: 100%;}

	.case ul li{background: #fff;width: 44%;margin: 1%;float: left;padding: 2%;background: #F2F4F6;}
	.hezuo ul li{width: 48%;margin: 1%;float: left;}

	.news ul li .lileft{width: 100%;}
	.news ul li .liright{width: 100%;}

	.about3 ul li{width: 48%;margin: 1%;float: left;background: #fff;}

	.about2 ul li .lileft{width: 100%;background: #F4F4F4;}
	.about2 ul li .liright{width: 100%;background: #F4F4F4;}

	.wapper{width:90%;padding: 0 5%;}
	.wapper2{width:90%;padding: 0 5%;}
	.pc{display: none;}
	.phone{display: block;}

	.pad{padding: 30px 0;}

	.mumping_mun li{display: inline-block;float: left;width:50%;}
	.mumping_mun li .liright{margin-left: 2%;width: 68%;}
	.mumping_mun li .lileft{width: 30%;}

	.con2 .left{width: 100%;}
	.con2 .right{width: 100%;margin-top: 40px;}
	.con2 .right ul li{width: 100%;float: left;}

	.con3 .title{width: 100%;}
	.con3 .tabs_vallist{width: 100%;}


	.foot .left{width: 100%;float: none;text-align: center;}
	.foot .right{width: 100%;text-align: center;margin-top: 20px;}
}