@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:nth-last-child(1)
{ border:0; padding-bottom:5px;}*/
.animate-init .ncon_item{ opacity: 0; transform: translateY(100px);}

.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-time {
 font-size:12px;
 color:#969696;
 margin-top:12px;

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

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


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

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

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





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


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




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





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


.tbottom{ height:3.5rem;}
#BottomNav { background-color:#1b357f; bottom: 0;
    height: 3.5em;
    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.5rem; 

}


#BottomNav ul li a div {
    font-size: 0.7em; padding-top:0.25rem;padding-bottom:0.7rem; 
}
#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/shl-e.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.3em;
	
}

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

.dier{ margin-left:10px;}
.dier h2 {
    font-size: 19px; margin:0px; padding:0px;
    color: #036eb8;
    font-weight: bold;}
.dier h3 {
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;font-weight:normal;}



.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-open1.png) no-repeat right center; background-size:auto 20px;}
	.list ul li .inactives{background:url(../images/shl-down-open.png) no-repeat right center; background-size:auto 20px;} 
	.list ul li ul{display: none;}
	.list ul li ul li { border-left:0; border-right:0; background-color:#555; border-color:#666;}
	.list ul li ul li::after { border:none;}
	.list ul li ul li ul{display: none;}
	.list ul li ul li a{ padding-left:30px;background:url(../images/wap-jiany.png) no-repeat right 8px center; background-size:auto 10px;font-weight: lighter;font-size: 0.75rem; height:42px;line-height: 42px;}

.mshouye {
    background-image: url(../images/drawer-home.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 20px;
}
.jianyou {
    background-image: url(../images/shl-down-open.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 19px;
}
.banner{ width:100%; margin:0 auto}
.banner img{ width:100%}

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





/*主页样式开始*/
.gund {
    background: #ececec no-repeat;padding: 10px;box-sizing: border-box;

    width: 100%;
}
.wrap1 {
    margin: 0 auto;
    width: 90%;
    position: relative;
}
.wrap1 img { width:100%;}

.mt40 {
    overflow: hidden; width:100%; box-sizing:border-box; padding:10px;
}

.m2o-con{ overflow:hidden;width:100%; box-sizing:border-box;display: flex;flex-wrap: wrap;}
.m2o-con li {
    width: 50%;
    
    overflow: hidden;
    box-sizing:border-box;padding: 10px;
}
.jkjl{position: relative; width:100%; box-sizing:border-box;border: #d5d7d3 solid 4px;}
.m2o-zz  {
    line-height: 38px;height: 38px; overflow:hidden;
    font-size: 12px;
    font-weight: bold;
    text-align: center; position:absolute; z-index:10;background: rgba(0,0,0,.7); width:100%;color: #fff;bottom: 0;
}
.img-box { height:120px; width:100%; box-sizing:border-box;}
.img-box img { height:100%; width:100%;object-fit: cover;}
.scpp{ background-color:#FFF;}
.shl-xiabg {
    width: 100%;
    color: #fff;
    padding: 15px;
     box-sizing:border-box; background-color:#1caa37;
}
.shl-xiangmu1 {
    width: 100%;
    color: #fff;
box-sizing:border-box;
}
.shl-xiangmu1 .pp1{  padding-bottom:10px; font-size:20px; font-weight:bold;transition:all 1s ease 0s; text-align:center; padding-top:20px;}
.shl-xiangmu1 .pp2{  font-size:12px; line-height:22px; text-align:center;}
.ggss{color: #ffffff; text-align:center;font-size: 14px; padding-top:15px;}
.ggss a{color: #ffffff;}
.aboutm {
    box-sizing: border-box;
    padding-bottom: 10px;
    padding-top: 10px;
}
.uni-video {
    width: 100%;
    object-fit: cover !important;
}
.shl-youshi {
    width: 100%;
    padding: 15px;
     box-sizing:border-box; background-color:#eee;
}
.shl-xiaflex{ width:100%; box-sizing:border-box; display:flex;padding-top: 30px;transition:all 0.8s ease 0s; padding-bottom:20px;flex-wrap: wrap;}
.shl-xiasen{ width:100%;}
.shl-xiasencc{ width:50%;}
.shl-xiasen1 {
    width: 100%; box-sizing:border-box;transition:all 0.8s ease 0s;  overflow:hidden; padding-bottom: 10px;
}
.shl-xiasen1 img {
    width: 100%; display:block;
}
.jylc1{ font-size:1.1em;background-color: #1caa37;
padding: 5px 15px;
color: #fff;display: table;}
.jylc2{ font-size:0.8em; padding-top:10px;}
.m3-tit {
    text-align: center;
}
.fwb {
    font-weight: bold;font-size: 18px;
}
.fs48 {
    font-size: 32px;color: #1caa37; font-weight:bold; padding-top:10px;
}
.biaotixx{ text-align:center; font-size:12px; line-height:18px; color:#878787;}
.cplb04 {
    color: #1caa37;
    width: 110px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    line-height: 30px;
    border: #1caa37 solid 1px;
    display: block;
    border-radius: 15px;
}










/*首页结束*/

/*公司简介*/

.about{ padding: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;}

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


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

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

 


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





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




.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:130px;transition:all 1s ease 0s; padding:0 15px; box-sizing:border-box; background-color:#FFF;}
.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_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;
}






















/*内页样式开始*/
.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: #078320 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; margin-top: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;}
.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{ 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;
}


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

.nei-tit{ width:100%; margin:0 auto;text-align:center; padding-top:30px; padding-bottom:10px; background-color:#FFF; box-sizing:border-box;}
.nei-tit h2{font-size:30px;color: #000; font-weight:normal;}
.nei-tit .wline{ background:#d22e37; width:10%; height:2px; margin:0 auto; margin-top:15px;}
.nei-tit h3 { padding-top:5px;
    font-size: 14px;
    color: #5e5e5e;
    text-transform: uppercase;text-align:center; margin:0 auto;}
.news-title {
    padding: 15px;
    border-bottom: 1px solid #EBEBEB;
}
.neidetail{ padding:20px 15px;}
.art-content {
clear: both;font-size: 15px;
line-height: 30px; overflow:hidden; min-height:250px;
}

.sss{ text-align:center; margin:0 auto; width:100%; padding-top:20px;}
.sss img{ display:block; text-align:center; margin:0 auto; margin-bottom:20px;}
.foot2 a{ color:#aaaaab}
.foot2{ margin-top:20px; border-top:1px solid rgba(255,255,255,0.1); padding-top:15px; color:#aaaaab; text-align:center; font-size:14px;}

.foot_lx{ padding:30px 15px; line-height:26px; background:#252627; color:#aaaaab; font-size:14px;}
.foot_lx a{ color:#aaaaab}
.foot_lx h2{ margin-bottom:15px; font-size:20px;}

/*内页公司简介*/
.jj_bg{background:url(../images/img19.jpg) center no-repeat; width:100%; height:270px; background-size:150%;}
.jj_bg .jj_p1{ font-size:30px; color:#be0000; font-weight:bold; text-align:center; text-transform:uppercase; padding-top:56px;}
.jj_bg .jj_p2{ font-size:17px; color:#be0000; text-align:center; text-transform:uppercase; padding-top:13px;}

.wsneirong img{ max-width:100%;}
.xshijian{ color:#555; text-align:center; font-size:0.75rem; margin-top:5px;}
.wsneirong{ font-size:0.85rem!important; line-height:1.3rem;}

/*企业荣誉*/
.neilist ul{ padding-top:1rem;}
.neilist ul li{ width:48%; float:left; margin-bottom:20px; }
.neilist ul li:nth-child(2n){ float:right}
.neidetail .shl-ptit2{ margin-top:5px;font-size:15px; overflow:hidden;
 width:100%; text-align:center;
 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}
.neidetail{ padding:20px 15px;}
.shl-ptit2 { text-align:left;
 font-size:0.9rem;
 overflow:hidden;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-n-pic2{ display: flex;justify-content: center;
align-items: center; width:100%;  overflow:hidden;height:120px;}
.shl-n-pic2  img{max-height:120px;display:block;margin:0 auto; }
.wsbian{border:#CC9900 1px dotted;width:100%;border-radius: 4px;background:#f2f2f2}
.wsmc{ text-align:center; padding-top:10px; font-size:15px;}

/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; width: 100%; color: #555; line-height: 30px; text-decoration: none; clear:both; padding-bottom:15px;}
.contentPage a:link {color: #086ab8; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #086ab8; font-weight: normal;}
.contentPage a:visited {color: #086ab8; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #086ab8; 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:#086ab8;font-weight:normal;}
.contentPage .current{color:#086ab8; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #086ab8; 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;}


/*产品列表*/
/*产品*/
.pro_tb{ width:100%; border:0; margin-bottom:20px; border:1px solid #ccc; border-bottom:0; border-left:0; border-top:0;}
.pro_tb tr td{ font-size:13px; color:#333; line-height:57px;  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:35px; text-align:center; background-color:#036eb8;font-weight:bold; margin-bottom:15px;}
.pro_nr_box table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0;}
.pro_nr_box table tr td{ padding:6px; font-size:13px; color:#333; line-height:30px;  border:1px solid #ccc; border-top:0; border-right:0;}
.pro_nr_box p{ font-size:13px; color:#333; line-height:32px;}

.back_bg{ background-color:#ebebeb; margin-top:20px;}
.back_bg p{ font-size:12px; color:#666; text-align:center; line-height:26px;}
.back_bg p a{color:#666;}

/*新闻列表*/
.ncon_item{display: flex;flex-wrap: nowrap; padding-top:15px; padding-bottom:15px;
overflow: hidden;
position: relative;box-sizing: border-box;

background-color:#fff;border-bottom: 1px solid #EBEBEB;}


.shl-n-pic {
    width: 140px;display: flex;justify-content: center;
align-items: center;
    height: 72px; text-align:center; line-height:72px; color:#fff; font-size:40px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    border-radius: 3px; margin-right:15px;
}
.shl-n-pic img { width:100%; max-height:72px; object-fit:cover;}
.shl-left {
 width:100%
}
.shl-ptit {
 font-size:16px;
 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-nr {
 font-size:0.8rem;
 overflow:hidden;
 width:100%;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1; color:#555; opacity:0.5;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-time {
 font-size:12px;
 color:#0350a2;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;

 background-repeat:no-repeat;
 padding-left:15px
}
.shl-geng{ padding-top:20px; padding-bottom:20px;}


.bantext{width:100%; position: absolute;
left: 0;
top: 100px; z-index:5; position:absolute; text-align:center; font-size:22px; font-weight:bold; color:#FFF; line-height:40px;}
.bantext1{ font-size:25px; padding-top:20px; margin-bottom:20px;}
.bantext2{ padding-top:20px}
.bantext3{ font-size:40px; margin-top:20px; }


.nyabout{ background:url(../images/wap_about.jpg) no-repeat center ; width:100%;height:150px}
.nyshiming{background:url(../images/nyshiming.jpg) no-repeat center bottom ;width:100%;height:150px;background-size:150%;}
.nytouzi{ background:url(../images/nytouzi.jpg) no-repeat center ; width:100%;height:150px;background-size:150%;}
.nycx{ background:url(../images/nycx.jpg) no-repeat center bottom ; width:100%;height:150px;background-size:150%;}
.nyhonor{ background:url(../images/nyhonor.jpg) no-repeat center ; width:100%;height:150px;background-size:150%;}
.nyjob{ background:url(../images/nyjob.jpg) no-repeat center ; width:100%;height:150px;background-size:150%;}
.nyzhinan{ background:url(../images/nyzhinan.jpg) no-repeat center ;width:100%;height:150px;background-size:150%;}
.nynews{ background:url(../images/nynews.jpg) no-repeat center ; width:100%;height:150px;background-size:150%;}
.nypro{ background:url(../images/nypro.jpg) no-repeat center; width:100%;height:150px;background-size:150%;}
.nycon{ background:url(../images/nycon.jpg) no-repeat center; width:100%;height:150px;background-size:150%;}


.neirong_biankang {
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
.index_wz{ text-align:center; margin:0 auto; padding-bottom:30px;}
.index_wz h2{ font-size:30px; color:#000; font-weight:normal; text-align:center; margin:0 auto}
.index_wz h3{ font-size:15px; color:#333; font-weight:normal; margin-top:17px;}
.index_line{ background:#d22e37; height:3px; width:60px; margin:0 auto; margin-top:20px}
.wd1300{  margin:0 auto; padding-top:40px;}
.nybg{ background:rgba(250,250,250,0.5)}
.nybg .index_wz{ padding-bottom:30px;}
.jyzuo{ width:100%; overflow:hidden; border-radius:5px;}
.jyzuo  img{transition: all 0.8s; width:100%;}
.jyzuo  img:hover{   transform: scale(1.1);}
.jyyou{ width:100%; line-height:30px; font-size:15px; margin-top:15px; }

.about_left { width:100%; }


a:hover .about_right { background-size:105% auto; }


.nybg {background: rgba(250,250,250,0.5);}

.about_right_tuz { width:100%; background:#1b357f;  margin-top:10px;}
.about_right_tu { width:100%; overflow:hidden; }

.about_right_tu .tu2 { height:100%;  width:100%; }
.about_right_tu .tu2 img { width:100%; transition: all 0.8s;}
.about_right_tu .tu2 img:hover{   transform: scale(1.1);}


.about_right_zi { width:84%; padding:8% 8%; color:#fff; font-size:15px; line-height:32px; text-align:left;}
.about_right_zi em { font-family:Arial, Helvetica, sans-serif; font-size:35px; font-weight:700; text-transform:uppercase}
.about_right_zi h3 { font-size:30px; line-height:50px;}
.about_right_zi span { font-size:25px;}
.about_right_zi p { padding-top:20px;}

.nymenu{border-bottom:1px #d9d9d9 solid; margin:0px 0px 0px; box-shadow:0px 6px 6px rgba(0,0,0,.05); }

.div1270{margin:0 auto;text-align:center}
.nymenu_mid ul li{ background-position:left center; background-repeat:no-repeat;float:left;text-align:center;background:#fff;border-right:1px solid #d1d1d1;  }
.nymenu_mid ul li:nth-child(1){background-image:none; border-left:1px solid #d1d1d1;}
.nymenu_mid ul{ margin:0 auto;display: flex; }
.nymenu_mid_s{ text-align:center}
.nymenu_mid_s ul li {float: left;display: inline-block; line-height:40px; width:100%}
.nymenu_mid ul li a{display:inline-block; font-size:15px; position:relative;text-align:center }
.nymenu_mid ul li a:after{content: ""; position: absolute;z-index: 1;opacity:0; left: 50%; width: 0;bottom: 0em; height:0.15em; background-color:#1b357f; background-repeat:no-repeat; background-position:center;  z-index:10;
-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.nymenu_mid ul li a:hover,.nymenu_mid ul li a.active{color:#fff; background:#1b357f; display:block}
/*---
.nymenu_mid ul li a:hover:after,.nymenu_mid ul li a.active:after{width:12.65em;opacity:1; margin-left:-6.325em;}---*/
.nymenu_mid p { display: none;}


/*党建工作*/
.djgz_bk{ padding:20px;}
.nydjgz dl dd{background: #fff;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);line-height: 35px;font-size: 16px; margin-bottom:30px;}
.nydjgz .riqi{ width:20%; text-align:center; border-right:1px solid #d8d8d8}
.riqi h2{ font-size:30px; color:#1b357f;}
.riqi h3{ font-size:16px; font-weight:normal}
.djgztxt{ width:75%;text-overflow:ellipsis;/*超出...*/ -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; height:75px; line-height:25px; font-size:16.5px;}
.gjgzgd{ background:#1b357f; float:none; color:#fff; text-align:center; height:30px; line-height:30px; width:110px; margin-top:20px;}

.tabbox {width:100%;}
.tabmenu {width:100%;height:40px; margin:0 auto; text-align:center}
.tabmenu ul {margin:0;padding:0;list-style-type: none;}
.tabmenu li { font-size:16px;text-align:center; float:left; display:block; width:31%; margin-left:1%; margin-right:1%; height:40px; overflow:hidden; background-color: #f2f2f2; line-height:40px; display:inline;}
.tabmenu .cli {text-align:center;float:left;display:block;width:31%;height:40px;overflow:hidden;background-color: #1b357f;line-height:40px;display:inline; cursor:pointer; color:#fff; font-size:16px;}
#tabcontent {width:100%; margin-top:60px;}
#tabcontent ul {margin:0;list-style-type: none;}
#tabcontent .hidden {display:none;}

.fanhui ul{ margin-top:40px;}
.fanhui ul li{ background:#f2f2f2; text-align:center; line-height:35px;}
.fanhui ul li:nth-child(2) a{ color:#fff}
.fanhui ul li:nth-child(2){ background:#d22e37; color:#fff; margin-top:10px; margin-bottom:10px;}


/*专利证书*/
.tupian ul li:nth-child(2n){ float:right}
.tupian ul li{ float:left;width:48%; text-align:center; overflow:hidden;margin-bottom:30px; border:1px solid #d8d8d8;background: #fff; height:170px;
border: 1px dotted #ccc;
border-radius: 5px;
box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1)}
.chanpinlbbc{display:table-cell;vertical-align:middle; padding:5px;  overflow: hidden!important; height:120px; background-size: cover !important; display: flex;justify-content: center;
align-items: center;}
.chanpinlbbc img{cursor: pointer;transition: all 0.6s; max-height:220px; max-width:100%; overflow:hidden}
.chanpinlbbc img:hover{transform: scale(1.2);}

.fnlem{background:#1b357f; height:65px;line-height:65px; text-align:center; margin:0 auto; width:100%;}
.fnlem a{ color:#fff; font-size:20px; font-weight:bold}
.flgd{ background:#d22e37; height:45px; border-radius:5px; line-height:45px; text-align:center; margin:0 auto; width:140px; margin-top:30px; margin-bottom:50px;}
.flgd a{ color:#fff; text-align:center;}

table { width:100%!important;max-width:100%!important;} 
table td{ word-break: break-all; overflow:hidden; } 
.proxx{ min-height:200px;}
.proxx table{border-left: #ccc 1px solid; border-top: #ccc 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 7px;border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;}


/*全景*/
.tupian2 ul li:nth-child(2n){ float:right}
.tupian2 ul li{ float:left;width:48%; text-align:center; overflow:hidden;margin-bottom:30px; border:1px solid #d8d8d8;background: #fff; height:140px;
border: 1px dotted #ccc;
border-radius: 5px;
box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1)}
.chanpinlbbc2{display:table-cell;vertical-align:middle; padding:5px;  overflow: hidden!important; height:130px; background-size: cover !important; display: flex;justify-content: center;
align-items: center;}
.chanpinlbbc2 img{cursor: pointer;transition: all 0.8s; max-height:220px; max-width:100%; overflow:hidden}
.chanpinlbbc2 img:hover{transform: scale(1.1);}


/*内页联系我们*/

.ditu img{ width:auto!important}

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


.banvideo {
    width: 100%;
    height: calc(100vh - 90px);
    position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../images/top.gif); position:relative;
}
.background4{ background-color:rgba(0,0,0,.2);
background-repeat: repeat;
background-image: url(../images/zz1.png); width:100%; height:100%;position: absolute;
left: 0;
top: 0; z-index:2; position:absolute;}
.bantext{width:100%; position: absolute;
left: 0;
top: 100px; z-index:5; position:absolute; text-align:center; font-size:22px; font-weight:bold; color:#FFF; line-height:40px;}
.bantext1{ font-size:20px; }
.bantext2{ padding-top:30px; }
.bantext3{ font-size:35px; }


.carousel-scroll-btn {



    width:44px;

    height:44px; margin:0 auto;

    border:1px solid #fff;

    border-radius:100%;

    overflow:hidden;

    cursor:pointer; position:relative;

}
.carousel-scroll-btn-icon {

    position:absolute;

    display:block;

    width:44px;

    height:44px;

    margin:0 auto;

    background:url(../css_ba/down-icon2.png) no-repeat center center;

    cursor:pointer;

    animation: downico 1.5s ease-out infinite; z-index:10;

}

@keyframes downico {

    0% {

        top: 0;

        opacity: 1;

    }

    35% {

        top: 50%;

        opacity: 0;

    }

    65% {

        top: -50%;

        opacity: 0;

    }

    100% {

        top: 0;

        opacity: 1;

    }

}






.baise{ background:#fff}
/*首页公司简介*/
.about_txt{width:90%; margin:0 auto;text-align:center;height:150px; line-height:30px;text-overflow:ellipsis;/*超出...*/ -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; font-size:15px;}
.gd_about{ border:2px solid #d8d8d8; text-align:center; margin:0 auto; width:150px; border-radius:25px; height:43px; line-height:435px; line-height:43px; margin-top:30px;-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;font-size:15px;}
.gd_about:hover{ background:#1b357f; border:2px solid #1b357f; padding-left:15px; padding-right:15px; display:block}
.gd_about:hover a{ color:#fff; }

/*首页上市*/
.shangshi{ background:url(../images/index_02.png) no-repeat center ; width:100%; margin:0 auto}
.shangshi .wd1300{ padding-top:150px; padding-bottom:150px; text-align:center; margin:0 auto}
.shangshi h2 a{ color:#fff;}
.shangshi h2{ font-size:45px;}
.shangshi h3{ color:#fff; font-size:30px; margin-top:30px; margin-bottom:30px;}
.shangshi h4{ color:#fff; font-size:25px;}


/*首页产品*/
.index_cp_pic{ text-align:center; margin:0 auto; margin-bottom:10px;}
.index_cp_pic img{ width:20%;text-align:center; margin:0 auto}
.chanpin h3{ width:100%; margin:0 auto; margin-top:17px; line-height:30px; color:#555;}
.searcha{width:30%; margin:0 auto; margin-top:50px;height:52px; padding-left:10px; padding-right:10px; background:#f6f6f6; border-radius:5px;}
.searcha .fl{ width:75%}
.searchinput{height:52px;border:#fefefe solid 0px;width:100%;float:left;display:inline;line-height:52px; outline:none; background:none; color:#555; opacity:0.7;}
.chan_bg{ background:url(../images/cpbg.jpg) no-repeat center;  width:100%; margin:0 auto; margin-top:40px;}

.icpic img{ width:40%; text-align:center}
.icpic{ width:100%; text-align:center; float:none; height:50px; padding-bottom:10px;}
.ictxt{ width:100%; float:none; margin-top:10px;}
.ictxt h2{ font-weight:normal; text-align:center; font-size:20px;}
.ictxt h3{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-align:center; margin-top:5px;}
.chbk{ padding-top:20px; }

.developer-solution-block{position:relative;max-width:none;text-align:center;clear:both;margin:0 auto}
/*å¤§æ ‡é¢˜*/



.developer-solution .solution-tab{font-size:18px;color:#ffffff;line-height:28px;text-align:center;display:inline-block;width:100%;float:none}
.developer-solution .solution-tab ul{background:rgba(27,53,127,0.30);opacity:1;}
.solution-tab ul li{width:33.33%;color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.2); margin:0 auto; float:left; height:200px;}
.solution-tab ul li:nth-child(2){ margin-top:1px;}
.solution-tab ul li.active{width:33.33%;background:#1b357f; margin:0 auto;}
.title h2{ font-size:30px;}
.title h3{ font-size:20px; margin-top:20px;}
.detail dl { margin-top:30px}
.tline{ background:#fff; height:3px; width:80px; margin-top:20px;}
.detail dl dd{ width:48%; float:left; border:1px solid #fff; padding-top:20px; padding-bottom:20px; text-align:center;margin-bottom:20px;}
.detail dl dd:nth-child(2n){ float:right}
.detail dl dd:hover{ background:#fff; }
.detail dl dd:hover a{color:#1b357f;}
.detail dl dd a{ color:#fff;}
.detail dl dd  h2{ font-weight:normal; font-size:17px;}
.detail dl dd  h3 { font-weight:normal; font-size:15px; margin-top:5px;}

.developer-solution .solution-detail{width:94%; float:none;display:inline-block;padding-top:30px; padding-left:3%; padding-right:3%; padding-bottom:40px; padding-top:40px; }
.developer-solution .solution-detail ul li{display:none}
.developer-solution .solution-detail ul li.active{display:block}
.solution-detail li .title{font-size:22px;color:#ffffff;line-height:28px;text-align:left;margin-bottom:14px}
.solution-detail li .detail{font-size:14px;color:#ffffff;line-height:22px;text-align:left}
/*产看更多按钮*/
.solution-detail li .more-btn{ text-align:left;margin-top:20px}
.more-btn a{ color:#fff; font-size:17px;-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.more-btn a:hover{ padding-left:15px; display:block}

/*首页优势*/
.youshi{ background: url(../images/index_22.jpg) no-repeat center #fff;
width: 100%;
margin: 0 auto;padding-top:60px; padding-bottom:60px;}
.youshi .wd1300{ padding-bottom:0px;  }
.ys01 .ysnr{ width:94%; padding-left:3%; padding-right:3% }
.ys01 .ystu{ margin-top:-120px;}
.ys01 .ystu img{ width:100%}
.ys03 .ysnr{ width:94%; padding-left:3%; padding-right:3%; float:none; margin-top:20px;}
.ys03{ margin-top:30px;}
.ys03 .ystu img{ width:100%}
.yuan{ width:65px; height:65px; border-radius:50px; line-height:65px; background:#1b357f; text-align:center; color:#fff; font-size:30px; margin-right:20px;}
.shuom h2{ font-size:30px; color:#1b357f;}
.shuom h3{ font-size:15px; font-weight:normal;font-family:Arial, Helvetica, sans-serif; color:#555; opacity:0.7; text-transform:uppercase}
.ystxt{ width:80%; margin:0 auto; margin-top:30px; line-height:30px;}
.ystxt .fl{ width:1%; border:2px solid #d22e37; width:10px; height:10px; border-radius:50px; margin-top:7px;}
.ystxt .fr{ width:94%; font-size:15px;}

.ys02{ margin-top:30px; }
.ys02 .ysnr{  float:none;  margin-top:20px;width:94%; padding-left:3%; padding-right:3%}
.ys02 .ystu{overflow:hidden; overflow:hidden}
.ys02 .ystu img{ width:100%}

/*合作伙伴*/
.hezuo{ background:url(../images/index_23.png) no-repeat center; width:100%;}
.hezuo .wd1300 .index_wz h2{ color:#fff;}
@media screen and (min-width: 320px) and (max-width: 360px){.mrd_pic{ width:75%!important; }}


.mr_div{ width:100%; height:160px; }

.mrd_nr{ height:103px}
.mrd_bl,.mrd_br{ width:37px; height:84px; position:relative; top:12px; cursor:pointer;}
.mrd_pic{ width:80%; height:103px; float:left; overflow:hidden; position:relative;display:inline;}
.mrd_ul{ }
.mrd_ul li{ height:103px; float:left; overflow:hidden; margin-left:10px; display:inline; position:relative}
.mrd_ul li span{ display:block; font-size:12px; font-weight:bold}
.mrd_si{display: flex;justify-content: center;align-items: center;width:90px; height:103px;float:left;text-align:center; background:#fff;overflow:hidden}
.mrd_si img:hover{transform: scale(1.2);}
.mrd_si img{max-width:100%;max-height:103px; transition: all 0.8s;}


/*新闻*/

.news ul li{ width:100%; display:block}
.news ul li:nth-child(1){ background:url(../images/index_26.png) no-repeat center;}
.news ul li:nth-child(1) h2{ color:#fff;}
.news ul li:nth-child(1) .fbrq{ color:#fff;}
.news ul li:nth-child(2){ margin-top:30px; margin-bottom:30px;}
.news_bk{ padding:50px 40px;}
.news ul li h2{height:60px; line-height:30px;text-overflow:ellipsis;/*超出...*/ -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; font-weight:normal; font-size:20px; margin-bottom:30px;}
.news .news_miao{height:120px; line-height:30px;text-overflow:ellipsis;/*超出...*/ -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; font-weight:normal; font-size:15.5px; margin-bottom:30px; color:rgba(255,255,255,0.7);}

.news ul li:nth-child(3) .news_nra{ background:#f5f5f5; margin-top:0px!important; height:228px!important; width:100%}
.news_nra{ background:#f5f5f5; margin-top:10px!important; height:248px; width:100%}
.news_bk_ts{ padding:30px!important;}
.fbrq{ color:#555;}
.news_tu{ width:100%; height:234px;  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.news_tu  img{max-width:100%;height:234px; transition: all 0.8s;}
.news_tu  img:hover{   transform: scale(1.2);}
.news ul li:nth-child(3) .news_tu{ margin-top:10px; width:100%; height:244px!important;  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.news ul li:nth-child(3) .news_tu  img{max-width:100%;height:244px!important; transition: all 0.8s;}
.news .news_miao_ts{height:50px; line-height:25px;text-overflow:ellipsis;/*超出...*/ -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; font-weight:normal; font-size:15.5px; margin-bottom:20px; }