@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;color:#333;font-family:"arial"}
html{width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;font-size:16px;}
html.ns{overflow:hidden}

body{color:#535353;font-size: 1em;font-family:"arial";background: #f5f5f5;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{-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:0; width:100%; z-index:999;}
.toubuge{ width:100%; 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;
    top: 5px;
    left: 10px;
   
}

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


text-align: center;background-position:center center; background-size:auto 25px;
}
.menu_open {
display: block;
    width: 30px; 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;}



.news{  width:100%; box-sizing:border-box; overflow:hidden; }
.newspa{ padding:0px 15px 15px 15px; overflow:hidden; }
.ncon_item{display: flex;flex-wrap: nowrap;
overflow: hidden;
position: relative;box-sizing: border-box;
padding: 15px ;
background-color:#fff;transition:all 1s ease 0s; margin-top:12px;}
/*.ncon_item:nth-last-child(1)
{ border:0; padding-bottom:5px;}*/

.shl-n-pic {
    width: 115px;
    min-width: 115px;
    height: 85px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
  
}
.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;}

.shl-left {
 width:100%
}
.shl-ptit {
 font-size:0.85rem;
 overflow:hidden;
 width:100%;
 max-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;}

.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;}


  .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:3rem;}
#BottomNav { background-color:#0052A2;background-image: linear-gradient(to right, #0052A2 , #2486D4); bottom: 0;
    height: 3em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; 
}


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

}


#BottomNav ul li a div {
    font-size: 0.6em; padding-top:0.15rem;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.1em;
	
}

.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: fixed; 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:#333333; color:#666; z-index:200; display:none; font-size:0.9rem; box-sizing:border-box; padding-left:10px; padding-right:10px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);}


.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-open1.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;
}
.nybanner {
    width: 100%;
}
.nybanner img {
    width: 100%;
    display: block;
}
.main{ max-width:640px; width:100%;}
.op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;}





