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



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

#banner img{width: 100%; display:block;}



.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }

	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:13px; 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:#E60012;

    z-index: 60;

	width:100%;

	position:relative;

box-sizing: border-box;



		

}

.cd-logo {

    position: absolute;

    top: 10px;

    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: 115px;

    min-width: 115px;

    height: 85px;

    overflow: hidden;

    position: relative;

    border: 1px solid 

    rgba(0,0,0,.1);

    margin-right: 12px;

  

}

.shl-n-pic img { width:100%; height:100%; object-fit:cover;}

.nsort{ position:absolute; z-index:4; left:0; top:0; color:#FFF; padding:5px 10px; font-size:12px;border-bottom-right-radius:5px; overflow:hidden;}

.nscolor1{ background-color:#4e71cd;}

.nscolor2{ background-color:#52a849;}

.nscolor3{ background-color:#e1ab38;}



.shl-left {

 width:100%

}

.shl-ptit {

 font-size:0.85rem;

 overflow:hidden;

 width:100%;

 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: 6rem;

    height: 2rem;

    line-height: 1.96rem;

    text-align: center;

    font-size: .8rem;

    border: 1px solid #0a53b8;

border-radius: 5px;

color: #0a53b8;

    cursor: pointer;

    margin: 0 auto;

}









.home-tit{width: 100%;

position: relative;

margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #0a53a3; box-sizing:border-box;}

.home-tit .dtit { font-weight:bold; float:left;}

.home-tit a {

    font-family: Arial;

    font-size: 10px;

    float: right;

    color: #666;

    text-align: right;

    display: block;

    padding-top: 6px;

}











.clearfix:after {

    content: ".";

    visibility: hidden;

    display: block;

    height: 0;

    clear: both;

}





.tbottom{ height:3rem;}

#BottomNav { background-color:#E60012; bottom: 0;

    height: 3em;

    left: 0;

    overflow: hidden;

    position: fixed;

    width: 100%;

    z-index: 9; box-sizing:border-box; 

}

#BottomNav ul li {

    float: left;

    box-sizing:border-box;

    text-align: center;

    width: 25%; 

}





#BottomNav ul li a {

    color: #fff;

    display: block;

    

    padding-top:0.4rem; 



}





#BottomNav ul li a div {

    font-size: 0.65rem; padding-top:0.15rem;padding-bottom:0.5rem; 

}

#BottomNav .a {

    background-image: url(../images/shl-a.png);

}

#BottomNav .b {

    background-image: url(../images/shl-b.png);

}

#BottomNav .c {

    background-image: url(../images/shl-c.png);

}

#BottomNav .d {

    background-image: url(../images/vperson.png);

}

#BottomNav .e {

    background-image: url(../images/vbob1.png);

}

#BottomNav .f {

    background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;

}

#BottomNav .icon {

    background-position: center center;

    background-repeat: no-repeat;

    display: block;

    height: 1.4rem;

    margin: 0 auto;

    width: 1.4rem;

    background-size: auto 1.2rem;

	

}



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











