<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */

*{text-overflow: ellipsis;
/*åŽ»æŽ‰ç§»åŠ¨ç«¯ç‚¹å‡»é˜´å½±æ–¹å—*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);outline:none;/*word-break:break-all;*/}
html{
	height:100%;
	width:100%;background-color: #FFFFFF;

}
/*body{
	height:100%;
	width:100%;background-color: #FFFFFF;

}*/
body{background-color: #FFFFF;
	margin: auto; 
	font-size: 16px;
	line-height: 2;
	font-family: "å¾®è½¯é›…é»‘", "å®‹ä½“", Arial;
	color: #333333; 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;}/*èšç„¦è¾¹æ¡†æ&nbsp;·å¼å–æ¶ˆ*/
table{
border-collapse: collapse;
}
pre,.pre{
	word-break: break-all;
        white-space: pre-line;
        overflow-wrap: break-word;  max-width:100%; 
}
a{
color: #4066b3;
text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #dd4427;
}
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{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    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: 10s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10s;
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    -o-animation: rotate 30s linear infinite;
    animation: rotate 30s 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)}
}


.xz .iconfont{ transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.xz:hover .iconfont {transform: rotate(360deg);}





.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:#4066b3; color:#FFFFFF}

.pagination li a{ color:#333333}


.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;}
.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:#204A9C;;
	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:#204A9C;}
.kefu .item.wx{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:#204A9C;
	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:#204A9C;
	position:absolute;
	right:-100%; 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&gt;div{ text-align:left; width:100%;}
.kefu .item .msg.ftel{ right:-350%;}
.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&gt;a{ padding-top:30px;}*/
.kefu .gotop  .txt{ padding-top:5px;}
@media screen and (max-width :816px){
#footnav{ display:block}
.kefu{ display:none}
}
#top .logo{ margin-top:7px;}
#top .logo img{ max-width:100%;}
.box{ width:1250px; margin:auto}
#top .box&gt;.fr{	width:calc(100% - 370px);margin-left:20px;}
#top .box&gt;.fr:after{ content:''; position:absolute; right:0; 

	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #114E84; bottom:0;width:calc(100% - 370px); z-index:1;
}
/*#top .box&gt;.nav{ padding-top:15px; float:left;}*/
.nav,.nav2{ font-size:16px; line-height:56px; float:left; padding-top:15px; text-align:center; width:calc(100% - 220px);}
.qfr{
	border: 1px solid #eee; border-radius:5px; overflow:hidden; margin-top:25px;
}
.qfr input{ border:none; height:32px; padding-left:10px;}
::placeholder{ color:#999;}
.qfr button{ background-color:rgba(255,255,255,0); border:none; width:32px; height:32px;}
.qfr button i{ color:#999999; font-size:18px;}

.nav&gt; ul,.nav2&gt; ul{ display:table; width:100%; z-index:2;}
.nav&gt; ul &gt;li,.nav2&gt; ul &gt;li{ display:table-cell;}
.nav&gt; ul ul,.nav2&gt; ul ul{ text-align:left; z-index:99;}

/*.nav&gt; ul &gt;li{ float:left;}*/
.nav ul li{  position:relative;}
.nav ul li a,.nav2 ul li a{
	display:block;

	position: relative;  color:#4066b3;
}

.nav &gt;ul &gt;li &gt;div&gt;a{ font-weight:bold; text-align:center;
	}
/*.nav &gt;ul&gt; li:hover&gt;div&gt; a{
	color: #DE4428;
}*/


.nav &gt;ul &gt;li:nth-child(1) &gt;a:after,.nav&gt; ul &gt;li:nth-child(1)&gt;a:before{ display:none}
.nav ul ul{ position:absolute; top:100%; width:100%; left:0; z-index:2; background-color:#FFFFFF; background-color:rgba(255,255,255,0.9); font-size:14px; display:none;

	border-top: 6px solid #999999; 

}
.nav &gt;ul &gt;li:nth-child(3) &gt; ul{min-width:120px;}
.nav ul ul ul{ left:100%; top:0;border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #DE4428;}
.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: #dddddd; display:block; line-height:1.5; padding-top:8px; padding-bottom:8px; text-align:center;
}
.nav ul li:nth-child(3) ul li a{ text-align:left;}
/*.nav ul ul li a:hover,#top .lan ul li a:hover{ background-color:#4066b3; color:#FFFFFF}*/
.nav ul ul li a:hover,#top .lan ul li a:hover{ color:#fff; background-color:#4066B3;}
.nav ul li:hover&gt;ul{ display:block; z-index:99;}
.nav&gt;ul&gt;li.active:after,.nav&gt;ul&gt;li:hover:after,.nav2&gt;ul&gt;li.active&gt;a:after,.nav2&gt;ul&gt;li:hover&gt;a:after{
	content:'';
	position:absolute;
	bottom:-6px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #999999; width:4em; z-index:3; left:50%; margin-left:-2em;
}
.nav2&gt;ul&gt;li.active&gt;a:after,.nav2&gt;ul&gt;li:hover&gt;a:after{ bottom:0px;}
.nav&gt;ul&gt;li.nodes:hover:after{ margin-left:-50%; width:100%;}

#top{
	background-color:#ffffff;
/*	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CBCED3;*/
}
/*#top .logo{ padding-top:7.5px; padding-bottom:7.5px;}*/
#top .navfr{ float:right;height:50px;}
#top .q{
	float:left;
	background-image: url(qq.jpg);
	background-repeat: no-repeat;
	background-position: left center; width:30px; min-height:100%;
}
#top .lan{min-height:100%; float:left;}
#top .lan&gt;div{
	position:relative;
	float:left;
	line-height:30px;
	font-size:14px;
	border: 1px solid #ddd;
	background-image: url(q.jpg);
	background-repeat: no-repeat;
	background-position: 10px center; padding-left:40px; padding-right:10px;border-radius:30px; 
}

