﻿@charset "utf-8";
html,body{height:100%;}
body{padding:0px; margin:0px auto; font-size:16px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1;font-family:"Arial","宋体","Microsoft YaHei",sans-serif; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454; font-family:"Microsoft YaHei";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#434343; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#ad273c;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; width:80%; margin:0px auto;}
.block{ display:block;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;text-align:justify;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

@media ( max-width:998px){
body{ font-size:14px;}	
.Contain{ width:auto;padding:0 12px;}
}

/*font*/
.f_red{ color:#912228;}
.whiteblack { -webkit-filter: grayscale(100%);}
.whiteblack.active,
.whiteblack:hover {-webkit-filter: grayscale(0%);}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:36px; font-size:14px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle; padding:0 6px; margin-left:-5px;}
.Pages .total{ border:1px solid #e6e6e6;}
.Pages a{ display:inline-block; margin:0px 2px; border:1px solid #e6e6e6; color:#666; text-align:center;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 10px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ border:1px solid #ad273c; background:#ad273c; color:#fff;}
.Pages .p_page .num a{vertical-align:middle; width:36px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ border:1px solid #ad273c; background:#ad273c; color:#fff;}

.showMorehandle{ clear:both; display:block; border:1px solid #d9d9d9; width:178px; line-height:42px; text-align:center; color:#808080; font-size:14px; margin:0px auto;color:#808080; cursor:pointer;}
.showMorehandle:hover {color:#fff; background:#ad273c;}
.showMorehandle i{ font-size:12px; font-family:"仿宋";}

@media ( max-width:768px){
.Pages{ line-height:25px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 2px;}
.Pages .p_page .num a{ width:25px;}
.Pages .total{ margin-top:5px;}
.showMorehandle{ width:120px; line-height:36px;}
}
/*pages end*/


/*Top*/
.Toper{ font-size:14px; line-height:30px; text-align:right; border-bottom:1px solid #e6e6e6;}
.Toper a{ display:inline-block; color:#585858;}.Toper a:hover{color:#ad273c;}
.Toper i{ width:18px; height:15px; display:inline-block; vertical-align:middle; margin-right:6px; background:url(../images/ico.png) no-repeat;}
.Toper i.job{ background-position:0px top;}
.Toper i.cn{ background-position:-18px top; margin-left:30px;}
.Toper a:hover .job{ background-position:0px -15px;}
.Toper a:hover .cn{ background-position:-18px -15px;}

.Header{ height:110px;position:relative; z-index:100;}
.Header .Logo{float:left; padding-top:17px; width:18%;}
.Header .Searchbox{ width:16%;float:right; position:relative; margin-top:21px;}
.Header .Searchbox .box{ position:relative; background:#f2f2f2; border-radius:18px; height:34px; border:1px solid #ebebeb;}
.Header .Searchbox .ipt{ vertical-align:top; width:80%; height:32px; line-height:34px; text-indent:1em;}
.Header .Searchbox .searchbtn{ cursor:pointer; width:18px; height:18px;background: url(../images/searchbtn.png) center center no-repeat; position:absolute; right:12px; top:9px;}
.Header .searchico{ display:none;}

.MainNav{ float:left; width:62%; padding-left:4%;}
.MainNav li{float:left; margin:0 4.5% 0 2%; position:relative; z-index:999;}
.MainNav li span a{ position:relative;display:block; color:#333333; text-align:center; height:79px; line-height:79px;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#ad273c;}
.MainNav .line{ position:absolute; left:50%; bottom:0px; height:3px; background:#ad273c; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:30px; margin-left:-15px;}

.NavPull{display:none; position:absolute; top:79px; left:-85%;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull.nc{ font-size:14px; line-height:36px; width:800px; background:#f7f7f7; padding:25px 0px;}
.NavPull.nc .nav{ padding-left:7%; width:20%; float:left;}
.NavPull.nc .nav a{ color:#63676c;}.NavPull.nc .nav a:hover{ color:#ad273c;}
.NavPull.nc .info{ width:68%; float:right; padding-right:5%;}
.NavPull.nc .info .txt{ width:48%; float:left;}
.NavPull.nc .info .txt h3{ line-height:54px; color:#333333; font-size:18px;}
.NavPull.nc .info .txt .p{ line-height:23px; color:#999999; font-size:12px;-webkit-line-clamp: 3;}
.NavPull.nc .info .imgbox{ width:45%; float:right; height:150px;}

.MainNav li.a2 .NavPull{ left:-250%;}
.MainNav li.a3 .NavPull{ left:-290%;}
.MainNav li.a4 .NavPull{ left:-470%;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none;width:26px; position:fixed; right:10px; z-index:999;}
.openbtn.on{ display:none !important;}
.openbtn{ position:absolute; right:12px; top:10px;}
.closebtn{ z-index:999; top:8px; right:202px;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; border-radius:5px; height:2px; background:#b6b6b6; margin:5px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.closebtn span{ background:#fff;}
.closebtn .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.closebtn .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.mobilenav{ display:none;}
@media ( max-width:1440px){
.MainNav{ float:left; width:59%; padding-left:7%;}

}
@media ( max-width:1366px){

.MainNav li{margin:0 2%;}
.NavPull.nc .nav{padding-left: 3%;}
.NavPull.nc .info .txt p,.NavPull.nc .info .txt .p{font-size: 14px;line-height: 20px;}
.NavPull.nc .info{padding-right: 3%;}
.NavPull.nc{line-height: 40px;}
}
@media ( max-width:1210px){
.MainNav li{margin:0 2%;}
}
@media ( max-width:1100px){
.MainNav li{margin:0 2%;}
}
@media ( max-width:1010px){
.MainNav li{margin:0 1.5%;}
}

@media ( max-width:998px){
.Toper{ display:block;}	
.Header{height:75px; padding:0; background:#fff; text-align:center;}
.Header .Logo{ padding-top:10px; float:none; width:auto;}.Header .Logo img{ height:25px;}
.Header .openbtn{ display:block;}
.Header .Searchbox{ display:none; width:100%; position:absolute; left:0px; top:48px; margin-top:0;}
.Header .Searchbox .box{height:28px;}
.Header .Searchbox .ipt{ height:28px; line-height:28px;}
.Header .Searchbox .searchbtn{ right:10px; top:6px;}
.Header .searchico{ cursor:pointer; width:18px; height:18px;background: url(../images/searchbtn.png) center center no-repeat; position:absolute; left:12px; top:14px; display:block;}


.MainNav{ position:fixed; z-index:999; width:200px; padding:0; height:100%; overflow-y:auto; background:#fff; right:-200px; top:0px;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #ddd; width:auto; margin:0 10px;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#333 !important;}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; width:17px; height:10px; background:url(../images/arr.png); right:10px; top:18px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.pcnav{ display:none;}
.mobilenav{ display:block;}

.NavPull { position:static; background:#f2f2f2; text-align:left; width:100%;}
.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#333; font-size:14px; border-bottom:1px solid #ddd;}
.NavPull dd .sub{ position:static; background:none;display:block;}
.NavPull dd .sub dd a{ padding-left:10px; line-height:22px; background:url(../images/dot3.gif) 21px 10px no-repeat;}
}

/*Top*/

/*Bottom*/
/*Bottom*/
.footer{ padding-top:50px; background:#272a2f; color:#63676c; font-size:14px;}
.footer .SiteMap{ width:66%; float:left; margin-bottom:50px;}
.footer .SiteMap dl{ width:25%; line-height:40px; float:left;font-size: 14px;}
.footer .SiteMap dl dt{ font-size:16px; line-height:15px; padding-bottom:10px; color:#fff;}
.footer .SiteMap dl dd{ display:block; line-height:40px;}
.footer .SiteMap dl dd a:hover{ margin-left:5px;}
.footer .Contact{ width:30%; float:right; position:relative; margin-bottom:50px;}
.footer .Contact .lxwm{ margin-right:0;}
.footer .Contact .lxwm dl dt{ font-size:16px; line-height:15px; padding-bottom:20px; color:#fff;}
.footer .Contact .lxwm dl dd{ position:relative; line-height:32px; padding-left:28px;}
.footer .Contact .lxwm dl dd i{ position:absolute; left:0px; top:6px; width:18px; height:18px; background:url(../images/lxico.png) 0px top;}
.footer .Contact .lxwm dl dd i.add{ background-position:0px top;}
.footer .Contact .lxwm dl dd i.tel{ background-position:-18px top;}
.footer .Contact .lxwm dl dd i.mail{ background-position:-36px top;}
.footer .Contact .lxwm dl dd i.mail2{ background-position:-54px top;}
.footer .sns p{margin: 20px 0;color: #fff;}
.footer .sns img{height: 40px;}

.footer .Contact .jid{ width:110px; position: absolute;right:150px;top: 0px;}
.footer .Contact .jid2{top: 146px; bottom: 0;}
.footer .Contact .jid a{ display: block; text-align: center;} 
.footer .Contact .jid img{ padding:4px; background:#fff; width:102px; height:102px; display:block; margin-bottom:6px;}
.footer a{ color:#666666;}.footer a:hover{ color:#dc373a;}
.footer .Contact .ewm{ width:110px; position:absolute; right:0px; top:0px; text-align:center;}
.footer .Contact .ewm img{ padding:4px; background:#fff; width:102px; height:102px; display:block; margin-bottom:6px;}
.footer a{ color:#666666;}.footer a:hover{ color:#dc373a;}

.Copyright{ clear:both; border-top:1px solid #3d4044; color:#63676c; line-height:28px; padding:20px 0px; text-align:center;}
.Copyright a{color:#63676c;}.Copyright a:hover{color:#ffffff;}
.Copyright .nav i{ display:inline-block; vertical-align:middle; width:22px; color:#3d4044;}

.share{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.share .bshare-custom{display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin-top:-4px;}
.share .bshare-custom a{ width:19px; height:17px; background:url(../images/share.png); padding:0; margin-right:10px;}
.share .bshare-custom a:last-child{margin-right:0px;}
.share .bshare-custom .bshare-facebook{ background-position:0px top;}
.share .bshare-custom .bshare-twitter{ background-position:-19px top;}
.share .bshare-custom .bshare-linkedin{ background-position:-38px top;}

.FixedRight{ width:50px; position:fixed; z-index:800; right:1px; top:35%;}
.FixedRight li{ border-radius:9px 0 9px 0px; position:relative; text-align:center; background:#ad273c; margin-bottom:1px;}
.FixedRight li p{ cursor:pointer; margin:0px auto; width:2%; height:50px; display:table-cell; vertical-align:middle;}
.FixedRight li a{ display:block; color:#333333;}
.FixedRight li i{ display:block; margin:0px auto; width:23px; height:23px; background:url(../images/fixedico.png);}
.FixedRight li.wx i{ background-position:0px top;}

.FixedRight li.qq i{ background-position:-23px top;}
.FixedRight li.tel i{ background-position:-46px top;}
.FixedRight li.cd-top i{ background-position:-69px top;}
.FixedRight li.cd-top {overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px;}
.FixedRight li.cd-top.cd-is-visible {visibility: visible;opacity: 1;height:50px; cursor:pointer;}
.FixedRight li:hover{ background:#7d0014;}
.FixedRight .box{ display:none; color:#808080; position:absolute; width:auto; text-align:center; right:54px; top:0px; background:#fff; box-shadow:0 0 5px #ddd; padding:16px; font-size:14px;}
.FixedRight .box .arr{ position:absolute; right:-9px; top:35px; background:url(../images/fixedarr.gif); width:5px; height:10px;}
.FixedRight .box img{ display:block; margin:0px auto 4px; width:91px; height:91px;}
.FixedRight li.on .box{ display:block;}
.homecss .FixedRight li.qq{ display:block;}
.footer .SiteMap dl dd{line-height: 28px;}
@media ( max-width:1440px){
.footer .Contact .lxwm dl dd{line-height: 40px;font-size: 14px}

}
@media ( max-width:1366px){
.footer .Contact .lxwm dl dd{line-height: 40px;}
.footer .sns p{margin: 10px 0}
.Copyright{line-height:20px;font-size: 12px;}
.footer .SiteMap dl dt,.footer .Contact .lxwm dl dt{padding-bottom: 12px;}
.footer{font-size: 15px;}
}
@media ( max-width:1185px){
.footer .SiteMap{ width:50%;}
.footer .Contact{ width:50%;}
}
@media ( max-width:1024px){
.footer .Contact .jid{right: 118px;}
.footer .Contact .lxwm {margin-right: 250px;}
}
@media ( max-width:998px){
.share{ display:none;}
.footer{ padding-top:20px;}
.footer .SiteMap{ width:auto; float:none; padding:0px; border-right:0; margin-bottom:20px;}
.footer .SiteMap dl{ width:auto; line-height:30px; float:none; border-bottom:1px solid #3d4044;}
.footer .SiteMap dl dt{ cursor:pointer; line-height:35px; position:relative; padding-bottom:0; font-size:14px;}
.footer .SiteMap dl .arr{ position:absolute; right:0px; width:100%; height:100%; top:0px;}
.footer .SiteMap dl .arr i{ width:17px; height:10px; position:absolute; right:0px; top:11px; background:url(../images/arr.png);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.footer .SiteMap dl dd{ display:none; padding-bottom:10px;}
.footer .SiteMap dl dd a{ display:block; padding-left:15px; color:#ccc;}
.footer .SiteMap dl.cur .arr i{
dis-moz-transform: translate(0, 0px) rotate(-180deg) !important;
-ms-transform: translate(0, 0px) rotate(-180deg) !important;
-o-transform: translate(0, 0px) rotate(-180deg) !important;
transform: translate(0, 0px) rotate(-180deg) !important;}
.footer .Contact{ width:auto; float:none;margin-bottom:20px;}
.footer .Contact .lxwm dl dd{ line-height:25px;}
.footer .Contact .lxwm dl dt{ font-size:14px;}
.footer .Contact .ewm{ width:100px;top:38px;}
.footer .Contact .ewm img{width:102px; height:102px;}

.Copyright { padding:10px 0; line-height:20px;}

.FixedRight{ width:30px;}
.FixedRight .box{right:34px;}
.FixedRight li p{height:30px;}
.FixedRight li.cd-top.cd-is-visible {height:30px;}

.footer .Contact .lxwm{margin-right: 0;margin-bottom: 15px;}
.footer .Contact .ewm{position: static;display: inline-block;}
.footer .Contact .jid{position: static;display: inline-block; vertical-align: top;}

}
/*Bottom*/


/*首页 s*/
.flexslider {background:url(../images/loading.gif) center center no-repeat;}
.HomeBan {overflow:hidden; clear:both; position:relative;}
.HomeBan .slides li{ position:relative;}
.HomeBan .slides li .txt{ border-left:4px solid #ad273c; padding-left:10px; position:absolute; width:90%; text-align:center; left:5%; top:30%; color:#fff; text-align:left;}
.HomeBan .slides li .txt h2{ line-height:50px; padding-bottom:15px; font-size:50px; font-weight:normal;transform:translateY(250px);-webkit-transform:translateY(250px);opacity:0;transition:all 1s;}
.HomeBan .slides li .txt p{ letter-spacing:0.06em; font-size:24px; font-family:Arial, Helvetica, sans-serif;transform:translateY(250px);-webkit-transform:translateY(250px);opacity:0;transition:all 1s 0.3s;}
.HomeBan .slides li.flex-active-slide .txt h2{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeBan .slides li.flex-active-slide .txt p{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.HomeBan .flex-control-nav{bottom:110px; z-index:100;}
.HomeBan .flex-control-nav li a{opacity:1; width:50px; height:2px;margin:0 5px; background:#ffffff}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#ad273c;}
.flexslider .flex-direction-nav a {width: 42px; height: 42px;}
.flexslider .flex-direction-nav .flex-prev {opacity:1; left:-60px; background: url(../images/btn_left.png) center center no-repeat;}
.flexslider .flex-direction-nav .flex-next {opacity:1; right:-60px; background: url(../images/btn_right.png) center center no-repeat;}
.flexslider:hover .flex-direction-nav .flex-prev { left:5%;}
.flexslider:hover .flex-direction-nav .flex-next { right:5%;}

@media ( max-width:1200px){
.HomeBan .slides li .txt h2{ line-height:40px; padding-bottom:10px; font-size:24px;}
.HomeBan .slides li .txt p{font-size:16px;}
.HomeBan .flex-control-nav li a{ width:30px;}
.HomeBan .flex-control-nav li a.flex-active{ background:#264a99;}
.HomeBan .flex-direction-nav a { display:none;}
}

@media ( max-width:998px){
.HomeBan .flex-control-nav li a{ width:30px;}
.HomeBan .flex-direction-nav a { display:none;}
}
@media ( max-width:640px){
.HomeBan .flex-control-nav{bottom:15px;}
.HomeBan .slides li .txt{ top:15%;}
.HomeBan .slides li .txt h2{ line-height:32px;padding-bottom:0px; font-size:16px;}
.HomeBan .slides li .txt p{font-size:12px;letter-spacing:0em; line-height:18px;}
}

.HomeAbout{ padding-bottom:6%;}
.HomeAbout .Contain{margin-top:-70px; z-index:2; position:relative;}
.HomeAbout .infotxt{ width:40%; height:400px; float:left; padding:0 5%; background:#fff;}
.HomeAbout .infotxt h3{ padding-top:12%; line-height:62px; font-size:32px; color:#000000;}
.HomeAbout .infotxt h3 i{ display:inline-block; border-bottom:3px solid #ad273c; margin-bottom:34px;}
.HomeAbout .infotxt .p{ line-height:28px; height:84px;-webkit-line-clamp: 3; margin-bottom:43px;}
.HomeAbout .more{ font-size:14px; background:#ad273c; display:block; width:120px; line-height:36px; text-align:center; border-radius:18px; color:#fff;}
.HomeAbout .more i{ width:5px; height:7px; margin-left:12px; display:inline-block; vertical-align:middle; background:url(../uploadfiles/image/arrico.png) -5px center no-repeat;}
.HomeAbout .more:hover{ box-shadow:0 0 10px #ddd;}
.HomeAbout .imgright{ width:50%; height:400px; float:right;}
.HomeAbout .imgright video{object-fit: fill;object-fit: contain;position: absolute;width: 100%;height: 100%;z-index: 100;background:#000}

.HomeAbout .list{ clear:both;}
.HomeAbout .list li{ height:310px; position:relative; width:25.5%; float:left;}
.HomeAbout .list li .imgbox{ height:310px;}
.HomeAbout .list li .tits{ background:rgba(0,0,0,0.5); position:absolute; z-index:2; left:0; bottom:0px; font-size:18px; color:#fff; padding:3% 5%; width:90%;}
.HomeAbout .list li .tits img{ display:inline-block; margin-right:10px; vertical-align:middle;}
.HomeAbout .list li.li4{ width:23.5%; background: #ad273c url(../images/logobg.png) right bottom no-repeat;}
.HomeAbout .list li .txt{ color:#fff; position:absolute; text-align:right; right:10%; top:40%;}
.HomeAbout .list li .txt h4{ font-size:32px; line-height:30px; margin-bottom:20px;}


.Hometit{ text-align:center; padding-bottom:35px;}
.Hometit h3{ font-size:32px; color:#000000; line-height:35px; margin-bottom:15px;}
.Hometit p{ color:#808080;}

.HomePro{ padding-top:6%; padding-bottom:6%;}
.HomePro .Nav{ text-align:center; margin-bottom:40px;}
.HomePro .Nav li{ display:inline-block; *display:inline; zoom:1; width:auto; line-height:38px; color:#808080; font-size:14px; margin:0 8px;margin-bottom: 20px;}
.HomePro .Nav li a{ cursor:pointer; display:block; border:1px solid #e6e6e6; border-radius:20px; color:#808080;padding: 0 10px}
.HomePro .Nav li.on a{ color:#fff; background:#ad273c; border:1px solid #ad273c;}

.HomeNews{ padding:47px 0 6%; background:url(../images/newsbg.jpg) center top no-repeat;}
.HomeNews .Hometit h3{ color:#fff;}
.HomeNews .Hometit p{ color:#fff;}
.HomeNews .list{ position:relative;}
.HomeNews ul{ margin-left:-10px;}
.HomeNews li{ width:48%; float:left;}
.HomeNews li .box{ margin:0 0 10px 10px; position:relative;}
.HomeNews li.li1 { width:52%;}
.HomeNews li.li1 .imgbox{ height:480px;}
.HomeNews li.li2 .imgbox{ height:240px;}
.HomeNews li.li3 .imgbox{ height:230px;}
.HomeNews li.li4 .imgbox{ height:230px;}
.HomeNews li.li3,.HomeNews li.li4{ width:24%;}
.HomeNews li.li4{ position:absolute; right:0px; bottom:0px;}
.HomeNews li .info{ position:absolute; z-index:2; color:#fff; background:rgba(0,0,0,0.6); width:100%; left:0px; bottom:0px; padding:15px 0;}
.HomeNews li .info .tit{ margin:0 19px; font-weight:normal; font-size:18px;}
.HomeNews li .info .p{ margin:0 19px; display:none;-webkit-line-clamp: 2; font-size:14px; line-height:24px; height:48px; margin-top:11px; opacity:0.7;}
.HomeNews li.li1 .info .tit{ font-size:22px;}
.HomeNews li.li1 .info p{ display:block;}
@media ( max-width:1280px){
.HomeAbout .infotxt .p{font-size: 14px;}

}
@media ( max-width:998px){
.HomeAbout .list li .tits{ font-size:15px;}
.HomeAbout .list li .txt h4{ font-size:20px; margin-bottom:10px;}
.Hometit{padding-bottom:20px;}
.Hometit h3{ font-size:22px; margin-bottom:0;}
.HomePro .Nav{margin-bottom:25px;}
.HomePro .Nav li{ width:100px; line-height:35px;}
.HomeNews li .info .tit{font-size:16px;}
.HomeNews li .info .tit{ font-size:16px;}
}
@media ( max-width:768px){
.HomeNews{ padding-top:20px;}
.HomePro .ProList ul li:nth-child(4){ display:none;}
.HomeNews li.li3{ width:48.9%; position:absolute; right:0px; bottom:0px;}
.HomeNews li.li4{ display:none;}
.HomeNews li.li1 .imgbox{ height:280px;}
.HomeNews li.li2 .imgbox{ height:140px;}
.HomeNews li.li3 .imgbox{ height:130px;}
.HomeNews li.li1 .info .tit{ font-size:14px;}
.HomeNews li .info .tit{ font-size:14px;}
}

@media ( max-width:640px){
.HomeAbout .Contain{margin-top:-20px;}
.HomeAbout .infotxt{ width:auto; float:none; height:auto; padding:10px 10px 18px;}
.HomeAbout .infotxt h3{ padding-top:0px; line-height:40px; font-size:20px;}
.HomeAbout .infotxt .p{ line-height:24px; height:auto;margin-bottom:12px;}
.HomeAbout .imgright{ width:auto; height:auto; float:none;height: 240px; margin-bottom:15px;}
.HomeAbout .list li{ height:120px; width:33.3333%;}
.HomeAbout .list li .imgbox{ height:120px;}
.HomeAbout .list li .tits{ font-size:12px;line-height: 16px;}
.HomeAbout .list li .tits img{ width:17px;}
.HomeAbout .list li.li4{ width:auto; float:none; clear:both;}
.HomeAbout .list li .txt{ top:20%;}
.HomeAbout .list li .txt h4{ margin-bottom:0px;}
.HomePro{ padding-bottom:0px;}
.HomePro .Nav li{ width:49%; line-height:35px; margin:0 0 5px;font-size: 13px;}
.HomeNews li .info{ padding:5px 0;}
.HomeNews li.li1 .info .p{ display:none;}
.HomeNews li .info .tit{display:block;text-overflow:ellipsis; white-space:normal; *white-space:normal; width:auto; line-height:16px; margin:0 5px;}
 
}
@media ( max-width:560px){
.HomePro .ProList ul li:nth-child(4){ display:block;}
.HomeNews li.li1 .imgbox{ height:220px;}
.HomeNews li.li2 .imgbox{ height:110px;}
.HomeNews li.li3 .imgbox{ height:100px;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; min-height:255px; height:255px; padding-top:4.5%; padding-bottom:5%;}
.SubBan{ position:relative;height:220px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.SubBan .txt{ text-align:center; color:#fff; position:absolute; width:50%; left:25%; top:40%; text-transform:uppercase;}
.SubBan .txt h2{ line-height:60px; font-size:32px; font-weight:normal;}
.SubBan .txt p{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:14px;display: none}

.MenuList{ background:#f5f5f5; line-height:64px;}
.MenuList li{ float:left; width:auto; margin-right:4px; text-align:center; position:relative;padding: 0 20px;}
.MenuList li a{ display:block;}
.MenuList li a em{ position:relative; z-index:1;display:block;}
.MenuList li .bg{ position:absolute; z-index:0; width:100%; top:50%; height:0%; left:0%; background:#ad273c;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MenuList li a:hover,.MenuList li.onli a{ color:#fff;}
.MenuList li a:hover .bg,.MenuList li.onli .bg{ height:100%; top:0px;}

.Position{ color:#666; border-bottom:1px solid #ebebeb; line-height:64px;}
.Position .ico{ display:inline-block; width:20px; height:20px; background:url(../images/home.png); vertical-align:middle; margin-right:12px;}
.Position a{ color:#666;}.Position a:hover{ color:#ad273c;}


.SubTit{ text-align:center; line-height:45px; font-size:32px; color:#000000; padding:0 0 4%;}
.SubTit i{ display:block; width:36px; height:13px; margin:0px auto; border-bottom:1px solid #a8aaae;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify; line-height:32px;}
@media ( max-width:1366px){
.MenuList li{width: 16.66%;margin: 0 auto;font-size: 14px;padding: 0}
}
@media ( max-width:998px){
.SubPage{adding-top:25px; padding-bottom:25px;}
.SubBan{height:100px;}
.SubBan .txt{ top:32%;}
.SubBan .txt h2{ line-height:25px; font-size:20px;}
.SubBan .txt p{ font-size:12px;}

.MenuList{ display:none; text-align:center;line-height:40px; padding:12px 0;}
.MenuList li{ float:none; display:inline-block; *display:inline; zoom:1; width:24%; margin:0px; font-size:15px;}

.SubTit{line-height:35px; font-size:20px; margin-bottom:10px;}

.SinglePage{line-height:24px;}
.SinglePage *{max-width: 100% !important}
}
/*栏目页公用样式 end*/


/*企业简介 s*/
.graybg{ background:#f5f5f5;}
.CultureList{ margin:0 0 0 -3%;}
.CultureList li{ line-height:28px; color:#999999; background:#fff; width:22.33333%; margin:0 0 0 3%; float:left; text-align:center; padding:0 4%;}
.CultureList li .box{ display:table-cell; width:2%; height:280px; vertical-align:middle;}
.CultureList li .t{ line-height:55px; padding-top:11px; color:#333333; font-size:20px;}
.CultureList li p{ height:58px;}
.CultureList li:hover{ box-shadow:0 0 25px #ddd;}

.QyPosition{}
.QyPosition .img{ width:26%; float:left;}
.QyPosition .info{ width:73%; float:right;}
.QyPosition .info li{ width:46%; padding-left:4%; float:left; color:#636363;}
.QyPosition .info li h3{ font-size:24px; color:#ad273c;}
.QyPosition .info li h3 span{ display:block;}
.QyPosition .info li h3 i{ display:block; width:14px; height:16px; border-bottom:1px solid #ad273c;}
.QyPosition .info li p{ height:92px; margin-top:21px;}
@media ( max-width:1366px){
.QyPosition .info li{margin-bottom: 4%;}

}
@media ( max-width:998px){
.QyPosition .info li{font-size:14px;}
}

@media ( max-width:768px){
.CultureList li{ width:100%; font-size:14px;padding:0%; line-height:20px;margin-bottom: 10px;}
.CultureList li .t{ line-height:40px;font-size:16px;}
.CultureList li img{ width:40px;}
.CultureList li p{ height:auto;}
.CultureList li .box{ height:200px;}
.QyPosition .img{ width:auto; float:none; text-align:center; margin-bottom:20px;}
.QyPosition .info{ width:auto; float:none; margin-left:-4%;}
.QyPosition .info li h3{ color:#ad273c;}
.QyPosition .info li p{ height:120px; margin-top:20px;}
}
@media ( max-width:560px){
.QyPosition .info li{ width:auto;}
.QyPosition .info li p{ height:auto; margin:10px 0 20px;}
}


/*发展历程 s*/
.Historybox{}
.Historybox .flexslider { background:none; overflow:hidden;}
#dateline { background:url(../images/dateline.gif) 0px bottom repeat-x; height:68px; margin-bottom:5%; padding:0 23px;}
#dateline .slides li{ text-align:center; height:68px; position:relative; font-size:24px; color:#888888; cursor:pointer;}
#dateline .slides li .dot{ position:absolute; width:16px; height:16px; left:50%; bottom:4px; margin-left:-8px; background:url(../images/datedot.png); background-size:contain;}
#dateline .slides li.flex-active-slide{ color:#ad273c; font-size:32px;}
#dateline .slides li.flex-active-slide .dot{background:url(../images/datedot2.png); bottom:1px; width:22px; height:22px; background-size:contain;}

#dateline .flex-direction-nav a {width: 25px; height: 25px;}
#dateline .flex-direction-nav .flex-prev {opacity:1; left:0px; margin:8px 0 0 0; background: #fff url(../images/lsarrleft.gif) 0px center no-repeat;}
#dateline .flex-direction-nav .flex-next {opacity:1; right:0px;  margin:8px 0 0 0; background: #fff url(../images/lsarrright.gif) right center no-repeat;}
#dateline:hover .flex-direction-nav .flex-prev { left:0;}
#dateline:hover .flex-direction-nav .flex-next { right:0;}

#historycon{ margin:0 auto 20px; width:65%;}
#historycon .slides li .info{ color:#4c4c4c; width:52%; float:left; padding-top:2.5%;}
#historycon .slides li .info h3{ color:#ad273c; font-size:32px; border-bottom:1px solid #ebebeb; margin-bottom:27px; line-height:88px;}
#historycon .slides li .imgbox{ width:40%; float:right; padding-top:23%; border-radius:42px 0 42px 0px;}
@media ( max-width:768px){
	#historycon .slides li .info p{font-size: 14px;}
}
@media ( max-width:768px){
#dateline {height:50px;}
#dateline .slides li{height:48px;font-size:16px;}
#dateline .slides li.flex-active-slide{ font-size:20px;}
#dateline .slides li .dot{width:12px; height:12px;}
#dateline .slides li.flex-active-slide .dot{ width:12px; height:12px;}
#dateline .flex-direction-nav .flex-prev {margin:0px 0 0 0;}
#dateline .flex-direction-nav .flex-next {margin:0px 0 0 0;}
#historycon { width:auto;}
#historycon .slides li .info{ padding-top:2%;}
#historycon .slides li .info h3{font-size:18px;margin-bottom:15px; line-height:44px;}
#historycon .slides li .imgbox{padding-top:40%;}
#dateline .flex-direction-nav .flex-next,#dateline .flex-direction-nav .flex-prev{background-size: auto  100%;}
}
@media ( max-width:480px){
#historycon .slides li .info{ width:auto; float:none; padding-bottom:20px;}
#historycon .slides li .imgbox{ width:auto; float:none; border-radius:0;}
}


/*荣誉资质 s*/
.HornorList{ margin:0 0 30px -2%;}
.HornorList li{ width:23%; float:left; text-align:center; margin:0 0 2% 2%;}
.HornorList li .imgbox{ border:2px solid #eeeeee; background:#f9f9f9; padding-top:75%; margin-bottom:15px;}
.HornorList li .imgbox span{ width:80%; height:80%; left:10%; top:10%; background-size:contain;}
.HornorList li a{ color:#4c4c4c;}.HornorList li a:hover{ color:#ad273c;}
.HornorList li:hover .imgbox{ border:2px solid #ad273c; background:#fff;}

.Hornortxt{ line-height:30px; padding-bottom:5%;}
.tablecss{ border:1px solid #999999; border-right:0; text-align:center;}
.tablecss th{ background:#bfc1ce;border-right:1px solid #999999; font-size:18px; color:#333333; padding:12px 0;}
.tablecss td{padding:12px 0;border-right:1px solid #999999;}
.tablecss tbody tr:nth-child(even) td{ background:#bfc1ce;}

.Stit{ color:#333333; font-size:26px; line-height:46px;}
.Stit span{ display:inline-block;}
.Stit span i{ display:block; border-top:2px solid #ad273c; height:28px;}
.Resourcesinfo{ width:40%; float:left; margin-bottom:0%;}
.Process{ width:89%; margin-top:8%;}
.Process li{ margin:0 118px 5px 0; line-height:45px; color:#4c4c4c; background:#e9e8e8; position:relative;}
.Process li .t{ position:absolute; left:30px; top:0px; color:#fff;}
.Process li .num{ position:absolute; right:-70px; top:0px;}
.Process li .lc{ background:#1d2533;height:45px;}
.Process li:nth-child(even) .lc{ background:#79afde;}
.Process li:last-child .t{ color:#1d2533;}

.Resourcesimg{ width:55%; float:right; margin-bottom:0%;}
.Resourcesimg .flexslider{ overflow:hidden;}
.Resourcesimg .slides li{ position:relative;}
.Resourcesimg .imgbox{ padding-top:72%;}
.Resourcesimg .info{ z-index:1; color:#fff; position:absolute; padding:2% 3%; width:94%; background:rgba(0,0,0,0.6); left:0px; bottom:0px;}

.Environment{ margin:4% 0 0 -1.5%;}
.Environment li{ padding:0 2%; width:19.5%; float:left; margin:0 0 1.5% 1.5%; text-align:center; background:#f3f6f8; height:240px;}
.Environment li h3{ padding-top:25px; position:relative; font-weight:normal; line-height:30px; padding-bottom:12px; font-size:18px; color:#333333; background:url(../images/jia.gif) right 0px no-repeat;}
.Environment li h3 b{ margin-right:5px; vertical-align:middle; font-size:32px; font-family:Arial, Helvetica, sans-serif;}
.Environment li h3 span{ display:block; font-size:24px;}
.Environment li .box{ height:240px; display:table-cell; vertical-align:middle; width:2%; margin:0px auto;}
.Environment li:hover{ background:#ad273c; color:#fff;}
.Environment li:hover h3{color:#fff;background:url(../images/jia2.gif) right 0px no-repeat;}

@media ( max-width:998px){
.Resourcesinfo{ width:auto; float:none; margin-bottom:2%;}
.Process{margin:20px 0; width:100%;}
.Resourcesimg{ width:auto; float:none;}
}

@media ( max-width:768px){
.HornorList li{ width:47%;}
.Hornortxt{ font-size:14px; line-height:24px; padding-bottom:30px;}
.tablecss th{font-size:15px;}
.Stit{font-size:18px; line-height:35px;}
.Environment li{ width:44.5%;}
.Environment li h3{font-size:15px;}
.Environment li h3 b{font-size:26px;}
.Environment li h3 span{font-size:18px;}

}


/*新闻资讯 s*/
.NewsList{ padding-bottom:10px;}
.NewsList li{ border-bottom:1px dashed #ebebeb; padding-bottom:38px; margin-bottom:38px;}
.NewsList li .imgbox{ width:28%; float:left; height:240px;}
.NewsList li .info{ width:68%; float:right;}
.NewsList li .info .tit{ font-size:21px; line-height:56px;}
.NewsList li .info .tag a{width: auto;line-height:24px;display: inline-block;text-align:center;border:1px solid #ebebeb;border-radius:13px;color:#888888;padding: 0 10px;}
.NewsList li .info .tag a:hover{ color:#fff; border:1px solid #ad273c; background:#ad273c;}
.NewsList li .info .p{ color:#666; line-height:28px; height:56px;-webkit-line-clamp: 2; margin:26px 0px;}
.NewsList li .info .date{ color:#999999; position:relative;}
.NewsList li .info .detail{ position:absolute; right:0px; top:0px; border:1px solid #ebebeb; text-align:center; width:118px; line-height:34px; border-radius:17px; color:#999999;}
.NewsList li .info .detail i{ width:5px; height:7px; display:inline-block; background:url(../images/arrico.png) 0px top no-repeat; vertical-align:middle; margin-left:12px;}
.NewsList li:hover .info .detail{ background:#ad273c; border:1px solid #ad273c; color:#fff;}
.NewsList li:hover .info .detail i{ background-position:-5px top;}

.Titleinfo{ color:#888888; line-height:30px; padding:0px 0px 24px 0px; margin-bottom:40px; text-align:center; border-bottom:1px solid #e5e5e5;}
.Titleinfo .tits{ line-height:25px; font-size:28px; font-weight:normal; color:#333333; padding-bottom:18px;}
.Titleinfo .date i{ margin:0px 10px; display:inline-block;}
.Titleinfo .share a{ background-color:#ad273c;}

.NewsInfo{ max-width:1000px; margin:0px auto;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888;}
.PrevNextBox dl{ width:49%; padding-left:0%; line-height:50px; height:50px; text-align:center; overflow:hidden; background:#f7f7f7;}
.PrevNextBox dl span{color:#000000;}
.PrevNextBox dl a{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.PrevNextBox dl:hover{background:#541308; color:#fff;}
.PrevNextBox dl:hover span{ color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl a.none{ background:#fff; color:#999;}

@media ( max-width:768px){
.NewsList li{padding-bottom:15px; margin-bottom:15px;}
.NewsList li .imgbox{height:100px;}
.NewsList li .info .tit{ font-size:15px; line-height:25px; margin-top:-6px;}
.NewsList li .info .p{line-height:16px; height:16px;-webkit-line-clamp: 1; margin:8px 0px;}
.NewsList li .info .detail{ display:none;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:15px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:20px;}
.PrevNextBox {margin:35px 0 0 0;}
.PrevNextBox dl{ width:auto; line-height:40px; height:40px; text-align:left;}
.PrevNextBox dl div{width:90%; margin:0px auto;}
.PrevNextBox dl.fl{ float:none; margin-bottom:5px;}.PrevNextBox dl.fr{ float:none;}
}


/*客户案例 s*/
.CaseMenu{ margin:-2% 0 3%;}
.CaseMenu ul{ margin-left:-1.5%;}
.CaseMenu li{ width:23.5%; position:relative; text-align:center; background:#f5f5f5; margin:0 0 1% 1.5%; float:left; line-height:54px;}
.CaseMenu li a{ display:block; font-size:20px;}
.CaseMenu li .ico{ margin-right:12px; width:34px; height:34px; display:inline-block; vertical-align:middle; background:url(../uploadfiles/image/caseico.png);}
.CaseMenu li .ico.i1{ background-position:0px top;}
.CaseMenu li .ico.i2{ background-position:-34px top;}
.CaseMenu li .ico.i3{ background-position:-68px top;}
.CaseMenu li .ico.i4{ background-position:-102px top;}
.CaseMenu li .ico.i5{ background-position:0px top;}
.CaseMenu li .ico.i6{ background-position:-34px top;}
.CaseMenu li .ico.i7{ background-position:-68px top;}
.CaseMenu li .ico.i8{ background-position:-102px top;}
.CaseMenu li .ico.i9{ background-position:0px top;}
.CaseMenu li .ico.i10{ background-position:-34px top;}
.CaseMenu li .ico.i11{ background-position:-68px top;}
.CaseMenu li .ico.i12{ background-position:-102px top;}
.CaseMenu li:hover .ico,.CaseMenu li.onli .ico{ background-position:0px -34px !important;}

.CaseMenu li a em{ position:relative; z-index:1;display:block;}
.CaseMenu li .bg{ position:absolute; z-index:0; width:100%; top:50%; height:0%; left:0%; background:#ad273c;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.CaseMenu li a:hover,.CaseMenu li.onli a{ color:#fff;}
.CaseMenu li a:hover .bg,.CaseMenu li.onli .bg{ height:100%; top:0px;}

.CaseList{ padding-bottom:15px;}
.CaseList li{ margin-bottom:40px; background:#f5f5f5;}
.CaseList li .imgbox{ height:300px; width:50%; float:left;}
.CaseList li .info{ padding:1% 5% 0; width:40%; float:right;}
.CaseList li .info .tit{ font-size:28px; color:#1a1a1a; line-height:70px;}
.CaseList li .info .line{ width:15px; height:20px; border-top:1px solid #ad273c;}
.CaseList li .info .p{ color:#666; line-height:28px; height:112px;-webkit-line-clamp: 4; margin-bottom:20px;}
.CaseList li .info .detail{ width:120px; line-height:36px; text-align:center; color:#fff; background:#ad273c; border-radius:18px;}
.CaseList li .info .detail i{ display:inline-block; margin-left:12px; background:url(../images/arrico.png) right center; width:5px; height:7px;}
.CaseList li:hover{ box-shadow:0 0 22px #ddd;}
.CaseList li:hover .detail{ background:#d41a37;}
.CaseList li:hover .tit{ color:#ad273c;}
.CaseList li.next .imgbox{ float:right;}

.Caseimg{ width:49%; padding-top:26%; margin-bottom:5%; float:left; background-color:#f5f5f5;position: relative;}
.Caseimg .video{position: absolute;left: 0;width: 100%;height: 100%;z-index: 32;top: 0;}
.Caseimg .video .play{z-index: 10;left: 50%;top: 50%;position: absolute;width: 56px;height: 56px;transform: translate(-50%,-50%);background: url(../images/play.png) center center no-repeat;cursor: pointer;}
.Caseimg .video:after{position: absolute;z-index: 1;width: 100%;height: 100%;content: "";background:rgba(0,0,0,0.2);}
.Caseimg .video video{object-fit: fill;background: #000;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.Caseimg .video.on:after{display: none;background: none;}
.Caseimg .video.on .play{display: none;}

.Caseinfo{ width:46%; color:#808080; line-height:28px; float:right; margin-bottom:5%;}
.Caseinfo .h3{ position:relative; line-height:46px; font-size:36px; color:#333333; padding:44px 0 24px; border-bottom:1px dashed #ebebeb;}
.Caseinfo .h3 i{ width:20px; height:1px; font-size:0px; background:#ad273c; position:absolute; left:0px; bottom:-1px;}
.Caseinfo .s_tit{ color:#333333; font-size:18px; padding:30px 0 22px;}
.Caseinfo.pro { font-size:14px;}
.Caseinfo.pro .h3{ padding-top:0;}

.Casetit{ background:#f2f2f2;}
.Casetit li{ width:230px; text-align:center;line-height:58px; font-size:18px;}
.Casetit li.on{ background:#ffffff; margin-left:1px; border-top:2px solid #ad273c; color:#ad273c}

.Casedetail{ line-height:28px; padding-top:4%;}
.Detailimg{ margin:28px 0 0 -1.5%;}
.Detailimg li{ width:23.5%; padding:0 0 1.5% 1.5%; float:left; float:left;}
.Detailimg li .imgbox img{ height:242px; width:100%;}
@media ( max-width:1366px){
.CaseList li .info .tit{font-size: 19px;}
.CaseList li .info .p{line-height: 22px;}
.Caseinfo .h3{font-size: 20px;line-height: 28px;padding: 20px 0 10px}
.Caseinfo .s_tit{font-size: 16px;padding: 10px 0}
.Caseinfo p,.Casedetail{font-size: 14px;line-height: 20px;}

}
@media ( max-width:998px){
.CaseMenu li a{font-size:16px;}
.CaseMenu li{ line-height:45px;}
.CaseList li{ margin-bottom:20px;}
.CaseList li .imgbox{ height:300px;}
.CaseList li .info .p{line-height:22px; height:88px;margin-bottom:20px;}
.CaseList li .info .tit{ font-size:22px; line-height:50px;}
.Caseinfo .h3{line-height:35px; font-size:20px;padding:15px 0 15px;}
.Caseinfo .s_tit{font-size:16px; padding:15px 0 15px;}
}
@media ( max-width:640px){
.CaseMenu{ margin-top:0;}
.CaseMenu li a{ padding-top:5px;}
.CaseMenu li{ line-height:35px;width: 30.5%;}
.CaseMenu li .ico{ display:block; margin:0px auto;}
.CaseList li .imgbox{ height:160px;}
.CaseList li .info { padding-top:10px;}
.CaseList li .info .p{line-height:20px; height:40px;-webkit-line-clamp: 2;margin-bottom:10px;}
.CaseList li .info .line{ height:12px;}
.CaseList li .info .tit{ font-size:15px; line-height:40px;}
.CaseList li .info .detail{ width:100px; line-height:28px;}
.Caseimg{ width:auto;float:none; padding-top:65%;}
.Caseinfo .h3{padding:0px 0 15px;}
.Caseinfo{ width:auto; line-height:24px; float:none; padding-bottom:20px;}
.Casetit li{ width:200px;line-height:45px; font-size:16px;}
.Detailimg li{ width:48.5%;}
.CaseMenu li a em{line-height: 20px;padding: 10px 0;font-size: 15px}
}
@media ( max-width:568px){
.Detailimg li .imgbox img{ height:160px;}
}


/*产品中心 s*/
.ProMenu{ padding:0 6% 5%;}
.ProMenu li{ width:14%; float:left; text-align:center; font-size:18px; line-height:20px;}
.ProMenu li .ico{ position:relative; height:120px; width:120px; margin:0px auto 20px;}
.ProMenu li .i1,.ProMenu li .i2{width: 100%; position: absolute; left:0;top:0;}
.ProMenu li .i1{ transition: 400ms;}
.ProMenu li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.ProMenu li:hover .i1{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0);}
.ProMenu li:hover .i2,.ProMenu li.onli .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.ProMenu li a{ display:block; border-right:1px solid #f5f5f5;}
.ProMenu li.onli a{ color:#ad273c;}
.ProMenu li:last-child a{border-right:0px;}
.ProMenu li p{line-height:30px;height: 60px;}

.ProList{ margin:0 0 0 -6px;}
.ProList li{ width:25%; float:left; overflow:hidden;}
.ProList li .box{ position:relative; margin:0 0 20px 6px; background:#f5f5f5; padding:20px 20px 0px;}
.ProList li .imgbox{ padding-top:97%;}
.ProList li .imgbox span{ background-size:contain;}
.ProList li .tit{ margin-top:20px; text-align:center; border-top:1px solid #e6e6e6; font-size:18px; line-height:59px;}
.ProList li .infotxt{ position:absolute; left:0px; bottom:-50px; color:#fff; background:rgba(173,39,60,0.9); width:90%; height:100%; padding:0% 5%; z-index:2; line-height:28px; font-size:14px;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.ProList li .infotxt h3{ padding:18% 0 18px; font-size:18px;}
.ProList li .infotxt .p{ height:84px; line-height:28px;-webkit-line-clamp: 3;}
.ProList li .infotxt .more{ border-top:1px dashed rgba(255,255,255,0.6); padding-top:36px; margin-top:23px;}
.ProList li .infotxt .more em{ background:#fff; display:block; width:120px; line-height:36px; text-align:center; border-radius:18px; color:#ad273c;}
.ProList li .infotxt .more em i{ width:5px; height:7px; margin-left:12px; display:inline-block; vertical-align:middle; background:url(../uploadfiles/image/arrico.png) -10px center no-repeat;}
.ProList li:hover .infotxt{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; bottom:0;}

.protab{ text-align:center;border-left:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.protab td{ padding:15px 10px; border-top:1px solid #cccccc; border-right:1px solid #cccccc;}

.AboutPro{ border-top:1px solid #ebebeb; padding-bottom:5%;}
.AboutPro .tithead{ line-height:79px; color:#333333; font-size:20px;}
@media ( max-width:1366px){
.ProMenu li p{height: 60px;}
.ProMenu li{margin-bottom: 1%;}
}
@media ( max-width:998px){
.ProMenu li{ font-size:16px;}
.ProList li .infotxt{ display:none;}
.ProList li .tit{ font-size:16px; line-height:50px;}
}
@media ( max-width:768px){
.ProMenu li{ font-size:14px;width: 33.33%;}
.ProMenu li .ico{height:45px; width:45px; margin-bottom:10px;}
.ProList li{ width:33.3333%;}
.ProList li .tit{ font-size:14px; line-height:45px;}
.protab td{ padding:8px; line-height:20px;}

}
@media ( max-width:560px){
.ProList li{ width:50%;}
.ProList li .box{padding:10px 10px 0px;}
.ProList li .tit{ margin-top:10px;}
}


/*服务支持 s*/
.mapbg{ background-image:url(../images/mapbg.gif); background-position:center center; background-repeat:no-repeat;}
.Protit{ position:relative; border-bottom:1px solid #ebebeb; font-size:20px; color:#333333; padding-bottom:17px; margin-bottom:34px;}
.Protit .nav{ position:absolute; right:0px; top:-7px;}
.Protit .nav li{ width:200px; text-align:center; line-height:40px; cursor:pointer; color:#fff; border-radius:20px; background:#999999; margin-left:20px; float:left; font-size:16px;}
.Protit .nav li.on{ background:#ad273c;}

.Protxt{ line-height:31px; padding-bottom:31px;}
.tabcss2{ color:#4c4c4c; text-align:center; width:60%; margin:0px auto;}
.tabcss2 td{ background:#fff; padding:15px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
.tabcss2 td.red{ background:#ad273c; color:#fff;border-bottom:1px solid #be5162; border-right:1px solid #be5162;}
.Servicebz{ margin:0 0 20px -3%;}
.Servicebz li{ width:30.33333%; float:left; margin:0 0 3% 3%; background:#ad273c; height:200px;}
.Servicebz li .box{ position:relative; margin:24px 5% 0; padding-left:65px;}
.Servicebz li .ico{ position:absolute; left:0px; top:17px;}
.Servicebz li .t{ line-height:50px; font-size:20px; color:#fff;}
.Servicebz li .t i{ display:block; width:16px; height:23px; border-top:3px solid #fff;}
.Servicebz li p{ line-height:26px; color:#e0bdc1; font-size:14px;}

.DownList{ padding:15px 0 0;}
.DownList li{ background:#f7f7f7; margin-bottom:10px; position:relative; line-height:36px; padding:12px 75px 12px 29px; font-size:18px;}
.DownList li .down{ background:url(../images/down.png); width:20px; height:20px; right:29px; top:18px; position:absolute;}
.DownList li a{ display:block;}
.DownList li:hover { background:#ad273c;}
.DownList li:hover .down{background:url(../images/down2.png);}
.DownList li:hover a{ color:#fff;}

.Faqbox{ background:#fff; box-shadow:0 0 15px #ddd; padding:29px 29px 45px;}
.Faqbox .item{ border-bottom:1px solid #ebebeb; background:url(../images/faq.png) 0px top no-repeat; padding:0 0 23px 38px; margin-bottom:28px;}
.Faqbox .item .tits{ color:#333333; font-size:18px; margin-bottom:18px;}
.Faqbox .item .info{ color:#808080; font-size:14px; line-height:25px;}
@media ( max-width:1366px){
.Servicebz li{height: 250px;}
.Servicebz li p{line-height: 22px;}

}
@media ( max-width:998px){
.Servicebz li .box{ margin-top:10px; padding-left:50px;}
.Servicebz li .t i{ height:13px;}
.Servicebz li p{ line-height:22px;}
.mapbg{ background-size:contain; background-position:center top;}
}

@media ( max-width:768px){
.Protit{font-size:17px; padding-bottom:10px; margin-bottom:18px;}
.Protxt{ line-height:24px; padding-bottom:20px;}
.tabcss2{width:100%;}
.tabcss2 td{padding:10px;}
.Servicebz li p{ line-height:16px;}
.Protit .nav li{ width:140px; line-height:35px; font-size:14px; margin-left:5px;}
.DownList li{ font-size:15px; padding:12px 65px 12px 12px; line-height:20px;}
.DownList li .down{right:12px; top:10px;}
.Protit .nav{top: auto;bottom: 0;position: static;}

}
@media ( max-width:640px){
.Servicebz li .t{ line-height:50px; font-size:16px;}
.Servicebz li{ width:auto; float:none; height:142px;}
.Faqbox{padding:12px 12px 25px;}
.Faqbox .item .tits{font-size:16px; margin-bottom:10px;}
}


/*联系我们 s*/
.Name{ font-size:24px; color:#333333; margin-bottom:15px;}
.ContactUs{ padding:23px 0 39px; width:42%; float:left;}
.ContactUs li{ margin-bottom:14px;}
.ContactUs li:last-child{ margin:0;}
.ContactUs li img{ display:inline-block; vertical-align:middle; margin-right:5px;}
.map{ width:57%; float:right;}
.map .amap-marker{transform: rotate(0deg) !important;}

#dituContent img{ max-width:none;}
@media ( max-width:1366px){
.SinglePage .ContactUs li{line-height: 22px;font-size: 14px;}
.Name{font-size: 16px}
.BMap_bubble_content{width: 400px !important}
}
@media ( max-width:560px){
.Name{ font-size:18px; padding-top:10px;}
.ContactUs{width: auto;float: none;}
.ContactUs li{ float:none; margin:0 0 8px 0;}
.map{width: auto;float: none;}
}


/*招贤纳士 s*/
.hrw1{ width:28%;}
.hrw2{ width:17%;}
.hrw3{ width:18%;}
.hrw4{ width:15%;}
.hrw5{ width:17%;}
.hrw6{ width:10%;}
.Hrhead{ height:60px; color:#fff; background:#af2539; margin-bottom:25px; font-size:18px; font-weight:bold;}
.Hrhead th{ text-align:left;}
.padleft{ padding-left:4%;}
.HrList{ margin-bottom:4%;}
.HrList li{ margin-bottom:1px;}
.HrList li td{ height:60px; color:#3e3a39; font-size:16px; background:#f8f8f8;}
.HrList .btn{ display:block; width:17px; height:17px; background:url(../images/open.gif); margin:0px auto;}
.HrList li .txtCont{ font-size:14px; display:none; line-height:28px; padding:25px 4%; color:#888;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stit{ font-size:16px; margin-bottom:20px; color:#333;}
.HrList li.current td{ color:#af2539;}
.HrList li.current a{ color:#af2539;}
.HrList li.current .btn{background:url(../images/up.gif);}

@media ( max-width:640px){
.Hrhead{ height:36px;font-size:15px; margin-bottom:10px; font-weight:normal;}
.HrList{ margin-bottom:28px;}
.HrList li td{ height:45px;font-size:14px;}
.hrw1{ width:50%;}
.hrw2{ width:40%;}
.hrw3,.hrw4,.hrw5{ display:none;}
.hrw6{ width:10%;}
.HrList li .txtCont .stit{ font-size:15px; margin-bottom:10px; }
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ padding-top:10px; padding-bottom:18px; line-height:24px;}
}


#newBridge .nb-icon-skin-9 .nb-icon-inner-wrap{ display:none !important;}

#newBridge .nb-show{ display:none !important;}
#newBridge.on .nb-show{ display:block !important;}
#newBridge .nb-icon-wrap{display:none !important;}


/*核心技术 s*/
.Tecttxt{ text-align:left;}
.Tecimg{ margin:28px 0 6% -3%;}
.Tecimg li{ width:47%; float:left; margin-left:3%;}

.TecList{ clear:both; padding-bottom:15px;}
.TecList li{ margin-bottom:40px; background:#fff; box-shadow:0 0 22px #ddd;}
.TecList li .imgbox{ height:350px; width:50%; float:left;}
.TecList li .info{ padding:3% 5% 0; width:40%; float:right;}
.TecList li .info .tit{ font-size:28px; color:#1a1a1a; line-height:70px;}
.TecList li .info .line{ width:32px; height:20px; border-top:2px solid #e9e9e9;}
.TecList li .info .p{ color:#666; line-height:28px;}
.TecList li .info p{font-size: 14px;}
.TecList li .info .detail{ width:120px; line-height:36px; text-align:center; color:#fff; background:#ad273c; border-radius:18px;}
.TecList li .info .detail i{ display:inline-block; margin-left:12px; background:url(../images/arrico.png) right center; width:5px; height:7px;}
.TecList li.next .imgbox{ float:right;}
@media ( max-width:1280px){
	.TecList li .info .tit{font-size: 20px}
	.TecList li .info{font-size: 14px}
}
@media ( max-width:640px){
.TecList li { margin-bottom:20px;}
.TecList li .imgbox{ float:none; width:auto; height:160px;}
.TecList li .info { float:left; width:auto; padding-top:10px; padding-bottom:10px;}
.TecList li .info .p{line-height:20px; height:40px;-webkit-line-clamp: 2;margin-bottom:10px;}
.TecList li .info .line{ height:12px;}
.TecList li .info .tit{ font-size:15px; line-height:40px;}
.TecList li .info .detail{ width:100px; line-height:28px;}
.TecList li.next .imgbox{ float:none;}

}

/*20220613*/

.sliderBox{width: 50%;float: left;}
.sliderBox .slider-for .item .imgbox{width: 100%;padding-top: 70%;;}
.sliderBox .item .imgbox video{position: absolute;top: 0;left: 0;object-fit: fill;width: 100%;height: 100%;}
.sliderBox .slider-nav .item .imgbox{padding-top: 90%;border: 2px solid #fff}
.sliderBox .slider-nav .item .imgbox span{background-size: contain;}
.sliderBox .slider-nav {margin-top: 10px;width: 96%}
.sliderBox .slider-nav .item.slick-current .img {opacity: 1; border: 2px #d4451d solid;}
.sliderBox .slider-for .item  .imgbox span{
	background-size: contain;
}
.gallery_right{
	width:46%;
	float:right;}
.gallery_right h2{
	color:#AD273C;
	font-size:20px;
	line-height:30px;
	padding:20px 0 15px;
	font-weight:bold;
}
.gallery_right_txt{
	padding:5px 0 15px;
	line-height:30px;
	border-top:1px dashed #d0d0d0;
	border-bottom:1px dashed #d0d0d0;}

.btn_message{
    width: 47%;
	height: 35px;
	line-height: 35px;
	text-indent: 45px;
	font-size: 16px;	
	margin: 10px 0;
	display:block;
	background: #AD273C url("../images/btn_message.png") no-repeat 15px center;
	float:right;
	margin-top: 10%;
}
.btn_message.btn_chat {float: left;background: #AD273C url("../images/pdf.png") no-repeat 15px center;}
.btn_message a{color: #fff}

.maodian{
	width:100%; 
	height:40px;
	overflow: hidden;
	line-height:40px;
	font-size:16px;
	background: #AD273C
}
.maodian li{
	text-align:center;
	width:16.66%;
	float:left;
	overflow:hidden;
}
.maodian li a{
	display:block; 
	color:#fff;
	background:#AD273C url("../images/bg_nav_line_2.png") no-repeat top right;
}
.maodian li a.choose{ color:#fff; background:#ed7101;}
.maodian li a:hover{
	background:#ed7101; 
	color:#fff;
	text-decoration:none;
}
.isStuck{
		width:100%;
		max-width:80%;
		padding-top:0px;
		z-index: 999;
	}
.md_con{
	width:auto;
	margin:20px auto;
	font-size:15px;
	line-height:30px;
	display: inline-block;width: 100%;
}
.md_con ul{margin-top:10px;}
.md_hd{ 
	color:#fff;
	line-height:39px;
    height:39px;	
	font-size:16px;
	background:#666 url("../images/img12.jpg") no-repeat center right;;
	}
.md_hd span{width:153px; background:url("../images/img11.jpg") no-repeat center left; display:block; text-align:center;}
.md_bd{
	width:auto;
	line-height:28px;
	padding:15px 0;}
.md_bd img{width:auto;}
.q_list{width:100%; float:left; height:auto; overflow:hidden; margin:10px 0;}
.q_list li{width:16%;margin:5px 0.33%; float:left;}
.q_list li img{display:block;}
.q_list li a{width:100%;background:#999;padding:8px; display:block;}
.q_list li a:hover{width:100%;background:#ed7101;}
.listyle03{
	width: 30%;
	float: left;
	font-size: 14px;
	overflow:hidden;
	margin: 20px 1.6%;
	padding: 5px 0 15px;
}
.listyle03 img{
	border:1px solid #CCC;
}
.listyle03 p{
	line-height: 24px;
	padding: 10px 10px 0;
}
.listyle03 a{ color: #333;}
.listyle03 a:hover{ color: #b10e07;}	
	
.new_list{
    width: 100%;
	height: auto;
	overflow: hidden;
	margin-top:80px;
}
.new_list li{
    width:100%;
	float:left;
	height:auto;
	margin-bottom:3%;
}
.new_right h4 {
	font-size: 14px;
	height: auto;
	line-height: 30px;
}
.new_right p {
	width: 100%;
	line-height: 30px;
	margin-bottom:12px;
}
.new_left{
    width:20%;
	float:left;
	text-align:center;
}
.new_left img{width:100%;}
.new_right{
    width:75%;
	float:right;
}
.details a{color:#d23429;}
.cul-nav { width: 100%; margin:0 auto; margin-top:2%;background: url(../images/about_bg10.jpg) no-repeat center 50px; overflow:hidden}
.cul-nav ul { margin-left: 60px; }
.cul-nav ul li { display: inline-block; _display: inline; position: relative; float:left; width: 100px; height: 111px;  margin-right: 80px; background: url(../images/about_bg09.png) no-repeat -101px 0; cursor: pointer; }
.cul-nav ul li h3 { padding-top: 40px; font: 14px/22px 'Microsoft Yahei','SimSun',sans-serif; color: #797b7d; text-align: center; position: relative; background: none; }
.cul-nav ul li h3.hover { color: #ff4a00; }
.cul-nav ul li .cul-nav-bg { position: absolute; left: 0; top: 0; width: 101px; height: 0px; background: url(../images/about_bg09.png) no-repeat 0 0; z-index: 0; overflow: hidden; }
.cul-nav ul li.cur .cul-nav-bg { height: 111px; }
.cul-nav ul li.cur h3 { color: #ff4a00; background: none; }
.cul-ajax { padding-top: 10px; width:100%; overflow:hidden; color:#0279b1 }
.cul-nav h3 { font-size: 22px; color: #000; width: 100%; overflow: hidden; margin-bottom: 30px; }
.sub_about { width: 100%; overflow: hidden; margin:0 auto; }   .sub_about p{ text-indent:20px; line-height:28px;}
.sub_about li { float: left; width: 23%; margin-right:2%; }
.sub_about li h3 { font-size: 22px; margin: 35px 0 20px 0; color: #000; }
.sub_about li img { margin-bottom: 15px; width: 100%; height: auto; }
.content{
	font-size: 15px;
	line-height:30px;
	padding:10px;
	background:#FFF;
}
.content p{margin:10px 0;}
.content h2{
	color:#222;
	line-height:40px;
	font-size:23px;
	text-align: center;
	font-weight:normal;
	margin-top:20px;
}
.content h3{font-size:18px; background:#0279b1 url("../images/22.png") no-repeat 6px center; height:40px; line-height:40px; text-indent:50px; color:#fff; width:240px;}
.content h4{
	color:#a7a5a5;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	text-align: center;
	padding-bottom:10px;}
.content img{
	width: auto;}
.prenext{
	padding:15px;
	margin-top:30px;
	border-top: 1px dashed #d6d6d6;}
.pn_item{
	line-height: 30px;
	overflow:hidden;}
.pn_item a{ color: #333;}
.pn_item a:hover{ color: #1f6fb8;}
.faq_tit{width:100%; height:45px;}
.faq_tit li{ float:left; width:31.3%; margin:0 1%; font-size:16px;}
.faq_tit li a{ height:45px; line-height:45px; background:#0179b1; display:block; text-align:center; color:#FFF;}
.faq_tit li a:hover{background:#ed7101;}
.faq_tit .show a{background:#ed7101;}
.faq_list{width:98%;margin:20px 1%;}
.faq_list li{width:100%; line-height:50px; border-bottom:1px dashed #DDD; background:url("../images/ico_2.jpg") no-repeat center right; font-size:16px;}
.faq_list li a{background:url("../images/mapbg3.png") no-repeat 0 23px;padding-left:15px; display:block;}
.nob{width:70px;height:70px; line-height:70px; text-align:center; background:#ed7101; font-size:30px; color:#fff; font-weight:bold;}
.block_01{margin-bottom:30px;}
.block_01 input.text {
  border: 1px solid #ccc;
  height: 30px;
  line-height: 28px;
  width: 96%;
  text-indent: 6px;
  color: #999;
}
.block_01 .commentText {
  border: 1px solid #ccc;
  width: 98%;
  height: 70px;
  text-indent: 6px;
  font-size: 13px;
  color: #999;
  line-height: 20px;
  margin: 10px 0;
  font-family: Arial, Helvetica, sans-serif;
  background:#FFF;
}
.block_01_title{
	 color: #333;
	line-height: 40px;
	font-size: 20px;
	border-bottom: 1px dashed #d7d7d7;
	margin-top:30px;
}
.description_e {
	width: 100%;
	line-height: 24px;
	color: #e31c15;
	padding-top: 10px;
	margin-bottom:20px;
}
.description_f {
	width: 100%;
	margin: 0 auto;
}
.message_yxxhl{ padding:10px 0 0 0;}
.message_yxxhl li{ padding-bottom:8px; font-size:14px; width:50%;}
.message_yxxhl li input.text{ background:#ffffff; border:1px solid #ddd; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; height:45px; line-height:45px;width:98%; padding: 0px 5px 0px 5px;font-family: Arial, Helvetica, sans-serif;color:#333333; font-size:14px;}
.commentText_yxxhl{background:#ffffff; border:1px solid #ddd; border-radius:4px;width:95%; height:150px; padding:10px 10px 10px 6px; font-size:14px; color:#333333;font-family: Arial, Helvetica, sans-serif;line-height: 20px;}
.message_yxxhl li.comment_yxxhl{ height:175px;}
.message_yxxhl .submitBtn_yxxhl{padding-left: 10px;padding-right: 10px; border: 0;height:40px; width:97%; border-radius:4px; background-color:#ed7101;color: #FFF;font-size: 16px;font-family: Arial, Helvetica, sans-serif; cursor:pointer;}		
.pro_box li{width:24%;float:left; margin:10px 0.5%; border-bottom:10px solid #333;}
.pro_box li a.tit{height:30px;line-height:30px;width:100%; text-align:center;display:block; overflow:hidden;}
.pro_box{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	margin-top:10px;
}
.pro_box li img {height: 200px;margin: 0 auto !important;padding: 0  !important}

@media(max-width:1440px) {
.sliderBox .slider-for .item {margin-left: 1px;}
}
    @media(max-width:768px) {
.gallery_right,.sliderBox{width: 100%;}
.pro_box li{width: 100%;}
.md_bd{width: 100%;overflow-x: auto;}
.maodian li{width: 33.33%;border-bottom: 1px solid rgba(255,255,255,.2);}
.maodian{height: 80px;}
.pro_box li img{height: auto;}
.message_yxxhl li{width: 100%}
}