.list{width: 100%;}

	.list ul li{ border-bottom:solid 1px #222; }

	.list ul li::after {

    content: '';

    display: block;

    width: 100%;

    border-bottom: 1px solid #404040;

}

	.list ul li a{padding-left: 20px;color: #E3E3E3; display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size: 0.85rem;

	}

	.list ul li .inactive{ background:url(../images/shl-down-open.png) no-repeat right center; background-size:auto 20px;}

	.list ul li .inactives{background:url(../images/shl-down-open1.png) no-repeat right center; background-size:auto 20px;} 

	.list ul li ul{display: none;}

	.list ul li ul li { border-left:0; border-right:0; background-color:#555; border-color:#666;}

	.list ul li ul li::after { border:none;}

	.list ul li ul li ul{display: none;}

	.list ul li ul li a{ padding-left:30px;background:url(../images/wap-jiany.png) no-repeat right 8px center; background-size:auto 10px;font-weight: lighter;font-size: 0.75rem; height:42px;line-height: 42px;}



















.mshouye {

    background-image: url(../images/drawer-home.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: auto 20px;

}

.jianyou {

    background-image: url(../images/shl-down-open1.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: auto 19px;

}



.main{ max-width:640px; width:100%;}

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





/*公司简介*/

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

.shlnna {

    padding-bottom: 15px; display:flex;align-items: flex-end;padding-top: 15px;

}

.biaoti {

   

    font-size: 17px;

    font-weight: 700;

    color: #C30D23;

}

.biaotixx { color:#686868; font-size:12px; padding-left:6px;}

.xjianjie {

    font-size: 14px;

    width: 100%;

    padding: 0px 0px 15px 0px;

    color: #565656;box-sizing: border-box; line-height:24px;transition:all 1s ease 0s;

}

.animate-init .xjianjie{ opacity: 0; transform: translateY(100px);}

.shl-gong1{

    padding-bottom: 30px;

}

.cplb04 {

    color: #E83C49;

    width: 110px;

    height: 30px;

    font-size: 14px;

    text-align: center;

    margin: 0 auto;

    line-height: 30px;

    border: #E83C49 solid 1px;

    display: block;

    border-radius: 15px;

}

.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:10px; 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 8px;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:13px; 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;

}

.fuwuw{ padding:0px 10px 15px 10px; width:100%; box-sizing:border-box; overflow:hidden; background-color:#FFF;display: flex;flex-wrap: wrap;}

.fuwusec {

    width: 46%;

    padding: 4px;background-color: #fff;

    box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2);

    border: 1px solid #f1f1f1;

    transition: all 0.4s; box-sizing:border-box;transition:all 0.8s ease 0s; margin-left:2%; margin-right:2%; margin-top:10px;height: 110px;overflow: hidden;

}

.fuwusec dt {

     height:100%;

}

.fuwusec dt img {

    width: 100%; height:100%;object-fit: cover; display:block;

}

.animate-init .fuwusec{ opacity: 0; transform: translateY(100px);}

.fuwusecdd {

    padding: 13px;

    transition: all 0.4s;

}

.fuwusecdd h3 { padding-bottom:10px; font-size:18px;}

.fuwusecdd p { font-size:14px; line-height:24px;}

.gaoju{ margin-top:15px;}

.shl-lian{ background-color:#E60012; color:#FFF; font-size:14px; text-align:center; padding:25px; box-sizing:border-box; line-height:24px;}

.shl-lian a{ color:#FFF;}

.shl-lian1{ background-color:#E60012; color:#FFF; font-size:14px; text-align:center; padding:15px; box-sizing:border-box; line-height:24px; border-top:1px solid #D0D0D0;}

.shl-lian1 a{ color:#FFF;}

.shl-xiaflex{ width:100%; box-sizing:border-box; display:flex;flex-wrap: wrap;padding-top: 30px;transition:all 0.8s ease 0s; padding-bottom:40px;}

.animate-init .shl-xiaflex{ opacity: 0; transform: translateY(100px);}

.shl-xiasen{ width:33.33%;}

.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: 70px; height:70px; margin:0 auto; box-sizing:border-box;transition:all 0.8s ease 0s;  margin-top:30px; border-radius:50%; overflow:hidden;

}

.shl-xiasen1 img {

    width: 100%; height:100%;object-fit: cover; display:block;

}

.animate-init .shl-xiasen1{ opacity: 0; transform: rotateY(90deg);}









.shl-xikuai{}

.shl-xiangmu {

    background-image: url(../images/wap_banner04.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%;

    background-color: rgba(0,0,0,.4); 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;}

.shl-xiangmu1 .pp2{  font-size:12px; line-height:22px; transition:all 1s ease 0.5s;}

.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:180px;transition:all 1s ease 0s; padding:0 8px; 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:4px;transition:all 1s ease 0s;background-color:#FFF;}

.pshowxx{ width:50%; box-sizing:border-box; }



.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:100%; box-sizing:border-box; position:relative; height:180px;border: 4px solid #fff;}

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

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

.ny_xz { width:100%; margin:0px auto; padding-bottom:20px; padding-top:20px;}

.ny_xz h3 { font-family: Atrament Medium;font-size:28px; text-transform:; line-height:55px; margin-bottom:15px; font-weight:90%; border-bottom:1px solid #000; margin-top:20px;}

.ny_xz ul a li { line-height:45px; padding-left:40px; background:url(../images/ny_xz_b1.png) left center no-repeat; background-size:auto 40px; font-size:17px; font-family: Atrament Medium; color:#383838;}

.ny_xz ul a:hover li  { background:url(../images/ny_xz_b2.png) left center no-repeat;color:#e60013; background-size:auto 40px; }