@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;color:#333; font-family:Arial, Helvetica, sans-serif;}
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","Arial, Helvetica, sans-serif";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{font-family:"Arial, Helvetica, sans-serif"/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:0; width:100%; z-index:999; background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; }
.toubuge{ width:100%; height:50px; background:#fff;}
.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;
   
}

.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;}*/
.animate-init .ncon_item{ opacity: 0; transform: translateY(100px);}
.shl-n-pic {
    width: 100px;
    height: 85px; line-height:85px; text-align:center;
    overflow: hidden; font-size:40px;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);background:#4a4a4a; color:#fff;
    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;}

.biaotixx {font-size:14.5px;width: 100%; text-align:center; color: #747474;box-sizing: border-box;transition:all 1s ease 0.5s; margin:0 auto; padding-bottom:20px;}
.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;
}



.bottomNav {
	/*border:1px solid red;
	*/
    width:100%;
	height:70px;
	position:fixed;
	bottom:1px;
}
.bottomNav_item {
	/*border:1px solid red;
	*/
    width:20%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:28px;
	height:28px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.inital_color {
    color: #027845;
}
.bottomNav_item p {
	margin-top:3px; font-size:14px; text-transform:capitalize;}
	.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}



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

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

/*-------产品----*/
/*首页产品*/
.s_pro_box{ padding:40px 15px;padding-bottom:35px;margin:0 auto; background:#fff;}
.animate-init .s_pro_p1{ opacity: 0; transform: translateY(100px);}
.animate-init .s_pro_p2{ opacity: 0; transform: translateY(100px);}
.animate-init .s_pro_ss1{ opacity: 0; transform: translateY(100px);}
.s_pro_p1{box-sizing: border-box;transition:all 1s ease 00s;}


.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 */} 



