/* CSS Document */
*{text-overflow: ellipsis;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
html,body{ height:100%; width:100%; /*max-width:1920px;*/ margin:auto;}
body{
	margin: auto; background-color:#ffffff;
	font-size: 16px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000; min-width:1200px; overflow-x:hidden; padding:0px; 
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
:focus{outline:none;}/*聚焦边框样式取消*/
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #332D2D;
}
pre,.pre{
	word-break: break-all;
        white-space: pre-line;
        overflow-wrap: break-word;  max-width:100%; white-space: pre-wrap;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}

/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img.img,.fd img.im{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img.img,.fd:hover img.im{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}

.xuanzhuan{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 10ms;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10ms;
    -webkit-animation: rotate 30ms linear infinite;
    -moz-animation: rotate 30ms linear infinite;
    -o-animation: rotate 30ms linear infinite;
    animation: rotate 30ms linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}









.box{ width:1675px; margin:auto; max-width:100%;}




.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#332D2D; color:#FFFFFF}

.pagination li a{ color:#333333}














#top{
position:fixed; top:0; width:100%; left:0; line-height:95px; z-index:99;
}

#top .logo{ height:95px;display: flex;
    justify-content:center;
    align-items:center;}
#top .box>.fr{ position:relative;}
#top .box>.fr:after{
	content:'';
	position:absolute;
	width:100%;
	left:15px;
	bottom:1px;
	width:100vw;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.3);
}

#top .navfr{ float:right;}
#top .q{
	float:left;
	padding-left:10px; padding-right:10px; 
}
#top .lan{
	min-height:100%;
	float:left;
	padding-left:10px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif; font-size:14px;
}

#top .lan a,#top .q i,#top .lan i{ color:#FFFFFF;}
#top .lan i{ font-size:22px; float:left; margin-right:3px;}
#top .q i{ font-size:24px;}
#top .box > .fr{ width:calc(100% - 450px); max-width:1000px;}
.nav{ font-size:16px; float:left; width:calc(100% - 120px); text-align:center;}
/*.nav> ul >li{ float:left;}*/
.nav ul li{  position:relative;}
.nav ul li a{
	display:block;
	position: relative;  color:#FFFFFF;
}
.nav >ul{ display:table; width:100%;}
.nav >ul >li{ display:table-cell;}
.nav >ul >li >a{ font-weight:bold;	padding-left:0px;
	padding-right:0px; font-size:18px;}
/*.nav >ul> li:hover>div> a{
	color: #337FE5;
}*/



.nav ul ul{
	position:absolute;
	top:100%;
	width:100%;
	min-width:150px;
	left:0;
	z-index:2;
	background-color:rgba(0,0,0,0.3);
	font-size:16px;
	display:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FDCE3A; margin-top:-1px;
}
.nav ul ul ul{ left:100%; top:0;border-top-width: 3px;
	border-top-style: solid;
	border-top-color:rgba(200,200,200,0.3);}
.nav ul ul li a,#top .lan ul li a{	padding-left:10px;
	padding-right:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(200,200,200,0.3); display:block; line-height:1.5; padding-top:18px; padding-bottom:18px; text-align:center; 
}
#top.fixed .nav ul ul li a,#top.fixed  .lan ul li a,#top.fixed4 .nav ul ul li a,#top.fixed4  .lan ul li a{ color:#000000;	}
/*.nav ul ul li a:hover,#top .lan ul li a:hover{ background-color:#3751a7; color:#FFFFFF}*/
.nav ul ul li a:hover,#top .lan ul li a:hover{ color:#fff; background-color: #FDCE3A;}
.nav ul li:hover>ul{ display:block}
.nav>ul>li:after{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;	content:'';
	position:absolute;
	bottom:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff; width:0; z-index:1; left:50%; }
	
.nav>ul>li.active:after,.nav>ul>li.hover:after,.nav>ul>li:hover:after{
	 width:4em; margin-left:-2em;
}
.nav>ul>li.nodes:hover:after{ margin-left:-50%; width:100%;}

#top.fixed,#top.fixed4{
	background-color:#fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}
#top.fixed  .nav >ul >li >a,#top.fixed4 .nav >ul >li >a{ font-weight:normal; color:#000000;}
#top.fixed,#top.fixed a,#top.fixed4,#top.fixed4 a{ color:#000000;}
#top.fixed .box>.fr:after,#top.fixed4 .box>.fr:after{ display:none;}
#top.fixed .nav ul li>ul,#top.fixed4 .nav ul li>ul{ background-color:#fff;}
#top.fixed .nav ul li>ul li a:hover,#top.fixed4 .nav ul li>ul li a:hover{ color:#fff;}
#top.fixed .lan a,#top.fixed .q i,#top.fixed .lan i,#top.fixed4 .lan a,#top.fixed4 .q i,#top.fixed4 .lan i{ color:#000000;}

#top.fixed .nav>ul>li.active:after,#top.fixed .nav>ul>li.hover:after,#top.fixed .nav>ul>li:hover:after,#top.fixed4 .nav>ul>li.active:after,#top.fixed4 .nav>ul>li.hover:after,#top.fixed4 .nav>ul>li:hover:after{

	border-color: #999;
}
#top.fixed4+div{ height:95px;}
.lan{ position:relative;}
.lan:before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	height:20px;
	margin-top:-10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eee;
}