#top .lan ul{display:none; position:absolute; top:calc(100% + 2px); right:0; width:100px; z-index:3; line-height:1.5; background-color:rgba(255,255,255,0.8);}
#top .lan:hover&gt;div&gt;ul{ display:block;}


.searchbg{ background-color:#ffffff; 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:#4066b3;}


.searchbg form{ display:block; padding-bottom:30vh;}
.searchbg input,.searcht input{ width:500px; max-width:calc(100vw - 80px); height:45px; border:1px solid #dddddd; padding-left:10px; padding-right:10px;border-radius:5px 0 0 5px; float:left;}
.searchbg button{ height:47px; background-color:#4066b3; color:#FFFFFF;  font-size:24px; border:none; width:45px;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;}




.flash{ position:relative;--swiper-theme-color:rgba(255,255,255,0.6);}
.flash img{ width:100%;}
.flash .txt{ position:absolute; left:0; top:0px; height:100%; width:100%; }

.flash .txt .box&gt;div{
	background-color:rgba(255,255,255,0.9);
	width:650px;
	max-width:80%;
	border-radius:50px 0 50px 0;
	color:#4066b3;
	font-size:26px;
	box-sizing:border-box;
	padding:30px;
	font-weight: bold;
}
#foot{ background-color:#f5f5f5; clear:both;padding-top:50px; clear:both; padding-bottom:15px;}
#foot .foot{ padding-bottom:50px;}
.banquan .box{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; padding-top:20px;
}
.banquan .box&gt;.fl{
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: left center; color:#888; font-size:12px;
	padding-left: 200px; background-size:auto 30px;
}

/*#foot .foot .box{ display:table;}*/
#foot .foot .box .fnav{ padding-left:50px; padding-right:50px; float:left;box-sizing:border-box;}
#foot .foot .box .fnav:nth-child(1){ width:400px;}
#foot .foot .box .fnav:nth-child(2){ width:280px;}
#foot .foot .box .fnav.qrcode{ float:right;}
#foot .foot .box .fnav.lxin{}
.fnav .tit{ font-size:18px; color:#010101;}
.fnav .hc{ font-size:14px; padding-top:10px; min-height:120px;}
.fnav .hc,.fnav .hc a{ color:#4a4a4a;}
.fnav .ftnav ul ul{ display:none;}
.fnav .ftnav ul li{ float:left; width:50%;}
.fnav+.fnav{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eee;
}
/*é¦–é¡µ*/
.pro{ clear:both;}
.pro .box{  padding-top:40px; padding-bottom:40px; overflow:hidden;}
.pro .box&gt;div{display:table; width:100%;}
.pro .box .picli{ display:table-cell; text-align:center;}
.pro .box .picli a{ display:block; padding:20px; margin:20px;border-radius:50px 0 50px 0; overflow:hidden; background-color:#FFFFFF;box-shadow:0 0 15px rgba(150,150,150,0.1);}
.pro .box .picli a div.img{ padding-top:10px; padding-bottom:10px;}
.pro .box .picli a .ntitle{ padding-top:15px; padding-bottom:5px;}
.pro .box .picli a:hover{box-shadow:0 0 15px rgba(100,100,100,0.2);}

.about{ padding-bottom:50px;}
.about .box{ background-color:#ffffff; padding:30px;border-radius:30px;box-sizing:border-box;box-shadow:0 5px 5px rgba(200,200,200,0.1);background:linear-gradient(to left,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100% );}



.about .left{ float:left; width:calc(100% - 570px); color:#696969;line-height:1.5;}
.about .left .tit{ color:#1f1f1f; font-size:30px; font-weight:bold;}
.about .left .h1{ color:#696969; font-size:22px;font-weight:bold; }
.about .left .hc{ padding-top:30px; line-height:2;}
.about video{border-radius:5px;}

.about .right{ float:right;}
.indexbg{	background-image: url(indexbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; background-size:100%;}
.yingyong{
	padding-top:20px;
	padding-bottom:20px; clear:both;--swiper-theme-color:#333;

}
.yingyong .swiper-button-prev:after,.yingyong .swiper-button-next:after{
	background-color:#fff;

	width:30px;
	text-align:center;
	line-height:30px;
	border-radius:100%;
	border: 1px solid #ddd;box-shadow:0 0 3px rgba(100,100,100,0.3);--swiper-navigation-size:20px;
}
.yingyong .swiper-button-prev:hover:after,.yingyong .swiper-button-next:hover:after{ background-color:#4066b3; color:#FFFFFF;}
.yingyong .swiper-button-prev{ left:-40px;width:40px;}
.yingyong .swiper-button-next{ right:-40px;width:40px;}
.yingyong .tit b{ float:left; font-size:30px; position:relative; padding-left:20px;}
.yingyong .tit b span{
	color:#ababab;
	position:absolute;
	right:-40px;
	top:50%;
	line-height:20px;
	margin-top:-10px; width:30px; height:20px;
	background-image: url(1_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.yingyong .tit a{ float:right; color:#ababab; font-size:12px; padding-right:30px; padding-top:20px;}
.yingyong .box{box-sizing:border-box; background-color:#ffffff; padding:20px;border-radius:30px;background:linear-gradient(#ffffff 60%,rgba(255,255,255,0));}
.yingyong .econtent{ position:relative; clear:both; padding-left:20px; padding-right:20px; padding-top:10px;}
.yingyong .econtent .swiper-container{ overflow:hidden;}
.yingyong .econtent .picli{
	overflow:hidden;
	text-align:center;
	overflow:hidden;
	background-color:#ffffff;
	border-radius:5px;
	padding:5px;
	border: 1px solid #eeeeee;
}
.yingyong .econtent .picli .img{ overflow:hidden; min-height:166px;display: flex;
    justify-content:center;
    align-items:center; max-height:166px;}
.yingyong .econtent .picli img{ max-width:100%;}
.yingyong .econtent .picli .ntitle{ padding-top:10px; padding-bottom:10px; font-size:16px; color:#000;}
.yingyong .econtent .picli:hover .ntitle{color: #dd4427;}
.sortname{ padding-top:35px;}
.sortname a{
	width:30%;
	float:left;
	min-height:100px; overflow:hidden;border-radius:10px;
	
}

.sortname a &gt;div{ overflow:hidden;border-radius:10px; position:relative;}
.sortname a div.tit{
	position:absolute;
	top:50%;
	line-height:30px;
	margin-top:-15px;
	right:30px;
	background-image: url(1_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;
	font-size:26px;
	color:#3e3e3e;
	font-weight: bold;
}
.sortname a:hover div.tit{color: #dd4427;}
.sortname a:after{ content:''; display:block; height:100px;background:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0) 60% ); margin-top:10px;border-radius:10px;}
.sortname a img{ width:100%;transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.sortname a+a{ margin-left:5%;}
.sortname a:hover img{transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}
	


/*å†…é¡µ*/
#left,#right{ margin-bottom:50px;}

#left{
	float:left;
	width:270px;
	overflow:hidden;
	background-color:#FFFFFF;
	border: 1px solid #eee;border-radius:10px; padding-bottom:100px;
}
#left .leftnav{ border-radius:5px 5px 0 0; overflow:hidden;border-radius:10px;/*min-height:1020px;*/ float:left; width:100%;}
.ny #left .leftnav{ min-height:0px;}
#right{ float:right; width:calc(100% - 300px); margin-bottom:30px; background-color:#FFFFFF;border-radius:10px;}
#left .title{
	background-image: url(in_r2_c21.jpg);
	background-repeat: repeat-x;
	background-position: center top; font-size:20px; color:#3850a8; line-height:60px; text-align:center; padding-left:20px; font-weight:bold;
}
#left .sort{ background-color:#FFFFFF; border-radius:5px 5px 0 0; font-size:16px;}
#left .sort ul li a{ 
	display:block;
	padding:5px;
	padding-right:5px;
	padding-left:40px;
	margin-bottom:5px; padding-top:10px; padding-bottom:10px; 

}
#left .sort ul li{ position:relative; clear:both;}
/*#left .sort ul li.nodes:after{ content:'+'; position:absolute; right:10px; top:8px; font-size:22px; line-height:22px;}
#left .sort ul li.nodes.active:after{ content:'-'; position:absolute; right:10px; top:8px; font-size:22px; line-height:22px;}*/

#left .sort ul li ul li a{ font-size:14px;}
#left .sort ul li.hover&gt;div a,#left .sort ul li.hover&gt;div span{color: #dd4427;}

#left .sort ul li.nodes span{ float:left; position:absolute; right:0px; top:0%; line-height:20px; margin-top:0px; width:30px; text-align:center;}
#left .sort ul li&gt;div{	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee; float:left; width:100%; margin-left:5px; margin-right:5px; width:calc(100% - 10px);}
	
#left .sort ul li.nodes&gt;div span:before{
	content: "+";
	font-size:18px;
	position:absolute;
	top:50%;
	margin-top:-10px;
	width:100%;
	text-align:center;
	left:0;
	color:#666;
	font-family: "å®‹ä½“";	
}
#left .sort ul li.nodes&gt;div span{ height:100%; }
#left .sort ul li.nodes.active&gt;div span:before{ content:''; width:12px; height:1px; float:left; background-color:#666; margin-top:-1px; left:50%; margin-left:-6px;}
  
#left .sort ul li a:before{  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;   content: "\e88e"; margin-right:20px;}
   
#left .sort&gt;ul&gt;li&gt;a:hover{ background-color:#F58108;  color:#FFFFFF;/*text-shadow: 0px 0px 3px #000000;*/border-radius:3px; }
#left .sort&gt;ul&gt;li&gt;ul{ padding-bottom:5px; display:none;}
#left .sort&gt;ul&gt;li.active&gt;ul{ display:block}
#left .sort ul li..active&gt;div a:before{ transform: rotate(90deg);}
#left .sort&gt;ul&gt;li&gt;ul&gt;li&gt;div{
	 display:block;	background-repeat: no-repeat;
	background-position: 210px center; padding-left:25px; width:calc(100% - 25px);
}
#left .sort&gt;ul&gt;li&gt;ul&gt;li&gt;div a{ padding-top:5px; padding-bottom:5px;}
#left .sort ul li ul li span{ left:60px;}


body.in{ background-color:#f5f5f5;}
.ny{ padding-bottom:30px;}
body.in #right{ background-color:#FFFFFF;}

#postion{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F3F9; margin:20px; margin-bottom:0px;line-height:50px; margin-top:10px; position:relative;
}
#postion:after{
	content:'';
	background-image: url(in_r4_c2.jpg);
	background-repeat: no-repeat;
	background-position: center top; position:absolute; bottom:-7px; left:1.3em; width:20px; height:7px;
}
#postion b{ float:left; color:#666666; font-size:20px;}
#postion .postion,#postion .postion a{color:#474747;}
#postion .postion{
	float:right;
	font-size:14px;
	background-image: url(in_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:20px;
}
#postion .postion a:last-child{ color:#3850a8;}

#cms,#cms1{padding:0px; clear:both;
	float: left;
	width: 100%;
	overflow: hidden;
	min-height:550px; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
padding-bottom:50px;
}
#cms *,#cms3 *{ max-width:100%;}
#cms3 .block2{ padding:0; background-color:#FFFFFF; padding-top:20px; padding-bottom:20px;}

#cms3  h1.h1{
	line-height:1.5;
	margin: 18px auto 32px auto;
	color: #8e8e8e;
	font-weight: normal; font-size:36px;
}
#cms1 h1.h1{ line-height:1.5; padding-top:10px; padding-bottom:10px;color: #8e8e8e; font-size:36px;}
#cms1 .content,#cms3 .content{ width:100%; margin:auto;

	overflow-x:auto;
	margin-top: 10px;
	padding-bottom: 10px; color:#333333; line-height:1.5; font-size:16px; 
}



.back a{
	background-color: #666666;

	padding-right: 15px;

	padding-left: 15px; color:#fff; clear:both; font-size:12px; display:inline-block;
}
.back a:hover{ background-color:#4066b3; color:#FFFFFF}

.back { text-align:right; clear:both; line-height:32px; padding-top:20px;
	
}

#info{
	font-size: 12px;
	color: #999999;
	text-align: center;
}
#cms1 *{ max-width:100%;}
#cms img,#cms1 img{ margin-bottom:5px; margin-top:5px;}
#cms1 h1.h1{ color:#333333;}




#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	padding-bottom: 15px;
	line-height: 32px;
	font-size: 14px; padding-top:10px;
	
}


#cms .li .ntitle{
	float: left;
	width: calc(100% - 150px);
	text-align: left;
	white-space: nowrap; font-size:18px;
	overflow: hidden;

	text-overflow: ellipsis;
	position: relative; padding-left:10px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ 
}


#cms .li .date{ float:right; width:120px; color:#999999;}


#cms .li .ntitle a:before{  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  /*content: "\eb8a"; line-height:1;*/  content: "\e88e"; margin-right:10px;}


#cms .certli{ float:left; width:32%; margin-left:2%; margin-top:10px; margin-bottom:10px; text-align:center; text-align:center; }
#cms .certli:nth-child(3n+1){ clear:both; margin-left:0;}
#cms .certli div.img&gt;div{ overflow:hidden; min-height:200px; max-height:200px;}
#cms .certli .ntitle{ line-height:1.5; margin-top:10px;}
#cms .certli div.img img{ max-height:200px; max-width:100%;}

#cms .list{ width:23%; margin-left:1%; margin-right:1%; 
overflow:hidden; float:left; margin-top:10px; margin-bottom:10px;
}

#cms .list .right{ padding: 20px; /*padding-bottom:30px; padding-top:20px;*/ clear:both;}
#cms .list .right .dp{ font-size:14px; line-height:1.5; color:#666666; height:3em; overflow:hidden; }


#cms .list:hover .right{ background-color:#4066b3;}

#cms .list:nth-child(4n+1),.pro .proli:nth-child(4n+1){ clear:both}
#cms .list  .ntitle{ line-height:1.5; margin-top:5px; text-align:center;
/*	white-space: nowrap;
	overflow: hidden;*/
}

#cms .list a:hover  .ntitle{color:#4066b3}

#cms .list .right .more{ text-align:center; padding-top:5px;}
#cms .list .right .more a{
	font-family: "æ–°å®‹ä½“";
	font-size: 12px;
	color: #606060;
}
#cms .list:hover .right .more a{ color:#FFFFFF}

#cms .list .img,#cms .certli div.img{ padding:5px;/*border-radius:3px;*/
	 
	border: 1px solid #dddddd; background-color:#FFFFFF; text-align:center; padding:5px;border-radius:5px; 
}
#cms .list .img&gt;div{min-height:200px; max-height:200px; _height:200px; overflow:hidden;border-radius:3px;  }
#cms .list .img img{max-width:100%;   max-height:200px;margin:auto;}


#cms .list .img{ /*background-color:#e8e9eb*/
	position: relative; overflow:hidden; 
}


#cms .list .img a:hover img,#cms .list:hover .img  img{opacity:1; }


#cms .picli{
	float: left;
	width: 98%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-left:1%;
	padding-right:1%;

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

/*#cms .picli:hover a{color: #0099FF;}*/
#cms .picli .img{

	overflow:hidden;
	padding: 2px;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	border: 1px solid #eee; border-radius:3px; overflow:hidden; float:left; background-color:#FFFFFF;
}
#cms .picli .img img{ width:235px; height:120px;}


#cms .picli .img+.right{ margin-left:270px; margin-right:10px;}



#cms .picli .right .dp{ float:left; width:100%; 
/*	font-family: "å®‹ä½“";*/
	font-size: 14px;
	color: #999999; line-height:1.5; height:3em; overflow:hidden;
}
#cms .picli .img+ .right&gt; .dp{ max-height:6em;}
#cms .picli .date+ .right&gt; .dp{ height:3em;}
#cms .picli .right .ntitle{
	font-size: 18px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}