.gengduo{ background:#aebc9f; width:150px; text-align:center; margin:0 auto; height:40px; line-height:40px;}
.gengduo a{ color:#fff; font-size:15px;}

.en_miao{  color:#353535; font-size:14px;  margin:0 auto;font-family:Arial, Helvetica, sans-serif; margin-top:30px;height:``0px; line-height:22px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow:hidden; margin-bottom:30px; text-align:justify;}

.s_pro_p1{ color:#047b28; font-size:28px;text-align:center;box-sizing: border-box;font-family:"微软雅黑"; font-weight:bold;}

.s_pro_p2 h3{ font-size:17px; line-height:24px; color:#6e7f5d;padding-top:15px;}

.s_pro_box .s_pro_p2{font-size:15px; color:#585858; text-align:center; margin-top:10px;box-sizing: border-box;transition:all 1s ease 00s;}
.s_pro_ss1{ width:229px; margin:0 auto; margin-top:22px; margin-bottom:45px;box-sizing: border-box;transition:all 1s ease 00s;}
.s_pro_ss1 .s_pro_pic1{ float:left;}
.s_pro_ss1 .s_pro_title{ width:139px; height:23px; border:1px solid #cbcbcb; float:left; border-left:0; font-size:12px; color:#8d8d8d; line-height:23px; padding-left:10px;}
.s_pro_ss1 .s_pro_pic2{ float:left;}

.s_pro_box ul li{ float:left; width:48%;margin-bottom:20px;}
.s_pro_box ul li:nth-child(2n){ float:right!important}
.animate-init .s_pro_tip{ opacity: 0; transform: translateY(100px);}
.s_pro_tip{box-sizing: border-box;transition:all 1s ease 00s;}

.s_pro_tip .s_pro_line{ height:7px; background-color:#246815; margin-bottom:1px;}
.s_pro_tip .s_pro_kuang{ background:url(../images/img1.jpg) center; padding-top:25px; height:170px}
.s_pro_tip .s_pro_kuang p{ font-size:13px; color:#282828; line-height:30px; padding-left:15px; padding-right:15px; overflow:hidden;
 height:30px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical}
.s_pro_tip .s_pro_kuang p a{color:#282828;}
.s_pro_tip .s_pro_kuang p a:hover{color:#246815;}
.s_pro_tip .s_pro_kuang p span{color:#2b2b2b;}
.s_pro_tip .s_pro_p3{ font-size:16px; color:#585858; text-align:center; margin-top:15px;}
.s_pro_tip .s_pro_p3 a{color:#585858;}
.s_pro_tip .s_pro_p3 a:hover{color:#246815;}

.s_pro_tip:nth-child(8){ margin-right:0;}

/*-----优势----*/

.animate-init .s_ys_bg{ opacity: 0; transform: translateY(100px);}
.s_ys_bg{box-sizing: border-box;transition:all 1s ease 00s;}
.s_ys_bg{ background:url(../images/img4.jpg) center no-repeat; width:100%; padding-top:40px; padding-bottom:40px; }
.s_ys_bg .s_ys_p1{ font-size:16px; color:white; text-align:center;}
.s_ys_bg .s_ys_p2{ font-size:27px; color:white; text-align:center; font-weight:bold; margin-top:5px;}
.s_ys_bg .s_ys_p3{ font-size:25px; color:white; text-align:center; font-style:italic; text-transform:uppercase; margin-top:20px;}

.s_ys_tip1{ width:55%}

.animate-init .wsdiyi{ opacity: 0; transform: translateY(100px);}
.wsdiyi{box-sizing: border-box;transition:all 1s ease 00s;}

.animate-init .wsdiyi2{ opacity: 0; transform: translateY(100px);}
.wsdiyi2{box-sizing: border-box;transition:all 1s ease 0s; margin-top:20px;}

.animate-init .wsdiyi3{ opacity: 0; transform: translateY(100px);}
.wsdiyi3{box-sizing: border-box;transition:all 1s ease 0s; margin-top:20px;}


.s_ys_bg1{ padding-top:35px; padding-bottom:35px; margin:0 auto; background:#fff;box-sizing:border-box;}

.youshia { width:45%;}
.youshia img{ width:100%}
.s_ys_line{ width:4px; margin-left:15px; height:30px; background-color:#246815;margin-right:10px; }
.clear{ clear:both}
.s_ys_kuang .s_ys_p4{ font-size:18px; color:#585858; line-height:30px; color:#000;}
.s_ys_kuang  h2{text-transform:uppercase; font-size:14px;line-height:30px; font-weight:normal; float:left}
.s_ys_tip .s_ys_kuang .s_ys_p4 span{ font-size:24px;}
.s_ys_p5{ padding-left:15px;font-size:13px; line-height:20px;color:#585858; padding-top:5px;}







.wsdiyi{ box-sizing: border-box;transition:all 1s ease 0;}
.s_ys_tip2 .s_ys_kuang  .s_ys_p5{ padding-left:35px; margin-top:5px!important;}


/*公司简介*/
.about{ padding:35px 15px; box-sizing:border-box; overflow:hidden; background-color:#FFF;}
.shlnna {    width: 100%;box-sizing: border-box;}
.biaoti {font-size:20px;width: 100%; text-align:center; color: #585858;box-sizing: border-box;transition:all 1s ease 0s; margin:0 auto; padding-top:20px;}
.biaoti  span{ font-weight:bold}
.animate-init .biaoti{ opacity: 0; transform: translateY(100px);}

.xjianjie {font-size: 14px;color: #565656;margin-top:20px;box-sizing: border-box;transition:all 1s ease 0;
  overflow:hidden;
 height:88px;
 line-height:22px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:4;
 /*显示行数*/-webkit-box-orient:vertical}
 
.animate-init .xjianjie { opacity: 0; transform: translateY(100px);}

.shl-gong1{ margin-top:20px;}
.cplb04 { background:#7b7b7b;color: #fff; width: 110px; height: 30px;font-size: 14px;text-align: center;  margin: 0 auto; line-height: 30px;display: block;}


.animate-init .shl-gong1{ opacity: 0; transform: translateY(100px);}
.shl-gong1{box-sizing: border-box;transition:all 1s ease 0s;}


/*-------首页地图---*/
.ditu{ width:100%; margin:0 auto; box-sizing:border-box; }
.animate-init .s_ditu_box{ opacity: 0; transform: translateY(100px);}
.s_ditu_box{box-sizing: border-box;transition:all 1s ease 0s; font-size:14px;}



/*-----友情链接----*/
.link_bg{ background-color:#e5e5e5; padding-top:20px; padding-bottom:18px; margin-top:1px; padding-left:15px; padding-right:15px;box-sizing:border-box;}
.link_box{width:100%; margin:0 auto; }

.animate-init .link_box{ opacity: 0; transform: translateY(100px);}
.link_box{box-sizing: border-box;transition:all 1s ease 0.5s;}

.link_box img{ width:100%}
.link_box .img_5{}
.aaap img{ width:100%}
.link_box ul li{ float:left; width:48%}
.link_box ul li:nth-child(2n){ float:right}

.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{color:#667b50; font-size:14px; text-align:center; padding:25px; box-sizing:border-box; line-height:20px; background:#fff; padding-top:15px;}
.shl-lian a{ color:#667b50;}
.en_tel{  line-height:35px; font-size:25px; }
.en_mail{ line-height:25px; font-size:17px; padding-top:5px; margin-top:5px; }
.shl-lian1{ color:#7a7a7a; font-size:14px; text-align:center;  box-sizing:border-box; line-height:24px; padding-bottom:15px;padding-top:15px;  background:#262626}
.shl-lian1 a{ color:#7a7a7a;}
.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;}
.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; text-transform:capitalize;width:100%; box-sizing:border-box;background-color: #fff; 
border-bottom: 1px solid #ebebeb;font-size: 27px;
font-weight: 700;
color: #027845; line-height:40px;}
.article {
    padding: 15px;
    color: #606060;width:100%; box-sizing:border-box; line-height:26px;font-size: 14px;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: #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; height:180px;border: 7.5px solid #fff; background-color:#f5f5f5;display: flex;justify-content: center;
align-items: center;}
.psku img{ max-height:180px;}
.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-box-orient:vertical; overflow:hidden; 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: 200px; height: 100%; top: 50px; right:-200px; 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-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_down{ background: url('../images/shl-down-open1.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:1.2em;
}
.round1li2 textarea { font-family:"Arial, Helvetica, sans-serif";
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:1.2em;
}
.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:1.2em;
}
.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: #027845 1px solid;  
background:-moz-linear-gradient(top,#027845,#184e0c);/*Mozilla*/
background:-webkit-linear-gradient(top,#027845,#184e0c);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#027845,#184e0c); /*Opera11*/
}
	
	
	
	.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: 115px;
    min-width: 115px;
    height: 72px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1); 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:14px;
 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;
 /*显示行数*/-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:#027845;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;

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

.contentPage{text-align:center; margin:0px 3px; padding:0px; color: #555; line-height: 30px; text-decoration: none; clear:both; padding-bottom:15px;padding-top:15px;}
.contentPage a:link {color: #027845; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #027845; font-weight: normal;}
.contentPage a:visited {color: #027845; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #027845; 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:#027845;font-weight:normal;}
.contentPage .current{color:#027845; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #027845; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; 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;}

 #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:#246815; 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; line-height:40px;font-family:Arial,"Microsoft YaHei"; border:1px solid #ccc; border-top:0; border-right:0;}
.pro_tb tr td a{ color:#333;}



.pro_title{ font-size:14px; color:white; line-height:40px; text-align:center; background-color:#246815; font-weight:bold;}
.pro_nr_box table{border:1px solid #ccc; border-bottom:0; border-left:0;}
.pro_nr_box table tr td{ padding:11px; font-size:13px; color:#333; line-height:32px;border:1px solid #ccc; border-top:0; border-right:0;}
.pro_nr_box p{ font-size:13px; color:#333; line-height:28px;}




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


.channellistbg{ width:100%; background:#FFFFFF; padding:10px 0; padding-top:30px; padding-bottom:30px; }
.channellist1{ width:95%;border:0px solid red; margin:0px auto; overflow:hidden;}

.channellist1 li{float:left;text-align:center; border:0px dashed blue; width:25%; }

.channellist1 li a{display:block; margin:5px;  padding-top:0px; overflow:hidden; line-height:30px; color:#FFF; font-size:15px; text-transform:capitalize;
-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px;
-webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); 
-o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190);
}

.channellist1 li img{ vertical-align:middle; max-width:100%; width:50%; height:50%; padding-top:10px; margin:0 auto; text-align:center}

.channellist1 li .ChannelName1{  border-radius:10px;}
.channellist1 li .ChannelName2{  border-radius:0 0 0 50px; }
.channellist1 li .ChannelName3{  border-radius:0 50px 0 0; }
.channellist1 li .ChannelName4{  border-radius:50px 0 0 0; }


.channellist1 li .ChannelIcon1{ }

.channellist1 li .ChannelIcon2{ }


.s_pro_box{box-sizing:border-box;}
.animate-init .s_pro_p1{ opacity: 0; transform: translateY(100px);}
.s_pro_p1{box-sizing: border-box;transition:all 1s ease 00s;}

.animate-init .en_miao{ opacity: 0; transform: translateY(100px);}
.en_miao{box-sizing: border-box;transition:all 1s ease 0.3s;}

.animate-init .gengduo{ opacity: 0; transform: translateY(100px);}
.gengduo{box-sizing: border-box;transition:all 1s ease 0.3s;}


.wap_chanpin{ margin:0 auto; padding-left:15px; padding-right:15px; padding-top:40px; padding-bottom:40px; box-sizing:border-box; }

.cpha{ font-size:30px;text-transform:uppercase; color:#047b28; padding-bottom:30px;font-family:"微软雅黑"; font-weight:bold; text-align:center; margin:0 auto}

.animate-init .cpha{ opacity: 0; transform: translateY(100px);}
.cpha{box-sizing: border-box;transition:all 1s ease 0s;}

.animate-init .ema{ opacity: 0; transform: translateY(100px);}
.ema{box-sizing: border-box;transition:all 1s ease 0.2s;}

.wap_chanpin ul{ padding-bottom:20px;}
.wap_chanpin ul li{width:46%; border:2px solid #aebc9f; height:40px; line-height:36px; margin-bottom:15px;box-sizing: border-box;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; text-align:center;-webkit-line-clamp: 1; overflow:hidden; float:left;}
.wap_chanpin ul li a{ font-size:14px;}
.wap_chanpin ul li:nth-child(2n){ float:right!important}

.en_lianxi{ padding-top:30px;}

.animate-init .shl-lian{ opacity: 0; transform: translateY(100px);}
.shl-lian{box-sizing: border-box;transition:all 1s ease 0.3s;}

.animate-init .shl-lian1{ opacity: 0; transform: translateY(100px);}
.shl-lian1{box-sizing: border-box;transition:all 1s ease 0.3s;}

.animate-init .article{ opacity: 0; transform: translateY(100px);}
.article{box-sizing: border-box;transition:all 1s ease 0s;}

.animate-init .sab-tit{ opacity: 0; transform: translateY(100px);}
.ab-tit{box-sizing: border-box;transition:all 1s ease 0s;}

.animate-init .mediaFullText{ opacity: 0; transform: translateY(100px);}
.mediaFullText{box-sizing: border-box;transition:all 1s ease 0.1s;}

.animate-init .pskuflex{ opacity: 0; transform: translateY(100px);}
.pskuflex{box-sizing: border-box;transition:all 1s ease 0.1s;}



.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; float:left; width:73%}
.search .button{ height:40px; width:19%;     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;}