.flash{--swiper-theme-color:rgba(255,255,255,0.8); position:relative; overflow:hidden;}

.flash .picli img{ width:100%;}
.flash .swiper-pagination-bullet{
	width:20px;
	height:20px;
	opacity:1;	
	border: 3px solid rgba(255,255,255,0.8);border-radius:100%;
	background-color:rgba(255,255,255,0);
}
.flash .swiper-pagination-bullet-active{ /*background-color:#E99A3E;*/border-color:#FFCD36;}

.flash .picli{ position:relative;}
.flash .txt{ position:absolute; margin-top:-100px; top:50%; left:30%; color:#FFFFFF; text-align:center; font-weight:bold; width:100vw;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.flash .txt .h1{ font-size:82px;}
.flash .txt .h2{ font-size:36px;}
.flash .txt >div{ max-width:80%; margin:auto;}
.flash .swiper-slide-active .txt{ left:0;}

/*
.search{ position:absolute; left:50%; width:900px; margin-left:-455px; bottom:80px; z-index:9; line-height:65px; background-color:rgba(93,165,249,0.6);border-radius:65px; padding:5px;}
.search input{ width:500px; height:65px; border:none; font-size:16px; padding-left:20px; padding-right:100px;border-radius:65px;}
.search button{ color:#FFFFFF; border:none; height:65px;border-radius:65px; position:absolute; top:0; right:0; background-color:#FFB969; font-size:22px; font-weight:bold; line-height:65px; padding-right:20px;}
.search form{ position:relative; float:left;}
.search form+div{ float:left;}
.search  a{ display:inline-block; font-size:18px; color:#ffffff; margin-left:5px; margin-right:5px;}
.search  a i{content:'';
	background-image: url(search.png);
	background-repeat: no-repeat;
	background-position: -140px center;display:inline-block; width:33px; height:65px; float:left; margin-left:10px;}
.search  a i.a1{background-position: -140px center;}
.search  a i.a2{background-position: -274px center;}
.search  a i.a3{background-position: -400px center;}

.search button:before{
	content:'';
	background-image: url(search.png);
	background-repeat: no-repeat;
	background-position: left center; display:inline-block; width:33px; height:65px; float:left; margin-left:10px;
}
*/

#foot{
	padding-top:75px;
	background-color:#F6F6F6;
	background-image: url(footbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #eee;
}


#foot .box *{ max-width:100%;}




#foot .qrcode{ float:right; text-align:center; display:table; text-align:center; }
#foot .qrcode>div{ display:table-cell; padding-left:5px; padding-right:5px;}

#foot .qrcode img{
	padding:5px;
	border: 1px solid #eee; max-width:100%; background-color:#FFFFFF;border-radius:5px;
}
#foot .copy{
	margin-top:0px;
	float:left;
	width:100%;
	box-sizing:border-box;
	clear:both;
	font-size:12px;
	padding-top:25px;
	padding-bottom:25px;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#eee;
	background-image: url(foot_logo.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:120px; text-align:left; margin-top:50px;
}
#foot .copy>div{ text-align:left; width:100%;}
#foot .copy,#foot .copy a{color:#888;}

#foot .copy .gotop{
	position:absolute;
	top:50%; margin-top:-15px;
	right:0px;
	border: 1px solid rgba(255,255,255,0.6); float:right; line-height:30px; height:30px; width:30px; text-align:center; cursor:pointer; background-color:#fff; 
}


#foot .foot{ float:left; clear:both; width:100%; font-size:14px; color:#4a4a4a;}
#foot .foot a{color:#4a4a4a;}
#foot .foot .row{ width:25%; float:left; box-sizing:border-box; position:relative;}

#foot .foot .fnav .hc ul li{
	width:50%;
	float:left;
	white-space: nowrap;
}
#foot .foot .row .tit{ font-size:22px; color:#444; font-weight:bold; position:relative;}
#foot .foot .row .tit:before{ content:''; position:absolute; left:0; bottom:0; background-color:#444; height:2px; width:1em;}
#foot .foot .row .hc{ margin-top:42px; position:relative; min-height:135px;}
#foot .foot .row .tit+.hc{ padding-top:10px; margin-top:0;}

#foot .foot .row:before{
	content:'';
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eee; position:absolute;  top:10%; height:80%;
}

#foot .foot .row:nth-child(1):before{ display:none;}


#foot .foot .row+.row{ padding-left:80px;}
#foot .foot .row:before{ left:40px;}

@media screen and (min-width :1366px){
#foot .foot .row+.row{ padding-left:120px;}
#foot .foot .row:before{ left:60px;}

}

