/* CSS Reset */
body, div, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0; font-size:14px;font-family:Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial; color:#333;}
body sup {display: inline-block!important;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#242424;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#333;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
* {font-family:Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:16px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#a1a4b2;font-size:16px;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color: #a1a4b2;font-size:16px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #a1a4b2;font-size:16px;}
img {max-width: 100%;max-height:100%;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.opacity0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}
.content {width:96%;margin: auto;}
ul,li{ list-style:none;padding:0;margin:0;}
/* header */
.header {position: fixed;left: 0;top:0;width: 100%;z-index: 999;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header .content {width: 94%;margin: auto;}
.header .content .left {position: relative;height: 112px;}
.header .content .left .logo{display: block;width: 240px;height: 70px;position: absolute;left: 0;top: 50%;margin-top: -28.5px; background: url("../images/logo.png") left center no-repeat;background-size: 100%;}
.header .content .left .logo img{opacity: 0;}
.header .content .right {text-align: right;font-size: 0;}
.header .content .right .nav{display: inline-block;vertical-align: middle;margin: 0;padding: 0;list-style: none;}
.header .content .right .nav li{display: inline-block;margin: 0;padding:45px 33px 0px 34px;height: 72px; list-style: none;position: relative;}
.header .content .right .nav li::after,.header .content .right .search::after{content: '';display: block;width: 1px;height:24px;position: absolute;right: 0;top: 50%;margin-top: -14px; background: #e4e8ed;opacity: .1;}
.header .content .right .nav li a{color: #fff; font-size: 18px; font-weight:bold;padding-bottom: 10px; position: relative;text-transform: capitalize;}
.header .content .right .nav li a::after {content: '';display: block;width:0px;height:2px;position: absolute;left: 0;bottom: 0; background: #52afe6;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header .content .right .nav li a:hover::after {width:100%;}
.header .content .right .nav li a:hover{color: #f08200;}
.header .content .right .search {display: inline-block;vertical-align: middle;padding: 0 30px;position: relative;}
.header .content .right .search .icon {display: block;width: 17px;height: 17px; cursor:pointer;background: url("../images/ss.png") center no-repeat;background-size: 100% ;}
.header .content .right .language {display: inline-block;vertical-align: middle;margin: 0 0px 0 30px;padding:40px 0; overflow: hidden;cursor: pointer;}
.header .content .right .language .icon{display: block; width: 17px;height: 17px;background: url("../images/ll.png") no-repeat;}
.header .content .right .language .language-show{display: none;position: absolute;width: 100px;padding:10px;right: 6px;text-align: center;top: 80px;background: rgba(0,0,0,.5)}
.header .content .right .language .language-show:before {content: '';position: absolute;top: -10px;left: 50%;margin-left: -15px;border-right: 15px solid transparent;border-left: 15px solid transparent;border-bottom: 15px solid #000;}
.header .content .right .language .language-show a{display: block; color: #fff;font-size: 12px;line-height: 27px; margin-bottom:10px;opacity: .5;}
.header .content .right .language .language-show a:hover {opacity: 1;}
.header .content .right .language .language-show.cur {display: block;}
.scroll-top{border-bottom: 1px solid #e6e6e6;}
.header.hover{border-bottom: 1px solid #e6e6e6 !important;}
.header.scroll-down {top: -100px;}
.header.scroll-top,.header.hover {background: #fff;}
.header.scroll-top,.header.hover a{color:#333 !important;}
.scroll-top .nav a{ color:#333 !important;}
.header.scroll-down .header-nav-show 
{display: none;}

.scroll-top .content .left .logo img{opacity: 1;}
.header.scroll-top,.header.hover img{opacity: 1 !important;}
.header.hover .search .icon{background: url("../images/se.png") center no-repeat  !important;}
.header.hover .language .icon{background: url("../images/ll1.png") center no-repeat  !important;}
.scroll-top .content .right .search .icon{background: url("../images/se.png") center no-repeat  !important;}
.scroll-top .content .right .language .icon{background: url("../images/ll1.png") center no-repeat  !important;}
.header.scroll-top .left {height: 80px;}
.header.scroll-top .right .nav li {padding:30px 33px 29px 34px;height: auto;}
.header.scroll-top .content .right .language {padding:20px 0 20px 0;}
.header.scroll-top .header-nav-show {top: 80px;}
.header.scroll-top .content .right .language .language-show {background: #000;}
.header.scroll-top .content .right .nav li::after, .header.scroll-top .content .right .search::after {margin-top: -10px;}

/* header - menu */
.header .content .right .nav li.cur a::after {width:100%;}
.header .content .right .nav li.cur a{color: #f08200;}
.header .content .right .nav li a.cur{color: #f08200;}
.header-nav-show {position: absolute;left: 0;top: 117px;background: #fff;width: 100%;height: auto;overflow: hidden;z-index: 999;}
.header-nav-show .content {overflow: hidden;}
.header-nav-show .content .nav-content.Hide {display: none;}
.header-nav-show .content .nav-content {display: block;padding:2% 0; min-height: 100px;}
.product-nav {position: relative;overflow: hidden;text-align: center;}
.product-nav .type-item{width: 13%;display: inline-block;vertical-align: top; margin-right:2%;text-align: left;}
.product-nav .type-item:last-child {margin-right: 0;}
.product-nav .type-item .img{width: 100%; height: 160px;background: #f2f2f2;position: relative;overflow: hidden;}
.product-nav .type-item .img img {display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto;height: auto;}
.product-nav .type-item .img a:hover img{transform:scale(1.05);transition: all .4s;}
.product-nav .type-item .text{overflow: hidden;}
.product-nav .type-item .text .ptitle{border-bottom: 1px solid #ededed;position: relative;}
.product-nav .type-item .text .ptitle h3{margin:15px 0;}
.product-nav .type-item .text .ptitle h3 a {display: block;}
.product-nav .type-item .text .ptitle h3 a:hover {color: #f08200;}
.product-nav .type-item .text .ptitle i{width:22px;height: 25px;position: absolute;right: 0;top: 0;background: url("../images/right5.svg") center no-repeat;background-size:100%;}
.product-nav .type-item .text .ptitle:hover a{color: #f08200;}
.product-nav .type-item .text .ptitle:hover i{background: url("../images/right4.svg") center no-repeat;background-size:100%;}
.product-nav .type-item .text .plist{overflow: hidden;padding: 10px 0;}
.product-nav .type-item .text .plist li {list-style: none;margin: 0;padding: 0;max-width: 30%;}
.product-nav .type-item .text .plist li.fl {float: left;min-width:15%;}
.product-nav .type-item .text .plist li.fr {float: right;min-width:15%;margin-right: 10%;}
.product-nav .type-item .text .plist a{display: block;font-size: 16px;color: #999;position: relative;padding: 5px 20px 5px 0;}
.product-nav .type-item .text .plist a::after {content: '';width: 10px;height: 10px;margin-left: 10px; display:block;position: absolute;top:50%;margin-top: -5px;right: 0; background: url("../images/right8.svg") no-repeat center;opacity: .4;}
.product-nav .type-item .text .plist a:hover {color: #000;} 
.product-nav .type-item .text .plist li.fl a {font-size: 16px;}
.product-nav .type-item .text .plist li a {font-size: 14px;}	

#application .product-nav .type-item .img {height: 158px;}
#fenix .product-nav .type-item .text .plist li {max-width: 40%;}
#service .product-nav .type-item .text .plist li {max-width: 40%;}
#about .product-nav .type-item .text .plist li {max-width: 40%;}

.index-products-center {overflow: hidden;padding-left:3%;padding-right:3%;padding-top:100px;padding-bottom:100px;}
.index-products-center .top{width: 85%;margin: auto;padding:0px 0 50px 0;overflow: hidden;position: relative;}
.index-products-center .top .title-style{text-align: center;}
.index-products-center .top .title-style .line {margin: 20px auto auto;}
.index-products-center .top .text{padding: 20px 0 0 0;overflow: hidden; color: #737373;font-size: 16px;line-height: 26px;text-align: center;}
.index-products-center .bottom5{position: relative;padding-left: 33.333333%;background: #000;overflow: hidden;}
.index-products-center .bottom5 a:first-child {position: absolute;left: 0;top: 0;width: 33.333333%;height: 100%;}
.index-products-center .bottom5 a:first-child  .text {bottom:4.2%;}
.index-products-center .bottom5 a{position: relative;display: block;overflow: hidden;float: left;width: 50%;}
.index-products-center .bottom5 .text {position: absolute;left: 5%;bottom: 8%;width: 90%;z-index: 50;color:#fff;}
.index-products-center .bottom5 .text h4{font-size: 20px;font-weight: normal;margin:8px 0;text-transform: uppercase;opacity: .2;}
.index-products-center .bottom5 .text h3{font-size: 20px;margin: 0;}
.index-products-center .bottom5 .img {position: relative;overflow: hidden;}
.index-products-center .bottom5 a:hover .img img.img-center{transform: scale(1.1);}
.title-style h2 {
    text-transform: uppercase;
    font-size: 42px;
    line-height: 60px;
    margin: 0px 0 20px 0;
    color: #1a1a1a;
}.index-products-center .top .title-style .line {
    margin: 20px auto auto;
}
.title-style .line {
    width: 80px;
    height: 4px;
    background: #52afe6;
    margin: 10px 0;
}
/*xuanfu*/

/*右边定位模块*/
.menus_right{
	position: fixed;
	top:50%;
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 999;
	right: 0;
	display: none;
	height: 304px;
}
.menus_right .menus_right_nav{
	height: 70px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #313131;
	color:#fff;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	display: block;
	position: absolute;
	width: 80px;
	right: 0;
	top:0;
	z-index: 33;
}
.menus_right .menus_right_nav:nth-child(2){
	top:71px;
}
.menus_right .menus_right_nav:nth-child(3){
	top:142px;
}
.menus_right .menus_right_nav:nth-child(4){
	top:213px;
}
.menus_right .menus_right_nav:nth-child(5){
	top:284px;
	cursor: pointer;
}
.menus_right .menus_right_nav .img{
	margin: auto;
	padding-top: 10px;
	padding-bottom: 5px;
}
.menus_right .menus_right_nav .menus_right_inner{
	position: relative;
	width: 80px;
	height: 100%;
}
.menus_right .menus_right_nav .menus_right_inner:after{
	position: absolute;
	content: "";
	width: 1px;
	height: 30px;
	top: 20px;
	right: -10px;
	background: rgba(255,255,255,.2);
}
.menus_right .menus_right_nav:nth-child(1){
	width: 250px;
	-o-transform: translateX(170px);
	-ms-transform: translateX(170px);
	-moz-transform: translateX(170px);
	-webkit-transform: translateX(170px);
	transform: translateX(170px);
	-o-transition:0.8s all;
	-ms-transition:0.8s all;
	-moz-transition:0.8s all;
	-webkit-transition:0.8s all;
	transition:0.8s all;
}
.menus_right .menus_right_nav:hover{
	background: #52afe6;
}
.menus_right .menus_right_nav:nth-child(1):hover{
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.menus_right .menus_right_nav .three_box{
	height: 100%;
}
.menus_right .menus_right_nav .three_box .line{
	height: 30px;
	background: #fff;
	width: 1px;
	opacity: 0.19;
	margin-top: 15px;
}
.menus_right .menus_right_nav .three_box .phone{
	font-size: 18px;
	line-height: 70px;
	width: calc(100% - 80px);
	text-align: center;
	margin-top: 0px;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 80px;
	lin
}
.menus_right .menus_right_nav:nth-child(3) .gzh_qr{

	position: absolute;
	right: 80px;
	top:50%;
	margin-top: -60px;
	padding-right: 20px;
	-o-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-moz-transform: translateY(80px);
	-webkit-transform: translateY(80px);
	transform: translateY(80px);
	-o-transition:0.8s all;
	-ms-transition:0.8s all;
	-moz-transition:0.8s all;
	-webkit-transition:0.8s all;
	transition:0.8s all;
	opacity: 0;
	visibility: hidden;
}
.menus_right .menus_right_nav:nth-child(3):hover .gzh_qr{
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}
a{text-decoration: none;}
.menus_right .menus_right_nav:nth-child(4){
	width: 250px;
	-o-transform: translateX(170px);
	-ms-transform: translateX(170px);
	-moz-transform: translateX(170px);
	-webkit-transform: translateX(170px);
	transform: translateX(170px);
	-o-transition:0.8s all;
	-ms-transition:0.8s all;
	-moz-transition:0.8s all;
	-webkit-transition:0.8s all;
	transition:0.8s all;
}
.menus_right .menus_right_nav:nth-child(4):hover{
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.menus_right .menus_right_nav .three_box .email{
	font-size: 16px;
	line-height: 70px;
	width: calc(100% - 80px);
	text-align: center;
	margin-top: 0px;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 80px;
	lin
}
.menus_right .menus_right_nav:nth-child(4):hover .menus_right_inner:after{
	position: absolute;
	content: "";
	width: 1px;
	height: 30px;
	top: 20px;
	right: 3px;
	background: rgba(255,255,255,.2);
}
@media screen and (max-width: 500px) {

	.menus_right{
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		-o-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	}
	.menus_right .menus_right_nav:nth-child(2){
		top:auto;
		left: 20%;
		z-index: 110;
	}
	.menus_right .menus_right_nav:nth-child(3){
		right: auto;
		top:auto;
		left: 40% !important;
		bottom: 0;
	}
	.menus_right .menus_right_nav:nth-child(4){
		top:auto;
		left: 60%;
	}
	.menus_right .menus_right_nav:nth-child(5){
		top:auto;
		cursor: pointer;
		left: 80%;
	}
	.menus_right .menus_right_nav {
	    height: 50px;
    	font-size: 12px;
    	left: 0;
		right: auto;
		border-radius: 0;
    	width: 20% !important;
	}
	.menus_right .menus_right_nav:after{
		content: "";
		height: 20px;
		width: 1px;
		background: rgba(255,255,255,0.1);
		position: absolute;
		right: 0;
		top:15px;
    	z-index: 1000;
	}
	.menus_right .menus_right_nav:last-child:after{
		content:initial;
		height: 0;
		width: 0;
	}
	.menus_right .menus_right_nav .img {
	    padding-top: 8px;
	    width: 16px;
	}
	.menus_right .menus_right_nav .three_box .phone {
	    font-size: 14px;
	    margin-top: 0;
	    width: 120px;
	    position: absolute;
	    top: -50px;
	    z-index: 100;
	    height: 50px;
	    background: #ac0809;
	    line-height: 50px;
	    left: 50%;
	    margin-left: -42px;
	    -o-transform: translateY(100px);
	    -ms-transform: translateY(100px);
	    -moz-transform: translateY(100px);
	    -webkit-transform: translateY(100px);
	    transform: translateY(100px);
	    -webkit-transition: 0.6s all;
	    transition: 0.6s all;
	    visibility: hidden;
	   	opacity: 0;
	}
	.menus_right .menus_right_nav:hover .three_box .phone {
	    -o-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	    visibility: visible;
	   	opacity: 1;
	}
	.menus_right .menus_right_nav .three_box .line {
	    height: 26px;
	    margin-top: 14px;
	    display: none;
	}
	.menus_right .menus_right_nav .menus_right_inner {
	    width: 100%;
	    height: 100%;
	    background: #313131;
	    z-index: 1000;
	    position: relative;
	}
	.menus_right .menus_right_nav:nth-child(1) {
	    -o-transform: translateX(0px);
	    -ms-transform: translateX(0px);
	    -moz-transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	    transform: translateX(0px);
		border-top-left-radius: 0;
    	border-bottom-left-radius: 0;
    	z-index: 999;
	}
	.menus_right .menus_right_nav:nth-child(4) {
	    -o-transform: translateX(0px);
	    -ms-transform: translateX(0px);
	    -moz-transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	    transform: translateX(0px);
		border-top-left-radius: 0;
    	border-bottom-left-radius: 0;
    	z-index: 999;
	}
	.menus_right .menus_right_nav .three_box{
		width: 100%;
	}
	
	.menus_right .menus_right_nav:nth-child(3) .gzh_qr {
		width:120px;
		height:120px;
	    right: auto;
	    top: auto;
	    left: 50%;
	    bottom: 50px;
	    margin-top: 0;
	    padding-right: 0;
	    padding-bottom: 0px;
	    margin-left: -60px;
	    -o-transform: translateY(170px);
	    -ms-transform: translateY(170px);
	    -moz-transform: translateY(170px);
	    -webkit-transform: translateY(170px);
	    transform: translateY(170px);
	}
	.menus_right .menus_right_nav .three_box .email {
	    font-size: 14px;
	    margin-top: 0;
	    width: 150px;
	    position: absolute;
	    top: -50px;
	    z-index: 100;
	    height: 50px;
	    background: #ac0809;
	    line-height: 50px;
	    left: 50%;
	    margin-left: -75px;
	    -o-transform: translateY(100px);
	    -ms-transform: translateY(100px);
	    -moz-transform: translateY(100px);
	    -webkit-transform: translateY(100px);
	    transform: translateY(100px);
	    -webkit-transition: 0.6s all;
	    transition: 0.6s all;
	    visibility: hidden;
	   	opacity: 0;
	}
	.menus_right .menus_right_nav:hover .three_box .email {
	    -o-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	    visibility: visible;
	   	opacity: 1;
	}
	.menus_right .menus_right_nav .menus_right_inner:after{
	position: absolute;
	content: "";
	width: 0;
	height: 30px;
	top: 20px;
	right: 3px;
	background: rgba(255,255,255,.2);
}}


/* footer */

footer { position: relative;background: #333; margin-top:0px;width:100%;float:left;}
footer .box-footer {padding: 5% 0 4% 0; overflow: hidden;}
footer .box-footer .wrap{}
footer .box-footer .foot_logo{ float:left; width:12%;margin-top:1%;}
footer .box-footer .foot_logo img{ width:100%;}
footer .box-footer .foot_sites{ float:right; overflow:hidden;width:80%; margin-top:10px; display:flex;justify-content: space-between;}
footer .box-footer .foot_sites .item{ float:left;  width:20%;}
footer .box-footer .foot_sites .item:nth-child(1){width:40%;}
footer .box-footer .foot_sites .item:first-child{ padding-left:0;}
footer .box-footer .foot_sites .item:last-child{ float:right; width: auto; }
footer .box-footer .foot_sites .item h3{ font-size:16px; color:#fff; margin-bottom:20px; position:relative; padding-bottom:20px;}
footer .box-footer .foot_sites .item h3:after{ content:''; position:absolute; left:0; bottom:0; width:20px; height:3px; background:#52afe6; }
footer .box-footer .foot_sites .item p{color:#c4c4c4; font-size:14px; line-height:30px;}
footer .box-footer .foot_sites .item p a{color:#c4c4c4;}
footer .box-footer .foot_sites .item p a:hover{ color:#52afe6;}
footer .copybar{ background:#363636; height:56px; line-height:56px;}
footer .copybar .text{ float:left; font-size:14px; }
footer .copybar .text,
footer .copybar .text a{color:#7e7e7e;}
footer .copybar .text a:hover{color:#fff;}
footer .copybar .share{ float:right;}
footer .copybar .share li{ float:left; position:relative;overflow: hidden}
footer .copybar .share li.box-show {overflow: visible}
footer .copybar .share li a{ width:36px; height:56px; background:center no-repeat; display:block;opacity:0.3;}
footer .copybar .share li a:hover{opacity:1;}
footer .copybar .share li span{ position:absolute; bottom:56px;right:0; margin-right:-50px; line-height:0;transform:translateY(-100px);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
footer .copybar .share li span img{ width:160px;}
footer .copybar .share li.box-show span{transform:translateY(0);opacity:1;}
footer .content {width: 75%;}

/*news*/

/*浏览器*/
#browser_ie {BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT:auto;overflow: hidden; COLOR: #000; FONT-SIZE: 15px;text-align: center;position: absolute;left: 0;top: 0;width: 100%;z-index: 9999;}
#browser_ie .brower_info {MARGIN: 0px auto; WIDTH: 800px;padding: 1% 0;overflow: hidden;position:relative;text-align: center;}
#browser_ie .brower_info .notice_info {POSITION: relative;overflow: hidden;}
#browser_ie .brower_info .notice_info P { text-align: center; LINE-HEIGHT: 25px;overflow: hidden;DISPLAY: inline-block}
#browser_ie .browser_list {POSITION: relative;text-align: center;}
#browser_ie .browser_list IMG {WIDTH: 40px; HEIGHT: 40px}
#browser_ie .browser_list SPAN {TEXT-ALIGN: center;padding:1%;DISPLAY: inline-block;vertical-align: top;}
.close { z-index: 9999;width: 30px; height:30px;background: url("../images/xx.png") center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute; right:2%; display:block; top:30px;cursor: pointer;}
.close:hover {background: url("../images/xx.png") center no-repeat #000;background-size: 40%; }

/* 滚动内容样式 */
.scroll_main{width:100%;display: block;}
.scroll_wrap {width:100%;height: 237px;position: relative; font-size:13px;}
.scroll_cont{height: 100%;overflow: hidden; }
.scroll_bar{position: absolute;top:0;right:0;width:2px;height: 100%;background-color: #f0f2fa;}
.scroll_slider{position: absolute;top:0px;left:0px;width:2px;height:20%;background-color:#c4c5cc; overflow:hidden; cursor:pointer;}
.scroll_slider:hover{background-color:#233d52;}




/*scrollbar*/
::-webkit-scrollbar{height:4px; width:0px;}
::-webkit-scrollbar-button{height:0; width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid; border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box; background-color:#ccc;}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 #ccc,inset 0 -1px 0 #ccc; background-clip:padding-box; background-color:#ccc; min-height:28px;}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px #ccc; background-color:#ccc;}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px #ccc; background-color:#ccc;}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0;}
::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 #ccc; background-color:#ccc}
::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 #ccc,inset -1px -1px 0 #ccc; background-color:#ccc}

.aside-top {position: fixed; width: 50px;bottom:10%;right: 3%; z-index:199;display: none}
.aside-top a {width: 38px;height: 38px;opacity: .5; display: block;overflow: hidden; background:url(../images/aside-top2.svg) no-repeat center;background-size:70%;border:1px solid #a7a7a7;}
.aside-top a:hover {background: #ff7800 url(../images/aside-top1.svg) no-repeat center;border:1px solid #ff7800 ;background-size: 70%;opacity: 1;}
 
@font-face {
	font-family: 'Barlow-Bold';
	src: url('../fonts/Barlow-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Barlow-Regular';
	src: url('../fonts/Barlow-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
.footer-sj{display:none;}
@media(max-width:1280px){.title-style h2{ font-size:30px;}}