@charset "utf-8";
* {	margin: 0;	padding: 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #484848;    vertical-align: top;}
a:hover {	color: #e1410e;}
img {	border: 0px;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {	color: #000000;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}
.hide {	display: none;}
.clear {	clear: both;}
.center{ text-align:center;}
.pic100 img{width:100%;}
h1{ font-size:26px;color:#464646;}
::selection { color: #fff; background-color: #e1410e;}    
::-moz-selection { color: #fff; background-color: #e1410e;} 
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad0{padding:0 !important;}
.pad60{padding:60px 0;}
.overflow{ overflow:hidden;}
.clear {clear:both;visibility:hidden;display:block;font-size:0;line-height:0;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {*zoom:1;}
.white,.white a{ color:#fff;}
.rela{ position:relative;}

.map{ height:460px}
.story{ font-size:16px; line-height:32px}
.otherC2 { font-size:16px; line-height:32px}
.slider img{ width:100%;}
.slider ul{ margin-bottom:0;}
.toptel span{ font-size:15px;}
.toptel span i{ display:inline-block; width:17px;height:17px; background:url(../images/icon_1.png) no-repeat; vertical-align:middle;margin-right:10px;}
.toptel p{font-size:31px; color:#222222; font-weight:bold;}
.search{ margin-left:120px;margin-top:25px;}
.search input{ width:380px;height:38px; border:1px solid #eaeaea; padding:5px 14px; float:left;}
.search button{ width:98px; background-color:#e1410e;color:#fff; line-height:38px; font-size:15px;}
.search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #dbdbdb;}
.search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #dbdbdb;}
.search input:-ms-input-placeholder{  color: #dbdbdb;}
.search input::-webkit-input-placeholder{  color: #dbdbdb;}
nav{ background:url(../images/navbg.jpg) repeat; padding:10px 0;}
nav dl{ position:absolute;left:0; top:-19px; width:200px;z-index: 2; -webkit-box-shadow:4px -1px 15px rgba(0, 0, 0, .3);-moz-box-shadow:4px -1px 15px rgba(0, 0, 0, .3); box-shadow:4px -1px 15px rgba(0, 0, 0, .3); background-color:#212121;}
nav dl div{ background:url(../images/navlbg.png) no-repeat; width:210px;height:9px;}
nav dl dt{ background-color:#e1410e;color:#fff; font-size:16px; text-align:center; line-height:50px; height:50px;}
nav dl dt i{ width:16px;height:16px; display:inline-block; vertical-align:middle;margin-left:25px; background:url(../images/icon_14.png) no-repeat;}
nav dl dd{ border-bottom:1px solid #26525a;}
nav dl dd a{ display:block;padding:0 20px; font-size:15px; background-color:#212121;min-height:43.4px;line-height: 43.4px;}
nav dl dd a i{ width:26px; height:26px; display:inline-block;margin-right:6px; vertical-align:middle;}
nav dl dd a i.i1{ background:url(../images/icon_4.png) no-repeat;}
nav dl dd a i.i2{ background:url(../images/icon_5.png) no-repeat;}
nav dl dd a i.i3{ background:url(../images/icon_6.png) no-repeat;}
nav dl dd a i.i4{ background:url(../images/icon_9.png) no-repeat;}
nav dl dd a i.i5{ background:url(../images/icon_10.png) no-repeat;}
nav dl dd a i.i6{ background:url(../images/icon_8.png) no-repeat;}
nav dl dd a i.i7{ background:url(../images/icon_7.png) no-repeat;}
nav dl dd a i.i8{ background:url(../images/icon_111.png) no-repeat;}
nav dl dd a i.i9{ background:url(../images/icon_7.png) no-repeat;}
nav dl dd a i.i10{ background:url(../images/icon_12.png) no-repeat;}
nav dl dd a i.i11{ background:url(../images/icon_13.png) no-repeat;}
nav dl dd a i.i12{ background:url(../images/icon_36.png) no-repeat;}
nav dl dd a:link, nav dl dd a:visited {
  position: relative;
  background: rgba(13, 62, 71, 0.1);
  overflow: hidden;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
nav dl dd a:link:after, nav dl dd a:visited:after {content: "";position: absolute;background: none repeat scroll 0 0 #e1410e;height: 0%;left: 50%;top: 50%;width: 100%;z-index: -1;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
nav dl dd a:link:hover, nav dl dd a:visited:hover {color: #fff;}
nav dl dd a:link:hover:after, nav dl dd a:visited:hover:after {height: 420%;}
nav dl dd a:after {
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
nav .navR{ margin-left:255px; }
nav ul li{padding-right: 1px;font-size:16px; width:20%; float: left;  text-align: center; position:relative; z-index:2;}
nav ul li a{ display:block;height:30px;line-height:30px;}
nav ul li a i{ width:17px;height:17px; display:inline-block; vertical-align:middle;margin-right:5px; background:url(../images/icon_2.png) no-repeat;}
nav ul li a.cur{  color:#fff; background-color:#e1410e}
nav ul li a:hover i,nav ul li a.cur i{background:url(../images/icon_3.png) no-repeat;}
#navR{margin-bottom:0;}
#container{position:relative;overflow:hidden;}
#buoy{position:absolute;width:122px;height:30px;background:#e1410e;bottom:0px;left:-157px; z-index:0;}
header{padding:18px 0 20px;}
.slider-nav{ display:none;}
.h_qwdz{ padding:70px 0 58px;}
.h_qwdz .container{ position:relative; z-index:2;}
.h_qwdz p{ color:#ababab;font-size:15px;margin-top:20px; line-height:30px; padding:0 10%;}
.h_qwdzbg{ position:absolute; right:0;bottom:0;}
.h_productbg{ height:200px; background:url(../images/h_bg2.jpg) fixed no-repeat center center; background-size:cover;}
.h_producttit{ background-color:#fff; position:absolute; left:0; text-align:center; padding:20px 65px;top: -111px; margin-top:111px;}
.h_producttit h2{ font-size:30px; font-weight:bold; color:#222222;}
.h_producttit p{ font-size:23px; color:#b1aaaa; text-transform:uppercase; margin-top:5px;/*font-family: 'initial';*/}
.h_productC .tab{ overflow:hidden; position:absolute;right:0; top:-35px;}
.h_productC .tab a,.h_productC .content li p a{ display:block;padding:0 15px;height:35px; line-height:35px; text-align:center; margin-left:1px;float:left; text-decoration:none; color:#fff; background-color:#212121; margin-bottom:5px}
.h_productC .tab a.on{ background:#e1410e; color:#fff; text-decoration:none;}
.h_productC .content{ overflow:hidden; text-align:center; margin-top:30px;margin-bottom:65px;}
.h_productC .content li{ display:none;}
.h_productC .content li dl,.prolistC dl{ padding:0 10px; }
.h_productC .content li dl a,.prolistC dl a{ display:block; position:relative; overflow:hidden;}
.h_productC .content li dl a dd,.prolistC dl a dd{ background:url(../images/mask_h50.png) repeat; color:#fff; width:100%; position:absolute;bottom:0;left:0; -webkit-transition: all .3s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease}
.h_productC .content li dl a dd.dd1,.prolistC dl a dd.dd1{font-size:16px; height:44px;line-height:44px; overflow:hidden;}
.h_productC .content li dl a dd.dd2,.prolistC dl a dd.dd2{font-size:24px; height:100%; top:100%;}
.h_productC .content li dl a dd.dd2 p,.prolistC dl a dd.dd2 p{ padding-top:35%;}
.h_productC .content li dl a dd.dd2 i,.prolistC dl a dd.dd2 i{ width:48px;height:2px; display:inline-block; background-color:#fff; margin-top:15px;}
.h_productC .content li dl a:hover dd.dd1,.prolistC dl a:hover dd.dd1{bottom:-100%;}
.h_productC .content li dl a:hover dd.dd2,.prolistC dl a:hover dd.dd2{top:0;}
.h_productC .content li dl dt img,.prolistC dl dt img{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_productC .content li dl a:hover dt img,.prolistC dl a:hover dt img{-webkit-transform: scale3d(1.1,1.1,1); 	transform: scale3d(1.1,1.1,1);}
.h_hxzl{ background:url(../images/h_bg3.jpg) fixed center center no-repeat; background-size:cover; padding:63px;}
.h_hxzl p{color: #FFF; margin-top: 20px; line-height: 25px; padding: 0 22%;}
.h_hxzlC{ margin-top:30px;border-top:1px solid #FFF;border-left:1px solid #FFF;border-bottom:1px solid #FFF;}
.h_hxzlC li{ padding:0; margin-bottom:0;}
.h_hxzlC li a{ border-right:1px solid #FFF; display:block; padding:26px;}
.h_hxzlC li a p{ margin-top:14px; font-size:15px;}
.h_hxzlC li a:hover h5{
    -webkit-animation: Lirotate 2s cubic-bezier(0.8, 0.44, 0.47, 0.88) forwards;
    animation: Lirotate 2s cubic-bezier(0.8, 0.44, 0.47, 0.88) forwards;
}
.h_hxzlC li a:hover h5 img {
  -webkit-animation: LirotateI 2s cubic-bezier(0.8, 0.44, 0.47, 0.88) forwards;
          animation: LirotateI 2s cubic-bezier(0.8, 0.44, 0.47, 0.88) forwards;
}
@keyframes Lirotate {
    0% {
    	transform: rotateY(0);
    }
    50% {
    	transform: rotateY(180deg);
    }
    100% {
    	transform: rotateZ(180deg);
    }
}
@keyframes LirotateI {
    0% {
    	transform: rotateY(0) rotateX(0);
    }
    50% {
    	transform: rotateY(0) rotateX(0);
    }
    100% {
    	transform: rotateY(-180deg) rotateX(-180deg);
    }
}
.h_new{ background-color:#f6f6f6;padding:60px 0;}
.h_newL{padding:0 10px 0 0 !important;}
.h_newL article{ background-color:#fff; padding:25px 30px !important;}
.h_newL h2 b{ font-size:42px;text-transform:uppercase;}
.h_newL h2 span{ font-size:24px; color:#222222;vertical-align: super; display:inline-block;margin-left:5px;}
.h_newL h2 a{ float:right;  background-color:#e1410e;color:#fff; border-radius:18px; text-transform:uppercase; font-size:12px; padding:4px 13px; margin-top:10px;}
.h_newLC{ margin-top:28px;}
.h_newLC dl{ margin-bottom:30px; padding-top:30px; overflow:hidden; border-top:1px solid #e5e5e5;}
.h_newLC dl:last-child{ margin-bottom:10px;}
.h_newLC dl dt,.h_newR .content li dl dd time{ height:76px; float:left; padding-right:18px; border-right:1px solid #e9e9e9; text-align:right;}
.h_newLC dl dt b,.h_newR .content li dl dd time b{ display:block;font-size:24px; font-weight:100;}
.h_newLC dl dt span,.h_newR .content li dl dd time span{ display:block; margin-top:3px;}
.h_newLC dl dd,.h_newR .content li dl dd div{float:right; width:calc(100% - 100px);}
.h_newL dd h5,.h_newR .content li dl dd div h5{ font-size:16px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;font-weight: bold;}
.h_newL dd p,.h_newR .content li dl dd div p{ color:#989898;line-height:22px; height:44px; overflow:hidden;margin-top:10px; text-align:justify;}
.h_newR{ padding:0 0 0 10px !important;}
.h_newR article{background-color:#fff; position:relative;}
.h_newR .tab{ overflow:hidden;position:absolute;bottom:178px;left:50%;margin-left:-177px;}
.h_newR .tab a{ display:block;float:left; text-decoration:none; color:#fff; background-color:#222222; text-transform:uppercase; margin-right:1px; width:70px; height:28px; line-height:28px; text-align:center; margin-top:10px;}
.h_newR .tab a.on{ background:#e1410e; color:#fff; text-decoration:none; height:38px;line-height:38px;margin-top: 0;}
.h_newR .content{ overflow:hidden; }
.h_newR .content li{ display:none;}
.h_newR .content li dl dd{ padding:30px; overflow:hidden;}
.h_newR .content li dl dd time{ display:inline-block;float:left; border:0; background:url(../images/newbg.jpg) no-repeat right top;}
.h_newR .content li dl dd div p{ height:66px;}
.link{ background-color:#000000; padding:12px 0;}
.link span{ font-size:12px; margin-right:15px;}
.link li{ display:inline-block; margin:0 10px;}
footer{ background-color:#222222;padding:50px 0;}
.footL h2,.footR h2{ border-bottom:1px dashed #8b8b8b; margin-bottom:20px;}
.footL h2 b,.footR h2 b{ padding-bottom:16px; display:inline-block; font-size:18px; position:relative; margin-right:10px;}
.footL h2 b i,.footR h2 b i{ position:absolute;bottom:-1px;left:0;width:100%;height:2px; background-color:#e1410e; display:block;}
.footL h2 span,.footR h2 span{ font-size:12px; text-transform:uppercase;}
.footL ul li{ width:33%;float:left; margin:5px 0;}
.footC dl dt img{ width:150px; }
.footC dl dd{ margin-top:10px;line-height:23px;}
.footR li{ margin:10px 0;}
.footR li i{ width:19px;height:19px; display:inline-block; vertical-align:middle;margin-right:15px;}
.footR li i.i1{ background:url(../images/icon_19.png) no-repeat;}
.footR li i.i2{ background:url(../images/icon_20.png) no-repeat;}
.footR li i.i3{ background:url(../images/icon_21.png) no-repeat;}
.footR li b{ font-size:24px; font-weight:bold;}
.bq{ padding:18px 0;color:#929292;}
.bq a{color:#929292;}
.othernav dl dd{ display:none;line-height:60px;}
.othernav dl dt i{-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.othernav dl:hover dt i{-moz-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}
.proT{ background-color:#fafafa; padding:50px 0;}
.proT dl{ display:inline-block; margin-bottom:0; height:106px; vertical-align:top;}
.proT dl dt{ width:75px;height:75px; margin:auto;}
.proT dl dd{ font-size:15px; margin-top:10px;}
.proT dl.dl1 dt{ background:url(../images/icon_2211.png) no-repeat;}
.proT dl.dl2 dt{ background:url(../images/icon_2311.png) no-repeat;}
.proT dl.dl3 dt{ background:url(../images/icon_2411.png) no-repeat;}
.proT dl.dl4 dt{ background:url(../images/icon_2511.png) no-repeat;}
.proT dl.dl5 dt{ background:url(../images/icon_2611.png) no-repeat;}
.proT dl.dl6 dt{ background:url(../images/icon_2711.png) no-repeat;}
.proT dl.dl7 dt{ background:url(../images/icon_2811.png) no-repeat;}
.proT dl.dl8 dt{ background:url(../images/icon_3000.png) no-repeat;}
.proT dl.dl1 a:hover dt,.proT dl.dl1 a.cur dt{ background:url(../images/icon_2212.png) no-repeat;}
.proT dl.dl2 a:hover dt,.proT dl.dl2 a.cur dt{ background:url(../images/icon_2213.png) no-repeat;}
.proT dl.dl3 a:hover dt,.proT dl.dl3 a.cur dt{ background:url(../images/icon_2214.png) no-repeat;}
.proT dl.dl4 a:hover dt,.proT dl.dl4 a.cur dt{ background:url(../images/icon_2215.png) no-repeat;}
.proT dl.dl5 a:hover dt,.proT dl.dl5 a.cur dt{ background:url(../images/icon_2216.png) no-repeat;}
.proT dl.dl6 a:hover dt,.proT dl.dl6 a.cur dt{ background:url(../images/icon_2217.png) no-repeat;}
.proT dl.dl7 a:hover dt,.proT dl.dl7 a.cur dt{ background:url(../images/icon_2218.png) no-repeat;}
.proT dl.dl8 a:hover dt,.proT dl.dl8 a.cur dt{ background:url(../images/icon_3001.png) no-repeat;}
.proT dl a:hover dd,.proT dl a.cur dd{ color:#222222;}
.proT dl i{ width:30px;height:1px; background-color:#e1410e; display:inline-block; vertical-align:middle; margin: 50px 30px 0;}
.pronav{ margin:50px 0 0;}
.pronav h2,.otherCnav h2{ float:left; font-size:20px;}
.pronav h2 i,.otherCnav h2 i{ width:43px;height:43px; display:inline-block; vertical-align:middle;margin-right:15px;}
.pronav div,.otherCnav div{ float:left;margin:10px 0 0 20px;}
.pronav div a,.otherCnav div a { color:#919191; display:inline-block; margin:0 14px;}
.otherCnav div a.cur,.otherCnav div a:hover,.pronav div a.cur,.pronav div a:hover{color:#222222;}
.pronav div a.cur,.pronav div a:hover{ font-weight:bold;}
.pronav1 h2 i{ background:url(../images/icon_30.png) no-repeat;}
.pronav22 h2 i{ background:url(../images/icon_34.png) no-repeat;}
.pronav33 h2 i{ background:url(../images/icon_35.png) no-repeat;}
.otherTit{ margin-bottom:40px;}
.otherTit h2{ color:#222222; font-size:30px; font-weight:bold;}
.otherTit p{ color:#b1aaaa; font-size:23px; font-weight:100; text-transform:uppercase; font-family:initial; margin-top:5px;}
.otherTit i{width:80px;height:2px; background-color:#e1410e; display:inline-block; margin: 10px auto 0;}
.pagelist{ margin-top:40px; text-align:center;}
.pagelist li{ display:inline-block;margin:0 3px;}
.pagelist li a{ display:block;/*height:40px;*/line-height:40px;padding: 0 16px; border:1px solid #dcdcdc;}
.pagelist li a:hover,.pagelist li a.cur{ background-color:#e1410e; color:#fff;}
.prolist { margin:50px 0;}
.downlistC dl{ background-color:#fafafa; padding:30px;}
.downlistC dl dt{ width:280px;float:left;}
.downlistC dl dd.dd1{ width:calc(100% - 445px);float:left; margin-left:20px;}
.downlistC dl dd.dd1 h5{ font-size:18px; line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.downlistC dl dd.dd1 time{ display:block; margin-top:12px;}
.downlistC dl dd.dd1 time span{ display:inline-block; color:#858585; margin:0 10px 0 0;}
.downlistC dl dd.dd1 p{ margin-top:30px; color:#4e4e4e;}
.downlistC dl dd.dd2{ width:145px;float:right;}
.downlistC dl dd.dd2 a{ background-color:#e1410e;color:#fff; display:inline-block; line-height:35px;width:145px; text-align:center; margin-top:30px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.downlistC dl dd.dd2 a:hover,.promainCTwz a:hover,.hrlist li a:hover span{ background-color:#144b55;}
.promainT{ border-bottom:1px solid #dcdcdc; padding:30px 0;}
.promainTL dl{ margin:0 40px 0 0; height:auto;}
.promainTL dl dt{ width:42px;height:42px; background-size:42px !important;}
.back{ width:130px;line-height: 35px;text-align: center;background-color: #222222;display: inline-block;margin-top: 30px; }
.back a{color:#fff; display:block;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.back a:hover{background-color: #e1410e;}
.promainTT{ padding:0;}
.promainCT{ background-color:#fafafa; padding:50px 0;}
.promainCTpic { width:75%;}
.promainCTwz{ position:absolute; right:0;top:30%; background-color:#fff; width:30%; padding:30px 0 0 0;}
.promainCTwz h5{ font-size:18px; padding:0 30px 0;}
.promainCTwz h2{ font-size:30px;  padding:0 30px 0;font-weight:bold;color:#222222; font-weight:bold; margin:20px 0 10px;}
.promainCTwz article{ line-height:25px; padding:0 30px 0;}
.promainCTwz a,.hrlist li a span{ margin-top:60px; background-color:#e1410e;color:#fff;line-height:45px; font-size:15px; display:block;padding-left:30px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.promainCC h2{background-color:#144b55;color:#fff; padding:15px 30px; margin:50px 0; font-size:24px; font-weight:bold;color:#fff;}
.promainCC h2 span{ font-family:initial; margin-left:10px; font-size:20px; text-transform:uppercase;font-weight: 100;}
.promainCC article img{ max-width:100%; }
.tj{ padding:50px 0;}
.otherbanner1{ padding:60px 0;}
.otherbanner2{ padding:150px 0;}
.otherpic1{background:url(../images/other3.jpg) no-repeat fixed center top; background-size:cover;}
.otherpic2{background:url(../images/other2.jpg) no-repeat fixed center top; background-size:cover;}
.otherpic3{background:url(../images/other3.jpg) no-repeat fixed center top; background-size:cover;}
.otherpic4{background:url(../images/other4.jpg) no-repeat fixed center top; background-size:cover;}
.otherpic5{background:url(../images/other5.jpg) no-repeat fixed center top; background-size:cover;}
.otherpic6{background:url(../images/other6.jpg) no-repeat fixed center top; background-size:cover;}
.otherpic7{background:url(../images/other7.jpg) no-repeat fixed center top; background-size:cover;}
.otherC1{ background-color:#f3f3f3; padding:50px 0 50px;}
.otherC2{ background-color:#fefefe; padding:50px 0 50px;}
.pronav2 h2 i{ background:url(../images/icon_32.png) no-repeat;}
.pronav3 h2 i{ background:url(../images/icon_32.png) no-repeat;}
.pronav4 h2 i{ background:url(../images/icon_33.png) no-repeat;}
.otherCnav { padding-bottom:20px; border-bottom:1px solid #dcdcdc;}
.caselist,.teamlist,.hrlist,.buylist{ margin:50px -15px 0;}
.caselist dl{ margin-bottom:30px;}
.caselist dl a{ display:block; }
.caselist dl dd,.buylist dl dd{ background-color:#fff;  padding:18px 20px;font-size:15px;}
.caselist dl dd{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.merchant1LT{ background-color:#222222;color:#fff; padding:40px 25px;}
.merchant1LT h5{ font-size:24px; font-weight:bold; margin-bottom:5px;}
.merchant1L article{ font-size:16px;line-height:30px; padding:40px 30px;}
.merchant2R{ padding:40px 30px !important;}
.merchant2R h2{ font-size:24px; color:#222222;font-weight:bold;}
.merchant2R h2 span{ margin-left:10px; font-size:16px; color:#5d5d5d; font-weight:100;}
.merchant2R article{font-size:16px;line-height:30px; padding-top:30px;}
.merchant3{ margin-top:50px;}
.merchant3L article{ position:absolute;bottom:0;left:0; background-color:#fff; padding:40px; width:48%; height:50%;line-height:30px; overflow:hidden;}
.merchant3R { height:629px; overflow:hidden;}
.teamlist dl dd{ margin-top:20px;}
.teamlist dl dd div h5{ font-size:18px; display:inline-block;}
.teamlist dl dd div span{ margin-left:10px; color:#222222;}
.teamlist dl dd p{ color:#808080;line-height:25px;height:50px; overflow:hidden;margin-top:10px;}
.hrlist li{ margin-bottom:30px;}
.hrlist li a{ display:block; position:relative; padding:30px 0 0; background-color:#fff;}
.hrlist li a h5{ font-size:20px; position:relative; padding:0 25px;}
.hrlist li a h5 i{ width:50px;height:2px; display:inline-block; background-color:#e5e5e5; position:absolute;left:25px;bottom:-18px;}
.hrlist li a article{ margin-top:40px; line-height:30px; height:150px; overflow:hidden;padding:0 25px;}
.hrlist li a span{ margin-top:40px;}
.hrlist li a p{ position:absolute;right:25px;top:25px; font-size:20px;}
.hrlist li a p b{ font-size:48px; font-weight:100;}
.buylist dl dd h5{ font-size:18px;}
.buylist dl dd p{ color:#9b9b9b;margin-top:10px; line-height:20px;height:40px; overflow:hidden;}
.newlistC dl{ margin:0 0 30px;}
.newlistC dl a{ display:block;border-bottom:1px solid #e5e5e5;padding-bottom:30px; }
.newlistC dl dt{ width:583px;float:left;display:none;}
.newlistC dl dd{width:100%;float:none; overflow:hidden;}
.newlistC dl dd time{padding-right:20px; display:block;width:97px;float:left; text-align:right; border-right:1px solid #e5e5e5; height:82px; margin:0;}
.newlistC dl dd time b{ font-size:24px; display:block;margin-right:0; font-weight:100;}
.newlistC dl dd article{ width:calc(100% - 110px);float:right; margin-top:0;}
.newlistC dl dd h5{ font-size:16px;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.newlistC dl dd p{ color:#9c9c9c;line-height:25px;height:50px; overflow:hidden;margin-top:10px;}
.newlistC dl dd span{ background-color:#e1410e;color:#fff; border-radius:20px; font-size:12px;padding:9px 25px;margin-top: 105px;display:none;}
.newlistC dl.dl1 a{border-bottom:0;border-bottom:0;}
.newlistC dl.dl1 dt{ display:block;}
.newlistC dl.dl1 dd span{ display:inline-block;}
.newlistC dl.dl1 dd{ width:calc(100% - 616px);float:right;}
.newlistC dl.dl1 dd time{width:100%;float:none; text-align:left;padding-right:0;border-right:0; height:auto;}
.newlistC dl.dl1 dd time b{ display:inline-block;margin-right:10px;}
.newlistC dl.dl1 dd article{width:100%;float:none;}
.newlistC dl.dl1 dd h5{margin-top:24px; font-size:24px;}
.newlistC dl.dl1 dd p{height:75px;margin-top:24px;}
.newmain {padding:50px 0;border-top:1px solid #dcdcdc; margin-top:20px;}
.newmain article img,.story3 img{ max-width:100%;}
.newmain article{line-height:32px; margin-top:30px;}
.newmain h1{font-size:24px;margin:0 0 19px; font-weight:bold;}
.newmain time{ display:block; color:#b1b1b1; margin:19px 0;}
.newmain time span{ margin:0 20px 0 0;}
.prenext{margin:50px 0 0; border:1px solid #e5e5e5; padding:17px 15px;}
.prenext p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.prenext p:last-child{ text-align:right;}
.story{padding: 50px 0 58px;}
.video{ margin-top:25px;}
.video article{width:80%;margin:auto;}
.story1{ padding:20px 0 39px; line-height:30px; font-size:15px;}
.story1 article{ display:inline-block;}
.story1 article em{ position:absolute;bottom:-40px;right:-10px;}
.story2{ background-color:#e1410e;font-size:15px;color:#fff;line-height:30px;padding:36px 15px;}
.story3{ margin-top:50px;line-height:32px;font-size:15px;}
.story3 b{font-size:20px; font-weight:bold;color:#144b50; display:inline-block; margin-right:5px;}
.storyicon{ margin:50px 0;}
.storyicon li{ float:left;margin: 0 0.54%; width: 8%;}
.storyicon li img{max-width:100%;}
.story3 h2{ font-size:20px; font-weight:bold;color:#c69f76; margin-top:40px; text-align:center;}
.promainBB{ display:none;}
.h_productC .content li p.btn{ display:none;}
.h_productC .content li p a{ float:none;margin: auto;}
.caselist dl a dt,.teamlist dl a dt{ position:relative;}
.caselist dl a dt:before,.teamlist dl a dt:before {content: "";width: 0;height: 100%;background: #000;padding: 14px 18px;position: absolute;top: 0;left: 50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.caselist dl a:hover dt:before,.teamlist dl a:hover dt:before{width: 100%;left: 0;opacity: 0.5;}
.caselist dl a dt h5,.teamlist dl a dt h5{ font-size:18px; position:absolute; color:#fff; width:100%; top:45%;left:0;opacity: 0;transform: translateY(50px);transition: all 0.5s ease 0s; text-align:center;}
.caselist dl a:hover dt h5,.teamlist dl a:hover dt h5{  opacity: 1; transform: translateY(0px); transition-delay: 0.5s;}
.zoom-section{clear:both;margin-top:20px;}
*html .zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;}
.zoom-small-image{float:left;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}
.promainCTpic .slider-arrow{z-index: 9999;}
.promainCTpic .slider-arrow--right{right: 80px;}
.searchTit h2{font-size: 22px;}
.searchTit h2 strong{font-size: 26px;}
.contactR h1{margin: 6px 0;}
.floatright{float:right;padding:0 0 20px 20px;}
.floatleft{float:left;padding:0 20px 20px 0;}








.tjT a{ float:right;margin-top:15px;}
.tjC{ margin:30px -15px 0;}







.menubtn {  margin-top: 30px; display:none; position:absolute;right:1%;top:15px;  z-index:15;}
.menubtn img{ height:50px;}
.menu{ display:none; position:absolute;right:15px;top:25px;}
#nav{ position:fixed;top:0; left:0; display:none;z-index:99; width:100%; background:#131313; height:100%;overflow-y:scroll !important;}
#nav li{  color:#fff;}
#nav li a{ color:#fff;font-size:15px; display:inline-block; width:100%;height:3em; line-height:3em; padding-left:4%;border-bottom:1px solid #363636; position:relative;}
#nav li a span{ position:absolute; right:6%; top:32%; text-indent:-99999px; display:block; width:9px; height:15px; background:url(../images/arrow.png) no-repeat;}
#nav li.btn_up{ text-align:center;}
#nav li.btn_up img{ vertical-align:middle; max-width:64px;width:10%;}
#nav li article{ display:none;font-size:13px; background-color:#e1410e;}
#nav li article div p{ display:none;font-size:13px; background-color:#d6b28f;}
#nav li article a{ padding-left:5%;border-bottom:1px solid #363636;}
.shadow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6); z-index:8;}

.slider2{ display:none;}
.h_newL h2 a:hover{background-color: #222222;}
.pronavoth{ margin-bottom:40px; text-align:center;}
.pronavoth a{ display:inline-block;font-size: 15px;margin: 5px 0;border: 1px solid #dcdcdc;padding: 0;width: 24%;line-height: 30px;}
.pronavoth_mm a{width: 19%;}
.pronavoth a:hover,.pronavoth a.cur{color: #fff; background-color: #e1410e;}
.pronav div a{    margin: 5px 14px;}
 
@media(max-width:1400px){
	.search { margin-left: 25px;}
	.footL ul li{width:50%;}
}
@media(max-width:1370px){
    .merchant3L img{height: 619px;object-fit: cover;}
}
@media(max-width:1199px){
	.search button { width: 58px;}
	.search input{ width: 300px;}
	nav .navR { margin-left: 235px;}
	.otherbanner2 { padding: 60px 0;}
	.otherbanner1 { padding: 30px 0;}
	.otherbanner1 img,.otherbanner2 img{ height: 180px;}
	.merchant3R {height: 509px;overflow: hidden;}
	.pronav div a{margin: 5px 14px;}
	.newlistC dl dt { width: 483px;}
	.newlistC dl.dl1 dd { width: calc(100% - 503px);}
	.newlistC dl.dl1 dd span{margin-top: 45px;}
	.h_qwdz { padding: 76px 0 58px;}
	.h_newLC dl { margin-bottom: 17px; padding-top: 17px;}
	#buoy{ width:102px;}
	nav dl dd a{min-height: 37px;}
	.merchant3R {height: 619px;}
	.merchant3R article img{height: 470px;object-fit: cover;}
		
}

@media(max-width:991px){
	.toptel,nav,.link,.footL,.footR h2,.tj,.promainTT,.search{ display:none;}
	.h_T img{ width:80%;}
	.padpic{ float:none;width:100%; padding:0 !important;margin-bottom:20px;}
	.menu,.h_productC .content li p.btn{ display:block;}
	.merchant3L article{width: 78%;}
	.promainBB{ display:block;}
	.promainCTwz{top: 10%;width:40%;}
	.downlistC dl dt { width: 200px;}
	.downlistC dl dd.dd2,.downlistC dl dd.dd2 a { width: 100px;}
	.downlistC dl dd.dd1{ width: calc(100% - 320px);}
	.downlistC dl{ padding: 30px 15px;}
	.downlistC dl dd.dd1 p { margin-top: 10px;}
	.newlistC dl dt { width: 383px;}
	.newlistC dl.dl1 dd { width: calc(100% - 400px);}
	.newlistC dl.dl1 dd h5 { margin-top: 14px; font-size: 19px;}
	.newlistC dl.dl1 dd p {height: 50px; margin-top: 14px;}
	.prenext p:last-child { text-align: left; margin-top: 20px;}
	.h_producttit{margin-top: 0;padding: 20px 35px;}
	.h_productC .content li dl:nth-child(5),.h_productC .content li dl:nth-child(6),.h_productC .content li dl:nth-child(7),.h_productC .content li dl:nth-child(8){ display:none;}
	.h_newL,.h_newR {padding: 0 15px !important;}
	.promainCTpic .slider-arrow--right { right: 120px;}
	.slider1{ display:none;}
	.slider2{ display:block;}
	.pronavoth a,.pronavoth_mm a{    width: 48%;}
	.merchant3R article img {height: auto;}
	.floatright,.floatleft{float:none;padding:0 0 20px 0;}
}


@media(max-width:767px){
	header { padding: 10px 15px;}
	.otherbanner1 img, .otherbanner2 img { height: 120px;}
	.story,.otherC1{padding: 30px 15px;}
	.video iframe{ min-height:280px !important;}
	.story1 {padding: 30px 0 60px;}
	.storyicon li{margin: 5px 0 5px 1.9%;  width: 23%;}
	.pronav3,.pronav2,.proT,.pronav1 h2,.pronav4 { display:none;}
	.teamlist,.caselist,.hrlist{margin: 0 -15px;}
	.otherC2,.promainCT{padding: 30px 15px;}
	.merchant3L article{ position:inherit;}
	.promainCTpic{ width:100%;}
	.promainCTwz {width: 100%;position: inherit;}
	.promainCTwz h2{font-size: 22px;}
	.prolist { margin: 30px 0; padding:0 15px;}
	.newmain { padding: 30px 15px; border-top: 0; margin-top: 0;}
	.h_productC .content li dl:nth-child(3),.h_productC .content li dl:nth-child(4){ display:none;}
	.promainCTpic .slider-arrow--right { right: 30px;}
	.h_hxzl{    padding: 40px 20px;}
	.h_hxzl p{padding: 0 10%;}
	.bq {  padding: 18px 15px;}
	.promainCC h2{font-size: 18px;}
	.promainCC h2 span{font-size: 16px;}
	.merchant3L article,.video article{ width: 100%;}
	.merchant3L img { height: auto;}
	.pronav { margin: 0px 0 0;}
	.pronav div{float: none;margin: 22px 15px 0;}
	.pronav div a{ display:inline-block;border: 1px solid #dcdcdc;margin: 2px 2px;padding: 7px 10px;}
	.pronav div a.cur{background-color:#222222;color: #fff;}
	.footC{ display:none;}
}


@media(max-width:640px){
	.h_qwdz{height: 330px;
    z-index: 1;
    position: relative;}
	.h_product{z-index: 2;
    position: relative;}
	.map{ height:300px}
	.h_hxzlC{ display:none}
	.downlistC dl dt { width: 120px; height:89px; background-color:#fff;}
	.downlistC dl dt img{ margin-top:20px;}
	.downlistC dl dd.dd1,.downlistC dl dd.dd2 {width: calc(100% - 140px); }
	.newmain h1 {font-size: 20px;}
	.hrlist li a p{font-size: 16px;}
	.hrlist li a p b {font-size: 30px;}
	.h_productC .tab{ position:inherit;margin-top: 20px; text-align:center;}
	.h_productC .tab a{ float:none; display:inline-block;}
	.h_producttit h2 {font-size: 24px;}
    .h_producttit p { font-size: 16px;}
	.h_producttit{top: -94px;}
	.h_newL h2 b { font-size: 24px;}
	.h_newL h2 span { font-size: 18px;}
	.h_newL article{padding: 25px 15px !important;}
	.h_newR .content li dl dd { padding: 30px 15px;}
	.otherTit h2{font-size: 24px;}
	.otherTit p{font-size: 16px;}
	.promainCC h2 span{font-size: 14px;}
}

@media (max-width:520px){
	.downlistC dl dt { width: 80px;height:90px;}
	.downlistC dl dt img{ margin-top:28px;}
	.downlistC dl dd.dd1,.downlistC dl dd.dd2 { width: calc(100% - 100px);}
	.downlistC dl dd.dd1 time span{ font-size:12px;}
	.h_producttit h2 {font-size: 20px;}
    .h_producttit p { font-size: 15px;}
	.h_producttit{top: -88px;    padding: 20px 25px;}


	
}

@media (max-width:430px){
	.logo img{ height:50px;}
	.h_newR .tab a{width:50px;}
	.h_newR .tab{    margin-left: -127px;}
	
}