#cms .picli .right .ntitle a{	font-size: 18px;}
#cms .picli .date{
	float:left;
	overflow:hidden; background-color:#eee;
	background-color:rgba(100,100,100,0.2);

	width:90px;
	height:90px;
	text-align: center;border-radius:5px; font-size:12px;
}
#cms .picli .date+.right{ margin-left:100px;}	
#cms .picli .date&gt;span{display:block; font-size:32px;background-color:rgba(255,255,255,0.2); color:#4066b3; line-height:60px;}
#cms .picli .date&gt;i{
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	color: #999; display:block;
}

#cms .picli:hover{background-color:#4066b3;border-radius:5px;

-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli:hover .date{ background-color:#FFFFFF; background-color:rgba(255,255,255,1);}
#cms .picli:hover .date&gt;span{background-color:rgba(100,100,100,0.2);}


#cms .picli img{    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;}
#cms .picli:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}


#cms .picli .right .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;

text-overflow: ellipsis;
}
#cms .picli .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#cms .picli .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 12px; 
}
#cms .picli .title,#cms .picli .dp{ float:left; width:100%;}
#cms .picli .dp{ font-size:12px; color:#999999; line-height:1.5;  }
#cms .picli:hover a,#cms .picli:hover .dp,#cms .picli:hover .time{ color:#FFFFFF}
#cms .picli:hover{ margin-left:-5px;}

