@charset "utf-8";
body{font-family:"微软雅黑"!important;font:14px Microsoft YaHei!important;line-height: 24px;background-color: #F9F9F9;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
a{text-decoration: none;color: #000;}
a:focus{text-decoration: none;}
a:focus, a:hover{outline: none;outline-offset:0;text-decoration: none;}
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
.fl{ float:left; }.fr{ float:right; }
img{
	max-width: 100%;
}
.cl:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
.slick-slide{outline: none!important;height:auto;}
#wrap_index{overflow: hidden;position: relative;}
div:after,ul:after,li:after{
    content:'\20'; display:block; height:0; clear:both; 
}
@media (min-width: 1420px) {
  .container{width: 1200px;padding: 0;margin:0 auto;}
}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
div:after,ul:after,li:after,a:after{ content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}


/*header*/
#header{position:relative;z-index: 90;padding: 20px 0 0;}
.logo{width:30%;height:80px;}
.logo a{display:table-cell;width:100%;height:80px;vertical-align:middle;}
.logo img{ max-width:100%;max-height: 100%; }
#header .pc_Menu{width:70%;}
.pc_Menu .menul{width:100%;height:80px;}
.pc_Menu .menul .firstli{position:relative;width:14.2857%;float:left;text-align:center;transition:300ms;padding-bottom: 15px;}
.pc_Menu .menul .firstli a{display:block;position:relative;box-sizing:border-box; width:100%;height:80px;line-height:80px;padding:0 6px;font-size:16px;color:#000;overflow:hidden;}
.pc_Menu .menul .firstli.cur>a:after, .pc_Menu .menul .firstli:hover>a:after{
	content: "";
	width: 52px;
	height: 2px;
	background-color: #000;
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -26px;
}
.pc_Menu .secdulBox{display: none;position: absolute;width: 100%;background-color:rgba(255,255,255,.9); top:95px;padding: 10px 0;}
.pc_Menu .secdulBox .secdli a {font-size:14px; padding: 0;height: 40px;line-height: 40px;color: #000;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms; transition: 300ms;}
.pc_Menu .secdulBox .secdli a:hover {text-decoration: underline;}
.pc_Menu .menul .firstli:after{opacity: 0; position: absolute;content:"";bottom:-10px;left:50%;transform:translateX(-50%);width: 24px;height: 8px;background:url(../images/ico3.png) no-repeat center;-webkit-background-size: cover;background-size: cover;-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
.pc_Menu .menul .firstli.cur:after,.pc_Menu .menul .firstli:hover:after{bottom:11px;opacity: 1;}


/*手机头部*/
.model-header{ width: 100%;height:60px;padding: 0 10px;z-index:30;}
.model-header .model-header-logo{width:40%;float: left;height:60px;}
.model-header .model-header-logo a{display: table-cell;vertical-align: middle;width: 300px;height:60px;}
.model-header .model-header-logo a img{max-width: 100%;max-height: 100%;}
.model-header .model-navbtn{width: 32px;height:60px;line-height: 42px;float: right;padding:16px 0;}
.model-header .model-navbtn img{max-width:100%;}
/*main*/




@media (max-width:991px){
	.logo,.logo a{height:60px;}
	.pc_Menu .menul{height:60px;}
	.pc_Menu .menul .firstli:after{width: 20px;height: 6px;}
	.pc_Menu .menul .firstli.cur:after, .pc_Menu .menul .firstli:hover:after{bottom:8px;}
	.pc_Menu .menul .firstli>a{font-size:14px;height:60px;line-height:60px;padding:0 3px;}
	.pc_Menu .secdulBox{top:60px;border-radius:5px;}
	.pc_Menu .secdulBox .secdli a{font-size:14px;height:32px;line-height:32px;}
}


/*颜色重写*/
/*banner*/
#model_banner .banner_img img{position:relative;width:130%;left:50%;transform:translateX(-50%);}
#model_banner .banner_img a{display:block;width: 100%;overflow: hidden;}
.slick .slick-prev:before,.slick .slick-next:before{ content:""; }
#model_banner .slick-prev,#model_banner .slick-next{width:46px;height:84px;}
#model_banner .slick-prev{opacity:.2;left:60px;z-index:9; background:url("../images/arw.png") no-repeat center;transform:translateY(-50%) rotate(180deg);}
#model_banner .slick-next{opacity:.2;right:60px; background:url("../images/arw.png") no-repeat center;}
#model_banner .slick-prev:hover,#model_banner .slick-next:hover{opacity:1;}
#model_banner .slick-dots li{margin:0 10px;}
#model_banner .slick-dots li button{background: #fff;opacity:.6;}
#model_banner .slick-dots li.slick-active button{background: #fff;opacity:.6;}
#model_banner .slick-dots li.slick-active button:after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%); width:18px;height:18px;border:1px solid #cfc7c0;border-radius:50%;}
#model_banner .slick-dots {bottom: 10px;}

.model-textlist-one ul li:hover{border-bottom:1px solid #000000;}
.model-textlist-one ul li:hover dt{color:#000000;}
.model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover{border:1px solid #000000;background:#000000 url(../images/icon10.png) 90% center no-repeat;}
.updown_fenlei .cont_nav .one .one_a i{background:url(../images/icon4.png) center no-repeat;}
.model-classify-nav .one .o_li .one_a i{background:url(../images/icon6.png) center no-repeat}

.updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on,#model_contant_main .model_dec_adress a:hover{color:#000000;}
.updown_fenlei .cont_nav .one .o_li:hover .one_a, .updown_fenlei .cont_nav .one .o_li a.ez{background-color:#000000;}
#model_contant_main .model_dec_adress a:hover,#model_contant_main .model_dec_adress a.cur{color:#000000;}
.model-dectil-bottom .model-dectil-chose a:hover{color:#000000;}
.model-dectil-img .slick-dots li button{border: 1px solid #000000;}
.model-dectil-img .slick-dots li.slick-active button{background:#000000;}
.model_seach .model-seachdiv form .seabtn,.model-textlist-three ul li a:before{background:#000000;}
.model-textlist-three ul li a:hover, .model-textlist-three ul li a:hover dt{color:#000000;}
.model_page a.on, .model_page a:hover,.model_page a.on, .model_page a.current{color:#000000;border-bottom: 1px solid #000000;}
.model-textlist-four ul li a:hover{background: #000000;}
.model-textlist-two ul li a:hover .textlist-l dt,.model-textlist-two ul li a:hover .textlist-l p{color:#000000;}
.model-textlist-two ul li a:hover .newtime{background: #000000;}
.model-imgtextlist-two ul li a:hover .imgtextlist-r dt,.model-imgtextlist-one ul li a:hover .imgtextlist-l dt,
.model-imgtextlist-three ul li a:hover .imgtextlist-r dt,.model-imgtextlist-three ul li .imgtextlist-r .time p{color:#000000;}
.model-imgtextlist-four ul li a:hover .imgtextlist-text,.model-imglist-two ul li a:hover p{background: #000000;}
.model-imglist-two ul li .pimg em span{background:#000000 url(../images/icon7.png) center no-repeat}
.model-imglist-three ul li a:hover{border:2px solid #000000;}
.model-imglist-three ul li a:hover p{color:#000000;background:url(../images/icon6.png) right center no-repeat;}
.model_leftright_l .cont_nav .one .o_li .one_a i{background:url(../images/icon6.png) center no-repeat;}

/*手机端*/
.model-classify .model-classify-posnav{background:#000000;}
/*底部导航*/
.model-fixed{background:#000000!important;}
.model-classify-nav .one .o_li a.ez,.model-classify-nav .second a.sen_x{color:#000000;}
.model-classify-nav .second a.sen_x:before{background:#000000;}
.model-phone-page span i{color:#000000;}

.model-leftnav-top{background: #000000;}

.model-fixed .fnavbox li a, .fnavbox li dd{color:#fff!important;}
/*左右布局*/
.model_leftright_l .l_posnav{background: #000000;}
.model_leftright_l .cont_nav .one .o_li a.one_a:hover, .model_leftright_l .cont_nav .one .o_li a.ez{color:#000000;}
.model_leftright_l .cont_nav .second .e_li a:hover, .model_leftright_l .cont_nav .second .e_li a.sen_x{color:#000000;}
.model_leftright_l .cont_nav .second .e_li a:hover:before, .model_leftright_l .cont_nav .second .e_li a.sen_x:before{background: #000000;}
.model_leftright_l .cont_nav .second .e_li a:hover, .model_leftright_l .cont_nav .second .e_li a.sen_x{color:#000000;}
.moder_leftright_r .r_posnav p{border-bottom:4px solid #000000;}
.moder_leftright_r .r_posnav span a:hover{color:#000000;}
/*内页产品详情箭头*/
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before{border-bottom:12px solid #000000;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before{border-top:12px solid #000000;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover{border-bottom:1px solid #000000;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover{border-top:1px solid #000000;}
@media (min-width:768px){
	.model-textlist-four ul li .textlist-r dd{color:#fff;}
	.model-imgtextlist-four ul li a:hover .imgtextlist-text p,.model-imgtextlist-four ul li .imgtextlist-text dd{color:#fff;}
}
@media (max-width:640px){
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:after{    border-left: 7px solid #000000;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next{border-left: 1px solid #000000;}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:after{border-right: 7px solid #000000;}
}


/*私下css*/
.classify{
	margin-top: 30px;
}
.classify li{
	margin-top: 25px;
	padding: 0 8px;
	position: relative;
	height: 100%;
}
.classify li a{
	display: block;
	background-color: #fff;
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
	overflow: hidden;
}
.classify li .image{
	padding: 0;
}
.classify li .image img{
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
	max-height: 100%;
}
.classify li .text{
	color: #999999;
	font-size: 12px;
	padding: 0 15px 0 25px;
}
.classify li .text .box{
	position: relative;
	top: 50%;
	margin-top: -81px;
}
/*.classify li .text .box{
	margin-top: 45%;
}*/
.classify li .text .box .p1{
	color: #000000;
}
.classify li .text .box .p2{
	margin: 10px 0 15px;
	color: #000000;
	font-size: 20px;
}
.classify li .text .box .p3{
	width: 16px;
	height: 3px;
	background-color: #000;
	margin-bottom: 20px;
}
.classify li .text .box .p4{
	line-height: 20px;
	height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.classify li .text .box .p5{
	margin-top: 15px;
}
.classify li a{
	box-shadow: 0 0 12px rgba(0,0,0,0);
}
.classify li a:hover{
	box-shadow: 0 0 12px rgba(0,0,0,0.1);
	transition: all linear 0.4s;
	-webkit-transition: all linear 0.4s;
	-moz-transition: all linear 0.4s;
}
.classify li:nth-child(3) a>div,.classify li:nth-child(4) a>div{
	float: right;
}
.classify li:nth-child(3) a,.classify li:nth-child(4) a{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 12px;
	border-top-right-radius: 12px;
}
.classify li:nth-child(3) .image,.classify li:nth-child(4) .image{
	text-align: right;
}
.classify li:nth-child(3) .image img,.classify li:nth-child(4) .image img{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 12px;
	border-top-right-radius: 12px;
}
.index_title{
	text-align: center;
}
.index_title .p1{
	color: #000000;
	font-size: 20px;
}
.index_title .p2{
	width: 24px;
	height: 3px;
	background-color: #3A0000;
	margin: 10px auto 0;
}
.server{
	margin-top: 55px;
	padding: 60px 0 55px;background-size: cover !important;
}
.server .server_content{
	margin-top: 45px;display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.server .server_content .image{
	width: 45%;
}
.server .server_content .image,.server .server_content .server_type{
	float: right;
}
.server .server_content .server_type{
	width: 35%;
	text-align: center;
	padding: 0 4%;
}
.server .server_content .server_type li{
	padding: 0;
	margin: 40px 0;
}
.server .server_content .server_type li a:hover dd,.server .server_content .server_type li a:hover .iconfont{
	color: #000000;
}
.model_page a{
	display: inline-block;
}
.moder_leftright_r .r_posnav span a{
	display: inline-block;
}
.server .server_content .server_type li dd{
	color: #3B3B3A;
	line-height: 30px;
	margin-top: 10px;
	font-size: 16px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.news{
	padding: 80px 5% 70px 7%;
}
.news .news_content>li{
	padding: 0 23px;
	margin-top: 45px;
}
.news .news_content>li>a>.p2{
	height: 50px;
	line-height: 50px;
	padding-right: 50px;
	color: #000000;
	font-size: 16px;
	position: relative;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.server .server_content .server_type .iconfont{
	font-size: 50px;
}
.news .news_content>li>a>.p2:after{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/icon_11.jpg) no-repeat center;
}
.news .news_content>li a>.p1{
	min-height: 341px;
	position: relative;
}
.news .news_content>li a>.p1 img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.news .news_content>li .news_list{
	background-color: #fff;
	padding: 35px 15px 25px;
}
.news .news_content>li .news_list li .text{
	padding-right:90px;
	position: relative; 
}
.news .news_content>li .news_list li .text2{
	color: #999;
	font-size: 12px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 48px;
}
.news .news_content>li .news_list li:first-child{
	margin-bottom: 25px;
	padding-bottom: 5px;
	border-bottom:1px solid #f9f9f9; 
}
.news .news_content>li .news_list li a{
	color: #000;
}
.news .news_content>li .news_list li:first-child .text .p1{
	font-size: 20px;
}
.news .news_content>li .news_list li .text .p1{
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.news .news_content>li .news_list li .text .p2{
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	text-align: center;
}
.news .news_content>li .news_list li:last-child{
	margin-top: 45px;
}
.news .news_content>li .news_list li:last-child .more{
	color: #888888;
}
.join{
	background-color: #fff;
	padding: 55px 0 50px;
}
.join .join_list li{
	margin-top: 60px;
	padding: 0 20px;
}
.join .join_list li a{
	display: block;
	position: relative;
}
.join .join_list li a .image{
	text-align: center;
}
.join .join_list li a .text{
	position: absolute;
	top: 50%;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 0 20px;
	margin-top: -60px;
}
.join .join_list li a .text .p1{
	font-size: 20px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.join .join_list li a .text .p2{
	font-size: 14px;
	margin: 5px 0 25px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.join .join_list li a .text .p3{
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
}
.join .join_list li a:hover .text .p3{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
}
#footer{
	padding: 65px 0 40px;
}
#footer .footer_top{
	text-align: center;
}
#footer .footer_top .erweima{
	float: left;
	width: 176px;
	margin-right: 100px;
	position: relative;
}
#footer .footer_top .contact{
	float: left;
	width: 510px;
	text-align: left;
	position: relative;
}
#footer .footer_top .box{
	display: inline-block;
}
#footer .footer_top .contact .contact1{
	font-size: 24px;
	margin: 15px 0 30px;
}
#footer .footer_top .contact .contact2{
	font-size: 16px;
	color: #000;
	line-height: 30px;
}
#footer .copyright{
	margin-top: 50px;
	text-align: center;
	color: #999999;
}
#footer .copyright a{
	color: #999999;
}
@media(max-width:1400px){
	.server .server_content .server_type li{
		margin: 6.5% 0;
	}
	.news .news_content>li .news_list{
		padding: 15px 10px 15px;
	}
	.news .news_content>li .news_list li:first-child {
    margin-bottom: 20px;
}
.news .news_content>li .news_list li:last-child {
    margin-top: 10px;
}
.news .news_content>li .news_list li .text {
    padding-right: 75px;
}
.news .news_content>li .news_list li .text .p2{
	width: 75px;
}
.news .news_content>li a>.p1{
	min-height: 275px;
	position: relative;
}
}
@media(max-width:1200px){
	.server .server_content .server_type{
		
	}
	.server .server_content .server_type li {
    margin: 4% 0;
}
#footer .footer_top .contact{
	width: 400px;
}
}
@media(max-width:992px){
	.classify li:nth-child(3) .image, .classify li:nth-child(4) .image{
		text-align: left;
	}
	.classify li:nth-child(3) a>div, .classify li:nth-child(4) a>div{
		float: left;
	}
	.server .server_content .image,.server .server_content .server_type{
		width: 100%;
	}
	.server{
		background-color: #fff !important;
	}
	.news {
    padding: 80px 0% 70px;
}
.news .news_content>li .p1{
	text-align: center;
}
.news .news_content>li .news_list li .text .p1{
	text-align: left;
}
.classify li:nth-child(3) .image img, .classify li:nth-child(4) .image img {
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.join .join_list li .image{
	text-align: center;
}
.classify li .text{
	padding: 0 10px;
}
}
@media(max-width:767px){
	.classify li .text .box{
	margin-top: 0;
}
.classify li .text{
	padding: 10px 10px 25px;
}
.classify li{
	margin-top: 15px;
	padding: 0 15px;
}
.classify li .image img{
	border-radius: 0;
}
.classify li .text .box .p1 {
    font-size: 14px;
}
.classify li .text .box .p2 {
	margin: 5px 0 10px;
	font-size: 14px;
}
.classify li .text .box .p3 {
    width: 8px;
    height: 2px;
    background-color: #000;
    margin-bottom: 10px;
}
.classify li a{
	border-radius:0; 
}
.classify li .text .box .p5 {
    margin-top: 10px;
}
.classify {
    margin-top: 20px;
}
.server{
	margin-top: 20px;
	padding: 15px 0 30px;
}
.index_title .p1{
	font-size: 16px;
}
.index_title .p2 {
    width: 18px;
    height: 2px;
    margin: 8px auto 0;
}
.server .server_content{
	margin-top: 30px;display: block;
}
.server .server_content .server_type{
	padding: 0 15px;
	margin-top: 0;
}
.server .server_content .server_type li{
	margin: 12.5px 0;
}
.server .server_content .server_type li dd{
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	margin-top: 5px;
}
.news{
	padding: 25px 0 15px;
}
.news .news_content>li{
	padding: 0 15px;
	margin-top: 20px;
}
.news .news_content>li>a>.p2 {
    height: 40px;
    line-height: 40px;
    padding-right: 40px;
    font-size: 14px;
}
.news .news_content>li>a>.p2:after{
	width: 40px;
    height: 40px;
	background-size:8px auto; 
}
.news .news_content>li .news_list{
	padding: 20px 10px;
}
.news .news_content>li .news_list li{
	padding: 0;
}
.news .news_content>li .news_list li:first-child .text .p1{
	font-size: 14px;
}
.news .news_content>li .news_list li .text .p2 {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
	width: 45px;
}
.news .news_content>li .news_list li .text {
    padding-right: 45px;
}
.news .news_content>li .news_list li .text .p1 {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}
.news .news_content>li .news_list li .text2{
	line-height: 20px;
	height: 40px;
}
.news .news_content>li .news_list li:first-child {
    margin-bottom: 15px;
}
.news .news_content>li .news_list li:last-child .more{
	font-size: 12px;
}
.join{
	padding: 20px 0;
}
.join_list{
	margin-top: 25px;
}
.join .join_list li {
    margin-top: 15px;
    padding: 0 15px;
}
.join .join_list li a .text .p1{
	font-size: 16px;
}
.join .join_list li a .text .p2 {
    font-size: 12px;
    margin: 5px 0 15px;
}
.join .join_list li a .text .p3 img{
	width: 25px;
}
.join .join_list li a .text{
	margin-top: -41px;
}
#footer{
	padding: 25px 0 20px;
}
#footer .footer_top .box{
	display: block;
	text-align: center;
}
#footer .footer_top .erweima{
	float: none;
	width: 100%;
	margin-right: 0;
}
#footer .footer_top .contact{
	width: 100%;
	float: none;
	text-align: center;
}
#footer .footer_top .erweima img{
	width: 130px;
}
#footer .footer_top .contact .contact1 {
    font-size: 12px;
    margin: 20px 0 5px;
	line-height: 20px;
}
#footer .footer_top .contact .contact2{
	font-size: 12px;
	line-height: 20px;
}
#footer .copyright{
	margin-top: 30px;
	font-size: 12px;
	line-height: 20px;
}
.classify li:nth-child(3) a>div, .classify li:nth-child(4) a>div{
	float: none;
}
}