@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#555;}
a:hover{ color:#12589d; }

.proxx table { width:100%!important;max-width:100%!important; } 
.proxx table td{table-layout:fixed; word-break: break-all; overflow:hidden; } 

body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:15px!important;color:#555; }
.pc_menu{ display:block}
.wap_menu{ display:none}
.pc_banner{ display:block}
.wap_banner{ display:none}
.pc_foot{ display:block}
.wap_foot{ display:none}

.ahead.wd1200{ width:1300px;margin:0 auto;padding-top:0px; padding-bottom:0px;}
.wd1200{ width:1300px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.ahead{ padding-top:25px!important; padding-bottom:25px!important;}
.ahead_you{ width:43%; padding-top:8px;}
.tel{ background:url(../images/index_06.jpg) no-repeat left; padding-left:50px; margin-top:10px;}
.tel span{ font-size:18px; font-weight:bold; color:#bd0e1f;}
.search{width:300px;margin-top:15px;height:34px;}
.search_logo{ padding-top:5px; color:#fff; background:#fff; height:34px;}
.searchinput{height:32px;color:#939393;font-size:14px;border:#fefefe solid 0px;border:1px solid #d8d8d8; padding-left:15px;width:230px;float:left;display:inline;line-height:35px;background:#fefefe; outline:none}


.nav_bgc{ width:100%; margin:0 auto; background:#12589d; height:60px; }
.nav{ width:1300px; margin:0 auto}
.nav li {width: 11.1%;float: left;display: inline-block;list-style: none;font-size: 17px;text-align: center;position: relative;}
.nav li a {display: block;text-align: center;position: relative;color: #fff;height: 60px;line-height: 60px;}
.nav li.hover a, .nav li:hover a {color: #fff;background: #bd0e1f;}
.nav li .subnav {background: #fff;border-top: 2px solid #bd0e1f;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%; width: 100%;z-index: 99999999;}
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#bd0e1f, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #666;display: block;font-size: 15px;font-weight: 500;
line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;}
.nav li .subnav a:hover {color: #bd0e1f;background: #f9f9f9;text-indent: 10px;}


.banner{
width: 100%;
/*height: 560px;*/
/*background: black;*/
/*子绝父相*/
position: relative;
/*超出部分全部隐藏，解决横向滚动条*/
overflow: hidden;
}
.banner ul{
position: absolute;
}
.banner ul li{
/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
width: 100%;
height:300px;
float: left;
background:  no-repeat center center;
}
/*.banner ul li:nth-child(1){*/
/*background: url('./1.jpg') no-repeat center center;*/
/*}*/
/*.banner ul li:nth-child(2){*/
/*background: url('./2.jpg') no-repeat center center;*/
/*}*/
/*.banner ul li:nth-child(3){*/
/*background: url('./3.jpg') no-repeat center center;*/
/*}*/
.banner ol{
/*width: 60px;*/
height: 20px;
position: absolute;
left:50%;
/*margin-left: -40px;*/
bottom: 20px;
padding: 0 10px;
border-radius: 10px;
}
.banner ol li{
width: 10px;
height: 10px;
float: left;
margin: 5px 5px;
background: rgba(11,99,181,0.5);
border-radius: 50%;
cursor: pointer;
}
.banner ol .current{
background: rgba(11,99,181,1);
}
.banner i{
width: 58px;
height: 120px;
position: absolute;
top: 43%;
margin-top: -25px;
cursor: pointer;
border-radius: 5px;
display: none;
}
.banner .left{
left: 40px;
background: url('../images/left_right.png') no-repeat 0 0px;
}
.banner .right{
right: 40px;
background: url('../images/left_right.png') no-repeat 0px -120px;
}
.banner .left:hover , .banner .right:hover{
background-color: rgba(0, 0, 0, 0.31);
}

.product{ width:50%}
.contubg{ background:#12589d; height:158px;border-radius:5px;}
.contubg .fl{ background:#bd0e1f; padding:30px; height:98px;}
.contum{ background:#fff; overflow:hidden; }
.contum{ width:100%; height:58px;overflow:hidden;padding:5px;}
.contum img{ cursor: pointer; width:100%;transition: all 0.8s; height:58px;}
.contum img:hover{   transform: scale(1.2);}
.contubg .fl  h2{ color:#fff; text-align:center; margin-bottom:10px;}
.contubg .fr ul li{ width:60%;  float:left; line-height:40px; color:#fff;}
.contubg ul{ padding:20px;}
.contubg .fr{ width:68%;}
.contubg .fr ul li:nth-child(2n){ width:40%}
/*左右切换*/
.Box {position: relative; width:100%; margin-top:70px;}
.clearfix{ clear:both}
.Box .content {width: 78%;margin: 0 auto;}
	.Box .Box_con {position: relative;}
	.Box .Box_con .btnl {position: absolute;}
	.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
	.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
	.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
	.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
	.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
	.Box .Box_con .conbox {position: relative;overflow: hidden;}
	.Box .Box_con .conbox ul {position: relative;list-style: none; }
	.Box .Box_con .conbox ul li {float: left;width: 247px;height: 211px;margin-left: 10px;overflow: hidden;}
	.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
	.Box .Box_con .conbox ul li img {display: block;width: 247px;height: 211px;transition: all 0.5s;}
	.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
	
	.Box .BoxSwitch {margin-top: 30px;text-align: center;}
	/*
	.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
	.Box .BoxSwitch span.cur {background: red;}*/

.contact{ width:45%}
.contu{ width:100%; height:158px;overflow:hidden}
.contu img{ border-radius:5px;cursor: pointer; width:100%;transition: all 0.8s; height:158px;}
.contu img:hover{   transform: scale(1.2);}
.lxwmbg{ background:#f8f8f8; width:100%;}
.lxwmtxt{ padding:40px; line-height:30px;}
.lxwmtxt .fr{ margin-top:30px;}

/*------------公司---------*/
.gongsi{ background:url(../images/index_36.jpg) no-repeat center;width:100%; margin:0 auto;}
.about{ width:1200px; margin:0 auto; padding-bottom:80px; padding-top:70px;}
.abzuo{ width:35%;}
.abzuo h2{ color:#666666; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:50px; font-weight:normal;}
.abzuo h3{ font-size:40px; color:#000;font-weight:normal;}
.abzuo h4{ font-size:20px; color:#333; margin-top:15px;}
.abnr{ margin:0 auto; text-align:justify;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden; line-height:26px; font-size:15px;  margin-top:20px;margin-bottom:20px; color:#5f5f5f } 

.gengduoa{background-color:#bd0e1f; width:150px; height:45px; text-align:center; line-height:45px;}
.gengduoa a{ text-align:center; color:#fff;-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;}
.gengduoa:hover {cursor:pointer;/* transform属性 */transform:translate(0,-10px); background:#12589d;-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;}
.abzhong{ width:15%; margin-left:5%;}
.abzhong ul li{ text-align:center; border-bottom:1px solid #d8d8d8; padding-bottom:12px; padding-top:8px;}
.abzhong ul li h2{ font-size:17px;color:#555;font-weight:normal;}
.abzhong ul li a:hover h2{ color:#1677da!important;}
.abyou{ width:42%; height:353px;overflow:hidden}
.abyou img{cursor: pointer; height:353px; transition: all 0.8s;}
.abyou img:hover{   transform: scale(1.2);}






/*新闻*/
.news{ width:50%;}
.biaoaa h2{ color:#000; font-size:30px; font-weight:900;}
.biaoaa .shuom{font-size:17px;color:#000; padding-left:10px; line-height:40px;}
.biaoaa{height:40px; line-height:40px;text-align:center; margin-bottom:30px;}

.nzuo{ width:100%; border-bottom:1px solid #d8d8d8; padding-bottom:30px; }
.naz{width:72%;}
.bign a{ color:#0061ae; font-size:17px;}
.zzzp{  line-height:23px;color:#818181;margin-top:10px;height:46px;overflow:hidden; font-size:14px;}
.morea{-moz-border-radius:15px;/*Firefox支持*/ 
-webkit-border-radius:15px;/*webkit内核的Safari和Chrome支*/border-radius:15px;/*--Opera支持*/ background:#bd0e1f; width:70px; text-align:center; height:25px; line-height:25px; margin-top:5px; font-size:14px;}
.morea a{ color:#fff;}
.nyou{ width:100%; }
.newlist{ height:50px; line-height:50px;border-bottom:1px solid #d8d8d8;}
.newlist .bitp{ color:#555}
.newlist{ width:100%; line-height:50px;}
/*证书*/
.zhengshu{ width:45%; }
.zhengshu ul li{ width:44%; float:left; border:10px solid #d3dcd9 }
.zhengshu ul li h2{ background:#d3dcd9; height:50px; line-height:50px; text-align:center}
.zhengshu ul li:nth-child(2){ float:right}

.zstu{  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.zstu  img{max-width:100%;max-height:305px; transition: all 0.8s;}
.zstu  img:hover{   transform: scale(1.4);}



/*定制*/
.dingzhi{ width:100%; margin:0 auto; background:url(../images/index_46.jpg) no-repeat center;padding-top:70px; padding-bottom:70px;}
.dingzhi .wd1200{ padding-top:0px; padding-bottom:10px; }
.dingzhi .ding{  margin:0 auto; background:rgba(255,255,255,0.9); padding-left:50px; }
.ding h2{ font-size:35px; color:#000; text-align:center; font-weight:bold; padding-top:50px; margin-bottom:10px;}
.ding h3{ width:370px;margin:0 auto; text-align:center}
.ding h3 span{ font-size:25px; color:#0061ae; line-height:40px; font-weight:normal}
.ding h3 .dtel{-moz-border-radius:20px;/*Firefox支持*/ -webkit-border-radius:20px;/*webkit内核的Safari和Chrome支*/border-radius:20px;/*--Opera支持*/ background:#0061ae; height:40px; line-height:40px; width:190px; font-size:20px; color:#fff;text-align:center; font-weight:normal;}
.ding table{ width:90%!important; margin:0 auto; margin-top:30px;}
.dkuang{ border:1px solid #ccc; line-height:45px; height:45px; width:400px; padding-left:20px; margin-bottom:15px; background:none;}
.dkuang2{ border:1px solid #ccc; line-height:45px; height:115px; width:400px; padding-left:20px; margin-bottom:0px;background:none;}
.dkuang3{ margin-top:-15px;border:1px solid #d8d8d8; line-height:45px; height:45px; width:200px; padding-left:20px;background:none;}
.dkuang4{-moz-border-radius:10px;/*Firefox支持*/ -webkit-border-radius:10px;/*webkit内核的Safari和Chrome支*/border-radius:10px;/*--Opera支持*/ background:#bd0e1f; height:180px; line-height:40px; width:100px; font-size:25px; color:#fff;text-align:center;}




/*-------底部-----------*/
.foot{ width:100%; margin:0 auto; background:#333333; border-top:8px solid #0061ae }
.foot .foot1{ width:1300px; margin:0 auto; padding-top:50px; color:#fff; padding-bottom:30px; border-bottom:1px solid #515151;}
.foot .foot1 .dfa{ width:200px;}
.foot .foot1 .dfb{ width:370px; margin-left:280px;}
.dblian a{ color:#fff; }
.foot .foot1 .dfb .dblian{margin-top:20px; line-height:25px;opacity:0.6;}
.foot .foot1 .dfa ul { margin-top:15px;}
.foot .foot1 .dfa ul li{ float:left; width:50%; line-height:35px;}
.dfa a{ color:#fff; opacity:0.6}
.foot .foot1 .dbtitle{ font-size:22px; padding-bottom:5px;}
.foot .foot1 .dbname{ font-size:15px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:5px;}
.foot .foot1 .dbline{ background:#fff; height:2px; width:50px;}
.ewm{ margin-top:25px;}
.ewm img{ padding:5px; background:#fff; border-radius:5px; }
.foot2{ padding-top:30px; padding-bottom:30px; color:#adadad;}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #adadad;}
a.zzb07link:hover {text-decoration: underline;color: #adadad;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#adadad;}



/*----内页---*/
.nymain{ width:1300px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.nywen{ text-align:center; margin:0 auto; border-bottom:1px solid #d8d8d8; padding-bottom:30px;}
.nywen h2{ color:#000; font-size:35px; font-weight:900;}
.nywen h3{ text-align:center; font-size:17px; margin-top:10px;}

.nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center; height:250px; }
.nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:250px; }
.nyorder{width:100%; margin:0 auto; background:url(../images/nyorder.jpg) no-repeat center; height:250px; }
.nyfac{width:100%; margin:0 auto; background:url(../images/nyfac.jpg) no-repeat center; height:250px; }
.nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:250px; }
.nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:250px; }
.nyhonor{width:100%; margin:0 auto; background:url(../images/nyhonor.jpg) no-repeat center; height:250px; }
.neirong{ width:100%; margin:0 auto; margin-top:40px; line-height:30px;}


/*内页公司简介*/
.nyabjs{ background:#12589d; height:280px; width:100%;border-radius:5px; margin-bottom:40px;}
.nyabzuo{  display: flex;justify-content: center;border-top-left-radius:5px;border-bottom-left-radius:5px;
align-items: center; overflow:hidden; height:280px;}
.nyabzuo  img{max-width:100%;transition: all 0.6s; }
.nyabzuo  img:hover{   transform: scale(1.2);}
.nyabzuo{ width:48%; background:#f2f2f2; }
.nyabyou{ width:52%; text-align:center; padding-top:110px;}
.nyabyou a{ color:#fff;}
.nyabyou  h2{ font-size:35px; font-weight:900;}
.nyabyou  h3{ font-size:17px; margin-top:10px;}

/*----内页联系我们---*/
.ditu{ float:left; width:50%}
.lianx{ float:right; width:45%}

.nydaohang{ width:100%; margin:0 auto; height:80px;border-bottom:0px #d9d9d9 solid; margin:0px 0px 0px; box-shadow:0px 6px 6px rgba(0,0,0,.05); }
.nymenu{ width:1200px; margin:0 auto}
.nymenu ul {display: flex; width: 100%;height: 80px;line-height: 80px;}
.nymenu ul li {width: 100%;text-align: center;border-right: #e5e5e5 1px solid;vertical-align: top;}
.nymenu ul li:first-child{border-left: #e5e5e5 1px solid;}
.nymenu ul li a{ font-size:18px; font-weight:700px;}

.rit-box .top-tit {
border-bottom: 1px dotted #BBBBBB;
padding-bottom: 20px;}
.rit-box .top-tit h3 {font-size: 18px;font-weight: 700;}
.rit-box .top-tit p {font-size: 15px;color: #999999;margin-top: 10px;}
.city li.on, .city li:hover {background-color: #bd0e1f;}
.city li {float: left;margin-right: 10px;width: 150px;height: 38px;text-align: center;line-height: 38px;font-size: 15px;background-color: #ECF0F1;}
.city li a{ color:#fff}
.city {display: table;margin-top: 15px;}
.kbm{ margin-top:20px;}

/*订单*/
.kuang{ height:35px; border:1px solid #d8d8d8; width:80%}
.kuang2{ height:70px; border:1px solid #d8d8d8; width:80%}
.kuang3{ height:35px; border:1px solid #d8d8d8; width:50%}
.tijiao{ margin-top:30px; background:#0061ae; height:50px; line-height:50px; width:120px; border:0px; color:#fff}
.chongzhi{ margin-top:30px;background:#6abf98; height:50px; line-height:50px; width:120px; color:#fff; border:0px;}
.dingdana table{ width:80%}

/*内页新闻*/
.xwmam{font-size:16px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;height:48px; line-height:24px; text-align:center; margin:0 auto; margin:0px; padding:0px; font-size:14px;}
.n4 { width:100%;  }
.n4 li:nth-child(2n) { float:right}

.n4 ul{ width:100%; }
.n4 li{ width:48%; border-bottom:#ccc   dotted  1px;  float:left; height:130px;  margin-bottom:20px; padding-bottom:15px;}

.n4_1{ float:left; width:85px; height:60px; margin-right:15px; border-right:#e8e8e8 solid 1px; text-align:center; font-size:16px; color:#bbbbbb; line-height:35px; font-family:Arial, Helvetica, sans-serif; margin-top:25px;}
.n4_1 h7{ font-size:40px;color:#bbbbbb}

.n4_2{ float:right; width:80%; color:#979797;}
.n4_2 h4{ font-weight:normal; font-size:16px; color:#000; margin-bottom:0px; padding:0px; margin-top:0px;}
.n4_2 h4 a{ color:#000;}
.n4_2 h4 a:hover{ color:#12589d;}



.m4{width:120px; line-height:30px; text-align:center; float:left; margin-bottom:20px; margin-right:410px; margin-top:10px;}

.m4 a{width:120px!important;line-height:30px; float:left; color:#fff!important;  background:#0061ae;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m4 a:hover{ color:#FFFFFF!important;width:120px!important; background:#bd0e1f;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.fanhui{ border-top:10px solid #f2f2f2; margin-top:30px;}
.fanhui ul{ padding-top:20px;}
.xwbiaoti{ text-align:center;font-size:20px;color:#333;padding-top:10px; margin-bottom:20px;}
.nybt{font-size:18px; color:#0061ae; padding-bottom:10px; text-align:center; margin:0 auto; }


/*荣誉*/
.imglist1 ul li{text-align:center;float:left;display:inline;width:275px;height:230px; margin:12px 12px;overflow:hidden;background:#fff; border:1px dotted #ccc; padding:10px; border-radius:5px;box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1);}
.imglist1 ul li img{background:#FFF; max-width:100%; }
.imglist1 ul li span{line-height:27px;display:block;background:#FFF; text-align:center; font-size:15px;}

.zu11{width:275px!important; height:200px!important; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  }
.zu11 a img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.zu11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.zu11  img{max-width:275px;max-height:200px!important; transition: all 0.8s;}
.zu11  img:hover{   transform: scale(1.2);}



/*厂房*/
.imglist1a ul li{text-align:center;float:left;display:inline;width:275px;height:200px; margin:12px 12px;overflow:hidden;background:#fff; border:1px dotted #ccc; padding:10px; border-radius:5px;box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1);}
.imglist1a ul li img{background:#FFF; max-width:100%; }
.imglist1a ul li span{line-height:27px;display:block;background:#FFF; text-align:center; font-size:15px;}

.zu11a{width:275px!important; height:200px!important; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  }
.zu11a a img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.zu11a a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.zu11a  img{max-width:275px;max-height:200px!important; transition: all 0.8s;}
.zu11a  img:hover{   transform: scale(1.2);}


.proxx table{border-left: #F2F2F2 1px dotted; border-top: #F2F2F2 1px dotted;  width:100%; margin:0 auto; }
.proxx tr td{padding: 5px;
    line-height: 30px;

 }




.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #1c3650; line-height: 30px; text-decoration: none; clear:both; margin-top:20px;}
.contentPage a:link {color: #1c3650; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #1c3650; font-weight: normal;}
.contentPage a:visited {color: #1c3650; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #0070c0; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#fbae17;font-weight:normal;}
.contentPage .current{color:#fbae17; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #fbae17; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}
  
@media all and (max-width:1024px){ 
.pc_menu{ display:block}
.wap_menu{ display:none}
.pc_banner{ display:block}
.wap_banner{ display:none}
.pc_foot{ display:block}
.wap_foot{ display:none}

.ahead.wd1200{ width:95%;}
.wd1200{ width:95%;}
.ahead_you{ width:45%;}
.search{width:auto;}
.searchinput{width:160px;}


.nav{ width:95%; }

.contubg .fr ul{ padding-left:20px; padding-top:20px; height:120px; overflow:hidden!important}
.contubg .fr ul li{ width:100%;  float:none; line-height:30px;}
.contubg ul{ padding:0px;}
.contubg .fr{ width:57%;}
.contubg .fr ul li:nth-child(2n){ width:auto}

.lxwmtxt .fr{ margin-top:30px; display:none}

/*------------公司---------*/

.about{ width:95%;}

/*新闻*/

.naz{width:65%;}
.naz .fr{ display:none}

/*定制*/
.ding table{ width:100%!important;}

/*-------底部-----------*/
.foot .foot1{ width:95%; }
.foot .foot1 .dfb{  margin-left:150px;}
.dingdana table{ width:100%}
/*----内页---*/
.nymain{ width:95%; margin:0 auto; padding-top:70px; padding-bottom:70px;}

/*内页公司简介*/
.nyabjs{height:200px; }
.nyabzuo{height:200px;}
.nyabyou{padding-top:80px;}

/*内页新闻*/
.n4_2{ width:75%;}

  }
  
  @media all and (max-width:768px){ 
.pc_menu{ display:block}
.wap_menu{ display:none}
.pc_banner{ display:block}
.wap_banner{ display:none}
.pc_foot{ display:block}
.wap_foot{ display:none}
  
.ahead.wd1200{ width:95%;}
.wd1200{ width:95%;}
.logo{ width:100%; margin:0 auto; text-align:center; float:none}
.ahead_you{ width:60%; margin:0 auto;float:none}
.search{width:auto;}
.searchinput{width:160px;}

.nav a{ font-size:15px;}
.nav{ width:95%; }

.product{ float:none; width:100%;}
.contact{ float:none; width:100%;}

.contubg .fr ul{ padding-left:0px; padding-top:20px; height:auto; overflow:hidden!important}
.contubg .fr ul li{ width:50%;  float:left; line-height:40px;}
.contubg ul{ padding:20px;}
.contubg .fr{ width:67%;}
.contubg .fr ul li:nth-child(2n){ width:auto}

.lxwmtxt .fr{ margin-top:30px; display:block}

/*------------公司---------*/

.about{ width:95%;}


/*新闻*/
.news{ width:100%; float:none}
.naz .fr{ display:none}
.naz{width:75%!important;}

/*证书*/
.zhengshu{ width:100%; float:none; padding-top:60px;}




/*荣誉*/
.imglist1 ul li{width:28%;height:220px!important; margin:1%;}
.imglist1 ul li img{background:#FFF; max-width:100%; max-height:100%;}
.zu11{width:48%!important; height:200px; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  }


/*厂房*/
.imglist1a ul li{width:28%;height:180px!important; margin:1%;}
.imglist1a ul li img{background:#FFF; max-width:100%; max-height:100%;}
.zu11a{width:48%!important; height:180px!important; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  }
.zu11a  img{max-height:180!important; transition: all 0.8s;}

/*新闻*/
.n4_2 h4{ font-weight:normal; font-size:16px; color:#000; margin-bottom:0px; padding:0px; margin-top:0px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}



/*定制*/
.ding table{ width:100%!important;}
.dingdana table{ width:100%}


.dingzhi .ding{  margin:0 auto; background:rgba(255,255,255,0.9); padding-left:30px; padding-right:30px; }

.ding table{ width:90%!important; margin:0 auto; margin-top:30px;}
.dkuang{ border:1px solid #ccc; line-height:45px; height:45px; width:90%; padding-left:20px; margin-bottom:15px; background:none;}
.dkuang2{ border:1px solid #ccc; line-height:45px; height:115px; width:80%; margin-left:5%;padding-left:20px; margin-bottom:0px;background:none;}
.dkuang3{ margin-top:-15px;border:1px solid #d8d8d8; line-height:45px; height:45px; width:50%; padding-left:20px;background:none;margin-left:5%;}
.dkuang4{-moz-border-radius:10px;/*Firefox支持*/ -webkit-border-radius:10px;/*webkit内核的Safari和Chrome支*/border-radius:10px;/*--Opera支持*/ background:#bd0e1f; height:180px; line-height:40px; width:100px; font-size:25px; color:#fff;text-align:center;}


/*-------底部-----------*/
.foot .foot1{ width:95%; }
.foot .foot1 .dfb{ width:350px;margin-left:20px;}
.foot2{ width:95%}
/*----内页---*/
.nymain{ width:95%; margin:0 auto; padding-top:70px; padding-bottom:70px;}

/*内页公司简介*/
.nyabjs{height:160px; }
.nyabzuo{height:160px;}
.nyabyou{padding-top:50px;}

/*内页新闻*/
.n4_2{ width:70%;}

  }
  
  
@media all and (max-width:640px){
.pc_menu{ display:none}
.wap_menu{ display:block}
.pc_banner{ display:none}
.wap_banner{ display:block}
.pc_foot{ display:none}
.wap_foot{ display:block}	


.nymain{ width:95%; padding-top:35px; padding-bottom:35px; }	
.nywen h2{ font-size:25px;}
.nywen h3{ font-size:15px;}



.wd1200{ padding-top:40px; padding-bottom:40px;}	
.product{ float:none; width:100%;}
.contact{ float:none; width:100%;}
.contum { width:92%}
.contubg .fl{ padding:10px; height:110px;}
.contubg .fl h2{ font-size:17px}
.contubg { height:130px;}
.contubg .fr ul{ padding-left:0px; height:108px; margin-top:10px; padding-top:0px; overflow:hidden!important}
.contubg .fr ul li{ width:100%; font-size:14px;  float:left; line-height:22px;}
.contubg ul{ padding:10px;}
.contubg .fr{ width:53%;}
.contubg .fr ul li:nth-child(2n){ width:auto}

.lxwmtxt{ padding:20px;}
.lxwmtxt .fr{ float:none;margin-top:30px; display:block}
.lxwmtxt .fl{ float:none}
/*------------公司---------*/

.about{ width:95%;}
.biaoaa{ padding-bottom:20px;}
.biaoaa h2{ float:none; text-align:left;}
.biaoaa .shuom{ float:none; padding-left:0px; text-align:left; margin-left:0px;}

/*新闻*/
.nzm{ width:40%}
.nzm img{ width:100%}
.news{ width:100%; float:none}
.naz .fr{ display:block; margin-top:5px; margin-bottom:5px; float:left}
.naz{width:55%!important;}
.zzzp{ display:none}
/*证书*/
.zhengshu{ width:100%; float:none; padding-top:60px;}
.zhengshu ul li{ width:43%; float:left; border:10px solid #d3dcd9 }
.zhengshu ul li h2{ background:#d3dcd9; height:50px; line-height:50px; text-align:center}
.zhengshu ul li:nth-child(2){ float:right}

.zstu{  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.zstu  img{max-width:100%;max-height:200px; transition: all 0.8s;}
.zstu  img:hover{   transform: scale(1.4);}


/*左右切换*/
.Box {position: relative; width:100%; margin-top:40px;}
.clearfix{ clear:both}
.Box .content {width: 80%; margin-left:20px; margin-right:20px;margin: 0 auto; }
	.Box .Box_con {position: relative;}
	.Box .Box_con .btnl {position: absolute;}
	.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 40px;cursor: pointer;}
	.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -50px;}
	.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -50px;}
	.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
	.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
	.Box .Box_con .conbox {position: relative;overflow: hidden;}
	.Box .Box_con .conbox ul {position: relative;list-style: none; }
	.Box .Box_con .conbox ul li {float: left;width: 150px;height: 120px;margin-left: 15px;overflow: hidden;}
	.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
	.Box .Box_con .conbox ul li img {display: block;width: 150px;height: 120px;transition: all 0.5s;}
	.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
	
	.Box .BoxSwitch {margin-top: 30px;text-align: center;}
	/*
	.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
	.Box .BoxSwitch span.cur {background: red;}*/



/*荣誉*/
.imglist1 ul li{width:41%;height:220px!important; margin:1%;}
.imglist1 ul li img{background:#FFF; max-width:100%; max-height:100%;}
.zu11{width:48%!important; height:200px; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  }


/*厂房*/
.imglist1a ul li{width:41%;height:110px!important; margin:1%;}
.imglist1a ul li img{background:#FFF; max-width:100%; max-height:100%;}
.zu11a{width:48%!important; height:110px!important; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  }
.zu11a  img{max-height:110!important; transition: all 0.8s;}

/*新闻*/
.n4_2 h4{ font-weight:normal; font-size:16px; color:#000; margin-bottom:0px; padding:0px; margin-top:0px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}



/*定制*/
.ding table{ width:100%!important;}
.dingdana table{ width:100%!important}
.juaa{  width:35%;}
.dingzhi{ display:none}
.dingzhi .ding{  margin:0 auto; background:rgba(255,255,255,0.9); padding-left:30px; padding-right:30px; }

.ding table{ width:90%!important; margin:0 auto; margin-top:30px;}
.dkuang{ border:1px solid #ccc; line-height:45px; height:45px; width:90%; padding-left:20px; margin-bottom:15px; background:none;}
.dkuang2{ border:1px solid #ccc; line-height:45px; height:115px; width:80%; margin-left:5%;padding-left:20px; margin-bottom:0px;background:none;}
.dkuang3{ margin-top:-15px;border:1px solid #d8d8d8; line-height:45px; height:45px; width:50%; padding-left:20px;background:none;margin-left:5%;}
.dkuang4{-moz-border-radius:10px;/*Firefox支持*/ -webkit-border-radius:10px;/*webkit内核的Safari和Chrome支*/border-radius:10px;/*--Opera支持*/ background:#bd0e1f; height:180px; line-height:40px; width:100px; font-size:25px; color:#fff;text-align:center;}


/*-------底部-----------*/
.foot .foot1{ width:95%; }
.foot .foot1 .dfb{ width:95%; margin-right:0px; padding-right:0px;margin-left:0px; margin:0 auto;}
.foot2{ width:95%; margin:0 auto}

/*内页公司简介*/
.nyabjs{height:auto; float:none; width:100% }
.nyabzuo{height:auto; float:none; width:100%}
.nyabyou{padding-top:0px; text-align:center; float:none; margin:0 auto; width:100%; padding-top:40px; padding-bottom:40px;}
.nyabyou h2{ font-size:25px;}
.nyabyou  h3{ font-size:15px; margin-top:0px;}
/*内页新闻*/

.yincang{ display:none}


.fanhui{ border-top:10px solid #f2f2f2; margin-top:30px;}
.fanhui ul li{ float:none; padding-top:0px;}
.fanhui ul { padding-top:20px;}
.fanhui .fl{ float:none}
.fanhui .fr{ float:none}
/*内页新闻*/

.n4 { width:100%;  }
.n4 li:nth-child(2n) { float:none}

.n4 ul{ width:100%; }
.n4 li{ width:100%; border-bottom:#ccc   dotted  1px;  float:none; height:130px;  margin-bottom:20px; padding-bottom:15px;}



.n4_2{  width:66%; }



.m4{width:120px; line-height:30px; text-align:center; float:left; margin-bottom:20px; margin-right:0px; margin-top:10px;}



/*-首页文字-*/
.wenzi{ text-align:center; margin:0 auto}
.wenzi h2{ color:#000; font-size:25px; margin-bottom:15px; font-weight:900;}
.wenzi .wline{ background:#0b59a2; height:3px; width:60px;margin:0 auto}

.ditu{ width:100%; float:none}
.lianx{ margin-top:20px; width:100%!important; float:none!important}


/*------------公司---------*/
.gongsi{ padding-top:0px; padding-bottom:0px;}
.gongsi{ background:url(../images/index_36.jpg) no-repeat center #fcfcfc;width:100%; margin:0 auto;}
.abzuo{ width:100%; float:none}
.abzuo h2{ font-size:35px; }
.abzuo h3{ font-size:30px; color:#000;font-weight:normal;}
.abzuo h4{ font-size:20px; color:#333; margin-top:15px;}
.abnr{ margin:0 auto; text-align:justify;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden; line-height:26px; font-size:15px;  margin-top:20px;margin-bottom:20px; color:#5f5f5f } 

.gengduoa{background-color:#bd0e1f; width:150px; height:45px; text-align:center; line-height:45px;}
.gengduoa a{ text-align:center; color:#fff;-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;}
.gengduoa:hover {cursor:pointer;/* transform属性 */transform:translate(0,-10px); background:#12589d;-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;}
.abzhong{ width:100%; float:none; margin-left:0px;}
.abzhong ul li{ text-align:center; border-bottom:1px solid #d8d8d8; padding-bottom:12px; padding-top:8px; width:33%; text-align:center; float:left}
.abzhong ul li h2{ font-size:17px;color:#555;font-weight:normal;}
.abzhong ul li a:hover h2{ color:#1677da!important;}
.abyou{ width:100%; float:none; height:353px;overflow:hidden}
.abyou img{cursor: pointer; height:353px; transition: all 0.8s;}
.abyou img:hover{   transform: scale(1.2);}





.nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center; height:100px; background-size:200%}
.nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:100px; background-size:200% }
.nyfac{width:100%; margin:0 auto; background:url(../images/nyfac.jpg) no-repeat center;height:100px; background-size:200% }
.nyorder{width:100%; margin:0 auto; background:url(../images/nyorder.jpg) no-repeat center; height:100px; background-size:200% }
.nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:100px; background-size:200% }
.nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:100px; background-size:200% }
.nyhonor{width:100%; margin:0 auto; background:url(../images/nyhonor.jpg) no-repeat center; height:100px; background-size:200% }


body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑";background: #fff;width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	

	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.focriqi{ font-size:0.75em;}
	
.toubu{ position:fixed; left:0; top:0px; width:100%; z-index:999;background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; }
.toubuge{ width:100%;background:#fff; height:50px;}
.main-header {
    height: 50px;
	background-color:#fff;
    z-index: 60;
	width:100%;
	position:relative;
box-sizing: border-box;border-bottom: 1px solid #F2F2F2;

		
}
.cd-logo {
    position: absolute;
    left: 10px;top:5px;
   
}

.search_open {
display: block;
width: 20px;height:30px;
background: url(../images/wap_sea.png) no-repeat;
position: absolute;
right:50px;
top:10px;
color: #fff;


text-align: center;background-position:center center; background-size:auto 25px;
}
.menu_open {
display: block;
    width: 20px; height:30px;
background: url(../images/wap_menu.png) no-repeat;
	position: absolute;
	right:10px;
top:10px;
color: #fff;
font-size: 12px;
text-align: center;
background-position:center center; background-size:auto 25px;
}
.cshow{ display:block!important;}
.chide{ display:none!important;}
.zicai{display:block;}
.ziguanbi{display:none;}


.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
  transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

  .animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
  transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
-o-transform:rotate(-360deg); /* Opera */} 


.rl{ float:right;}
.fl{ float:left;}





.badabang{ padding:13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; color:#1b1b1b; font-size:0.88em;}
.badaslid{ padding:0px 13px 13px 13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; overflow:hidden; position:relative; }
.badaslid1{ padding:13px; width:100%; box-sizing:border-box; background-color:#fff; overflow:hidden; height:220px;}
.bas1{ padding:20px; width:100%; box-sizing:border-box; overflow:hidden; border-radius:5px; }



.batit1{ overflow:hidden;background-image:url(../images/wap-jiany.png); background-position:right center; background-repeat:no-repeat; background-size:auto 15px; }
.batit2{ font-size:1em; color:#1b1b1b;}
.batit3{ font-size:0.6em; padding:2px 6px; margin-left:10px; margin-top: 2px; line-height:inherit;}
.batit4{ overflow:hidden; padding-top:15px; box-sizing:border-box;}
.batit4-left{ width:65%;}
.batit4-right{width:35%; padding-top:10px;}
.batit4-right img{max-width:100%;}
.batit5{ overflow:hidden; box-sizing:border-box; padding-bottom:25px;}
.batit5-1{ width:32%; text-align:center;}
.batit5-p1{ color:#c8392a; font-size:0.7em; }
.batit5-p2{ color:#acaeb3; font-size:0.5em; padding-top:3px; }
.lvcolor{ color:#52a94a!important;}
.baborderr{ border-right:1px solid #c2ceeb;}
.batit6{ width:110px; height:34px; line-height:34px; text-align:center; color:#FFF;  font-size:0.75em; border-radius:17px; overflow:hidden;}


.shl-n-pic {
    width: 100px;
    height: 72px; line-height:72px; text-align:center;
    overflow: hidden; font-size:40px;
    position: relative;
 color:#fff;
    margin-right: 12px;
	
background:#0163aa

	}
.shl-n-pic img { width:100%; height:100%; object-fit:cover;}
.nsort{ position:absolute; z-index:4; left:0; top:0; color:#FFF; padding:5px 10px; font-size:12px;border-bottom-right-radius:5px; overflow:hidden;}
.nscolor1{ background-color:#4e71cd;}
.nscolor2{ background-color:#52a849;}
.nscolor3{ background-color:#e1ab38;}

.biaotixx {font-size:16px;width: 100%; text-align:center; color: #747474;box-sizing: border-box;transition:all 1s ease 0.5s; margin:0 auto}
.biaoti  span{ font-weight:bold}
.animate-init .biaotixx{ opacity: 0; transform: translateY(100px);}
.ccnews .biaoti{ font-size:30px; font-weight:bold}


.shl-left {width:100%}
.shl-ptit {
 font-size:0.85rem;
 overflow:hidden;
 width:100%;
 height:2.2rem;
 line-height:1.1rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; color:#000;}
.shl-time {
 font-size:12px;
 color:#969696;
 margin-top:12px;}
.shl-laiyuan {
 font-size:12px;
 color:#969696; padding-top:3px;}


.shl-geng{ padding-top:20px; padding-bottom:20px;}
.maipan{ padding:0px 13px 3px 13px; width:100%; box-sizing:border-box; overflow:hidden;}
.woyaomai{ font-size:0.7em;color: #fff;  margin-left:6px; background-image: linear-gradient(to right, #3058c7 , #5881eb); padding:5px 15px; border-radius:18px; overflow:hidden;}
.woyaomai1{ font-size:0.7em;color: #fff;  margin-left:6px; background-image: linear-gradient(to right, #e90c0c , #ee6d6d); padding:5px 15px; border-radius:18px; overflow:hidden;}
.maimai{background-image:url(../images/mai.png); background-position:left center; background-repeat:no-repeat; background-size:auto 14px; padding-left:18px; }
.maimai1{background-image:url(../images/mai1.png); background-position:left center; background-repeat:no-repeat; background-size:auto 14px; padding-left:18px; }
.maitit{color: #1b1b1b;font-size: 0.88em; padding-top:4px;}

.mailist{ padding:0px 13px 13px 13px; width:100%; box-sizing:border-box; overflow:hidden;}
.maisect{padding:15px 13px;box-sizing:border-box; background-color:#FFF;border-radius:5px; position:relative; overflow:hidden;}
.maifont1{ display:flex;align-items: baseline; padding-bottom:5px;}


.maileft{ width:70%; box-sizing:border-box; padding-right:10px;}
.mairight{ width:30%; padding-top:3px;}
.maifont2-1{font-size: 0.65em;
color: #ea4e3d;
border: 1px solid #f6c7c4;
padding: 3px 10px;
margin-right: 4px;
background-color: #fdf6f5;}
.maifont2-2{font-size: 0.65em;
color: #3970de;
border: 1px solid #b1c5ef;
padding: 3px 10px;
margin-right: 4px;
background-color: #dfe9ff;}
.maifont2{ height:26px; overflow:hidden;}

  .maifont4{ color:#000; font-size:0.8em;}
.chushou {
    font-size: 0.65em;
    color: #ea4e3d;
    border: 1px solid #f6c7c4;
    padding: 2px 12px;
    background-color: #fdf6f5; 
}
.goumai {
    font-size: 0.65em;
    color: #3970de;
    border: 1px solid #b1c5ef;
    padding: 2px 12px;
    background-color: #dfe9ff; 
}
.shl-ff{position:absolute; right:-5px; top:15px; z-index:2;}
.dingwen{ position:relative; margin-top:10px;}
.chushoudi{width:50px; height:5px; background-image:url(../images/jiantou.png); background-position:right top; background-repeat:no-repeat; background-size:5px auto;}
.goumaidi{width:50px; height:5px; background-image:url(../images/jiantou1.png); background-position:right top; background-repeat:no-repeat; background-size:5px auto;}
.zhishu{ padding:3px 13px 15px 13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; color:#1b1b1b; font-size:0.88em;}

.zsfont1{ font-size:0.9em; color:#000;}
.zsfont2{ font-size:0.68em; color:#585858; padding-top:10px; line-height:1.5em; padding-bottom:10px;}
.zscolor{ color:#e00000;}





#top{ width:100%;  overflow:hidden; display:block;  position:absolute; top:50px; z-index:100; background-color:#FFF;padding: 10px; box-sizing:border-box;}
input.button1 {
	border-radius: 5px;
	line-height: 23px;
	height: 33px;
	width: 70%;
	padding: 0 5px 0 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:3%;
font-size:12px;
	z-index: 1001;
}
input.button2 {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #EEE #CCC #CCC #EEE;
	color: #666;
	font-weight: bold;
	width: 22%;
	border-radius: 5px;
	padding: 3px;
	height: 35px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/);
	font-size:12px;
	z-index: 1001;
	float:right;
}


.loading-more-button {
    width: 100%;
    height: 2rem;
    line-height: 1.96rem;
    text-align: center;
    font-size: .8rem;
    border: 1px solid #1792CA;
border-radius: 5px;
color: #1792CA;
    cursor: pointer;
    margin: 0 auto;background-color: #fff;
}




.home-tit{width: 100%;
position: relative;
margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #0a53a3; box-sizing:border-box;}
.home-tit .dtit { font-weight:bold; float:left;}
.home-tit a {
    font-family: Arial;
    font-size: 10px;
    float: right;
    color: #666;
    text-align: right;
    display: block;
    padding-top: 6px;
}





.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.tbottom{ height:4.2em;}
#BottomNav { background-color:#12589d; bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9; box-sizing:border-box; 
}
#BottomNav ul li { opacity:0.9;
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; 
}


#BottomNav ul li a {
    color: #fff;
    display: block;
    padding-top:0.8rem;padding-bottom:0.2rem

}


#BottomNav ul li a div {
    font-size: 0.9em; padding-top:0.18rem;padding-bottom:0.5rem; 
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
    background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/vbob1.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.5em;
	
}

.shl-toug{ height:50px; width:100%;}
.shl-mingx{ width:14.285%; float:left }
.shl-mingx img{ width:100%; height:100%; object-fit:cover;}

#msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;}
#menu{ position:fixed; width:200px; height:100%;  right:-200px; background:#333; color:#fff; z-index:200; display:none; font-size:0.9rem;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);overflow-y: scroll;}
.menu1{ position:absolute; width:200px; height:100%;  right:-200px; background:#444; color:#fff; z-index:300; display:none;}

#menu li:after , .menu1 li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #222;}
#menu a , .menu1 a{  line-height:45px;  padding:0 20px 0 35px; border:none; display:block;  color:#fff;font-size: 0.8rem;}



.list{width: 100%;}
	.list ul li{ border-bottom:solid 1px #222; }
	.list ul li::after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 1px solid #404040;
}
	.list ul li a{padding-left: 20px;color: #E3E3E3; display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size: 0.85rem;
	}
	.list ul li .inactive{ background:url(../images/shl-down-open.png) no-repeat right center; background-size:auto 20px;}
	.list ul li .inactives{background:url(../images/shl-down-open.png) no-repeat right center; background-size:auto 20px;} 
	.list ul li ul{display: none;}
	.list ul li ul li { border-left:0; border-right:0; background-color:#555; border-color:#666;}
	.list ul li ul li::after { border:none;}
	.list ul li ul li ul{display: none;}
	.list ul li ul li a{ padding-left:30px;background:url(../images/wap-jiany.png) no-repeat right 8px center; background-size:auto 10px;font-weight: lighter;font-size: 0.75rem; height:42px;line-height: 42px;}









.mshouye {
    background-image: url(../images/drawer-home.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 20px;
}
.jianyou {
    background-image: url(../images/shl-down-open1.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 19px;
}

.main{ max-width:640px; width:100%;}
.op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;}

/*-------产品----*/







.cplbtn { color: #fff; padding-left:15px; padding-right:15px;  height: 34px;
font-size: 14px; text-align: center;line-height: 34px; display: table; border-radius: 17px;background-color:#E60012;}






.cplbtn1 {
    color: #fff; padding-left:10px; padding-right:10px; 
    height: 28px;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    display: table;
    border-radius: 14px;
	background-color:#E60012;
}

.cplbtn65 {
    color: #fff; 
    height: 28px;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    border-radius: 14px;
	background-color:#E60012; width:65px; min-width:65px;
}

.uni-video{ width:100%;object-fit: cover !important;}
.aboutm {
    box-sizing: border-box;transition:all 1s ease 0s; padding-bottom:20px; background-color:#FFF; padding-top:10px;
}
.animate-init .aboutm{ opacity: 0; transform: translateY(100px);}
.abouts{
    background-image: url(../images/wap_034.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 200px;
    border-radius: 7px;
    overflow: hidden;
}
.vr{ width:100%; height:365px;background-image: url(../images/vr.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; position:relative;transition:all 1s ease 0s; }
.animate-init .vr{ opacity: 0; transform: translateY(100px);}	
.dingwei{ position:absolute; top:50%; left:50%;width: 60px; margin-left:-50px; margin-top:-17px;}
.dingwei1{ position:absolute; bottom:20px; left:20px;width: 40px; }	

.dingnn{ position:absolute; bottom:0px; left:0px;width: 100%; box-sizing:border-box;padding: 0 15px;z-index: 1;   }
.dingnn1{ position:absolute; bottom:-1px; left:0px;width: 100%; box-sizing:border-box;z-index: 1;   }

.dingwei2{ width: 100%; box-sizing:border-box; background-color:rgba(0,0,0,0.3); color:#FFF; display:flex; padding-left:12px; padding-right:12px; height:40px;align-items: center; }

.maifont1-1{ font-size:15px; color:#fff; height:40px;
 line-height:40px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; overflow:hidden; width:100%; box-sizing:border-box; padding-right:10px;}
.maifont1-2{ font-size:16px; color:#fff; 
 width:100%; box-sizing:border-box; text-align:center; padding-top:20px; padding-bottom:20px;}
 .maifont1-3{ font-size:16px; color:#666; 
 width:100%; box-sizing:border-box; text-align:center; padding-top:20px; padding-bottom:20px;}  
 .pffp{font-size:13px; color:#fff; text-align:center; padding-top:20px; border-top:1px dotted #FFFFFF;}
  .pffp1{font-size:13px; color:#666; text-align:center; padding-top:20px; border-top:1px dotted #666;}
.shoushi{background-image: url(../images/shouzhi.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 16px; width:25px; min-width:25px; height:25px; background-color:#E60012; border-radius:50%; overflow:hidden;}
	
.shl-vid3 {
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 0;
    background-image: url(../images/shl-vdi.png);
    background-repeat: repeat-x;
    background-size: auto 100%;
    padding: 20px 15px 10px 15px;
}
.shl-bico {
    background-image: url(../images/shl-vtu.png);
    background-size: auto 15px;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    background-color: rgba(0,0,0,.2);
    left: 15px;
    top: 15px;
}
.shl-atit {
 font-size:15px;
 overflow:hidden;
 height:20px;
 line-height:20px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-mor {
    color: #fff;
    font-size: 11px;
    padding-top: 5px;
}
.shl-mor div {
    padding-left: 10px;
}
.shl_abouttop {
    border-top: 9px solid #f1f1f1;
}
.shl-gong {

 display:flex;
 align-items:center;
 padding:10px 15px;

 border-bottom:1px solid #ebebeb; background-color:#FFF;
}
.shl-protitle {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #C30D23;
    line-height: 30px;
}
.shl-xian2 {
 width:150px;
 min-width:150px;
 height:25px;
 line-height:25px;
 display:flex;
 justify-content:flex-end
}
.shl-xiangg {
    width: 80px;
    text-align: center;
    color: #989898;
    font-size: 13px;
    background-image: url(../images/vhmor.png);
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: 100%;
    height: 25px;
    line-height: 25px;
    padding-right: 20px;
    text-align: right;
}
.fuwuw{ padding:0px 10px 15px 10px; width:100%; box-sizing:border-box; overflow:hidden; background-color:#FFF;display: flex;flex-wrap: wrap;}
.fuwusec {
    width: 46%;
    padding: 4px;background-color: #fff;
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2);
    border: 1px solid #f1f1f1;
    transition: all 0.4s; box-sizing:border-box;transition:all 0.8s ease 0s; margin-left:2%; margin-right:2%; margin-top:10px;height: 110px;overflow: hidden;
}
.fuwusec dt {
     height:100%;
}
.fuwusec dt img {
    width: 100%; height:100%;object-fit: cover; display:block;
}
.animate-init .fuwusec{ opacity: 0; transform: translateY(100px);}
.fuwusecdd {
    padding: 13px;
    transition: all 0.4s;
}
.fuwusecdd h3 { padding-bottom:10px; font-size:18px;}
.fuwusecdd p { font-size:14px; line-height:24px;}
.gaoju{ margin-top:15px;}
.shl-lian{ background: #424242; color:#ccc; font-size:14px; text-align:center; padding:25px; box-sizing:border-box; line-height:20px;}
.shl-lian a{ color:#ccc;}
.shl-lian1{ color:#ccc; font-size:14px; text-align:center;box-sizing:border-box; line-height:24px;}
.shl-lian1 a{ color:#ccc;}
.shl-xiaflex{ width:100%; box-sizing:border-box; display:flex;padding-top: 30px;transition:all 0.8s ease 0s; padding-bottom:20px;}
.animate-init .shl-xiaflex{ opacity: 0; transform: translateY(100px);}
.shl-xiasen{ width:100%;}
.shl-xiasencc{ width:50%;}

.shl-xiasen1kk {
    width: 90%; height:50px; margin:0 auto; box-sizing:border-box;transition:all 0.8s ease 0s;  margin-top:30px; border-radius:6px; overflow:hidden; background-color:#FFF;
}
.shl-xiasen1kk img {
    width: 100%; height:100%;object-fit: contain; display:block;
}

.shl-xiasen1 {
    width: 80px; height:80px;box-sizing:border-box;transition:all 0.8s ease 0s;  overflow:hidden; min-width:80px; margin-right:20px;
}
.shl-xiasen1 img {
    width: 100%; display:block;
}
.animate-init .shl-xiasen1{ opacity: 0; transform: rotateY(90deg);}




.shl-xikuai{}
.shl-xiangmu {
    background-image: url(../images/pro_bg.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: 50%;
    width: 100%;
 
    overflow: hidden;
}

.shl-xiangmuh {
    background-image: url(../images/wxiangmu2.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 350px;
    overflow: hidden;
}
.shl-xiangmuhj {
    background-image: url(../images/wxiangmu3.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 350px;
    overflow: hidden;
}
.shl-xiabg {
    width: 100%;
    color: #fff;
    padding: 30px 20px;
    height: 100%;
     box-sizing:border-box;
}
.shl-xiangmu1 {
    width: 100%;
    color: #fff;
box-sizing:border-box; padding-left:10px;
}
.shl-xiangmu1 .pp1{  padding-bottom:10px; font-size:20px; font-weight:bold;transition:all 1s ease 0s; text-align:center;}
.shl-xiangmu1 .pp2{  font-size:12px; line-height:22px; transition:all 1s ease 0.5s;text-align:center;}
.animate-init .pp1 { opacity: 0; transform: translateY(100px); }
.animate-init .pp2{ opacity: 0;  transform: rotateY(90deg);}
.pshow{ width:100%; position:relative; height:366px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;}
.pshow img{ width:100%; height:100%;object-fit: cover;}
.animate-init .pshow { opacity: 0; transform: translateY(100px); }


.alishow{ width:100%; position:relative; height:200px;transition:all 1s ease 0s; padding:0 15px; box-sizing:border-box; background-color:#FFF;}
.alishow img{ width:100%; height:100%;object-fit: cover;}
.animate-init .alishow { opacity: 0; transform: translateY(100px); }

.pshow1{ width:100%; box-sizing:border-box; display:flex;flex-wrap: wrap; padding:30px 10px;transition:all 1s ease 0s;background-color:#f7f7f7;}
.pshowxx{ width:50%; box-sizing:border-box; padding:8px;  }
.jianbian{background-image: linear-gradient(to right, #1888DF , #22B78C);padding: 40px 15px;height: 100%;
box-sizing: border-box;}
.jianbian1{padding: 40px 15px;height: 100%;box-sizing: border-box; background-color:#FFF;border: 1px #e7e7e7 solid;}
.pshowsec{ width:100%; box-sizing:border-box; position:relative; height:110px;border: 4px solid #fff;}
.pshowsec img{ width:100%; height:100%;object-fit: cover;}
.pshowsecda{ width:60px; box-sizing:border-box; position:relative; height:60px; margin:0 auto;}
.pshowsecda img{ width:100%; height:100%;object-fit: cover;}
.animate-init .pshow1 { opacity: 0; transform: translateY(100px); }
.hbjcolor{background-color: #F6FAFE;}
.hbjcolor1{background-color: #FEFEFB;}
.hbjcolor3{background-color: #F8FEFE;}
.shl_aboutt1 {
    border-top: 1px solid #e5e3e3;
}
.shl_anlitop { margin-top:8px;}
.shl_anlimore { padding-top:30px; padding-bottom:40px; width:100%; background-color:#FFF;}
.shl_newsmore { padding-top:15px; padding-bottom:40px; width:100%; }
.ccnews{ padding:15px 15px 0px 15px; width:100%; box-sizing:border-box; overflow:hidden;background:#fff;}
.vrpadding{ width:100%; box-sizing:border-box; padding:0px 15px 30px 15px;}
.aboutvr{ padding:15px 15px 0px 15px; width:100%; box-sizing:border-box; overflow:hidden; }
.vrianjie {
    font-size: 14px;
    width: 100%;
    padding: 15px ;
    color: #565656;box-sizing: border-box; line-height:24px;transition:all 1s ease 0s; background-color:#FFF;
}
.animate-init .vrianjie{ opacity: 0; transform: translateY(100px);}

/*内页样式开始*/
.ab-tit{padding: 15px; width:100%; box-sizing:border-box;background-color: #fff;
border-bottom: 1px solid #ebebeb;font-size: 16px;
font-weight: 700;
color: #323232;}
.article {
    padding: 15px;
    color: #606060;width:100%; box-sizing:border-box; line-height:26px;font-size: 14px;background-color: #fff;
}


  .newspage { text-align:center; padding-bottom:20px; padding-top:5px;font-size:13px;}
 .newspage A {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 2px 5px;
    background: #FFF none repeat scroll 0% 0%; font-size:13px;
    color: #666;
    margin-right: 2px;
}
.newspage SPAN.current {
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    padding: 2px 5px;
    font-weight: bold;
    background: #E60012 none repeat scroll 0% 0%;
    color: #FFF;
    margin-right: 2px;
}
.news-title-view {
    padding: 15px;
    border-bottom: 1px solid #f6f6f6;border-top: 1px solid #f6f6f6;
}
.news-title-view .title {
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 10px;
    font-weight: 700;
    color: #1f1f1f;
}
.news-title-view .titlec {
    font-size: 20px;
    line-height: 25px; padding-top:2px;

    font-weight: 700;
    color: #1f1f1f;
}
.otherview { display:flex; align-items:center;}
.news-time {
 font-size:13px;
 line-height:13px;
 color:#969696;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;
 background-position: left center;
 background-repeat:no-repeat;
 padding-left:17px;
 width:100%
}
.art-cshi {
 padding:15px;font-size: 15px; line-height:24px;
 color:#333; min-height:300px;
}
.art-cshi p {
 padding-bottom:15px
}
.art-cshi video {
max-width:100%!important;
 height:auto!important;
 display:block
}
.art-cshi img {
max-width:100%!important;
 height:auto!important;
 display:block
}
.chanpi{ width:100%; box-sizing:border-box; padding:20px 7px 20px 7px;}
.chanpx{ width:100%; box-sizing:border-box; padding:10px 7px 20px 7px;}
.pshowzi{ width:100%; position:relative; height:200px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;}
.pshowzi img{ width:100%; height:100%;object-fit: cover;}
.animate-init .pshowzi { opacity: 0; transform: translateY(100px); }

.psku{ width:50%; box-sizing:border-box; position:relative; border: 7.5px solid #fff; background-color:#f5f5f5;}
.psku img{ width:100%;object-fit: cover;border-radius:5px; }
.pskuflex{ width:100%; box-sizing:border-box; display:flex;flex-wrap: wrap;background-color:#FFF;}
.shlgpic{ height:375px!important; object-fit:cover;}
.zhengpin {
 padding:10px 15px;
 display:flex;
 justify-content:space-between;
 align-items:center;
}
.zhengpinleft {
 width:100%
}
.zpleft1 {
 padding-left:17px;
 background-image:url(../images/shl-zhengpin.png);
 background-size:auto 15px;
 background-position: left center;
 background-repeat:no-repeat;
 height:25px;
 line-height:25px;
 font-size:14px
}
.baozheng{color: #f60;}
.zpleft2 {
 color:#969696;
 font-size:12px
}
.shl-ditel {
 width:35px;
 min-width:35px;
 height:35px;
 overflow:hidden;
 border-radius:50%;
 margin-left:10px;
 background-image:url(../images/shl-dianhua1.png);
 background-repeat:no-repeat;
 background-color:#045abd;
 background-size:auto 18px;
 background-position:50%
}
.texing1{ padding-bottom:10px;}
.texing{ background-color:#E60012; color:#FFF;display: table;padding: 3px 10px;margin-top: 5px;}
.case {
    padding: 0px 15px 15px 15px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #FFF;
}
.casesec {
    width: 100%;
    padding: 7px;
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2);
    border: 1px solid #f1f1f1;
    box-sizing:border-box; margin-top:20px;
}
.shlttt{height: 160px;}
.shlttt img {
    width: 100%;
    height: 100%;
    object-fit: cover; display:block;
}
.casesecdd {padding: 13px;}
.casesecdd h3 {
    padding-bottom: 10px;
    font-size: 18px;
}
.casesecdd p {
    font-size: 14px;
    line-height: 24px;
}
.wcontact{  background-color:#E60012; color:#FFF;display: table;padding: 3px 10px; margin:0 auto;font-size: 16px; border-radius:2px; overflow:auto;}
.wconflex{display: flex;flex-wrap: nowrap;padding: 30px 15px;align-items: center;}
.wcon-pic {
    width: 115px;
    min-width: 115px;
    height: 115px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
  
}
.wcon-pic img { width:100%; height:100%; object-fit:cover;}
.wcon-right {width: 100%; font-size:14px; line-height:24px;}
.art-lianxi { padding:40px 15px;font-size: 15px; line-height:24px; color:#333; }
.wconfont{color: #E60012;}
.wconfont1{ font-size:16px; padding-bottom:10px;}

.pshowzitt{ width:100%; position:relative; height:360px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;}
.pshowzitt img{ width:100%; height:100%;object-fit: cover;}
.vvvvv{ height:100%; border:1px solid #ebebeb;}
.ccvb{background-image: linear-gradient(to right, #1888DF , #22B78C); width:100%; box-sizing:border-box; color:#FFF; padding:15px; border-radius:5px; overflow:hidden; margin-top:20px;}
.ccvb .df1{ font-size:18px;padding-bottom:5px!important;}
.ccvb .df2{ padding-bottom:0!important;}
.fdccc{height: 50px;
line-height: 50px;
color: #fff;
font-size: 18px; width:80%; margin:0 auto;background-image: linear-gradient(to right, #1888DF , #22B78C); border-radius:25px; overflow:hidden; text-align:center; margin-top:50px;}
/*选项卡*/
.tabs {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 0px 12px;background-color: #fff; font-weight:bold;
}
.tab_con{ display:none; padding: 0px 15px 15px 15px;}

.tabs li{
float: left;
width: 50%;
height: 40px;

line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs .thistab{
float: left;
width: 50%;
height: 40px;

border-bottom: 1px solid #1792CA;
line-height: 40px;
font-size: 0.9rem;
color: #1792CA;}


.listflex{ background-color: #fff; display: flex; border-radius: 5px; overflow: hidden; margin-top: 15px;box-shadow: 0px 0px 5px #E8E8E8;}
.listsec{ width:50%; min-width: 50%; box-sizing: border-box;}
.listleft{ height:150px; position: relative;}
.listleft img{ width: 100%;height: 150px; object-fit:cover;}
.zhibo{ z-index: 10; top: 5px; left: 5px;  background-color: #08C060; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px;
background-image:url(../images/zhibo.gif); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px;
}
.huifang{ z-index: 10; top: 5px; left: 5px;  background-color: #0979D0; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px;
background-image:url(../images/huifang.png); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px;
}
.listright{ padding: 15px;}
.title{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; max-height:80rpx; line-height: 20px;  font-size: 15px; font-weight: bold;}

.time{ font-size: 13px; margin-top: 12px; color: #A3A3A3;
background-image:url(../images/shl-zbtime.png); background-position: left center; background-repeat: no-repeat; background-size: auto 14px; padding-left: 18px; padding-bottom:3px; }

.time1{ font-size: 13px;  color: #A3A3A3; }
.zhubo{ margin-top: 10px; font-size: 13px;background-image:url(../images/shl-zhubo.png); background-position: left center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 18px;}

.guoqi{ z-index: 10; top: 5px; left: 5px;  background-color: #E81D1D; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px;
background-image:url(http://testf002.webf.testwebsite.cn/Html/images/shl-guoqi.png); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px;
}

.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}
.menu_open{ display: block;}
	.menu_close{ display: none; background: url('../images/wap_close.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
	.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
	.menu { position: fixed; width: 230px; height: 100%; top: 50px; right:-230px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
	.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
	.menu .menu-li{border-bottom: 1px solid #222;}
	.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
	.menu .twoul{ display: none;}
	.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
	.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}
	
	.menuico_right{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_down{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
.nybanner{ width:100%}
.nybanner img{ width:100%; display:block}	
dl.message2{
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 96%;
}

dl.message2 dd{
	margin: 0 0 6px 0;
	padding: 0px;
	float: left;
	width: 100%;
}	
	
	
	.round1li2 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 100%;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	font-size:15px;
}
.round1li2 textarea { font-family:"微软雅黑";
border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 23px;
height: 68px;
width: 100%;
padding-left: 5px;
border: 1px solid;
border-color: #CCC #EEE #EEE #CCC;
background: whiteSmoke;
font-size:15px;
}
.round1li3 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;
font-size:15px;
}
.round1li4 { margin: 0 auto; width: 100%; float:left; text-align:center;}
.round1li4:after { clear: both; content: " "; display: block; }
.round1li4 input.button { margin:0 auto;
	 font-size: 15px;
	 color:#ffffff;
	 font-weight: bold;
	  display:block;width: 100%; height: 45px; border-radius: 3px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px; border: #2cb33d 1px solid;  
background:-moz-linear-gradient(top,#2cb33d,#035faf);/*Mozilla*/
background:-webkit-linear-gradient(top,#2cb33d,#035faf);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#2cb33d,#035faf); /*Opera11*/
}
	
	.cplieaa { padding:1rem}
.mingcheng{ line-height:40px; margin-left:10px; font-size:0.75rem;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden;}
.youimg{ width:30px; margin-top:10px; }
.youimg img{ width:50%;}
.zuoimg{ background:#2cb33d; height:40px; width:40px; border-top-left-radius:10px; text-align:center; margin:0 auto;border-bottom-left-radius:10px;}
.imaaa{ width:30px; padding-left:5px; padding-top:10px;}
.imaaa img{ width:50%;}
	
	.ncon_item{display: flex;flex-wrap: nowrap;
overflow: hidden;
position: relative;box-sizing: border-box;
padding: 15px 12px;
background-color:#fff;border-bottom: 1px solid #EBEBEB;}

.shl-n-pic {
    width: 90px;
    min-width: 90px;
    height: 72px;
    overflow: hidden;
    position: relative;
 color:#fff;
    margin-right: 12px;
    border-radius: 3px; 
}
.shl-n-pic img { width:100%; height:100%; object-fit:cover;}
.shl-left {
 width:100%
}
.shl-ptit {
 font-size:0.9rem;
 overflow:hidden;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-ptit2 {
 font-size:14px;
 overflow:hidden; color:#555;
 width:100%;
 height:20px;
 line-height:20px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical
}

.shl-nr {
 font-size:0.8rem;
 overflow:hidden;
 width:100%;
 height:2.6rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2; color:#555; opacity:0.5;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-time {
 font-size:12px;
 color:#2cb33d;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;

 background-repeat:no-repeat;
 padding-left:15px
}


 #todayList{ margin:0 auto;
}
 .chatPanel .mediaFullText {
	margin:20px 10px;
	
}
 .chatPanel .time {
	margin:10px 0;
	color:#FFFFFF;
	width:auto;
	font-size:12px;
	display:block;
	float:left;
	background-color:#B4753C;
	padding:10px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	position:relative;
	-webkit-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14);
	-moz-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14);
	box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14);
	
}
 .topding .chatPanel .time{background-color:#B4753C;}
 .chatPanel .time .timey {
	margin:0px;
	color:#FFFFFF;
	font-size:12px;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
}
 .chatPanel .time .timem {
	margin:0px;
	color:#FFFFFF;
	font-size:9px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
 .chatPanel .time .timed {
	margin:0px;
	color:#FFFFFF;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
 .chatPanel .time .timex {
	position:absolute;
	top:10px;
	right:-4px;
	background-color:#B4753C;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	width:12px;
	height:12px;
	transform: rotate(45deg) ;
	-webkit-transform: rotate(45deg) ;
	-moz-transform: rotate(45deg) ;
	-o-transform: rotate(45deg) ;
	-ms-transform: rotate(45deg) ;
}
 .topding .chatPanel .time .timex{background-color:#B4753C;}
 .chatPanel .media {
	border:0px solid #D1D1D1;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-border-radius:5px 5px 10px 10px;
	-moz-border-radius:5px 5px 10px 10px;
	border-radius:5px 5px 10px 10px;
	background:url(../images/wap_bottom.png) repeat-x scroll left bottom #FFFFFF;
background-size:2px auto;
	margin-left:0px;
}

 .chatPanel .media .mediaPanel {
	padding:0px;
	margin:0px;
}

 .chatPanel .media .mediaHead {
	/*height:48px;*/
		padding:15px 15px 8px;
	border-bottom:0px solid #D3D8DC;
	color:#000000;
	font-size:20px;
}
 .chatPanel .media .mediashl {
	/*height:48px;*/
		padding:5px 15px 8px;
	border-bottom:0px solid #D3D8DC;
	color:#000000;
	font-size:20px;
}
 .chatPanel .media .mediaHead .title {
	line-height:1.2em;
	font-size:18px;
	display:block;
	text-align: left;/*height:25px;
		white-space:nowrap;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		overflow:hidden;*/
	}

 .chatPanel .media .mediaImg {
	min-width: 200px;
	padding:0;
	margin:0 15px;
	overflow:hidden;
	position: relative;
	/*max-height:164px;*/
}
 .chatPanel .media .mediaImg img {
	width: 100%;
}
 .chatPanel .mediaFullText .mediaContent {
	padding:0 0 10px;
	font-size:16px;
	text-align:left;
	color:#222222;
}
 .chatPanel .mediaFullText .mediaContentP {
	margin:10px 15px 0px;
	border-bottom:1px solid #D3D8DC;word-break:normal;
	word-wrap:word-break;
}
 .chatPanel .mediaFullText .mediaContent p{
	max-height:40px; overflow:hidden; font-size:14px; 
	line-height: 1.5em;
}
 .chatPanel .media .mediaFooter {
	-webkit-border-radius:0px 0px 12px 12px;
	-moz-border-radius:0px 0px 12px 12px;
	border-radius:0px 0px 12px 12px;
	padding: 0 15px;
}
 .chatPanel .media .mesgIcon {
	display:inline-block;
	height:19px;
	width:10px;
	margin:8px 0px -2px 4px;
	background:url(../images/wap_ico-next2.png) no-repeat 0 0 ;
	background-size: 10px auto;
}
 .chatPanel .media .mediaFooter .mesgIcon {
	margin:18px 3px 0 0;
}

 .pagination{
	height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-align: right;
	padding-right: 8px;
}
 .pagination div{
	display:inline-block;
}
 .pagination a {
	margin: 0 ;
    padding: 6px 13px;
	border:0;
	background:#fefefe;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
	background-size:100%;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
	background-image:-webkit-linear-gradient(top, #fff, #f2f2f2);
	background-image:-moz-linear-gradient(top, #fff, #f2f2f2);
	background-image:-o-linear-gradient(top, #fff, #f2f2f2);
	background-image:linear-gradient(top, #fff, #f2f2f2);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#666;
}
 .pagination a:hover {
	border:0;
	background:#fefefe;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
	background-size:100%;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #dadada));
	background-image:-webkit-linear-gradient(top, #fefefe, #dadada);
	background-image:-moz-linear-gradient(top, #fefefe, #dadada);
	background-image:-o-linear-gradient(top, #fefefe, #dadada);
	background-image:linear-gradient(top, #fefefe, #dadada)
}
 .pagination a:active {
	background:#ececec
}
 .pagination .disabled a,  .pagination .disabled a:hover {
	background:none;
	border:1px solid  rgba(0, 0, 0, 0.22);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	color:A4A3A3;
}
 .pagination .allpage{
	position: relative;
    text-align: center;
    vertical-align: baseline;
	display: inline-block;
}
 .pagination .currentpage{
    line-height: 30px;
    width: 70px;
}
 #dropdown-select{position:absolute;
	top:0;
	left:0;
	height:30px;
	width:70px;
	opacity:0;
}
.prolist {margin-right: 10px;}
.prolist ul li{ text-align: center;   width: 50%; overflow: hidden; float: left;}
.prolist:after { clear: both; content: " "; display: block; }
.prolist  li p{ line-height: 12px;}
.prolist  li:nth-child(n){ }
.prolist  li:nth-child(n+1){  }
.prolist  li a{ display:block;  margin: 10px 0px 0px 10px;}
.prolist  li a img{ height: 100px; width:100%}

.pro_fl_title{ font-size:14px; font-weight:bold; color:white; text-align:center; line-height:40px; background-color:#2cb33d; width:100%; }
.pro_fl_title a{color:white;}
.pro_tb{ width:100%; margin-bottom:20px; border:1px solid #ccc; border-bottom:0; border-left:0;}
.pro_tb tr td{ font-size:13px; color:#333;font-family:Arial,"Microsoft YaHei"; border:1px solid #ccc; border-top:0; border-right:0;}
.pro_tb tr td a{ color:#333;}






.pro_more{ width:150px;background-color:#0764b9; margin:0 auto;  margin-bottom:20px;}
.pro_more p a{ display:block; font-size:13px; color:#333;  text-align:center; line-height:28px;background-color:#e5e5e5;}
.pro_more p a:hover{background-color: #246815; color:white;}

.jj_p1{ font-size:35px; color:#2cb33d; font-weight:bold;line-height:46px;}
.jj_bg{ background:url(../images/wap_img24.jpg) center no-repeat; width:100%; height:300px;}
.jj_box{ padding-left:20px; margin:0 auto; padding-top:50px;}
.jj_box .jj_pic{ float:left; margin-right:12px;}
.jj_kuang{ float:left;}
.jj_kuang .jj_p2{ font-size:24px; color:#000; padding-top:10px;}
.jj_p3{ font-size:16px; color:#e00000; text-transform:uppercase; margin-top:10px; margin-bottom:10px;}
.jj_p4{ font-size:17px; color:#000; }

.search{ margin:15px;height:40px;display:box; display:-webkit-box; display:-moz-box; margin-bottom:0px; margin-top:0px; }
.search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0;  text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0;  border-radius:5px  0px 0px 5px;  -moz-border-radius: 5px  0px 0px 5px; 
-khtml-border-radius: 5px  0px 0px 5px; 
-webkit-border-radius: 5px  0px 0px 5px; }
.search .button{ height:40px; width:40px;     display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px  5px 5px 0px;  -moz-border-radius: 0px  5px 5px 0px;
-khtml-border-radius: 0px  5px 5px 0px;
-webkit-border-radius: 0px  5px 5px 0px; background:#000 url(../images/wap_ico031.png) center center no-repeat; cursor:pointer;}	














.pro_title{ font-size:14px; color:white; line-height:40px; text-align:center; background-color:#2cb33d; font-weight:bold;}
.pro_nr_box table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0;}
.pro_nr_box table tr td{ font-size:12.5px; padding:2px; color:#333; line-height:20px;border:1px solid #ccc; border-top:0; border-right:0;}
.pro_nr_box p{ font-size:12.5px; color:#333; line-height:20px;}


.bgtu{ width:100%;}
.bgtu img{ width:100%}


.gsmcaa{font-size: 21px;color: #000;font-weight: bold;}
.gsnr{margin-top: 20px;}
.gema{ border:1px solid #d8d8d8; height:30px; line-height:30px; width:120px; font-size:14px; text-align:center;}
.gongsitu{ padding-left:15px; padding-right:15px;}
.gzuo{ width:45%; margin-top:15px;}
.gzuo h2{ font-size:18px; color:#000; font-weight:bold; margin-bottom:10px;}
.gzuo h3{ font-weight:normal;font-size:16px; color:#333;}
.cline{ background:#000; height:1px; width:50px; margin-top:20px; margin-bottom:20px;}
.gyou{ width:50%;}
.gyou  img{ width:100%}
.smnr{ overflow:hidden;
font-size:15px; padding-left:15px; padding-right:15px;  margin-bottom:20px;
 height:125px;
 line-height:25px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:5;
 /*显示行数*/-webkit-box-orient:vertical;}
 .gema{ margin-left:15px;}
 .gsmcaa{ font-size:16px; padding-left:15px; padding-right:15px; padding-bottom:15px;padding-top:15px;}
 

.cpfenlei{ background:#f7f7f7; padding:10px;}
.cptu{ width:40%}
.cptu img{ width:100%}
.daxie{font-weight:bold;font-size: 18px;line-height:30px;}
.cumiao{ width:55%;}
.cumiao ul li{ float:left; width:50%;line-height: 25px;}


	
	 }
@media all and (max-width:320px){
.pc_menu{ display:none}
.wap_menu{ display:block}
.pc_banner{ display:none}
.wap_banner{ display:block}
.pc_foot{ display:none}
.wap_foot{ display:block}	


.nymain{ width:95%; padding-top:35px; padding-bottom:35px; }	
.nywen h2{ font-size:25px;}
.nywen h3{ font-size:15px;}



.wd1200{ padding-top:40px; padding-bottom:40px;}	
.product{ float:none; width:100%;}
.contact{ float:none; width:100%;}
.contum { width:92%}
.contubg .fl{ padding:10px; height:110px;}
.contubg .fl h2{ font-size:17px}
.contubg { height:130px;}
.contubg .fr ul{ padding-left:0px; height:108px; margin-top:10px; padding-top:0px; overflow:hidden!important}
.contubg .fr ul li{ width:100%; font-size:14px;  float:left; line-height:22px;}
.contubg ul{ padding:10px;}
.contubg .fr{ width:53%;}
.contubg .fr ul li:nth-child(2n){ width:auto}

.lxwmtxt{ padding:20px;}
.lxwmtxt .fr{ float:none;margin-top:30px; display:block}
.lxwmtxt .fl{ float:none}
/*------------公司---------*/

.about{ width:95%;}
.biaoaa{ padding-bottom:20px;}
.biaoaa h2{ float:none; text-align:left;}
.biaoaa .shuom{ float:none; padding-left:0px; text-align:left; margin-left:0px;}

/*新闻*/
.nzm{ width:40%}
.nzm img{ width:100%}
.news{ width:100%; float:none}
.naz .fr{ display:block; margin-top:5px; margin-bottom:5px; float:left}
.naz{width:55%!important;}
.zzzp{ display:none}
/*证书*/
.zhengshu{ width:100%; float:none; padding-top:60px;}
.zhengshu ul li{ width:43%; float:left; border:10px solid #d3dcd9 }
.zhengshu ul li h2{ background:#d3dcd9; height:50px; line-height:50px; text-align:center}
.zhengshu ul li:nth-child(2){ float:right}

.zstu{  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.zstu  img{max-width:100%;max-height:200px; transition: all 0.8s;}
.zstu  img:hover{   transform: scale(1.4);}


/*左右切换*/
.Box {position: relative; width:100%; margin-top:40px;}
.clearfix{ clear:both}
.Box .content {width: 80%; margin-left:20px; margin-right:20px;margin: 0 auto; }
	.Box .Box_con {position: relative;}
	.Box .Box_con .btnl {position: absolute;}
	.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 40px;cursor: pointer;}
	.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -50px;}
	.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -50px;}
	.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
	.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
	.Box .Box_con .conbox {position: relative;overflow: hidden;}
	.Box .Box_con .conbox ul {position: relative;list-style: none; }
	.Box .Box_con .conbox ul li {float: left;width: 150px;height: 120px;margin-left: 15px;overflow: hidden;}
	.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
	.Box .Box_con .conbox ul li img {display: block;width: 150px;height: 120px;transition: all 0.5s;}
	.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
	
	.Box .BoxSwitch {margin-top: 30px;text-align: center;}
	/*
	.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
	.Box .BoxSwitch span.cur {background: red;}*/



/*荣誉*/
.imglist1 ul li{width:41%;height:220px!important; margin:1%;}
.imglist1 ul li img{background:#FFF; max-width:100%; max-height:100%;}
.zu11{width:48%!important; height:200px; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  }


/*厂房*/
.imglist1a ul li{width:41%;height:110px!important; margin:1%;}
.imglist1a ul li img{background:#FFF; max-width:100%; max-height:100%;}
.zu11a{width:48%!important; height:110px!important; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  }
.zu11a  img{max-height:110!important; transition: all 0.8s;}

/*新闻*/
.n4_2 h4{ font-weight:normal; font-size:16px; color:#000; margin-bottom:0px; padding:0px; margin-top:0px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}



/*定制*/
.ding table{ width:100%!important;}
.dingdana table{ width:100%!important}
.juaa{  width:35%;}
.dingzhi{ display:none}
.dingzhi .ding{  margin:0 auto; background:rgba(255,255,255,0.9); padding-left:30px; padding-right:30px; }

.ding table{ width:90%!important; margin:0 auto; margin-top:30px;}
.dkuang{ border:1px solid #ccc; line-height:45px; height:45px; width:90%; padding-left:20px; margin-bottom:15px; background:none;}
.dkuang2{ border:1px solid #ccc; line-height:45px; height:115px; width:80%; margin-left:5%;padding-left:20px; margin-bottom:0px;background:none;}
.dkuang3{ margin-top:-15px;border:1px solid #d8d8d8; line-height:45px; height:45px; width:50%; padding-left:20px;background:none;margin-left:5%;}
.dkuang4{-moz-border-radius:10px;/*Firefox支持*/ -webkit-border-radius:10px;/*webkit内核的Safari和Chrome支*/border-radius:10px;/*--Opera支持*/ background:#bd0e1f; height:180px; line-height:40px; width:100px; font-size:25px; color:#fff;text-align:center;}


/*-------底部-----------*/
.foot .foot1{ width:95%; }
.foot .foot1 .dfb{ width:95%; margin-right:0px; padding-right:0px;margin-left:0px; margin:0 auto;}
.foot2{ width:95%; margin:0 auto}

/*内页公司简介*/
.nyabjs{height:auto; float:none; width:100% }
.nyabzuo{height:auto; float:none; width:100%}
.nyabyou{padding-top:0px; text-align:center; float:none; margin:0 auto; width:100%; padding-top:40px; padding-bottom:40px;}
.nyabyou h2{ font-size:25px;}
.nyabyou  h3{ font-size:15px; margin-top:0px;}
/*内页新闻*/

.yincang{ display:none}


.fanhui{ border-top:10px solid #f2f2f2; margin-top:30px;}
.fanhui ul li{ float:none; padding-top:0px;}
.fanhui ul { padding-top:20px;}
.fanhui .fl{ float:none}
.fanhui .fr{ float:none}
/*内页新闻*/

.n4 { width:100%;  }
.n4 li:nth-child(2n) { float:none}

.n4 ul{ width:100%; }
.n4 li{ width:100%; border-bottom:#ccc   dotted  1px;  float:none; height:130px;  margin-bottom:20px; padding-bottom:15px;}



.n4_2{  width:66%; }



.m4{width:120px; line-height:30px; text-align:center; float:left; margin-bottom:20px; margin-right:0px; margin-top:10px;}



/*-首页文字-*/
.wenzi{ text-align:center; margin:0 auto}
.wenzi h2{ color:#000; font-size:25px; margin-bottom:15px; font-weight:900;}
.wenzi .wline{ background:#0b59a2; height:3px; width:60px;margin:0 auto}

.ditu{ width:100%; float:none}
.lianx{ margin-top:20px; width:100%!important; float:none!important}


/*------------公司---------*/
.gongsi{ padding-top:0px; padding-bottom:0px;}
.gongsi{ background:url(../images/index_36.jpg) no-repeat center #fcfcfc;width:100%; margin:0 auto;}
.abzuo{ width:100%; float:none}
.abzuo h2{ font-size:35px; }
.abzuo h3{ font-size:30px; color:#000;font-weight:normal;}
.abzuo h4{ font-size:20px; color:#333; margin-top:15px;}
.abnr{ margin:0 auto; text-align:justify;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden; line-height:26px; font-size:15px;  margin-top:20px;margin-bottom:20px; color:#5f5f5f } 

.gengduoa{background-color:#bd0e1f; width:150px; height:45px; text-align:center; line-height:45px;}
.gengduoa a{ text-align:center; color:#fff;-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;}
.gengduoa:hover {cursor:pointer;/* transform属性 */transform:translate(0,-10px); background:#12589d;-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;}
.abzhong{ width:100%; float:none; margin-left:0px;}
.abzhong ul li{ text-align:center; border-bottom:1px solid #d8d8d8; padding-bottom:12px; padding-top:8px; width:33%; text-align:center; float:left}
.abzhong ul li h2{ font-size:17px;color:#555;font-weight:normal;}
.abzhong ul li a:hover h2{ color:#1677da!important;}
.abyou{ width:100%; float:none; height:353px;overflow:hidden}
.abyou img{cursor: pointer; height:353px; transition: all 0.8s;}
.abyou img:hover{   transform: scale(1.2);}





.nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center; height:100px; background-size:200%}
.nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:100px; background-size:200% }
.nyfac{width:100%; margin:0 auto; background:url(../images/nyfac.jpg) no-repeat center;height:100px; background-size:200% }
.nyorder{width:100%; margin:0 auto; background:url(../images/nyorder.jpg) no-repeat center; height:100px; background-size:200% }
.nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:100px; background-size:200% }
.nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:100px; background-size:200% }
.nyhonor{width:100%; margin:0 auto; background:url(../images/nyhonor.jpg) no-repeat center; height:100px; background-size:200% }


body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑";background: #fff;width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	

	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}


.focriqi{ font-size:0.75em;}
	
.toubu{ position:fixed; left:0; top:0px; width:100%; z-index:999;background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; }
.toubuge{ width:100%;background:#fff; height:50px;}
.main-header {
    height: 50px;
	background-color:#fff;
    z-index: 60;
	width:100%;
	position:relative;
box-sizing: border-box;border-bottom: 1px solid #F2F2F2;

		
}
.cd-logo {
    position: absolute;
    left: 10px;top:5px;
   
}

.search_open {
display: block;
width: 20px;height:30px;
background: url(../images/wap_sea.png) no-repeat;
position: absolute;
right:50px;
top:10px;
color: #fff;


text-align: center;background-position:center center; background-size:auto 25px;
}
.menu_open {
display: block;
    width: 20px; height:30px;
background: url(../images/wap_menu.png) no-repeat;
	position: absolute;
	right:10px;
top:10px;
color: #fff;
font-size: 12px;
text-align: center;
background-position:center center; background-size:auto 25px;
}
.cshow{ display:block!important;}
.chide{ display:none!important;}
.zicai{display:block;}
.ziguanbi{display:none;}


.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
  transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

  .animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
  transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
-o-transform:rotate(-360deg); /* Opera */} 


.rl{ float:right;}
.fl{ float:left;}





.badabang{ padding:13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; color:#1b1b1b; font-size:0.88em;}
.badaslid{ padding:0px 13px 13px 13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; overflow:hidden; position:relative; }
.badaslid1{ padding:13px; width:100%; box-sizing:border-box; background-color:#fff; overflow:hidden; height:220px;}
.bas1{ padding:20px; width:100%; box-sizing:border-box; overflow:hidden; border-radius:5px; }



.batit1{ overflow:hidden;background-image:url(../images/wap-jiany.png); background-position:right center; background-repeat:no-repeat; background-size:auto 15px; }
.batit2{ font-size:1em; color:#1b1b1b;}
.batit3{ font-size:0.6em; padding:2px 6px; margin-left:10px; margin-top: 2px; line-height:inherit;}
.batit4{ overflow:hidden; padding-top:15px; box-sizing:border-box;}
.batit4-left{ width:65%;}
.batit4-right{width:35%; padding-top:10px;}
.batit4-right img{max-width:100%;}
.batit5{ overflow:hidden; box-sizing:border-box; padding-bottom:25px;}
.batit5-1{ width:32%; text-align:center;}
.batit5-p1{ color:#c8392a; font-size:0.7em; }
.batit5-p2{ color:#acaeb3; font-size:0.5em; padding-top:3px; }
.lvcolor{ color:#52a94a!important;}
.baborderr{ border-right:1px solid #c2ceeb;}
.batit6{ width:110px; height:34px; line-height:34px; text-align:center; color:#FFF;  font-size:0.75em; border-radius:17px; overflow:hidden;}


.shl-n-pic {
    width: 100px;
    height: 72px; line-height:72px; text-align:center;
    overflow: hidden; font-size:40px;
    position: relative;
 color:#fff;
    margin-right: 12px;
	
background:#0163aa

	}
.shl-n-pic img { width:100%; height:100%; object-fit:cover;}
.nsort{ position:absolute; z-index:4; left:0; top:0; color:#FFF; padding:5px 10px; font-size:12px;border-bottom-right-radius:5px; overflow:hidden;}
.nscolor1{ background-color:#4e71cd;}
.nscolor2{ background-color:#52a849;}
.nscolor3{ background-color:#e1ab38;}

.biaotixx {font-size:16px;width: 100%; text-align:center; color: #747474;box-sizing: border-box;transition:all 1s ease 0.5s; margin:0 auto}
.biaoti  span{ font-weight:bold}
.animate-init .biaotixx{ opacity: 0; transform: translateY(100px);}
.ccnews .biaoti{ font-size:30px; font-weight:bold}


.shl-left {width:100%}
.shl-ptit {
 font-size:0.85rem;
 overflow:hidden;
 width:100%;
 height:2.2rem;
 line-height:1.1rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; color:#000;}
.shl-time {
 font-size:12px;
 color:#969696;
 margin-top:12px;}
.shl-laiyuan {
 font-size:12px;
 color:#969696; padding-top:3px;}


.shl-geng{ padding-top:20px; padding-bottom:20px;}
.maipan{ padding:0px 13px 3px 13px; width:100%; box-sizing:border-box; overflow:hidden;}
.woyaomai{ font-size:0.7em;color: #fff;  margin-left:6px; background-image: linear-gradient(to right, #3058c7 , #5881eb); padding:5px 15px; border-radius:18px; overflow:hidden;}
.woyaomai1{ font-size:0.7em;color: #fff;  margin-left:6px; background-image: linear-gradient(to right, #e90c0c , #ee6d6d); padding:5px 15px; border-radius:18px; overflow:hidden;}
.maimai{background-image:url(../images/mai.png); background-position:left center; background-repeat:no-repeat; background-size:auto 14px; padding-left:18px; }
.maimai1{background-image:url(../images/mai1.png); background-position:left center; background-repeat:no-repeat; background-size:auto 14px; padding-left:18px; }
.maitit{color: #1b1b1b;font-size: 0.88em; padding-top:4px;}

.mailist{ padding:0px 13px 13px 13px; width:100%; box-sizing:border-box; overflow:hidden;}
.maisect{padding:15px 13px;box-sizing:border-box; background-color:#FFF;border-radius:5px; position:relative; overflow:hidden;}
.maifont1{ display:flex;align-items: baseline; padding-bottom:5px;}


.maileft{ width:70%; box-sizing:border-box; padding-right:10px;}
.mairight{ width:30%; padding-top:3px;}
.maifont2-1{font-size: 0.65em;
color: #ea4e3d;
border: 1px solid #f6c7c4;
padding: 3px 10px;
margin-right: 4px;
background-color: #fdf6f5;}
.maifont2-2{font-size: 0.65em;
color: #3970de;
border: 1px solid #b1c5ef;
padding: 3px 10px;
margin-right: 4px;
background-color: #dfe9ff;}
.maifont2{ height:26px; overflow:hidden;}

  .maifont4{ color:#000; font-size:0.8em;}
.chushou {
    font-size: 0.65em;
    color: #ea4e3d;
    border: 1px solid #f6c7c4;
    padding: 2px 12px;
    background-color: #fdf6f5; 
}
.goumai {
    font-size: 0.65em;
    color: #3970de;
    border: 1px solid #b1c5ef;
    padding: 2px 12px;
    background-color: #dfe9ff; 
}
.shl-ff{position:absolute; right:-5px; top:15px; z-index:2;}
.dingwen{ position:relative; margin-top:10px;}
.chushoudi{width:50px; height:5px; background-image:url(../images/jiantou.png); background-position:right top; background-repeat:no-repeat; background-size:5px auto;}
.goumaidi{width:50px; height:5px; background-image:url(../images/jiantou1.png); background-position:right top; background-repeat:no-repeat; background-size:5px auto;}
.zhishu{ padding:3px 13px 15px 13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; color:#1b1b1b; font-size:0.88em;}

.zsfont1{ font-size:0.9em; color:#000;}
.zsfont2{ font-size:0.68em; color:#585858; padding-top:10px; line-height:1.5em; padding-bottom:10px;}
.zscolor{ color:#e00000;}





#top{ width:100%;  overflow:hidden; display:block;  position:absolute; top:50px; z-index:100; background-color:#FFF;padding: 10px; box-sizing:border-box;}
input.button1 {
	border-radius: 5px;
	line-height: 23px;
	height: 33px;
	width: 70%;
	padding: 0 5px 0 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:3%;
font-size:12px;
	z-index: 1001;
}
input.button2 {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #EEE #CCC #CCC #EEE;
	color: #666;
	font-weight: bold;
	width: 22%;
	border-radius: 5px;
	padding: 3px;
	height: 35px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/);
	font-size:12px;
	z-index: 1001;
	float:right;
}


.loading-more-button {
    width: 100%;
    height: 2rem;
    line-height: 1.96rem;
    text-align: center;
    font-size: .8rem;
    border: 1px solid #1792CA;
border-radius: 5px;
color: #1792CA;
    cursor: pointer;
    margin: 0 auto;background-color: #fff;
}




.home-tit{width: 100%;
position: relative;
margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #0a53a3; box-sizing:border-box;}
.home-tit .dtit { font-weight:bold; float:left;}
.home-tit a {
    font-family: Arial;
    font-size: 10px;
    float: right;
    color: #666;
    text-align: right;
    display: block;
    padding-top: 6px;
}





.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.tbottom{ height:4.2em;}
#BottomNav { background-color:#12589d; bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9; box-sizing:border-box; 
}
#BottomNav ul li { opacity:0.9;
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; 
}


#BottomNav ul li a {
    color: #fff;
    display: block;
    padding-top:0.8rem;padding-bottom:0.2rem

}


#BottomNav ul li a div {
    font-size: 0.9em; padding-top:0.18rem;padding-bottom:0.5rem; 
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
    background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/vbob1.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.5em;
	
}

.shl-toug{ height:50px; width:100%;}
.shl-mingx{ width:14.285%; float:left }
.shl-mingx img{ width:100%; height:100%; object-fit:cover;}

#msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;}
#menu{ position:fixed; width:200px; height:100%;  right:-200px; background:#333; color:#fff; z-index:200; display:none; font-size:0.9rem;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);overflow-y: scroll;}
.menu1{ position:absolute; width:200px; height:100%;  right:-200px; background:#444; color:#fff; z-index:300; display:none;}

#menu li:after , .menu1 li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #222;}
#menu a , .menu1 a{  line-height:45px;  padding:0 20px 0 35px; border:none; display:block;  color:#fff;font-size: 0.8rem;}



.list{width: 100%;}
	.list ul li{ border-bottom:solid 1px #222; }
	.list ul li::after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 1px solid #404040;
}
	.list ul li a{padding-left: 20px;color: #E3E3E3; display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size: 0.85rem;
	}
	.list ul li .inactive{ background:url(../images/shl-down-open.png) no-repeat right center; background-size:auto 20px;}
	.list ul li .inactives{background:url(../images/shl-down-open.png) no-repeat right center; background-size:auto 20px;} 
	.list ul li ul{display: none;}
	.list ul li ul li { border-left:0; border-right:0; background-color:#555; border-color:#666;}
	.list ul li ul li::after { border:none;}
	.list ul li ul li ul{display: none;}
	.list ul li ul li a{ padding-left:30px;background:url(../images/wap-jiany.png) no-repeat right 8px center; background-size:auto 10px;font-weight: lighter;font-size: 0.75rem; height:42px;line-height: 42px;}









.mshouye {
    background-image: url(../images/drawer-home.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 20px;
}
.jianyou {
    background-image: url(../images/shl-down-open1.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 19px;
}

.main{ max-width:640px; width:100%;}
.op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;}

/*-------产品----*/







.cplbtn { color: #fff; padding-left:15px; padding-right:15px;  height: 34px;
font-size: 14px; text-align: center;line-height: 34px; display: table; border-radius: 17px;background-color:#E60012;}






.cplbtn1 {
    color: #fff; padding-left:10px; padding-right:10px; 
    height: 28px;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    display: table;
    border-radius: 14px;
	background-color:#E60012;
}

.cplbtn65 {
    color: #fff; 
    height: 28px;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    border-radius: 14px;
	background-color:#E60012; width:65px; min-width:65px;
}

.uni-video{ width:100%;object-fit: cover !important;}
.aboutm {
    box-sizing: border-box;transition:all 1s ease 0s; padding-bottom:20px; background-color:#FFF; padding-top:10px;
}
.animate-init .aboutm{ opacity: 0; transform: translateY(100px);}
.abouts{
    background-image: url(../images/wap_034.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 200px;
    border-radius: 7px;
    overflow: hidden;
}
.vr{ width:100%; height:365px;background-image: url(../images/vr.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; position:relative;transition:all 1s ease 0s; }
.animate-init .vr{ opacity: 0; transform: translateY(100px);}	
.dingwei{ position:absolute; top:50%; left:50%;width: 60px; margin-left:-50px; margin-top:-17px;}
.dingwei1{ position:absolute; bottom:20px; left:20px;width: 40px; }	

.dingnn{ position:absolute; bottom:0px; left:0px;width: 100%; box-sizing:border-box;padding: 0 15px;z-index: 1;   }
.dingnn1{ position:absolute; bottom:-1px; left:0px;width: 100%; box-sizing:border-box;z-index: 1;   }

.dingwei2{ width: 100%; box-sizing:border-box; background-color:rgba(0,0,0,0.3); color:#FFF; display:flex; padding-left:12px; padding-right:12px; height:40px;align-items: center; }

.maifont1-1{ font-size:15px; color:#fff; height:40px;
 line-height:40px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; overflow:hidden; width:100%; box-sizing:border-box; padding-right:10px;}
.maifont1-2{ font-size:16px; color:#fff; 
 width:100%; box-sizing:border-box; text-align:center; padding-top:20px; padding-bottom:20px;}
 .maifont1-3{ font-size:16px; color:#666; 
 width:100%; box-sizing:border-box; text-align:center; padding-top:20px; padding-bottom:20px;}  
 .pffp{font-size:13px; color:#fff; text-align:center; padding-top:20px; border-top:1px dotted #FFFFFF;}
  .pffp1{font-size:13px; color:#666; text-align:center; padding-top:20px; border-top:1px dotted #666;}
.shoushi{background-image: url(../images/shouzhi.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 16px; width:25px; min-width:25px; height:25px; background-color:#E60012; border-radius:50%; overflow:hidden;}
	
.shl-vid3 {
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 0;
    background-image: url(../images/shl-vdi.png);
    background-repeat: repeat-x;
    background-size: auto 100%;
    padding: 20px 15px 10px 15px;
}
.shl-bico {
    background-image: url(../images/shl-vtu.png);
    background-size: auto 15px;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    background-color: rgba(0,0,0,.2);
    left: 15px;
    top: 15px;
}
.shl-atit {
 font-size:15px;
 overflow:hidden;
 height:20px;
 line-height:20px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-mor {
    color: #fff;
    font-size: 11px;
    padding-top: 5px;
}
.shl-mor div {
    padding-left: 10px;
}
.shl_abouttop {
    border-top: 9px solid #f1f1f1;
}
.shl-gong {

 display:flex;
 align-items:center;
 padding:10px 15px;

 border-bottom:1px solid #ebebeb; background-color:#FFF;
}
.shl-protitle {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #C30D23;
    line-height: 30px;
}
.shl-xian2 {
 width:150px;
 min-width:150px;
 height:25px;
 line-height:25px;
 display:flex;
 justify-content:flex-end
}
.shl-xiangg {
    width: 80px;
    text-align: center;
    color: #989898;
    font-size: 13px;
    background-image: url(../images/vhmor.png);
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: 100%;
    height: 25px;
    line-height: 25px;
    padding-right: 20px;
    text-align: right;
}
.fuwuw{ padding:0px 10px 15px 10px; width:100%; box-sizing:border-box; overflow:hidden; background-color:#FFF;display: flex;flex-wrap: wrap;}
.fuwusec {
    width: 46%;
    padding: 4px;background-color: #fff;
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2);
    border: 1px solid #f1f1f1;
    transition: all 0.4s; box-sizing:border-box;transition:all 0.8s ease 0s; margin-left:2%; margin-right:2%; margin-top:10px;height: 110px;overflow: hidden;
}
.fuwusec dt {
     height:100%;
}
.fuwusec dt img {
    width: 100%; height:100%;object-fit: cover; display:block;
}
.animate-init .fuwusec{ opacity: 0; transform: translateY(100px);}
.fuwusecdd {
    padding: 13px;
    transition: all 0.4s;
}
.fuwusecdd h3 { padding-bottom:10px; font-size:18px;}
.fuwusecdd p { font-size:14px; line-height:24px;}
.gaoju{ margin-top:15px;}
.shl-lian{ background: #424242; color:#ccc; font-size:14px; text-align:center; padding:25px; box-sizing:border-box; line-height:20px;}
.shl-lian a{ color:#ccc;}
.shl-lian1{ color:#ccc; font-size:14px; text-align:center;box-sizing:border-box; line-height:24px;}
.shl-lian1 a{ color:#ccc;}
.shl-xiaflex{ width:100%; box-sizing:border-box; display:flex;padding-top: 30px;transition:all 0.8s ease 0s; padding-bottom:20px;}
.animate-init .shl-xiaflex{ opacity: 0; transform: translateY(100px);}
.shl-xiasen{ width:100%;}
.shl-xiasencc{ width:50%;}

.shl-xiasen1kk {
    width: 90%; height:50px; margin:0 auto; box-sizing:border-box;transition:all 0.8s ease 0s;  margin-top:30px; border-radius:6px; overflow:hidden; background-color:#FFF;
}
.shl-xiasen1kk img {
    width: 100%; height:100%;object-fit: contain; display:block;
}

.shl-xiasen1 {
    width: 80px; height:80px;box-sizing:border-box;transition:all 0.8s ease 0s;  overflow:hidden; min-width:80px; margin-right:20px;
}
.shl-xiasen1 img {
    width: 100%; display:block;
}
.animate-init .shl-xiasen1{ opacity: 0; transform: rotateY(90deg);}




.shl-xikuai{}
.shl-xiangmu {
    background-image: url(../images/pro_bg.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: 50%;
    width: 100%;
 
    overflow: hidden;
}

.shl-xiangmuh {
    background-image: url(../images/wxiangmu2.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 350px;
    overflow: hidden;
}
.shl-xiangmuhj {
    background-image: url(../images/wxiangmu3.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 350px;
    overflow: hidden;
}
.shl-xiabg {
    width: 100%;
    color: #fff;
    padding: 30px 20px;
    height: 100%;
     box-sizing:border-box;
}
.shl-xiangmu1 {
    width: 100%;
    color: #fff;
box-sizing:border-box; padding-left:10px;
}
.shl-xiangmu1 .pp1{  padding-bottom:10px; font-size:20px; font-weight:bold;transition:all 1s ease 0s; text-align:center;}
.shl-xiangmu1 .pp2{  font-size:12px; line-height:22px; transition:all 1s ease 0.5s;text-align:center;}
.animate-init .pp1 { opacity: 0; transform: translateY(100px); }
.animate-init .pp2{ opacity: 0;  transform: rotateY(90deg);}
.pshow{ width:100%; position:relative; height:366px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;}
.pshow img{ width:100%; height:100%;object-fit: cover;}
.animate-init .pshow { opacity: 0; transform: translateY(100px); }


.alishow{ width:100%; position:relative; height:200px;transition:all 1s ease 0s; padding:0 15px; box-sizing:border-box; background-color:#FFF;}
.alishow img{ width:100%; height:100%;object-fit: cover;}
.animate-init .alishow { opacity: 0; transform: translateY(100px); }

.pshow1{ width:100%; box-sizing:border-box; display:flex;flex-wrap: wrap; padding:30px 10px;transition:all 1s ease 0s;background-color:#f7f7f7;}
.pshowxx{ width:50%; box-sizing:border-box; padding:8px;  }
.jianbian{background-image: linear-gradient(to right, #1888DF , #22B78C);padding: 40px 15px;height: 100%;
box-sizing: border-box;}
.jianbian1{padding: 40px 15px;height: 100%;box-sizing: border-box; background-color:#FFF;border: 1px #e7e7e7 solid;}
.pshowsec{ width:100%; box-sizing:border-box; position:relative; height:110px;border: 4px solid #fff;}
.pshowsec img{ width:100%; height:100%;object-fit: cover;}
.pshowsecda{ width:60px; box-sizing:border-box; position:relative; height:60px; margin:0 auto;}
.pshowsecda img{ width:100%; height:100%;object-fit: cover;}
.animate-init .pshow1 { opacity: 0; transform: translateY(100px); }
.hbjcolor{background-color: #F6FAFE;}
.hbjcolor1{background-color: #FEFEFB;}
.hbjcolor3{background-color: #F8FEFE;}
.shl_aboutt1 {
    border-top: 1px solid #e5e3e3;
}
.shl_anlitop { margin-top:8px;}
.shl_anlimore { padding-top:30px; padding-bottom:40px; width:100%; background-color:#FFF;}
.shl_newsmore { padding-top:15px; padding-bottom:40px; width:100%; }
.ccnews{ padding:15px 15px 0px 15px; width:100%; box-sizing:border-box; overflow:hidden;background:#fff;}
.vrpadding{ width:100%; box-sizing:border-box; padding:0px 15px 30px 15px;}
.aboutvr{ padding:15px 15px 0px 15px; width:100%; box-sizing:border-box; overflow:hidden; }
.vrianjie {
    font-size: 14px;
    width: 100%;
    padding: 15px ;
    color: #565656;box-sizing: border-box; line-height:24px;transition:all 1s ease 0s; background-color:#FFF;
}
.animate-init .vrianjie{ opacity: 0; transform: translateY(100px);}

/*内页样式开始*/
.ab-tit{padding: 15px; width:100%; box-sizing:border-box;background-color: #fff;
border-bottom: 1px solid #ebebeb;font-size: 16px;
font-weight: 700;
color: #323232;}
.article {
    padding: 15px;
    color: #606060;width:100%; box-sizing:border-box; line-height:26px;font-size: 14px;background-color: #fff;
}


  .newspage { text-align:center; padding-bottom:20px; padding-top:5px;font-size:13px;}
 .newspage A {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 2px 5px;
    background: #FFF none repeat scroll 0% 0%; font-size:13px;
    color: #666;
    margin-right: 2px;
}
.newspage SPAN.current {
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    padding: 2px 5px;
    font-weight: bold;
    background: #E60012 none repeat scroll 0% 0%;
    color: #FFF;
    margin-right: 2px;
}
.news-title-view {
    padding: 15px;
    border-bottom: 1px solid #f6f6f6;border-top: 1px solid #f6f6f6;
}
.news-title-view .title {
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 10px;
    font-weight: 700;
    color: #1f1f1f;
}
.news-title-view .titlec {
    font-size: 20px;
    line-height: 25px; padding-top:2px;

    font-weight: 700;
    color: #1f1f1f;
}
.otherview { display:flex; align-items:center;}
.news-time {
 font-size:13px;
 line-height:13px;
 color:#969696;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;
 background-position: left center;
 background-repeat:no-repeat;
 padding-left:17px;
 width:100%
}
.art-cshi {
 padding:15px;font-size: 15px; line-height:24px;
 color:#333; min-height:300px;
}
.art-cshi p {
 padding-bottom:15px
}
.art-cshi video {
max-width:100%!important;
 height:auto!important;
 display:block
}
.art-cshi img {
max-width:100%!important;
 height:auto!important;
 display:block
}
.chanpi{ width:100%; box-sizing:border-box; padding:20px 7px 20px 7px;}
.chanpx{ width:100%; box-sizing:border-box; padding:10px 7px 20px 7px;}
.pshowzi{ width:100%; position:relative; height:200px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;}
.pshowzi img{ width:100%; height:100%;object-fit: cover;}
.animate-init .pshowzi { opacity: 0; transform: translateY(100px); }

.psku{ width:50%; box-sizing:border-box; position:relative; border: 7.5px solid #fff; background-color:#f5f5f5;}
.psku img{ width:100%;object-fit: cover;border-radius:5px; }
.pskuflex{ width:100%; box-sizing:border-box; display:flex;flex-wrap: wrap;background-color:#FFF;}
.shlgpic{ height:375px!important; object-fit:cover;}
.zhengpin {
 padding:10px 15px;
 display:flex;
 justify-content:space-between;
 align-items:center;
}
.zhengpinleft {
 width:100%
}
.zpleft1 {
 padding-left:17px;
 background-image:url(../images/shl-zhengpin.png);
 background-size:auto 15px;
 background-position: left center;
 background-repeat:no-repeat;
 height:25px;
 line-height:25px;
 font-size:14px
}
.baozheng{color: #f60;}
.zpleft2 {
 color:#969696;
 font-size:12px
}
.shl-ditel {
 width:35px;
 min-width:35px;
 height:35px;
 overflow:hidden;
 border-radius:50%;
 margin-left:10px;
 background-image:url(../images/shl-dianhua1.png);
 background-repeat:no-repeat;
 background-color:#045abd;
 background-size:auto 18px;
 background-position:50%
}
.texing1{ padding-bottom:10px;}
.texing{ background-color:#E60012; color:#FFF;display: table;padding: 3px 10px;margin-top: 5px;}
.case {
    padding: 0px 15px 15px 15px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #FFF;
}
.casesec {
    width: 100%;
    padding: 7px;
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2);
    border: 1px solid #f1f1f1;
    box-sizing:border-box; margin-top:20px;
}
.shlttt{height: 160px;}
.shlttt img {
    width: 100%;
    height: 100%;
    object-fit: cover; display:block;
}
.casesecdd {padding: 13px;}
.casesecdd h3 {
    padding-bottom: 10px;
    font-size: 18px;
}
.casesecdd p {
    font-size: 14px;
    line-height: 24px;
}
.wcontact{  background-color:#E60012; color:#FFF;display: table;padding: 3px 10px; margin:0 auto;font-size: 16px; border-radius:2px; overflow:auto;}
.wconflex{display: flex;flex-wrap: nowrap;padding: 30px 15px;align-items: center;}
.wcon-pic {
    width: 115px;
    min-width: 115px;
    height: 115px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
  
}
.wcon-pic img { width:100%; height:100%; object-fit:cover;}
.wcon-right {width: 100%; font-size:14px; line-height:24px;}
.art-lianxi { padding:40px 15px;font-size: 15px; line-height:24px; color:#333; }
.wconfont{color: #E60012;}
.wconfont1{ font-size:16px; padding-bottom:10px;}

.pshowzitt{ width:100%; position:relative; height:360px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;}
.pshowzitt img{ width:100%; height:100%;object-fit: cover;}
.vvvvv{ height:100%; border:1px solid #ebebeb;}
.ccvb{background-image: linear-gradient(to right, #1888DF , #22B78C); width:100%; box-sizing:border-box; color:#FFF; padding:15px; border-radius:5px; overflow:hidden; margin-top:20px;}
.ccvb .df1{ font-size:18px;padding-bottom:5px!important;}
.ccvb .df2{ padding-bottom:0!important;}
.fdccc{height: 50px;
line-height: 50px;
color: #fff;
font-size: 18px; width:80%; margin:0 auto;background-image: linear-gradient(to right, #1888DF , #22B78C); border-radius:25px; overflow:hidden; text-align:center; margin-top:50px;}
/*选项卡*/
.tabs {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 0px 12px;background-color: #fff; font-weight:bold;
}
.tab_con{ display:none; padding: 0px 15px 15px 15px;}

.tabs li{
float: left;
width: 50%;
height: 40px;


line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs .thistab{
float: left;
width: 50%;
height: 40px;

border-bottom: 1px solid #1792CA;
line-height: 40px;
font-size: 0.9rem;
color: #1792CA;}


.listflex{ background-color: #fff; display: flex; border-radius: 5px; overflow: hidden; margin-top: 15px;box-shadow: 0px 0px 5px #E8E8E8;}
.listsec{ width:50%; min-width: 50%; box-sizing: border-box;}
.listleft{ height:150px; position: relative;}
.listleft img{ width: 100%;height: 150px; object-fit:cover;}
.zhibo{ z-index: 10; top: 5px; left: 5px;  background-color: #08C060; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px;
background-image:url(../images/zhibo.gif); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px;
}
.huifang{ z-index: 10; top: 5px; left: 5px;  background-color: #0979D0; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px;
background-image:url(../images/huifang.png); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px;
}
.listright{ padding: 15px;}
.title{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; max-height:80rpx; line-height: 20px;  font-size: 15px; font-weight: bold;}

.time{ font-size: 13px; margin-top: 12px; color: #A3A3A3;
background-image:url(../images/shl-zbtime.png); background-position: left center; background-repeat: no-repeat; background-size: auto 14px; padding-left: 18px; padding-bottom:3px; }

.time1{ font-size: 13px;  color: #A3A3A3; }
.zhubo{ margin-top: 10px; font-size: 13px;background-image:url(../images/shl-zhubo.png); background-position: left center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 18px;}

.guoqi{ z-index: 10; top: 5px; left: 5px;  background-color: #E81D1D; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px;
background-image:url(http://testf002.webf.testwebsite.cn/Html/images/shl-guoqi.png); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px;
}

.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}
.menu_open{ display: block;}
	.menu_close{ display: none; background: url('../images/wap_close.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
	.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
	.menu { position: fixed; width: 230px; height: 100%; top: 50px; right:-230px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
	.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
	.menu .menu-li{border-bottom: 1px solid #222;}
	.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
	.menu .twoul{ display: none;}
	.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
	.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}
	
	.menuico_right{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_down{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
.nybanner{ width:100%}
.nybanner img{ width:100%; display:block}	
dl.message2{
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 96%;
}

dl.message2 dd{
	margin: 0 0 6px 0;
	padding: 0px;
	float: left;
	width: 100%;
}	
	
	
	.round1li2 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 100%;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	font-size:15px;
}
.round1li2 textarea { font-family:"微软雅黑";
border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 23px;
height: 68px;
width: 100%;
padding-left: 5px;
border: 1px solid;
border-color: #CCC #EEE #EEE #CCC;
background: whiteSmoke;
font-size:15px;
}
.round1li3 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;
font-size:15px;
}
.round1li4 { margin: 0 auto; width: 100%; float:left; text-align:center;}
.round1li4:after { clear: both; content: " "; display: block; }
.round1li4 input.button { margin:0 auto;
	 font-size: 15px;
	 color:#ffffff;
	 font-weight: bold;
	  display:block;width: 100%; height: 45px; border-radius: 3px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px; border: #2cb33d 1px solid;  
background:-moz-linear-gradient(top,#2cb33d,#035faf);/*Mozilla*/
background:-webkit-linear-gradient(top,#2cb33d,#035faf);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#2cb33d,#035faf); /*Opera11*/
}
	
	.cplieaa { padding:1rem}
.mingcheng{ line-height:40px; margin-left:10px; font-size:0.75rem;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden;}
.youimg{ width:30px; margin-top:10px; }
.youimg img{ width:50%;}
.zuoimg{ background:#2cb33d; height:40px; width:40px; border-top-left-radius:10px; text-align:center; margin:0 auto;border-bottom-left-radius:10px;}
.imaaa{ width:30px; padding-left:5px; padding-top:10px;}
.imaaa img{ width:50%;}
	
	.ncon_item{display: flex;flex-wrap: nowrap;
overflow: hidden;
position: relative;box-sizing: border-box;
padding: 15px 12px;
background-color:#fff;border-bottom: 1px solid #EBEBEB;}

.shl-n-pic {
    width: 90px;
    min-width: 90px;
    height: 72px;
    overflow: hidden;
    position: relative;
 color:#fff;
    margin-right: 12px;
    border-radius: 3px; 
}
.shl-n-pic img { width:100%; height:100%; object-fit:cover;}
.shl-left {
 width:100%
}
.shl-ptit {
 font-size:0.9rem;
 overflow:hidden;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-ptit2 {
 font-size:14px;
 overflow:hidden; color:#555;
 width:100%;
 height:20px;
 line-height:20px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical
}

.shl-nr {
 font-size:0.8rem;
 overflow:hidden;
 width:100%;
 height:2.6rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2; color:#555; opacity:0.5;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-time {
 font-size:12px;
 color:#2cb33d;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;

 background-repeat:no-repeat;
 padding-left:15px
}


 #todayList{ margin:0 auto;
}
 .chatPanel .mediaFullText {
	margin:20px 10px;
	
}
 .chatPanel .time {
	margin:10px 0;
	color:#FFFFFF;
	width:auto;
	font-size:12px;
	display:block;
	float:left;
	background-color:#B4753C;
	padding:10px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	position:relative;
	-webkit-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14);
	-moz-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14);
	box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14);
	
}
 .topding .chatPanel .time{background-color:#B4753C;}
 .chatPanel .time .timey {
	margin:0px;
	color:#FFFFFF;
	font-size:12px;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
}
 .chatPanel .time .timem {
	margin:0px;
	color:#FFFFFF;
	font-size:9px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
 .chatPanel .time .timed {
	margin:0px;
	color:#FFFFFF;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
 .chatPanel .time .timex {
	position:absolute;
	top:10px;
	right:-4px;
	background-color:#B4753C;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	width:12px;
	height:12px;
	transform: rotate(45deg) ;
	-webkit-transform: rotate(45deg) ;
	-moz-transform: rotate(45deg) ;
	-o-transform: rotate(45deg) ;
	-ms-transform: rotate(45deg) ;
}
 .topding .chatPanel .time .timex{background-color:#B4753C;}
 .chatPanel .media {
	border:0px solid #D1D1D1;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-border-radius:5px 5px 10px 10px;
	-moz-border-radius:5px 5px 10px 10px;
	border-radius:5px 5px 10px 10px;
	background:url(../images/wap_bottom.png) repeat-x scroll left bottom #FFFFFF;
background-size:2px auto;
	margin-left:0px;
}

 .chatPanel .media .mediaPanel {
	padding:0px;
	margin:0px;
}

 .chatPanel .media .mediaHead {
	/*height:48px;*/
		padding:15px 15px 8px;
	border-bottom:0px solid #D3D8DC;
	color:#000000;
	font-size:20px;
}
 .chatPanel .media .mediashl {
	/*height:48px;*/
		padding:5px 15px 8px;
	border-bottom:0px solid #D3D8DC;
	color:#000000;
	font-size:20px;
}
 .chatPanel .media .mediaHead .title {
	line-height:1.2em;
	font-size:18px;
	display:block;
	text-align: left;/*height:25px;
		white-space:nowrap;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		overflow:hidden;*/
	}

 .chatPanel .media .mediaImg {
	min-width: 200px;
	padding:0;
	margin:0 15px;
	overflow:hidden;
	position: relative;
	/*max-height:164px;*/
}
 .chatPanel .media .mediaImg img {
	width: 100%;
}
 .chatPanel .mediaFullText .mediaContent {
	padding:0 0 10px;
	font-size:16px;
	text-align:left;
	color:#222222;
}
 .chatPanel .mediaFullText .mediaContentP {
	margin:10px 15px 0px;
	border-bottom:1px solid #D3D8DC;word-break:normal;
	word-wrap:word-break;
}
 .chatPanel .mediaFullText .mediaContent p{
	max-height:40px; overflow:hidden; font-size:14px; 
	line-height: 1.5em;
}
 .chatPanel .media .mediaFooter {
	-webkit-border-radius:0px 0px 12px 12px;
	-moz-border-radius:0px 0px 12px 12px;
	border-radius:0px 0px 12px 12px;
	padding: 0 15px;
}
 .chatPanel .media .mesgIcon {
	display:inline-block;
	height:19px;
	width:10px;
	margin:8px 0px -2px 4px;
	background:url(../images/wap_ico-next2.png) no-repeat 0 0 ;
	background-size: 10px auto;
}
 .chatPanel .media .mediaFooter .mesgIcon {
	margin:18px 3px 0 0;
}

 .pagination{
	height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-align: right;
	padding-right: 8px;
}
 .pagination div{
	display:inline-block;
}
 .pagination a {
	margin: 0 ;
    padding: 6px 13px;
	border:0;
	background:#fefefe;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
	background-size:100%;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
	background-image:-webkit-linear-gradient(top, #fff, #f2f2f2);
	background-image:-moz-linear-gradient(top, #fff, #f2f2f2);
	background-image:-o-linear-gradient(top, #fff, #f2f2f2);
	background-image:linear-gradient(top, #fff, #f2f2f2);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#666;
}
 .pagination a:hover {
	border:0;
	background:#fefefe;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
	background-size:100%;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #dadada));
	background-image:-webkit-linear-gradient(top, #fefefe, #dadada);
	background-image:-moz-linear-gradient(top, #fefefe, #dadada);
	background-image:-o-linear-gradient(top, #fefefe, #dadada);
	background-image:linear-gradient(top, #fefefe, #dadada)
}
 .pagination a:active {
	background:#ececec
}
 .pagination .disabled a,  .pagination .disabled a:hover {
	background:none;
	border:1px solid  rgba(0, 0, 0, 0.22);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	color:A4A3A3;
}
 .pagination .allpage{
	position: relative;
    text-align: center;
    vertical-align: baseline;
	display: inline-block;
}
 .pagination .currentpage{
    line-height: 30px;
    width: 70px;
}
 #dropdown-select{position:absolute;
	top:0;
	left:0;
	height:30px;
	width:70px;
	opacity:0;
}
.prolist {margin-right: 10px;}
.prolist ul li{ text-align: center;   width: 50%; overflow: hidden; float: left;}
.prolist:after { clear: both; content: " "; display: block; }
.prolist  li p{ line-height: 12px;}
.prolist  li:nth-child(n){ }
.prolist  li:nth-child(n+1){  }
.prolist  li a{ display:block;  margin: 10px 0px 0px 10px;}
.prolist  li a img{ height: 100px; width:100%}

.pro_fl_title{ font-size:14px; font-weight:bold; color:white; text-align:center; line-height:40px; background-color:#2cb33d; width:100%; }
.pro_fl_title a{color:white;}
.pro_tb{ width:100%; margin-bottom:20px; border:1px solid #ccc; border-bottom:0; border-left:0;}
.pro_tb tr td{ font-size:13px; color:#333;font-family:Arial,"Microsoft YaHei"; border:1px solid #ccc; border-top:0; border-right:0;}
.pro_tb tr td a{ color:#333;}






.pro_more{ width:150px;background-color:#0764b9; margin:0 auto;  margin-bottom:20px;}
.pro_more p a{ display:block; font-size:13px; color:#333;  text-align:center; line-height:28px;background-color:#e5e5e5;}
.pro_more p a:hover{background-color: #246815; color:white;}

.jj_p1{ font-size:35px; color:#2cb33d; font-weight:bold;line-height:46px;}
.jj_bg{ background:url(../images/wap_img24.jpg) center no-repeat; width:100%; height:300px;}
.jj_box{ padding-left:20px; margin:0 auto; padding-top:50px;}
.jj_box .jj_pic{ float:left; margin-right:12px;}
.jj_kuang{ float:left;}
.jj_kuang .jj_p2{ font-size:24px; color:#000; padding-top:10px;}
.jj_p3{ font-size:16px; color:#e00000; text-transform:uppercase; margin-top:10px; margin-bottom:10px;}
.jj_p4{ font-size:17px; color:#000; }

.search{ margin:15px;height:40px;display:box; display:-webkit-box; display:-moz-box; margin-bottom:0px; margin-top:0px; }
.search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0;  text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0;  border-radius:5px  0px 0px 5px;  -moz-border-radius: 5px  0px 0px 5px; 
-khtml-border-radius: 5px  0px 0px 5px; 
-webkit-border-radius: 5px  0px 0px 5px; }
.search .button{ height:40px; width:40px;     display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px  5px 5px 0px;  -moz-border-radius: 0px  5px 5px 0px;
-khtml-border-radius: 0px  5px 5px 0px;
-webkit-border-radius: 0px  5px 5px 0px; background:#000 url(../images/wap_ico031.png) center center no-repeat; cursor:pointer;}	














.pro_title{ font-size:14px; color:white; line-height:40px; text-align:center; background-color:#2cb33d; font-weight:bold;}
.pro_nr_box table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0;}
.pro_nr_box table tr td{ font-size:12.5px; padding:2px; color:#333; line-height:20px;border:1px solid #ccc; border-top:0; border-right:0;}
.pro_nr_box p{ font-size:12.5px; color:#333; line-height:20px;}


.bgtu{ width:100%;}
.bgtu img{ width:100%}


.gsmcaa{font-size: 21px;color: #000;font-weight: bold;}
.gsnr{margin-top: 20px;}
.gema{ border:1px solid #d8d8d8; height:30px; line-height:30px; width:120px; font-size:14px; text-align:center;}
.gongsitu{ padding-left:15px; padding-right:15px;}
.gzuo{ width:45%; margin-top:15px;}
.gzuo h2{ font-size:18px; color:#000; font-weight:bold; margin-bottom:10px;}
.gzuo h3{ font-weight:normal;font-size:16px; color:#333;}
.cline{ background:#000; height:1px; width:50px; margin-top:20px; margin-bottom:20px;}
.gyou{ width:50%;}
.gyou  img{ width:100%}
.smnr{ overflow:hidden;
font-size:15px; padding-left:15px; padding-right:15px;  margin-bottom:20px;
 height:125px;
 line-height:25px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:5;
 /*显示行数*/-webkit-box-orient:vertical;}
 .gema{ margin-left:15px;}
 .gsmcaa{ font-size:16px; padding-left:15px; padding-right:15px; padding-bottom:15px;padding-top:15px;}
 

.cpfenlei{ background:#f7f7f7; padding:10px;}
.cptu{ width:40%}
.cptu img{ width:100%}
.daxie{font-weight:bold;font-size: 18px;line-height:30px;}
.cumiao{ width:55%;}
.cumiao ul li{ float:left; width:50%;line-height: 25px;}


	
	 }