#cms .newsli{
	float:left;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee; padding-top:10px; padding-bottom:10px;
}

#cms .newsli div.img{
	float:left;
	width:200px;
	overflow:hidden;
	padding:5px;
	border: 1px solid #eee;border-radius:5px;
}
#cms .newsli .img a{ overflow:hidden; display:block; }
#cms .newsli .img a img{ display:block; margin:auto;border-radius:3px;}
#cms .newsli .right{ width:calc(100% - 220px); float:right;}
#cms .newsli .right .ntitle{}
#cms .newsli .right .dp{ color:#666666;}
#cms .newsli .right .time{ font-size:12px; color:#999;}
#cms .hzli{
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	float: left;
	width: 10%;

	text-align:center;
	font-size:14px;
	
	margin-left:-1px;
	margin-top:-1px;
	position: relative;height:100px; 

}

#cms .hzli&gt;div{	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	width:100%;
	height:100px;
	float:left;
	position: absolute;
	left: 0px;
	top: 0px; background-color:#FFFFFF;	overflow:hidden;padding:5px;display: flex;font-size:16px;
    justify-content:center;
    align-items:center;border: 1px solid #dddddd;

}


#cms .hzli&gt;div.img img{ max-width:100%; max-height:100%;}	
#cms .hzli:nth-child(10n+1){  clear:both;}