.wxqrcode .close{ position:absolute; top:10px; right:10px; background-color:#000000; color:#ffffff; font-size:12px; width:20px; line-height:20px;border-radius:100%; cursor:pointer;}
.wxqrcode+.bg{ content:''; background-color:rgba(0,0,0,0.3); z-index:98; left:0; top:0; width:100%; height:100%; position:fixed; display:none;}
.wxqrcode{transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0); position:fixed; top:50%; left:10%; width:80%; height:300px; margin-top:-150px; background-color:rgba(255,255,255,0.8); z-index:99; text-align:center;border-radius:10px;display:flex;
    justify-content:center;
    align-items:center;transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
	
	
	@media screen and (min-width :400px){
	
	.wxqrcode{ width:300px; left:50%; margin-left:-150px;}
	}
	
.wxqrcode.hover,.wxqrcode.hover+.bg{display:flex;transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}	

.wxqrcode img{ width:200px; max-width:80%;}
#footnav{
	position: fixed;
	z-index:2;
	left: 0px;
	bottom: 0px;
	float:left;
	width:100%;
	background-color:#332D2D;
	display:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.6);
	text-transform: uppercase;
}
#footnav a{
	float:left;
	width:25%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF; padding-top:10px; line-height:1.2; padding-bottom:10px; font-size:14px;
}
#footnav a i{ display:block; font-size:24px; line-height:24px; margin-bottom:3px;}
#footnav a i.icon-weixin{ font-size:20px; }
#footnav a i.icon-chanpinguanli{ font-size:20px;}
#footnav a:nth-child(1):after{ display:none}


.app_header{ display:none;}


