/*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; 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:1400px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

img{max-width: 100%;max-height: 100%;}
.head .logo{padding: 15px 0;}

.menu ul li{display: inline-block;width: 120px;text-align: center;line-height: 68px;text-align: center;font-size: 14px;position: relative;padding: 15px 0;}
.menu ul li a{color: #000;}
.menu ul li.cur a{font-weight: bold;}
.menu ul li dl{line-height: 40px;position: absolute;top: 98px;left: 0;right: 0;z-index: 999;background: #fff;display: none;}
.menu ul li dl dd:hover{background: #E4E4E4;}
.menu ul li:hover dl{display: block;}

.lan{line-height: 30px;border-radius: 5px;border: 1px solid #E4E4E4;margin-top: 34px;}
.lan h3{padding-left: 30px;font-weight: normal;color: #000;padding-right: 30px;position: relative;}
.lan:hover h3 em{transform: rotate(270deg);}
.lan h3 em {transform: rotate(90deg);transition:all .3s;position:absolute; right: 0; top:0px; display:block;cursor:pointer;font-style: normal;color: #000;font-size: 12px;}
.lan h3 em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}
.lan ul{display: none;}
.lan:hover ul{display: block;}

.pad{padding: 100px 0;}
.tit h3{font-size: 36px;color: rgb(78, 84, 91);}
.tit h4{font-weight: normal;color: rgb(78, 84, 91);font-size: 30px;margin: 20px 0;}
.tit span{color: rgb(78, 84, 91);display: block;font-size: 18px;margin-bottom: 40px;font-weight: bold;}

.more{text-align: right;font-size: 14px;}
.more a{color: rgb(78, 84, 91);text-decoration: underline;}
.more a:hover{    color: rgb(230, 33, 40);}


.con .left{width: 48%;}
.con .left ul{margin-top: 10px;}
.con .left ul li{width: 25%;float: left;text-align: center;}
.con .left ul li .litop{font-size: 42px;color: rgba(78, 84, 91, 1);margin-bottom: 10px;}
.con .left ul li .libottom{font-size: 14px;color: rgba(78, 84, 91, 1);}
.con .right{width: 48%;}

.tit2{}
.tit2 h3{font-size: 30px;color: #fff;writing-mode:tb-rl}
.tit2 h4{font-size: 30px;color: #fff;writing-mode:tb-rl}

.con2 .left{width: 10%;}
.con2 .right{width: 88%;}
.con2 .right ul{column-count:3;column-gap:10px}
.con2 .right ul li{margin-bottom: 10px;}
.con2 .right ul li .imgarea{overflow: hidden;}


.title li{display: inline-block;padding: 0 25px;font-size: 14px;line-height: 40px;}
.title li.cur{border-bottom: 2px solid #000;color: #000;}
.tab_val{display: none;}
.tabs_vallist .list ul li{width: 31.3%;float: left;margin-right: 3%;}
.tabs_vallist .list ul li:nth-child(3n){margin-right: 0;}
.tabs_vallist .list ul li .limain{box-shadow: 0 0 5px #f2f2f2;}
.tabs_vallist .list ul li:hover .wenzi{background: #f2f2f2;}
.tabs_vallist .list ul li .wenzi{padding: 20px;}
.tabs_vallist .list ul li .wenzi h3{color: rgba(78, 84, 91, 1);font-size: 16px;font-weight: normal;margin-bottom: 20px;}
.tabs_vallist .list ul li .wenzi span{font-size: 14px;}
.tabs_vallist .list2 ul li{border-bottom: 1px dashed #f2f2f2;padding: 20px 2%;width: 44%;margin: 1%;float: left;}
.tabs_vallist .list2 ul li h3{font-size: 16px;font-weight: normal;margin-bottom: 20px;color: #333;}
.tabs_vallist .list2 ul li .spa{color: #999;font-size: 12px;display: block;margin-bottom: 20px;}
.tabs_vallist .list2 ul li .nr{color: #666;}
.tabs_vallist .list2 ul li:hover{background:  #f2f2f2;}


.more2 a{display: block;width: 120px;line-height: 38px;border: 1px solid #919498;text-align: center;color: #4E545B;font-size: 14px;margin: 0 auto;}
.more2 a:hover{background: #4E545B;color: #fff;}

.con4{position: relative;}
.con4 video{width: 100%;}
.con4 .wenzi{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;padding: 15% 0;text-align: center;}
.con4 .wenzi img{}
.con4 .wenzi a{color: #fff;display: block;margin: 0 auto;font-size: 14px;text-decoration: underline;}

.foot{background: #F6F6F6;}
.foot .left{width: 20%;}
.foot .center{width: 50%;margin: 0 5%;}
.foot .center dl{width: 20%;float: left;}
.foot .center dl dt{font-size: 14px;font-weight: bold;color: #4E545B;margin-bottom: 30px;}
.foot .center dl dd{font-size: 14px;color: rgb(78, 84, 91);margin-bottom: 20px;}
.foot .center dl dd a{color: rgb(78, 84, 91);}
.foot .right{width: 20%;}
.foot .right h3{font-size: 14px;font-weight: bold;color: #4E545B;margin-bottom: 30px;}
.foot .right ul li{font-size: 14px;color: rgb(78, 84, 91);margin-bottom: 20px;}
.foot .right dl dd{display: inline-block;}

.copy{border-top: 1px solid #ccc;padding: 20px 0;background: #F6F6F6;font-size: 14px;}

.bread{border-bottom: 2px solid #DEDEDE;}
.bread .left ul li{padding:  0 30px;display: inline-block;background: #F5F5F5;line-height: 60px;}
.bread .left ul li a{color: #333;font-size: 14px;}
.bread .left ul li.cur{background: #4E545B;}
.bread .left ul li.cur a{color: #fff;}
.bread .right{line-height: 60px;font-size: 14px;color: #4E545B;}
.bread .right a{color:  #4E545B;}
.bread .left ul li:hover{background: #4E545B;}
.bread .left ul li:hover a{color: #fff;}


.fazhan ul li{width: calc(93% / 7);margin: 1%  0.5%;float: left;min-height: 10px;text-align: center;}
.fazhan ul li  h3{color: #fff;font-size: 18px;margin: 10px 0;}
.fazhan ul li  span{color: #fff;font-size: 12px;display: block;}
.fazhan .tit h3{color: #fff;}
.fazhan .tit h4{color: #fff;}

.wenhua .left{width: 30%;text-align: right;}
.wenhua .center{width: 40%;}
.wenhua .right{width: 30%;}
.wenhua ul li:nth-child(1){margin-bottom: 110px;}
.wenhua ul li h3{width: 100px;line-height: 36px;background: #4E545B;font-size: 16px;color: #fff;text-align: center;}
.wenhua ul li h4{font-size: 14px;font-weight: normal;color: #333;margin: 15px 0;}


.contact .left{width: 40%;}
.contact .right{width: 58%;}
.contact .left .h3{font-size: 30px;color: rgb(53, 53, 53);font-weight: normal;}
.contact .left .spa{display: block;color: rgb(102, 102, 102);font-size: 19px;margin-bottom: 30px;}
.contact .left .nr{margin-bottom: 30px;}
.contact .left ul li{margin-bottom: 30px;font-size: 14px;}
.contact .left .erweima span{display: block;text-align: center;width: 150px;}

.ctit{text-align: center;margin-bottom: 30px;}
.ctit h3{    color: rgb(78, 84, 91);font-size: 26px;margin-bottom: 10px;}
.ctit span{display: block;color: rgb(102, 102, 102);font-size: 14px;}
.contact2 h3{font-size: 14px;font-weight: normal;margin-bottom: 24px;}
.mar{margin: 0 5%;}
.w30{width: 30%;}
.label{font-size: 14px;margin-bottom: 20px;}
.label input{line-height: 30px;border: 1px solid #DADADA;width: 80%;}
.label strong{color: #f00;}
.label textarea{line-height: 30px;border: 1px solid #DADADA;width: 80%;}

.job .left{width: 25%;}
.job .left .jtit{padding: 40px;border-top-left-radius: 40px;border-bottom-right-radius: 40px;background: #4E525A;text-align: center;}
.job .left .jtit h3{font-size: 30px;color: #fff;}
.job .left .jtit .line{background: #fff;height: 1px;width: 80px;margin: 20px auto;}
.job .left .jtit  span{font-size: 20px;color: #fff;}
.job .right{width: 70%;padding-left: 5%;margin-top: 55px;padding-top: 20px;border-top: 1px solid #4E525A;color: #4E525A;line-height: 1.5;font-weight: bold;}

.job2 ul li{margin-bottom: 20px;}
.job2 ul li .litop{line-height: 50px;background: #4E545B;padding: 0 1%;}
.job2 ul li .litop h3{position: relative;color: #fff;font-weight: normal;padding-left: 30px;}
.job2 ul li .litop.on h3 em{transform: rotate(270deg);}
.job2 ul li .litop h3 em {transform: rotate(90deg);transition:all .3s;position:absolute; left: 0; top:10px; z-index: 888;;display:block;cursor:pointer;font-style: normal;color: #fff;font-size: 12px;}
.job2 ul li .litop h3 em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}
.job2 ul li .libottom{padding: 70px 20px;background: #F7F7F7;display: none;}
.job2 ul li .libottom dl dd{width: 48%;margin: 1%;float: left;border-bottom: 1px solid #DEDEDE;}
.job2 ul li .libottom dl dd .ddtop{margin-bottom: 20px;font-size: 14px;}
.job2 ul li .libottom dl dd .ddtop h3{display: inline-block;margin-right: 20px;font-size: 14px;}
.job2 ul li .libottom dl dd .ddbottom{font-size: 14px;padding-bottom: 20px;}



.pro ul li{width: 23%;margin: 1%;float: left;height: 257px;}


.ibanner {position: relative;}
.ibanner .wenzi{position: absolute;left: 0;top: 0;right: 0;z-index: 99;padding: 15% 0;}
.ibanner .wenzi h3{font-size: 36px;color: #fff;font-weight: normal;}
.ibanner .wenzi h4{font-size: 36px;color: #fff;margin: 20px 0;font-weight: normal;}
.ibanner .wenzi .line{width: 70px;height: 5px;background: #fff;}