#cms .hzli  a{ color:#ffffff;}


/*ç¿»è½¬*/
#cms .hzli{	position:relative;text-align:center;transform-style:preserve-3d;transition:1s;}
#cms .hzli&gt;div.ntitle{ background-color:#cccccc}
#cms .hzli,#cms .hzli&gt;div{

	backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden; 
-ms-backface-visibility:hidden; 
}
#cms .hzli&gt;div.ntitle,#cms .hzli:hover{
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);

}










#cms1 .h1{ text-align:center; font-size:28px;}


#cms1.proin h1.h1{ display:none;}

.nextpage{
	clear:both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd; float:left; width:100%; padding-bottom:10px; margin-top:20px; float:left; 
}
.nextpage&gt;div{
	width:48%;
	white-space: nowrap;
	overflow: hidden; margin-top:10px;
}
.nextpage&gt;div a{color:#4066b3;}
.nextpage&gt;div.fl{ text-align:left; float:left}
.nextpage&gt;div.fr{ text-align:right; float:right;}	

.proshow{}
.proshow .img{
	float:left;
	width:100%;
	border: 1px solid #ddd; min-height:300px; overflow:hidden;
}
.proshow .left{ float:left; width:500px;}
.proshow .qr img{
	/*padding:5px;*/
	background-color: #FFFFFF;border-radius:5px; max-width:120px;
/*	border: 1px solid #dddddd;*/
}
.profoot .swiper-container{ position:relative; overflow:hidden;}
.profoot { position:relative; padding-left:50px; padding-right:50px; clear:both;--swiper-navigation-size:20px; margin-top:20px; clear:both; float:left; width:100%;box-sizing:border-box;}
.profoot .img2{
	padding:2px;
	overflow:hidden;
	border: 1px solid #eee;box-sizing:border-box; max-width:100%; text-align:center;
}
.profoot .swiper-slide-active .img2{border-color:var(--swiper-navigation-color,var(--swiper-theme-color));}
.profoot  .swiper-button-lock{ display:block;}
.profoot .img2 img{ max-width:100%;}
.proshow .swiper-button-next, .proshow .swiper-button-prev{ padding:5px; height:20px; width:20px;border-radius:100%; background-color:#FFFFFF;
	border: 1px solid #ddd; color:#ddd; text-align:center;
}
.proshow .swiper-button-next:hover,.proshow  .swiper-button-prev:hover{
	border-color:var(--swiper-navigation-color,var(--swiper-theme-color)); color:var(--swiper-navigation-color,var(--swiper-theme-color));
}
.proshow .iconfont{ color:#999; font-size:14px; margin-right:5px;}
.proshow .right{ padding-left:20px; padding-right:20px;}
.proshow .left+ .right{ float:right; width:calc(100% - 530px); padding:0;}
.proshow .right .title{ font-size:22px; font-weight:bold;}
.proshow .right .dp{ color:#666; line-height:1.5; padding-top:20px;}
.proshow .right .lx{ padding-top:20px;}
.protitle{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	font-weight: bold; padding-top:20px;
}
.protitle span{
	display:inline-block;
	border: 1px solid #eee;border-bottom:none; padding-left:20px; padding-right:20px;border-radius:5px 5px 0 0; cursor:pointer; color:#666666;
}
.protitle span.hover{background: linear-gradient(to bottom, #fff, #eee); color:#000000;}
.protitle span + span{ margin-left:5px;}
.procontent .hc{ display:none;}
.procontent .hc.hover{ display:block;}
.ptit{
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee; margin-bottom:10px;
}
.sorts{ display:none;}
.contact{ margin-top:30px; clear:both; float:left; width:100%; min-height:0;}
.contact .left{ float:left; width:500px;}
.contact .r{ float:right; width:calc(100% - 520px);}
.contact .map iframe{ width:100%; min-height:350px;}
.leftsort20 ul li&gt;div{ padding-left:20px;}

#cms .proli{ width:20%; float:left;}

#cms .proli a{
	display:block;
	margin:5px;
	border: 1px solid #ddd; text-align:center; padding-left:10px; padding-right:10px;
}
#cms .proli a:hover{ background-color:#4066b3; color:#FFFFFF;}


.addli{
	float:left;
	width:100%;
	clear:both;
	padding-left:100px;

	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; position:relative;line-height:1.5; box-sizing:border-box;
}
.addli+.addli{ padding-top:20px;}
.addli .img{ float:left; position:absolute; height:100%; top:0; left:0; text-align:center;display: flex;
    justify-content:center;
    align-items:center; overflow:hidden; width:100px;}
.addli .img img{ max-width:100%;}	
.addli .right{  font-size:16px;}
.addli .right h2{ color:#4066b3; font-size:26px; line-height:1.2; padding-bottom:15px;}

.lianxi{ position:relative;}
.lianxi .contact{ float:right;  padding-top:70px; padding-bottom:70px; padding-left:50px;box-sizing:border-box;}


.lianxi .contact+.right iframe{ width:100%; min-height:100%;border:none;}
@media screen and (max-width :1024px){
.lianxi{ padding-top:30px; padding-bottom:50px; clear:both;}
.lianxi .contact{ padding:0; width:100%;box-sizing:border-box;}
.lianxi .contact+.right{ width:100%; position:relative;box-sizing:border-box; left:auto; top:auto; padding-left:0; padding-top:20px; }
.lianxi .contact+.right iframe{ min-height:500px;}
}

@media screen and (max-width :768px){
.addli{ padding-left:40px;}
.addli .img{ width:40px; height:40px;}
.addli + .addli .img{ top:30px;}
.addli .right h2{ font-size:18px; padding-bottom:0px; }
.lianxi .contact+.right iframe{ min-height:300px;}
}

@media screen and (max-width :500px){
.lianxi .contact+.right iframe{ min-height:200px;}
}


.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:47px; background-color:#4066b3; 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;}

.proapp{ width:32%; float:left; padding-bottom:30px; margin-left:2%;}
.proapp:nth-child(3n+1){ clear:both; margin-left:0;}
.proapp .tit{ padding-bottom:10px;}
.proapp .tit span{ color: #8e8e8e;cursor:default; font-weight:bold; font-size:17px; display:inline-block; padding-left:3px; padding-right:3px;}
.proapp .tit span.hover{color:#4066b3; }
.proapp .tab{ display:none; overflow:hidden;border-radius:5px;}
.proapp .tab.hover{ display:block;}
.proapp  .img{ overflow:hidden;}
.proapp  .img img{ width:100%;}
.proapp .tab .dp{ padding:20px 0; color:#666666; font-size:14px; }
.proapp .tab .dp&gt;div{min-height:4.5em; line-height:1.5;/* max-height:4.5em;*/ overflow:hidden;}
.proapp .tab .dp2&gt;div{min-height:7.5em;/*max-height:7.5em;*/ }
.proapp .tab.tabone&gt;.hc{ background-color:#F3F3F3; padding:0 20px;}

.pro2{ padding-top:30px; padding-bottom:30px;}
.pro2 .box&gt;div{ display:table;}
.pro2 *{ max-width:100%;}
.pro2 .box&gt;div&gt;div{ display:table-cell; width:calc(100% / 7); padding:10px;}
.pro2 .box&gt;div&gt;div&gt;div{	background-color:#fff;
	border: 2px solid #eee;padding:2px;}
.pro2 .box&gt;div&gt;div&gt;div&gt;div.img{
	overflow:hidden;
	

}
.block2{ background-color:#F3F3F3; padding:20px;box-sizing:border-box;}
.block3{ padding-top:20px; clear:both;}
.block3 .img img{ width:100%;}
.block3 .dp{ line-height:1.5; margin-top:10px;font-size:14px; min-height:4.5em; max-height:4.5em; overflow:hidden;}

.news{ padding-bottom:0;}
.news .li,.news .nli{ padding-top:10px;}

.news .li .date,.news .nli .date{
	color: #4066b3;
	font-weight:bold;
	font-size:16px;
	white-space: nowrap;
	overflow: hidden;
}
.news .li .date i,.news .nli .date i{ margin-right:5px; margin-left:-5px;}
.news .li .title,.news .nli .title{color: #3e3e3e;
font-size: 20px;
line-height: 22px;
padding-top: 4px;
word-spacing: normal;}
.news .nli+.nli{margin-top: 10px;}
.news .nli .title{ font-size: 16px;
color: #3E3E3E;
padding-top: 7px;;}
.proapp .hc{min-height:370px;}
.news .hc{ min-height:280px;}
.news2 .li,.news2 .li .title{ font-size:14px;}
.proapp .more{ background-color:#E6E6E6; font-weight:bold; margin-top:20px; padding:5px; clear:both;}
.proapp .more i{ margin-right:5px;}
.postiont i{ font-size:14px; margin-right:5px; color:#666666;}
.postiont{
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; padding-top:10px; padding-bottom:10px; margin-bottom:10px;
}
/*#foot2{ background-color:#DADADA;}*/
#cms3{ padding-bottom:50px;}
#cms3 select{ height:40px; width:280px; float:left;}
#cms3 form{ display:block; padding-bottom:20px;}
#cms3 form .fr{ width:calc(100% - 320px); float:right; position:relative;}
#cms3 form .fr input{
	width:100%;
	height:40px;
	border-radius:5px;
	border: 1px solid #666;box-sizing:border-box; padding-left:15px; padding-right:50px;
}
#cms3 button{ background-color:rgba(255,255,255,0); border:none; position:absolute; top:0; right:0; z-index:1; height:40px; width:40px;}

@media screen and (max-width :815px){
.proapp{ width:100%; padding-top:5px; padding-bottom:5px; margin-left:auto;}
.about{ margin-bottom:20px;}
.pro2 .box&gt;div&gt;div{width:25%; float:left;box-sizing:border-box;}
.pro2{  padding-bottom:0px;}
.proapp .tit span{ font-size:14px; padding-left:2px; padding-right:2px;}
.proapp .tab .dp&gt;div,.proapp .tab .dp2&gt;div{min-height:0;max-height:75em; font-size:14px; }
.proapp .tab .dp{ padding:10px;}
.proapp .tit {
  padding-bottom: 5px;
}
.proapp .hc {
  min-height: 0px;
}

}

.lanttop{ text-align:right;font-family: Arial, Helvetica, sans-serif; color:#999999;}

.lanttop a{
	display:inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px; margin-left:5px;color:#999999;
}
.lanttop .en{
	background-image: url(en.jpg);
	}
.lanttop .cn{

	background-image: url(zh.jpg);

}

.ny{ background-color:#fff;}
#foot{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
}
.postion2{
	text-align:right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee; margin-bottom:10px;
}

#cms2 .plist{ padding-bottom:20px; padding-top:20px; float:left; width:100%; clear:both;}
#cms2 .protit{
	font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee; margin-bottom:10px; line-height:30px; padding-bottom:10px;
}
#cms2 .protit b{color: #4066b3; font-size:24px;font-weight:normal;}

#cms2 .hc{}
#cms2  .proli{
	float:left;
	width:48%;
	margin-left:1%;
	margin-right:1%;
	min-height:100px;
	border: 1px solid #eee; margin-top:10px; margin-bottom:10px; box-sizing:border-box; line-height:1.2;
}
#cms2  .proli:nth-child(2n+1){ clear:both;}
#cms2 .proli .img{ overflow:hidden; width:100%; min-height:250px; max-height:250px; background-color:#eee; line-height:1.5; text-align:center; font-size:24px; font-weight:bold;}
#cms2 .proli img{ max-width:100%; max-height:100%;}
#cms2 .proli .title{
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	padding:10px;
	padding-top:25px;
	padding-bottom:25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
}
#cms2 .proli .title i{
	position:absolute;
	right:10px;
	top:50%;
	line-height:1;
	padding:5px;
	margin-top:-14px;
	border: 1px solid #4066b3;
	border-radius:100%;
	font-weight: bold;
}
#cms2 .proli a:hover .title i{ background-color:#4066b3; color:#FFFFFF;}
#cms2 .proli a:hover{ color:#000066;}

#cms2  .proli3{ width:32%; margin-left:2%; margin-right:0;}
#cms2  .proli3 .img{ min-height:150px; max-height:150px;}
#cms2  .proli3:nth-child(2n+1){ clear:none;}
#cms2  .proli3:nth-child(3n+1){ clear:both; margin-left:0;}


.prot{}
.prot .tit{font-size: 36px;color: #8e8e8e;}
.prot .prodp{font-size: 16px;color: #8e8e8e; line-height:1.5; padding-bottom:10px;}

#left2{	float:left;
	width:270px;
	overflow:hidden;
	}
#left2 .title{ font-size:12px; padding-bottom:10px; color:#999;}
#left2 .leftnav{ background-color:#F9F9F9; padding:10px;}
#left2 .leftnav form{
	border: 1px solid #eee; background-color:#FFFFFF;border-radius:3px;
}
#left2 .leftnav form input,#left2 .leftnav form button{ height:28px;}
#left2 .leftnav form input{ border:none; width:calc(100% - 30px); padding-left:10px; padding-right:10px;box-sizing:border-box;}
#left2 .leftnav form button{ background-color:#fff; border:none; width:30px;}
#left2 .leftnav form button i{ color:#666666}
#left2 .sort { padding-top:5px;}
#left2 .sort a{ display:block; position:relative; padding-top:3px; padding-bottom:3px; line-height:1.2;}
#left2 .sort ul li ul{ font-size:14px;}
#left2 .sort&gt; ul&gt; li{ padding-top:5px; padding-bottom:5px;}
#left2 .sort&gt; ul &gt;li.nodes{ padding:0;}
#left2 .sort ul li.nodes&gt;a:after{ content:'+'; position:absolute; top:0; right:0;}
#left2 .sort ul li.active.nodes&gt;a:after{ content:'-';}

#left2 .sort ul li.active&gt;ul{ display:block;}
#left2 .sort ul li ul ul{ display:none; font-size:12px;}

#left2 .sort ul li ul li.hover&gt; a{color: #dd4427;}

#left2 .sort &gt;ul &gt;li.nodes&gt;a,#left2 .sort &gt;ul &gt;li.nodes+li&gt;a,#left2 .sort &gt;ul &gt;li.nodes+li+li&gt;a{ font-weight:bold;}
#left2 .sort ul li ul li a:before {  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e88e"; margin-right:5px;
}
#left2 .sort ul li ul li a{ padding-left:0px;}
#left2 .sort ul li ul li ul li a{ padding-left:20px;}
#left2 .sort ul li ul li ul li ul li a{ padding-left:40px;}
#top .box{ position:relative;}
.nav2&gt; ul &gt;li&gt;ul{ position:absolute; left:0; top:100%; width:100%; z-index:2;background-color:#FFFFFF; display:none; padding:10px;box-sizing:border-box;}
.nav2&gt; ul &gt;li:hover&gt;ul{display:block;}
.nav2&gt; ul &gt;li&gt;ul&gt;li{ float:left;width:calc(100% / 3); line-height:1.2;}
.nav2&gt; ul &gt;li&gt;ul&gt;li.nodes{  margin-top:5px; margin-bottom:5px;}
.nav2&gt; ul &gt;li&gt;ul&gt;li.nodes+li,.nav2&gt; ul &gt;li&gt;ul&gt;li.nodes+li+li{margin-top:5px; margin-bottom:5px;}
.nav2&gt; ul &gt;li&gt;ul&gt;li a{ padding-top:5px; padding-bottom:5px; display:block; padding-left:20px; padding-right:20px;}
/*.nav2&gt; ul &gt;li&gt;ul&gt;li &gt;a{ font-weight:bold; }*/
.nav2&gt; ul &gt;li&gt;ul&gt;li:nth-child(3n+1){ clear:both;}
.nav2&gt; ul &gt;li&gt;ul&gt;li{}

.ywli{ margin-top:30px; clear:both; float:left; width:100%;}
.ywli .txt{ position:relative;}
.ywli .txt .title{display: block;
width: 420px;
height: 68px;
left: 50%;
top: 50%;
margin-left: -210px;
text-align: center;
margin-top: -28px;
position: absolute;
z-index: 1;
font-size: 56px;
color: #ffffff;
text-shadow: 5px 5px 10px rgba(0,0,0,0.5);}
.ywli .img img{ width:100%;}
.ywli .ywdp{max-width: 960px;
margin: 0px auto;
font-size: 18px;
color: #3e3e3e;
line-height: 30px;
padding-top: 15px;
word-spacing: normal;
}

.tsort{ padding-top:20px;}
.tsort ul li{ width:calc(100% / 3); float:left;}
.tsort ul li:before{
  width: 14px;
  height: 14px;
  margin-left: 0px;
  font-size: 12px;
  display: inline-block;
  color: #4066b3;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  background-color: #4066b3;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 7px;content:'';
}
.tsort ul li a {
  font-size: 16px;
  color: #8e8e8e;
}
.prodp{}
.meiti{ clear:both; margin-top:20px;}
.meiti .tit{ float:left; width:25%;  background-color: #4066b3; color:#FFFFFF; font-size:26px;padding: 25px 17px;
height: 155px;box-sizing:border-box;}
.meiti .tit&gt;div{ display:inline-block; position:relative;}
.meiti .tit&gt;div:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff; width:1.5em;
}
.meiti .econtent{ float:right; width:75%; display:table;}
.meiti .econtent .li{
	display:table-cell;
	border: 1px solid #cdcdcd; border-left:none;background: #e6e6e6;padding: 25px 17px;
height: 155px;box-sizing:border-box;
}
.meiti .econtent .li .title{
color: #4066b3;
line-height: 24px;
font-size: 20px;}
.meiti .econtent .li .title em{
	color:#000;
	font-style: normal; padding-right:5px;
}
.meiti .econtent .li .dp{font-size: 14px;
color: #3e3e3e;
line-height: 20px;
padding-top: 7px; overflow:hidden;  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* å®šä¹‰æ˜¾ç¤ºçš„è¡Œæ•° */
  overflow: hidden;
  text-overflow: ellipsis;}
  
  
 .nliimg {
	clear:both;
	float:left;
	width:100%;
	padding-top:20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd; padding-bottom:20px;
}
 .nliimg .img {
  display: block;
  width: 21.7%;
  float: left;
}
.nliimg .img+.r{ float:right; width:76%;box-sizing:border-box; padding-right:100px; position:relative;}
.nliimg .img+.r .read-mark{ position:absolute; top:50%; margin-top:-20px; right:0;}
.nliimg a:hover .img+.r .read-mark{ color:#000066;}
.nliimg .img+.r .icon-arrowRight{
	border: 1px solid #4066b3;border-radius:100%; line-height:1; padding:10px;
}
.nliimg a:hover .img+.r .icon-arrowRight{ background-color:#000066; color:#FFFFFF;border-color:#000066;}
.nliimg .img+.r h1 {

  font-size: 16px;
  color: #000066;
  padding-bottom: 12px;
  padding-top: 10px;

}
.nliimg .img+.r p{
color: #666666;
font-size: 18px;
padding-top: 8px;
padding-right: 18%;
line-height: 24px;
}

</pre></body></html>