/*主页样式开始*/
.head_p1 {
    font-size: 18px;
    color: #010101;
    font-weight: bold;
}
.head_p2 {
    font-size: 10px;
    color: #010101;
    text-transform: uppercase;
    margin-top: 2px;
}
.hhpp{ box-sizing:border-box; width:100%; padding:15px; background-color:#FFF;}
.s_pro_p1 {
    font-size: 24px;
    color: #454545;
    text-align: center;
    font-weight: bold; padding-top:20px;
}
.s_pro_p2 {
    font-size: 12px;
    color: #8E8E8E;
    text-align: center;

    margin-top: 10px;
}
.s_pro_p3 {
    font-size: 10px;
    color: #454545;
    text-align: center;
    margin-top: 5px;
}
.s_pro_kuang2 {
    padding: 10px 0;display: flex;
box-sizing: border-box;
flex-wrap: wrap;
}
.s_pro_kuang2 p {
    font-size: 12px;
    color: #676767;
    line-height: 28px;
    float: left;
    padding-left: 13px;
}
.s_pro_kuang2 img {
    float: right;
}
.clearfix {
    clear: both;
}
.s_lx_p1 { width:90%; margin:0 auto;}
.s_lx_p1 img { width:100%;}
.s_jj_kuang2 {
    width: 100%;
    margin: 0 auto;
    padding: 20px; box-sizing:border-box; background: rgba(0,82,162,0.8); color:#FFF;

}
.s_jj_kuang1 {
    width: 100%;
  
    background-color: #2486d4;box-sizing:border-box;
}
 .s_jj_p2 {
    font-size: 18px;
    color: white;
    font-weight: bold;

 
}
 .s_jj_p3 {
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    margin-top: 13px; 
}
.s_jj_kuang3 {
    width: 100%;
    background-color: #e5f8ff;
    border: 1px solid #c7c7c7;
    margin-top: 5px; box-sizing:border-box;font-size: 14px;
padding: 15px;
}
.s_gg_bg {
    background: url(../images/img10.jpg) center no-repeat;
    width: 100%;
    height: 105px;text-align: center;
 
}
.s_gg_bg .s_gg_pic1 {
    margin: 0 auto;
    padding-top: 30px;max-width: 90%;
}
.s_gg_bg .s_gg_pic2 {
    margin: 0 auto;
    padding-top: 10px;max-width: 90%;
}
.s_gg2_bg {
    background: url(../images/img16.jpg) center no-repeat;
	background-size:auto 100%;
    width: 100%;
    height: 200px;

}
.s_gg2_bg .s_gg2_p1 {
   font-size: 20px;
color: #db0000;
font-weight: bold;
text-align: center;
padding-top: 45px; padding-left:20px; padding-right:20px;
}
.s_gg2_bg .s_gg2_p2 {
    font-size: 12px;
    color: #000000;
    text-align: center;
    margin-top: 14px;
    text-transform: uppercase;padding-left:20px; padding-right:20px;
}
.pro_tb {
    width: 100%;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-left: 0;
}
.pro_tb tr td {
    font-size: 13px;
    color: #333;
    line-height: 40px;
    font-family: Arial,"Microsoft YaHei";
    border: 1px solid #ccc;

    border-top: 0;
    border-right: 0;
}
.art-cshi table {
    width: 100%;
    border: 1px solid #ccc;
      
    border-bottom: 0;
    border-left: 0; width:100%!important;max-width:100%!important;
}
.art-cshi table tr td {
    padding: 3px;
    font-size: 13px;
    color: #333;
    border: 1px solid #ccc;
    border-top: 0;
    border-right: 0;table-layout:fixed; word-break: break-all; overflow:hidden;
}
/*---------------------------分割线-------------------------------------------------*/




.mt40 {
    overflow: hidden; width:100%; box-sizing:border-box; padding:0px 10px 10px 10px; background-color:#FFF;
}
.mt400 {
    overflow: hidden; width:100%; box-sizing:border-box; padding: 10px; background-color:#FFF;
}

.m2o-con{ overflow:hidden;width:100%; box-sizing:border-box;display: flex;flex-wrap: wrap;}
.m2o-con li {
    width: 100%;
    
    overflow: hidden;
    box-sizing:border-box;padding: 10px;
}
.m2o-con li:nth-of-type(2) .jkjl {background-color: #016bd2!important;}
.m2o-con li:nth-of-type(3) .jkjl {background-color: #005eba!important;}
.m2o-con li:nth-of-type(4) .jkjl {background-color: #004f9c!important;}
.m2o-con li:nth-of-type(5) .jkjl {background-color: #02478b!important;}
.jkjl{position: relative; width:100%; box-sizing:border-box; background-color:#0072e1;}
.m2o-zz  {
   font-size: 18px;border-bottom: 1px solid #82BDF6;
color: white;
font-weight: bold;
line-height: 43px;
padding-left: 13px;
}
.probopr{font-size: 14px;
line-height: 30px;
height: 30px; color:#FFF; width:50%;}
.probopr font {
    margin-left: 16px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #fff;
    margin-right: 9px;vertical-align: middle;
}

.shl-xiabg { background-color:#FFF;  
width: 100%;
position: relative;
}

.ggss{font-size: 14px; padding: 15px;line-height: 20px;box-sizing: border-box;}


.biaoti{ text-align:center; font-size:24px; font-weight:bold; padding-bottom:10px; padding-top:10px;text-transform: uppercase;}
.biaotixx{ text-align:center; font-size:12px; line-height:18px; color:#878787;}
.cplb04 {
    color: #2486D4;
    width: 110px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    line-height: 30px;
    border: #2486D4 solid 1px;
    display: block;
    border-radius: 15px;
}










/*首页结束*/

/*公司简介*/

.about{ padding:15px 15px 25px 15px; width:100%; box-sizing:border-box; overflow:hidden; background-color:#FFF;}
.about1{ padding:15px 15px 0px 15px; width:100%; box-sizing:border-box; overflow:hidden; background-color:#FFF;}




.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;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;}

 

	
.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;
}

.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;}

.alishow{ width:100%; position:relative; height:150px;transition:all 1s ease 0s;  box-sizing:border-box; background-color:#FFF; margin-top:20px;}
.alishow img{ width:100%; height:100%;object-fit: cover;}

.pshowsec{ width:100%; box-sizing:border-box; position:relative; height:110px;border: 4px solid #fff;}
.pshowsec img{ width:100%; height:100%;object-fit: cover;}


.hbjcolor{background-color: #F6FAFE;}

.hbjcolor3{background-color: #F8FEFE;}
.shl_aboutt1 {
    border-top: 1px solid #e5e3e3;
}
.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;}












/*内页样式开始*/
.proname{ text-align:center; font-size:14px; padding-top:3px; padding-bottom:3px;}
.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: 0px 0px 10px rgba(0,0,0,0.1);*/
    
    transition: all 0.4s; box-sizing:border-box;transition:all 0.8s ease 0s; margin-left:2%; margin-right:2%; margin-top:10px;overflow: hidden;
}
.fuwusec dt {
    height: 120px;border: 5px solid #f1f1f1;
}
.fuwusec dt img {
    width: 100%; height:100%;object-fit: cover; display:block;
}

.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-color:#282b34; color:#a6a9b0; font-size:14px; text-align:center; padding:25px; box-sizing:border-box; line-height:24px;}
.shl-lian a{ color:#a6a9b0;}
.shl-lian1{ background-color:#15171d; color:#58595d; font-size:14px; text-align:center; padding:12px; box-sizing:border-box; line-height:24px; border-top:1px solid #58595d;}
.shl-lian1 a{ color:#58595d;}


.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;
}

.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: 15px;background-color: #fff;
}
.article p{ padding-bottom:15px;}
.article img{  max-width:100%!important;
 height:auto!important;
 display:block}
  .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: #2486D4 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;display: inherit;
}
.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;}


.psku{ width:50%; box-sizing:border-box; position:relative; height:180px;border: 7.5px solid #fff; background-color:#f5f5f5;}
.psku img{ width:100%; height:100%;object-fit: cover;}
.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:2;/*显示行数*/ -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;
}
dl.message2{
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 100%;overflow: hidden;
}

dl.message2 dd{
	margin: 0 0 6px 0;
	padding: 5px;
	float: left;
	width: 100%; box-sizing:border-box;
}	
	
	
	.round1li2 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 30px;
	height: 30px;
	width: 100%;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;box-sizing: border-box;
}
.round1li2 textarea {
border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 30px;
height: 68px;
width: 100%;
padding-left: 5px;
border: 1px solid;
border-color: #CCC #EEE #EEE #CCC;
background: whiteSmoke;font-size: 14px;box-sizing: border-box;

}
.round1li3 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 30px;
	height: 30px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;box-sizing: border-box;
	
}
.round1li4 { margin: 0 auto; width: 100%;  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: 100px; height: 35px; border-radius: 3px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px; border: #b83930 1px solid;  
background:-moz-linear-gradient(top,#da4c42,#9a3129);/*Mozilla*/
background:-webkit-linear-gradient(top,#da4c42,#9a3129);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#da4c42,#9a3129); /*Opera11*/
}