/*客服*/
.kefu{ position:fixed; top:30%;border-radius:10px; right:0; color:#FFFFFF; text-align:center; width:50px; z-index:19; font-size:12px; }

.kefu .iconfont{ color:#FFFFFF; font-size:24px; line-height:1;}
.kefu a{ color:#ffffff; overflow:hidden;}
.kefu .item:hover{ background-color:#332D2D;}
.kefu .item:nth-child(1){border-radius:25px 25px 0 0;}
.kefu .item.gotop{border-radius:0 0 25px 25px;}
.kefu .wx .wxqrcode2{
	Opacity:0;
	position:absolute;
	top:0;
	right:-200%;
	z-index:-1;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;
	border: 1px solid #dddddd; padding:5px; background-color:#FFFFFF;
}
.kefu .wx:hover .wxqrcode2{Opacity:1; position:absolute; top:0; right:100%; z-index:-1; }
.kefu .item{background-color:#332D2D;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;border-top-color: rgba(255,255,255,0.6); position:relative;
}
.kefu .item .msg{
	background-color:#332D2D;
	position:absolute;
	right:-200%; font-size:14px; height:100%;
	top:0%;
	color:#fff;
	white-space: nowrap; padding-left:10px; padding-right:10px;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;box-sizing:border-box;border-radius:35px 0 0 35px;display: flex;
    justify-content:center;
    align-items:center;
}
.kefu .item .msg>div{ text-align:left; width:100%;}
.kefu .item .msg.ftel{ right:-450%;}
.kefu .item:hover .msg{right:100%;}
/*.kefu .item .msg:after{
	content:'';
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,0);
	border-right-color:  rgba(255,255,255,0);
	border-bottom-color: rgba(255,255,255,0);
	border-left-color: #EB9912; position:absolute; right:-10px; top:50%; margin-top:-5px;
}*/
.kefu .item:nth-child(1){ border:none;}
.kefu .item a{ display:block;padding:5px;padding-top:10px; padding-bottom:10px; cursor:pointer;}
.kefu .gotop .iconfont{
	border: 2px solid #ffffff;border-radius:100%; font-size:20px; padding:5px; font-weight:bold; display:inline-block;
}
/*.kefu .gotop>a{ padding-top:30px;}*/
.kefu .gotop  .txt{ padding-top:5px;}
@media screen and (max-width :816px){
#footnav{ display:block}
.kefu{ display:none}
#foot{ padding-bottom:70px;}
}



/*.searcht{ padding-left:10px; padding-top:40px; cursor:pointer; }
.searcht i{ font-size:24px; line-height:1; color:#ffffff;}*/
.searchtop{padding-left:10px; padding-top:40px; cursor:pointer;color:#ffffff; line-height:24px;}
.searchtop i{font-size:24px; line-height:1; }
.searchtop a{
	color:#ffffff;
	display:inline-table;
	 margin-left:10px; padding-left:10px; position:relative;
}
.searchtop a:before{ content:''; position:absolute;border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff; height:80%; top:10%; left:0;}
.searchtop a i{ margin-right:5px;}	
#header.fixed .searchtop , #header.fixed4 .searchtop ,#header.fixed .searchtop a, #header.fixed4 .searchtop a{ color:#666;

}
#header.fixed .searcht i,#header.fixed4 .searcht i{ color:#666;}
.searchbg{ background-color:#332D2D; position:fixed; height:100%; width:100%; z-index:999; top:0; left:0; color:#ffffff; display:none;}
.searchbg.hover{ display: flex;}
.searchbg .close{ position:absolute; top:0; right:0; padding:10px; line-height:1; cursor:pointer;}
.searchbg .close i{ font-size:24px; color:#ffffff;}


.searchbg form{ display:block; padding-bottom:30vh;}
.searchbg input,.searcht input{ width:300px; height:45px; border:1px solid #dddddd; border-right:none; padding-left:10px; padding-right:10px;border-radius:5px 0 0 5px; float:left;}
.searchbg button{ height:45px; background-color:#fff; color:#999;  font-size:24px; border:none; width:45px;border-radius:0 5px 5px 0; text-align:center; line-height:45px;}
.searcht  button{ height:45px;  background-color:#fff; color:#333;  font-size:16px; padding-left:10px; padding-right:10px; border:none; border-radius:0 5px 5px 0; text-align:center; line-height:45px;}
.searchbg button i,.searcht  button i{ font-size:24px; line-height:40px;}
.searchbg .searchlogo{ padding-bottom:20px;}
.searcht form{ width:360px; margin:auto;}
.searcht .res{ font-size:14px; color:#666666; padding-top:5px;}
.null{font-size:14px; color:#999;  text-align:center; padding-top:50px; padding-bottom:50px;}

.searchtt{ padding-bottom:30px;}
.searchtt form{ width:500px; max-width:100%;}
.searchtt input{ width:calc(100% - 60px);}
.searchtt  button{ background-color:#332D2D; width:60px;}




.block{ padding-top:80px; padding-bottom:100px; clear:both;}


/*关于我们*/
.about{
	background-image: url(aboutbg.png);
	background-repeat: repeat-x;
	background-position: center center; padding-bottom:120px; background-size:100% 100%;
}

 .etitle{font-size:36px; font-weight:bold; line-height:1; padding-bottom:15px;}

.about .etitle{  color:#333; line-height:1.2; padding-bottom:10px;}
.about .econtent h2{ font-size:24px; line-height:1.2; color:#4b4b4b; }
.about .econtent h3{ color:#4b4b4b; line-height:1.2;}
.about .econtent{ color:#545454; font-size:20px; line-height:2.5;}
.about .econtent .left{ float:left; width:calc(100% - 600px);}
.about .econtent .tvfr{ float:right; width:500px;}
.about .econtent .tvfr *{ max-width:100%;}
.about .econtent .tv{
	position:relative;
	float:right;
	background-image: url(yy2.png);
	background-repeat: no-repeat;
	background-position: center bottom; background-size:100% 15px; padding-bottom:15px;
}
.about .econtent .tv >div{width:813px;  background-color:#E8E9EA; padding:10px; float:left; position:relative;}
.about .econtent .tv *{ max-width:100%;}
.about .econtent .tv >div>div{ position:relative;}
.about .econtent .tv video{ max-width:100%;}
.about .tvfr .tvli+.tvli{ padding-top:20px;}
.about .tvfr  .tvli{ float:left; width:100%; clear:both;}
.about .tvfr  .tvli .tit{ line-height:1.5;}
.about .econtent .tv .video{
	background-image: url(play.png);
	background-repeat: no-repeat;
	background-position: center center; width:100%; height:100%; top:0; left:0; position:absolute;
}
.progress{ position:absolute; bottom:1px; float:left; left:0; height:3px; background-color:rgba(255,255,255,0.8);color:rgba(255,255,255,0.8);}
.progress .time{ position:absolute; bottom:3px; font-size:12px; left:5px; }






.about .more{ padding-top:35px; clear:both;}
.about .more a{ background-color:#fff; color:#545454; font-size:18px; padding-left:20px; padding-right:20px; display:inline-block;border-radius:20px;}
.about .more a:hover{ background-color:#333; color:#fff;}

.proflash{background-color:#717171; clear:both; width:100%; float:left; position:relative;--swiper-navigation-size:12px;--swiper-theme-color:#fff;
}
.proflash>div{	background-image: url(probg.png);
	background-repeat: no-repeat;
	background-position: center top; padding-top:10px; margin-top:-20px; float:left; width:100%;}
.proflash .txt{

	text-align:right;
	color:#fff;
	width:100%;Opacity:0; left:100%; position:absolute; top:0;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;

}

.proflash .txt>div.box>div{	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #fff; padding-right:50px; padding-left:380px;}
.proflash .txt .h1{ font-size:41px; font-weight:bold; line-height:1.2;}
.proflash .txt .h2{ font-size:24px;font-weight:bold; margin-top:20px;line-height:1.5;}

.proflash .proli{ position:absolute; left:0; top:0; width:100%; z-index:2;}
.proflash .proli .box{ position:relative;}
.proflash .proli .box>div{ position:relative; float:left; width:320px;}
/*.proflash .swiper-button-next{ left:105px;}
.proflash .swiper-button-prev{ left:150px; right:auto;}*/
.proflash .morei{ clear:both; padding-top:30px;}
.proflash .morei>div{ display:inline-block;}
.proflash .swiper-button-next,.proflash .swiper-button-prev{ background-color:rgba(200,200,200,0.3); width:35px; height:35px; margin:auto;  background-size:10px;border-radius:100%; position:relative; left:auto; top:auto; right:auto; float:left; margin-left:5px; margin-right:5px; }
.proflash .proli  .etitle{  color:#fff;}
.proflash .proli  .hc{ padding-top:20px;}
.proflash .proli .li{ padding-top:8px; padding-bottom:8px; line-height:1.2;}
.proflash .proli .li a{ color:#fff; font-size:18px;font-weight:bold; display:block; position:relative; padding-left:15px;  }
.proflash .proli .li a i{ font-size:12px; margin-right:3px; position:absolute; left:0; top:5px;}
.proflash  .swiper-slide{ text-align:center; padding-top:250px;}
.proflash  .swiper-slide img{ max-width:100%;}
.proflash  .swiper-slide .more{  clear:both; position:absolute; bottom:0; right:0; width:100%; float:left; text-align:right;}
.proflash  .swiper-slide .more a{ background-color:#fff; color:#545454; font-size:18px; line-height:50px; padding-left:35px; padding-right:35px; display:inline-block;border-radius:50px;}
.proflash  .swiper-slide .more a:hover{ background-color:#333; color:#fff;}
.proflash  .swiper-slide-active .txt{Opacity:1; left:0;}

/*应用场景*/
.case{
	background-image: url(yybg.jpg);
	background-repeat: repeat-x;
	background-position: center top; position:relative; clear:both;--swiper-navigation-size:12px;--swiper-theme-color:#333; background-size:100% 100%;
}
.case .left .etitle{  }
.case .left .more a{ font-size:14px; color:#7f7f7f;}
.case .econtent{ position:relative; overflow:hidden; margin-top:40px;}
.case .econtent .picli{
	width:48%;
	background-image: url(yy3.png);
	background-repeat: no-repeat;
	background-position: left bottom; background-size:100% 10px; padding-bottom:10px;  float:left;
}
.case .econtent .picli:nth-child(2n){ float:right;}
.case .econtent .picli:nth-child(2n+1){ clear:both;}
.case .econtent .swiper-slide .picli{ width:100%; margin-left:auto; margin-right:auto;}
.case .econtent .picli .img{ overflow:hidden;}
.case .econtent .picli .img img{ width:100%;}
.case .econtent .picli .right{ padding:30px; padding-top:20px;background-color:#fff; background-color:rgba(255,255,255,0.6); padding-left:50px; padding-right:50px;}
.case .econtent .picli a{ display:block;border-radius:30px 0 30px 0;  overflow:hidden;}

.case .econtent .picli .ntitle{ text-align:center; font-size:28px; line-height:1.2; min-height:2.4em; max-height:2.4em; overflow:hidden; text-align:left;font-weight:bold;}
.case .econtent .picli .dp{ font-size:20px; color:#5d5c5c; line-height:1.5; min-height:1.5em; overflow:hidden; max-height:1.5em; margin-top:10px; font-weight:bold;
 
/*
  display: -webkit-box;
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical;*/

}
#cms .picli .dp{line-height:1.5; min-height:6em; overflow:hidden; max-height:6em;  display: -webkit-box;
  -webkit-line-clamp: 4; /* 设置为想要显示的行数 */
  -webkit-box-orient: vertical;
}
.case .econtent .picli .morei{ margin-top:20px; font-size:14px;line-height:2.5;}
.case .econtent .picli .morei>div{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; display:inline-block;}
.case .econtent .picli .morei i{ font-size:12px;}
.case .box{ position:relative;}
.case .swiper-button-next{ right:-50px;}
.case .swiper-button-prev{ left:-50px; }
/*.case .econtent .picli a:hover .right{ background-color:#333;}
.case .econtent .picli a:hover .ntitle{ color:#fff;}
.case .econtent .picli a:hover .morei{   }
.case .econtent .picli a:hover .morei>div{background-color:#FFFFFF; padding-left:30px; padding-right:30px; display:inline-block;border-radius:30px;}
.case .econtent .picli a:hover .dp{ color:rgba(255,255,255,0.7); }*/
.case .swiper-button-next,.case .swiper-button-prev{ background-color:rgba(200,200,200,0.3); width:35px; height:35px; margin:auto;  background-size:10px;border-radius:100%; }



.news{
	background-image: url(newsbg.jpg);
	background-repeat: repeat-x;
	background-position: center top; position:relative; clear:both;--swiper-navigation-size:12px;--swiper-theme-color:#333;
}
.news .left{ margin-bottom:30px;}
.news .left .more a{ font-size:14px; color:#7f7f7f;}
.news .ml{ float:left; width:49%;}
.news .ml .picli .img{ overflow:hidden;}
.news .ml .picli .img img{ width:100%;}
.news .ml .picli{ float:left; width:49%;background-image: url(yy3.png);
	background-repeat: no-repeat;
	background-position: left bottom; background-size:100% 20px; padding-bottom:20px;}
.news .ml .picli .right{ padding:30px; min-height:350px;}	
.news .ml .picli a{ display:block; background-color:#ffffff;}
.news .ml .picli+.picli{ margin-left:2%;}
.news .ml .picli  .ntitle{ color:#010101; font-size:24px; font-weight:bold; line-height:1.2;  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
  overflow: hidden; min-height:2.4em;}
.news .ml .picli  .date{ color:#878787; margin-top:15px;}
.news .ml .picli  .dp{ line-height:1.5; color:#4b4b4b;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; 
  overflow: hidden; font-size:14px; margin-top:20px; min-height:4.5em;
}
.news .ml .picli .morei{ margin-top:40px; font-size:14px;line-height:2.5; position:relative; color:#878787;}
.news .ml .picli .morei i{ position:absolute; right:0; top:0;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;margin-left:5px;}
.news .ml .picli .morei>div{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; display:inline-block;}

.news .ml .picli a:hover{ background-color:#333;}
.news .ml .picli a:hover .ntitle{ color:#fff;}
.news .ml .picli a:hover .date{ color:rgba(255,255,255,0.7);   }
.news .ml .picli a:hover .morei{   }
.news .ml .picli a:hover .morei>div{background-color:#FFFFFF; padding-left:30px; padding-right:30px; display:inline-block;border-radius:30px;}
.news .ml .picli a:hover .dp{ color:rgba(255,255,255,0.7); }
.news .ml .picli a:hover .morei i{ position:relative; right:auto; top:auto; color:#000; }

.news .mr{ float:right; width:48%;}
.news .mr .li{
	padding-top:18px;
	padding-bottom:18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.news .mr .li .ntitle{ font-size:24px; line-height:1.2; font-weight:bold;color:#1e1e1e;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.news .mr .li a:hover .ntitle { color:#FFCE39;}
.news .mr .li .date{ color:#878787; font-size:14px;}




.app_header{ display:none;}
.bannerin .title{ position:absolute; top:50%; margin-top:-50px; left:0; z-index:1; width:100%; }
.bannerin{
	margin:auto;
	text-align:center;
	/*min-height:400px;*/
	background-repeat: no-repeat;
	background-position: center center; color:#ffffff;display: flex;
    justify-content:center;
    align-items:center;text-shadow:0 0 5px rgba(0,0,0,0.2);background-size:100%; position:relative;
}




.bannerin .h1{ font-size:48px; position:relative; font-weight:bold;}
.bannerin .h1:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:0;
	width: 2em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; margin-left:-1em;
}
.bannerin .h2{
	font-size:24px;
	text-transform: uppercase; color:rgba(255,255,255,0.8);
}

/*内页当前位置*/
.ny{ background-color:#fff;}
#postion{ background-color:#F3F3F3;}
#postion .leftdh{ line-height:80px;}
#postion .leftdh ul ul{ display:none;}
#postion .leftdh ul>li{ display:inline-block;}
#postion .leftdh ul>li a{ display:inline-block; padding-left:20px; padding-right:20px; font-size:18px; position:relative; color:#292b2b;}
#postion .leftdh ul>li+li{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
}

#postion .leftdh ul>li.hover>a,#postion .leftdh ul>li:hover>a{ background-color:#595959; color:#FFFFFF;}
#postion .leftdh ul>li>a:after{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;	content:'';
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-10px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,0);
	border-right-color: rgba(255,255,255,0);
	border-bottom-color:rgba(255,255,255,0);
	border-left-color: rgba(255,255,255,0);}
#postion .leftdh ul>li.hover>a:after,#postion .leftdh ul>li:hover>a:after{
	border-top-color: #595959;
}

#postion .postion{ max-height:80px; min-height:80px; line-height:1.5; display: flex;justify-content:center;align-items:center; float:right; text-align:left; font-size:14px;}
#postion .postion i{ color:#cccccc; margin-right:3px;}
#postion .postion,#postion .postion a{ color:#777777;}


.boxin{ padding-top:30px; padding-bottom:30px;}
.boxin .aboutpic{ padding:0;}


.sort{ line-height:45px; padding-top:30px; padding-bottom:30px; float:left; width:100%; text-align:center; }
.sort div>ul>li{  text-align:center; margin-top:5px; margin-bottom:5px; display:inline-block; margin-left:10px; margin-right:10px;}
.sort ul ul{ display:none;}
.sort div>ul>li>a{border-radius:5px;
	display:block;
	border: 1px solid #eeeeee; padding-left:30px; padding-right:30px;color: #666; font-size:22px; font-weight:normal;line-height:60px;
}
.sort div>ul>li.hover>a,.sort div>ul>li:hover>a{ background-color:#595959; color:#FFFFFF;}

.sort{
	background-color:#ffffff;

}
.sort.fixed{ position:fixed; left:0; width:100%; z-index:22; padding-top:10px; padding-bottom:10px;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;}
.sort+div{ display:none;}
.sort.fixed+div{ display:block;}
.sort.fixed ul{ text-align:left;}

.sort.fixed ul li a{ border:none; font-size:14px; color:#000000; line-height:1.5;}
.sort.fixed ul li a:hover{ background-color:#ffffff;color: #595959; }


.phone{ display:none;}


/*详细页*/
#cms1 *{ max-width:100%;}
#cms1 .content{ font-size:16px; color:#333333; }
#cms1 h1.h1{ text-align:center;padding-right:20px; padding-left:20px; line-height:1.5;}
#cms1 h1.h1+.content{padding-top:20px;}
#cms1 .info{ color:#999; text-align:center; font-size:12px; padding-right:20px; padding-left:20px;}
#cms1 .info i{ margin-right:5px;}
.nextpage{ padding-top:20px; clear:both; line-height:1.5;}
.nextpage>div{
	padding-top:5px;
	white-space: nowrap;
	overflow: hidden; padding-bottom:5px;
}


/*产品*/
#cms .picli{

	width:23%;
	margin-left:1%;
	margin-right:1%;
	float:left; margin-bottom:20px; background-image: url(yy3.png);
	background-repeat: no-repeat;
	background-position: left bottom; background-size:100% 10px; padding-bottom:10px; 
}

#cms .picli:nth-child(4n+1){ clear:both}


#cms .picli .img{ overflow:hidden;}
#cms .picli .img img{ width:100%;}
#cms .picli .right{ padding:30px; padding-top:20px; background-color:#f5f5f5;}
#cms .picli a{ display:block;border-radius:30px 0 30px 0; overflow:hidden;}
#cms .picli .ntitle{ text-align:center; font-size:28px;}
#cms .picli .dp{ font-size:16px; color:#5d5c5c; line-height:1.5; margin-top:10px;}
#cms .picli .morei{ margin-top:20px; font-size:14px;line-height:2.5;}
#cms .picli .morei>div{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; display:inline-block;}
#cms .picli .morei i{ font-size:12px;}

#cms .picli a:hover .right{ background-color:#333;}
#cms .picli a:hover .ntitle{ color:#fff;}
#cms .picli a:hover .morei{   }
#cms .picli a:hover .morei>div{background-color:#FFFFFF; padding-left:30px; padding-right:30px; display:inline-block;border-radius:30px;}
#cms .picli a:hover .dp{ color:rgba(255,255,255,0.7); }


/*新闻动态*/
#cms .newsli{ text-align:left; position:relative; float:left; width:49%; padding-top:65px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; position:relative; padding-bottom:65px;}
#cms .newsli:nth-child(2n+1){ clear:both;}	
#cms .newsli:nth-child(2n){ float:right;}	
#cms .newsli .date{
	width:100px;
	float:left;
	text-align:center;
	color:#1e4b9c;
	line-height:1.5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd; font-size:12px; display:none; 
}
#cms .newsli .date b{ display:block; font-size:36px}
#cms .newsli .date span{ display:block}
#cms .newsli .right{
	/*margin-left:120px;*/
	position:relative;
	
}
#cms .newsli .right .time{ color:#999; font-size:12px; margin-top:-5px; margin-bottom:5px;}
/*#cms .newsli .right .time{ display:none}*/
#cms .newsli .right .share a{
	display:inline-block;
	color:#999;
	background-image: url(share.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:18px;
}
#cms .newsli .right .ntitle{
	font-size:22px;
	line-height:1.2;
	padding-bottom:10px;
	white-space: nowrap;
	overflow: hidden;
}
#cms .newsli .right .dp{ color:#999999; line-height:1.5; min-height:3em; max-height:3em; overflow:hidden;}
#cms .newsli .right .hc{ margin-right:170px;}
#cms .newsli div.img{
	position:absolute;
	top:50%; margin-top:-57px;
	right:0px;
	width:150px;
	padding:2px;
	background-color:#ffffff;
	overflow:hidden;
	border: 1px solid #dddddd;
}
#cms .newsli div.img a{ overflow:hidden; display:block;}
#cms .newsli div.img img{ width:100%;min-height:100px; max-height:100px;}

#cms .newsli:after{ content:'';	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:#FFCD36; position:absolute; bottom:0; left:0; width:0px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

#cms .newsli:hover:after{ width:100%;}



.back{ text-align:right; clear:both; padding-top:20px; line-height:38px;}
.back a{ display:inline-block; padding-left:20px; padding-right:20px; background-color:#6C6C6C; color:#FFFFFF; font-size:14px;border-radius:3px;}
.back a:hover{ background-color:#FFCD36;}







.at{ clear:both;}
.at .ali .etitle{font-size:40px; color:#333333; font-weight:bold; }
.aboutpic{
	background-image: url(mapbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.aboutpic .etitle{ padding-top:50px;float:left; width:240px; line-height:1.5; }
.aboutpic .etitle .h2{ font-size:16px;margin-top:30px;}
.aboutpic .econtent{ float:right; width:calc(100% - 400px); font-size:18px; line-height:2.5; min-height:550px;}






.shebei .econtent{ clear:both; float:left; width:100%; margin-top:30px;}
.shebei .econtent .img{ width:calc((100% - 60px) / 3); margin-left:30px; overflow:hidden;border-radius:10px; background-color:#fff; float:left; margin-top:15px; margin-bottom:15px; }
.shebei .econtent .img:nth-child(3n+1){ clear:both; margin-left:0;}
.shebei .econtent .img img{ width:100%;}
.shebei .econtent *{ max-width:100%;}

 /*联系*/
.contact{ background-color:#fff;}
.contact *{ max-width:100%;}
.contact .left{ float:left;  width:560px;}

.contact .left .hc{ font-size:20px; min-height:450px;}
.contact .left .hc>div{ width:100%; text-align:left;}
.contact .left .hc ul li{ float:left; clear:both; width:100%; padding-top:10px; padding-bottom:10px; line-height:27px;}
.contact .left .hc ul li img{ float:left; margin-right:5px;}
.contact .right{ float:right; width:calc(100% - 570px);}

.contact .map{
	clear:both;
	border: 1px solid #eee; padding:10px;box-shadow:0 0 5px rgba(100,100,100,0.1);
}
.contact .map iframe{ width:100%; min-height:560px;} 
  
  
.at .ali:nth-child(2n){ background-color:#f5f5f5;}


.table2{ margin:auto; 
	display: table;
	clear:both;
	width:100%;
	margin-top: 10px; border-top:none; border-left:none; margin-bottom:10px; 
}
.table2 .tr{
	display: table-row;
}
.table2 .td.tit{ text-align:left;}

.table2 .td{
	display: table-cell;
	padding:5px;
	width:50%;
	vertical-align: top;
}



.table2 .td.tit .t1{}
.table2 .td.tit .t2{ color:#666; font-size:12px; font-weight:normal;}

.table .td{ width:auto;}
.table{border: 1px solid #ddd;}
.table .td{border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;  color:#666666; text-align:center;}
.table .td:nth-child(1),.table .tr:nth-child(1) .td{ background-color:#f5f5f5; font-weight:bold; cursor:default; color:#000000;}.table .td:nth-child(1){ width:150px;}


.sort{ display:none;}


#postion.fixed{ position:fixed; top:110px; left:0; width:100%; z-index:99;}
@media screen and (max-width :815px){
.sort{ padding-bottom:10px;}
#postion.fixed{ position:relative; top:auto; left:auto;}

.contact .left .hc {
  font-size: 16px;
}
}



/*产品展示*/
.probg{ background-color:#6C6C6C; padding-bottom:70px; padding-top:70px; margin-top:-1px;}
#cms .proli{ width:49%; float:left; margin-top:30px; margin-bottom:30px;}
#cms .proli:nth-child(2n){ float:right;}
#cms .proli:nth-child(2n+1){ clear:both;}
#cms .proli .img{
	overflow:hidden;
	border: 1px solid #8B8B8B; background-color:#727272; text-align:center;
}
#cms .proli .img img{ width:100%;}
#cms .proli .right{ padding-top:50px;}
#cms .proli .txt{ min-height:200px;}
#cms .proli .ntitle{ font-size:41px; color:#fff; line-height:1.2;}
#cms .proli .dp{
	font-size:22px;
	color:#fff;
	color:rgba(255,255,255,0.7);
	white-space: pre-wrap; margin-top:20px;
}
#cms .proli .dp2{font-size:41px; color:#FFCE39;margin-top:20px; }

#cms .proli .morei{ margin-top:60px; line-height:40px;}
#cms .proli .morei>div{ background-color:#fff; display:inline-block; padding-left:30px; padding-right:30px;border-radius:30px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .proli a:hover .morei>div{ background-color:#FFCE39; color:#fff;}
.probg #cms1{ color:#fff;}
.probg #cms1 .content{ color:#fff; font-size:24px;}
#cms1 .probox{ max-width:1480px; margin:auto;}

.lf,.lr{ padding-top:50px; padding-bottom:50px; font-size:20px; clear:both; float:left; width:100%;}
.lf li h2,.lr li h2{ font-size:36px; font-weight:normal;}

.lf{clear:both;}
.lf li{ clear:both;}
.lf li>div:nth-child(1){ float:left; width:550px;}
.lf li>div:nth-child(2){ float:right; width:calc(100% - 580px);}

.lr{clear:both;}
.lr li{ clear:both;}
.lr li>div:nth-child(1){ float:right; width:550px;}
.lr li>div:nth-child(2){ float:left; width:calc(100% - 580px);}
.lr li strong,.lf li strong{ float:left;}
.lr li h2,.lf li h2{}
@media screen and (max-width :1250px){
.lf li>div:nth-child(1),.lr li>div:nth-child(1){ width:450px;}
.lf li>div:nth-child(2),.lr li>div:nth-child(2){  width:calc(100% - 480px);}
.lf,.lr{  font-size:16px; line-height:1.5; padding-top:30px; padding-bottom:30px;}

}
@media screen and (max-width :816px){
.lf li>div,.lr li>div,.lf li>div:nth-child(1),.lf li>div:nth-child(2),.lr li>div:nth-child(1),.lr li>div:nth-child(2){ width:100%;}
.lf li>div:nth-child(1),.lr li>div:nth-child(1){ margin-bottom:20px;}
#cms1 .content h1{ line-height:1.5;}
#cms1 .content h2{ line-height:1.5;}
}
/*p{ text-indent:2em;}
.probg p{ text-indent:0;}*/
@media screen and (max-width :1650px){
/*.about .econtent .left{ width:calc(100% - 700px);}

.about .econtent .tv > div{ max-width:650px;}*/


/*.proflash .proli{ position:relative;}*/
.proflash .proli:after{
	background-image: url(probg1.png);
	background-repeat: no-repeat;
	background-position: right top; min-height:382px; content:''; position:absolute; top:-90px;left:0; z-index:-1; width:400px;
}

}
@media screen and (max-width :1366px){
.proflash .proli:after{ top:-50px;}
}

@media screen and (max-width :1250px){
.about{ background-size:100% 100%;}
.about .econtent .left{ width:100%; padding-bottom:30px;}
.about .econtent .left .more{ text-align:right;}
/*.about .econtent .tv{  max-width:800px; clear:both; float:none; margin:auto;}
.about .econtent .tv > div{ max-width:800px; float:none; margin:auto;}*/
.about .phone{ display:block; text-align:center;}
.about .pc{ display:none;}

.about .econtent .tvfr{ width:100%; display:table;}
.about .econtent .tvfr .tvli{ display:table-cell; float:none; width:50%; }
.about .econtent .tvfr .tvli .tv{ width:98%;}

.about .econtent .tv >div{ width:100%;}

}

@media screen and (max-width :1150px){
.news{ background-size:auto 100%;}
.news .left{ margin-bottom:30px;}
.news .ml,.news .mr{ width:100%;}
.news .mr{ margin-top:30px;}
.about.block{ padding-bottom:80px;}
}

@media screen and (max-width :500px){

.about .econtent .tvfr .tvli{width:100%; display:block; }


}
.searchinput{width:600px; max-width:100%; margin:auto;}

.searchinput form{ display:block; }
.searchinput .res{ color:#999; font-size:14px; padding-top:10px;}

.searchinput input{ width:calc(100% - 87px); height:45px; border:1px solid #dddddd; padding-left:10px; padding-right:10px;border-radius:5px 0 0 5px; float:left;}
.searchinput button{ height:45px; background-color:#333; color:#FFFFFF;  font-size:14px; border:none; width:65px;border-radius:0 5px 5px 0; text-align:center; line-height:45px;}
.null{ text-align:center; color:#ccc;}
.abouthc{ margin-top:25px;}

.probg .back a{ background-color:rgba(255,255,255,0.3);}