/*.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../images/ico.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}*/

/*时间延迟*/
/*.delay100{ -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay200{ -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay300{ -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay500{ -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay600{ -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay700{ -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay800{ -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay900{ -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1800 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay2000 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay2400 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay3000 { -webkit-animation-delay: 3s; animation-delay: 3s;}*/

/* 常量设置 */
/*html { overflow-x:hidden;}
html,body,.wrap { min-width:1200px;}
.wrap { width:1200px; margin-right:auto; margin-left:auto;}
body{font-size:13px; line-height:1.6; color:#756E6E; background:#fff;}
a{color:inherit;}
a:hover {text-decoration:none !important;}
::-moz-selection {color:#fff; background:#0047bb; }
::selection {color:#fff; background:#0047bb; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}*/




*{margin: 0;padding: 0;font-family:"微软雅黑";font-size: 14px;}
/** {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a{
    color: #888888;
    -webkit-transition:color .3s,opacity .3s;
    transition:color .3s,opacity .3s;
	outline: none !important;
	text-decoration:none !important;
}
a:focus{
	outline: none !important;
}
a:active{
	outline: none !important;
}
a:hover{
    color: #336db3;
}



/*.wrap { min-width:1200px;}*/
.wrap {max-width: 1200px; width:100%; margin: 0 auto;}
.wrap_1500{max-width: 1500px; width:100%; margin: 0 auto;}
.wrap_1200{max-width: 1200px; width:100%; margin: 0 auto;}
body{font-size:13px; line-height:1.6; color:#756E6E; background:#fff;}





/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 网站样式 */
/* 移动导航菜单 */
/*手机头部*/
.m-bar{
    height: 60px;
    background-color: #393D49;
}
.logo-m{
    width: 75%;
    display: inline-block;
    float: left;
    margin-left: 10px;
    height: 60px;
    line-height: 60px;
}
.logo-m img{
    height: 30px;
    display: inline-block;
    z-index: 60;
    vertical-align: middle;
}
.img_m{
	display: none;
}
.m-hd{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
}
.m-nav{
    clear: both;
    position: absolute;
    top: 60px;
    left: 0;width: 100%;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
}
.m-nav a{
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    background-color: #FAFAFA;
    padding: 0 20px;
    color: #333;
}

.m-trigger{
    height: 60px;
    cursor: pointer;
    width: 60px;
    float: right;
    background: url(../images/menu.png) no-repeat center center;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
}
.m-nav{display: none;}
.m-sub{
    display: none;
}
.m-sub a{font-size: 14px;padding: 0 30px;background-color: #F1F1F1;}

.m-show{display: none !important;}

/*移动菜单背景蒙版*/
.u-mask{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color:rgb(0,0,0);
	left: 0;
	top: 0;
	z-index:0;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 00)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=00);
	visibility: hidden;
	-webkit-transition:opacity 1s;
	transition:opacity 1s;
	/*display: none;*/
}
.ie8 .u-mask{
	visibility: visible;
}
.show-mask .u-mask{
	display: block;
	z-index: 8;
	opacity: 0.2;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	visibility: visible;
}
.body-mask{
	display: none;
	z-index: 60;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	visibility: hidden;
	-webkit-transition:opacity 1s;
	transition:opacity 1s;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color:rgb(0,0,0);
	left: 0;
	top: 0;
}
.stopscroll .body-mask{
	display: block;
	opacity: 0.5;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	visibility: visible;

}



/* 公用 */
/* header */
.logo{margin-top:0px; margin-bottom: 0px;}
.fix{margin-bottom: 0px;}
.fixed-hd{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 60;
	background-color: #fff;
	-webkit-transition:.3s;
	transition:.3s;
}

/*.fixed-hd #header{
	top: -49px !important;
}
.fixed-hd .header-holder{
	height: 90px;
}*/

.header_top{height: 37px;line-height: 37px;background-color: #0047bb;color: #fff;}
.header_top .ion{margin: 0;height: 30px;line-height: 30px;}
.izq{float: right; padding-left: 12px;position: relative;}
.izq .ion{margin-left: 8px;}
.izq:before{position: absolute;left: 0;top:13px;display: inline-block;content:'';height: 13px;width: 1px;background-color: #6a8ec8;}
.ifw{float: right;padding-left: 20px;position: relative;padding-right: 10px;}
.izq .ion{margin-left: 12px;}
.izq .ion,.ifw .ion{font-size: 0;font-family: 0/a;margin: 0;width: 10px;height: 30px;line-height: 30px;background: url(../images/jiantou.png) no-repeat center center;}

.ifw:before{position: absolute;left: 0;top:13px;display: inline-block;content:'';height: 13px;width: 1px;background-color: #6a8ec8;}
.igp{float: right;margin-right: 13px;}
.igp .ion.red{color: #f54545;}
.igp .ion.green{color: #0f0;}

.ht_ul{display: none;position: absolute;top: 100%;left:0;right: 0;background-color:#13293d;padding: 15px 0;text-align: center;z-index: 10;}
.ht_ul li{height: 36px;line-height: 36px;}
.ht_ul li a{display: block;color: #fff;}
.ht_ul li:hover{background-color: #2b3f51;}

.hd{height: 65px;line-height: 65px;border-bottom: 1px solid #ccc;box-shadow: 0 1px 3px rgba(0,0,0,.2); position:relative; background: #393d49;}
.hd .wrap { min-height:75px;}

.hd .logo { float: left;}
.hd .logo img{margin-top: 19px;}
.pageNav {float: left;margin-left: 80px;}
.pageNav > ul > li { width:auto; float:left; position:relative;}
.pageNav > ul > li > a { display: block;font-size:16px; font-weight:bold;position: relative;padding: 0 29px;color: #fff;}
.pageNav > ul > li:hover > a{color: #fff;}
.pageNav > ul > li:hover > a:after {position: absolute;left: 20%;bottom: 0;right: 20%;display: block;content:'';height: 3px;background-color: #066acc; }
.pageNav > ul > li.cur > a:after {position: absolute;left: 20%;bottom: 0;right: 20%;display: block;content:'';height: 3px;background-color: #066acc; }




.nav_layer {display: none; width:615px; position:absolute; left:0; top:100%; background:#fafafa;padding-left: 20px;z-index: 101;}
.nav_layer ul { width:40%; float:left; padding-top: 25px;}
.nav_layer li {width: 50%;float: left; padding:0;height: 36px;line-height: 36px;text-align: left;}
.nav_layer li a { display:block;margin-left: 25px;}
.nav_layer li a:hover { color:#066acc; }
.nav_layer ._img { width:54%; float:right; padding-bottom:10px;}
.nav_layer ._img img { width:100%; height:auto; display:block;}
.nav_layer ._title { font-size:18px; color:#4e4e4e; display:block; line-height:2; padding-right:5px;padding-left: 10px;margin-top: 20px;margin-bottom: 30px;}

.pageNav>ul>li:nth-last-child(3) .nav_layer{margin-left: -100px;}
.pageNav>ul>li:nth-last-child(2) .nav_layer{left: auto;right: 0;}
.pageNav>ul>li:last-child .nav_layer{left: auto;right: 0;}

/* 产品下拉 */
.page_nav_pro{position: static !important;}
.nav_layer_pro{display: none;position:absolute; left:0;right: 0; top:100%; background-color:#f8f8f8;z-index: 101;}
.nav_layer_pro .nlp_item{width: 16%;float: left;padding-top: 20px;line-height: 2;padding-bottom: 30px;padding-left:4%; }
.nav_layer_pro .nlp_item:hover{background-image: url(../images/nav_pro_bg_03.png) ;background-repeat: repeat-x; }


/*服务器工作站*/
.nav_layer_pro .nlp_t dl dt{width: 100px; height: 75px;}
.nav_layer_pro .nlp_t p.title{padding-left: 15px;padding-top: 15px;}


.nlp_t{font-size: 20px;font-weight: bold;margin-bottom: 20px;color: #000;}
.nav_layer_pro .nlp_t2 strong{font-weight: bold;font-style: italic;font-size: 24px;color: #000;}
.nav_layer_pro .nlp_t2 i{color: #b15533;font-style: italic;}

.nav_layer_pro .nlp_t2{font-size: 17px;padding-left: 80px;color: #000;}
.nav_layer_pro ul{padding-left: 80px;color: #5a5a5a;margin-bottom: 15px;}

.pageMain{position: relative;}
.page_bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.7);z-index: 100;}

.nav_layer_img{ padding:10px; float: right;}





/*banner*/
/*banner 初始化设置css*/
#banner .item{height: 0;overflow: hidden}
#banner .slick-slide.item{height: auto}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slider,.slick-slider{outline:0}
img.mb_ban{
	display: none;
}


#banner{
	clear: both;
}
#banner img{
	width: 100%;
}
#banner .slick-dots{
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 20;
    background: url(/Public/Images/home/afriso/zh-cn/blank.gif) repeat left top \9;
}
#banner .slick-dots li{
    display: inline-block;
    *display: inline;
    zoom:1;
    line-height: 1;
    margin: 0 3px;
}
#banner .slick-dots li a{
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0;
	border: 2px solid #fff;

}
#banner .slick-dots li a{
	background: url(/Public/Images/home/afriso/zh-cn/dt-1.png) no-repeat 50%;
}
.ie8 #banner .slick-dots li a{
	border: none;
}
/*#banner .slick-dots li.slick-active a{*/
	/*background-color: #fff;*/
	/*background: url(/Public/Images/home/afriso/zh-cn/dt-2.png) no-repeat 50%\9;*/
/*}*/

#banner .slick-dots li.slick-active a{
	background: #fff url(/Public/Images/home/afriso/zh-cn/dt-2.png) no-repeat 50%;
}

.ie8 #banner .slick-dots li.slick-active a{
	background: #fff url(/Public/Images/home/afriso/zh-cn/dt-2.png) no-repeat 50%;
	background-color: transparent;
}





/*main1*/
.index_title1{ text-align: center; }
.index_title1 h3{font-size: 36px; color: #393d49;  line-height: 80px; font-weight: normal;}
.index_title1 p{font-size: 20px; color: #909090;  line-height: 25px; font-weight: normal;}
.index_title2{ text-align: center; }
.index_title2 h3{font-size: 36px; color: #fff;  line-height: 80px; font-weight: normal;}


.main1{margin-top: 10px; overflow: hidden;}
/*.index_pro ul li{ float:left; width: 31.33%; margin: 10px 1%;  overflow: hidden;}*/
/*.index_pro{ margin-top: 20px;}*/
.li_m_10{ margin: 10px 0px;}

.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; }
.text-desc{position: absolute; left: 0; right: 0; top: 0;  height: 100%;  width: 100%; background-color:rgba(0,0,0,0.7); top: -100%; transition: 0.5s; color: #000; }
.text-desc h3{ font-size:26px; color: #fff; margin-top: 45px;}
.text-desc p{line-height: 22px; font-size: 15px; overflow: hidden; color: #fff; margin-top: 15px;}
.image-box{overflow: hidden;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}
.effect-1:hover .text-desc{top: 0;}
.btn{display: inline-block; padding: 8px 20px;margin-top: 20px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.btn:hover{background-color: transparent; color: #4d92d9; transition: 0.4s;}




/*main2*/
.main2{ background: url(../images/bg1.jpg) no-repeat top center; overflow: hidden; width: 100%; padding: 30px 0px 10px 0px; margin-top: 65px;}
/*.main2_con{ overflow: hidden; width: 1200px; margin:40px auto;}*/
.main2_con{margin:40px auto;}
/*.main2_con ul li{ float:left; width: 25%; overflow: hidden; text-align: center; }*/
/*.main2_con ul li.jjfa1{ background:url(../images/jjfa1.jpg) no-repeat; width: 292px; height: 423px;}*/
.main2_con ul li.jjfa1{ background:url(../images/jjfa1.jpg) no-repeat; width: 292px; height: 423px;}
.main2_con ul li.jjfa2{ background:url(../images/jjfa2.jpg) no-repeat; width: 292px; height: 423px;}
.main2_con ul li.jjfa3{ background:url(../images/jjfa3.jpg) no-repeat; width: 292px; height: 423px;}
.main2_con ul li.jjfa4{ background:url(../images/jjfa4.jpg) no-repeat; width: 292px; height: 423px;}
.jjfa_img{ overflow: hidden;}
.line{ background:url(../images/line.jpg) no-repeat; height: 3px; width: 45px; margin: 22px auto;}
.jjfa_txt{ font-size: 25px; font-weight: normal; color: #fff; line-height: 40px; margin-top: 30px;}





.tr5{transition: all 0.5s ease;}
.infor{color: #363636;padding: 10px 0;text-align: center;}
.infor .tit{font-size: 36px;margin-bottom: 12px;}
.infor .con{font-size: 16px;width: 922px;margin: 0 auto;line-height: 28px;}


.main2_con li .li_box{box-sizing:border-box;padding: 67px 28px 71px 26px;}
.main2_con li .li_box .infor{text-align: center;color: #fff;}
.main2_con li .li_box .infor .tit{font-size: 24px;margin-bottom: 15px;}
.main2_con li .li_box .infor .con{font-size: 12px;line-height: 24px;}
.main2_con li .li_box .ion{width: 86px;height: 90px;margin: 0 auto 30px;display: block;}
.main2_con li .li_box .ion1{background: url(../images/school.png) no-repeat center;}
.main2_con li .li_box .ion2{background: url(../images/keyan.png) no-repeat center;}
.main2_con li .li_box .ion3{background: url(../images/qiye.png) no-repeat center;}
.main2_con li .li_box .ion4{background: url(../images/shemi.png) no-repeat center;}


.main2_con li:hover {background: rgba(255,255,255,1);}
.main2_con li:hover .infor{color: #4c4c4c;}
.main2_con li:hover .infor .con {color:#5f5f5f}
.main2_con li:hover .li_box .ion1{background: url(../images/school_s.png) no-repeat center;transform: rotateY(180deg);}
.main2_con li:hover .li_box .ion2{background: url(../images/keyan_s.png) no-repeat center;transform: rotateY(180deg);}
.main2_con li:hover .li_box .ion3{background: url(../images/qiye_s.png) no-repeat center;transform: rotateY(180deg);}
.main2_con li:hover .li_box .ion4{background: url(../images/shemi_s.png) no-repeat center;transform: rotateY(180deg);}
.main2_con ul li.jjfa1:hover{background:rgba(255,255,255,0.4);}
.main2_con ul li.jjfa2:hover{background:rgba(255,255,255,0.4);}
.main2_con ul li.jjfa3:hover{background:rgba(255,255,255,0.4);}
.main2_con ul li.jjfa4:hover{background:rgba(255,255,255,0.4);}



/*main3*/
.main3{ margin: auto; overflow: hidden;}
.main3_con{margin-top:70px; overflow: hidden;}
.main3_con ul li{ width:345px; float:left; margin-left: 25px; text-align: center; border-right: 1px #e7e7e7 solid; padding-right: 29px;}
.main3_con ul li img{ width: 57px; height: 58px; overflow: hidden;}
.main3_con ul li h3{ font-size: 23px; color: #333333; line-height: 40px; margin-top: 10px; font-weight: normal;}
.main3_con ul li p{ color: #888888; font-size: 13px; line-height: 22px;}


/*main4*/
.main4{ 
	/*background: url(../images/bg2.jpg) no-repeat top center;*/ 
	overflow: hidden; width: 100%; padding: 30px 0px 10px 0px; margin-top: 65px;
    z-index: 9;
    /*color: #fff;*/
    /*height: 500px;*/
    text-align: center;
}
.main4_con{ overflow: hidden; padding:20px 10px 20px 10px;margin:30px auto; background: #fff;}
/*.main4_con ul li{ float: left; width: 350px; height: 100%; border-right: 1px #e7e7e7 solid; padding-right: 21px; padding-left: 21px; overflow: hidden;}*/
.main4_con ul li{ float: left; border-right: 1px #e7e7e7 solid; padding-right: 21px; padding-left: 21px; overflow: hidden;}

.main4_con li a.pic_img{ width: 350px; height: 227px; overflow: hidden; display: block;}
.main4_con li a.pic_img img{width:100%; height:100%; transition:all 1s;}
.main4_con li a.pic_img:hover img{transform: scale(1.1);}
.main4_con ul li h3{font-size: 19px; font-weight: bold; line-height: 50px; text-align: center;}
.main4_con ul li h3 a{ color: #5e5e5e;}
.main4_con ul li p { font-size: 14px; color: #868686; line-height: 22px; margin-top: 10px;}
.main4_con ul li:last-child{ border-right:none;}
.main4_con ul li p a:hover {color: #066acc;}
.main4_con ul li h3 a:hover {color: #066acc;}

.more{ width: 210px; height: 46px; margin: 35px auto; overflow: hidden; text-align: center; line-height: 46px; background: #414141;}
.more p a{ color: #fff; font-size: 18px;display:block;}

.more p a:hover{ background: #066acc; color: #fff;}

.main4, .canvas-wrap {
    position: relative;
}
#particles-js{
	width: 100%;
    background-color: #F5F6F8;
    height: 600px;
    position: absolute;
    right: 0;
    top: 20px;
}


/*foot*/
.foot{ background: #393d49; padding-top: 25px; overflow: hidden;}
.footer { padding:30px 0 10px;}
.footer .box { padding-right:220px; position:relative; min-height:195px;}
.footer dl { width:16%; padding-right:5%; float:left;}
.footer dt { font-size:18px; font-weight:bold; margin-bottom:10px;}
.footer dt a { color:#fff;}
.footer dd { margin-bottom:10px; }
.footer dd a{color: #d2d2d2;}
.footer dd a:hover{color: #fff;}
.footer .qr_code { position:absolute; right:0; top:0; width:auto; float:none; text-align:center; padding-left:0;}
.footer .qr_code dt { margin-bottom:15px;}

.copyright{ padding: 10px 0; background: url(../images/dian.jpg) repeat-x top; text-align: center; color: #ececec;}


.copyright .wrap a.icb{
	margin-right: 5px;
	margin-left: 15px;
}
.copyright .wrap a{
	color: #FFF;
}
.icb img{
	vertical-align: middle;
	width: 16px;
}


/*内页样式*/

.ny_banner {width: 100%;height: 300px;text-align: center;overflow: hidden;}
.ny_banner img {display: inline-block;margin: 0 -50%;margin: 0 -50%\9;max-width: none;width: auto;}


/*bread_nav*/

.bread_nav{ background: #FFF; height: 71px; line-height: 70px;width: 100%; border-bottom: 1px solid #e6e6e6;}
.o_menu{font-size: 16px;color: #404040;}
.o_menu ul li{float:left; margin-right: 50px;}
.o_menu ul li a:hover{color:#066acc;}
.o_menu ul li.cur a{color:#066acc;}
.o_menu ul li.cur{border-bottom: 2px solid #01458e;line-height: 70px;}

.bread{font-size: 14px;color: #b3b3b9;}
.bread p a{color: #b3b3b9;}
.bread p a:hover{color:#066acc;}
.bread p.cur{
	float: right;
	height: 70px;
    line-height: 70px;
    /*font-size: 12px;*/
    background: url(../images/icon_cur.png) left center no-repeat;
    padding-left: 22px;
    color: #858585;
    margin-bottom: 0px;
}

/*about 页面*/
.channel_content{
	padding:0px 0 45px;
	min-height:300px;background: #F5F5F5;}
/*.about{margin-top: 10px;}*/
/*关于*/
.about-tit1{
	padding: 50px 0 35px 0;
}
.about-tit1 h3{
	font-size: 32px;
	color: #0164CF;
	margin-top:0px;
	margin-bottom: 0px;
    position: relative;
    left: 0px;
    top: -28px;
}
.about-tit1 h4{
	text-transform: capitalize;
	font-size: 50px;
	color: #e1e1e1;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
}


.about .txt{
	float: left;
	width: 50%;
	*width: 46%;
	_width: 46%;
	color: #666;
	line-height: 1.8;
	margin-top: 33px;
}
.about .txt p{
	margin-bottom: 15px;
    font-weight: normal;
}
.about .txt p strong{
	font-size: 16px;
    font-weight:bold;
}
.about .txt-1{
	padding-right: 40px;
}

.about .txt-2{
	/*border-left: 1px dashed #c4c4c4;*/
	padding-left: 40px;
}
.about .txt-2 h3{
	color: #015496;
	font-size: 16px;
	font-weight: bold;
}
.about .txt-2 img{display: block;width: 100%;}

.about-line{ background: url(../images/about_bj.jpg) no-repeat top center; overflow: hidden; width: 100%;margin-top:20px;padding: 30px 0px 10px 0px;}
.a_l_con ul li{
    /*width: 304px;*/
    /*margin-left: 25px;*/
    float: left;
    text-align: center;  
} 
.a_l_con ul li h3{
    font-size: 46px;
    color: #0069d0;
    line-height: 46px;
    margin-top: 10px;
    font-weight: normal;
}

.a_l_con ul li p{
	font-family: "微软雅黑";
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    margin-top: 10px;
    font-weight: bold;
}

.a_l_con_tit p{
	font-family: "微软雅黑";
	font-size: 20px;
    color: #0069d0;
    line-height: 25px;
    font-weight: bold;
    text-align: center;  
    margin: 30px 0;
}

/*news*/

.news{ padding-top: 10px; }
.news .list_hd{background-color:#f0f0f0;padding:50px 60px 40px;margin-bottom:26px;}
.news .hd_tit{font-size:20px;color:#1e1e1e;font-weight:normal;height:30px;line-height:30px;margin-right:2%;}
.news .inp_box_wrap { width:20%;margin-right:2%; }
.news .inp_box{display:block;width:100%;height:32px;line-height:32px;border:1px solid #e0e0e0;padding:0;margin:0;box-sizing:content-box;font-size:13px;color:#999;padding:0;text-indent:10px;}
.news .hd_btn{width:20%;border:none;text-align:center;background-color:#084675;font-size:15px;color:#fff;height:32px;line-height:32px;outline:none;cursor:pointer;}
.news li{ cursor: pointer; }
.news .list_box{padding:46px 0px 40px 0px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.news .list_main{overflow:hidden;}
.news .bd_r{width:20%;}
.news .bd_c{width:76%;padding:0 8% 0 5%;}
.news .list_title{font-size:20px;color:#202020;font-weight:normal;}
.news .list_tool{font-size:12px;color:#c9c9c9;padding:10px 0px;}
.news .list_tool .tool_ico{ display: inline-block; width: 20px; height: 20px; background: url(../images/ico.png); vertical-align: middle;}
.news .list_tool .share{margin-left:20px;cursor:pointer;}
.news .list_tool .share .share_ico{ background-position: -20px 0; }
.news .list_p{font-size:14px;color:#464646;line-height: 26px;height:52px;overflow:hidden;}
/*.news .list_box:after{content: "";width:100%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;}*/
.news li:hover .list_box:after{background-color:#336db3;}
.news li:hover .list_title a{color:#066acc;}
.news .list_time{font-size:14px;color:#8d8b8b;padding:0 0 2% 2%;border-left:1px solid #e6e6e6;font-family: Arial;width:120px; text-align: center;}
.news .list_time_day{display:block;font-size:50px;color:#066acc;line-height:50px;font-family:helvetica;}




/*page*/
.page{font-size:16px; color: #909090; text-align: center; margin-top: 15px;}
.page a,.page span { color: #909090;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .prev{margin-right: 30px;}
.page a:hover,.page span{color:#fff; background: #066acc;}
.page a.prev:hover{background-position:0px 0px;}
.page span.next,.page a.next{background-position:-23.5px -12px;}
.page span.next:hover,.page a.next:hover{background-position:-23.5px 0px;}
.page span.count { border: 0;background: 0;color: #909090;}
.page .gobutton:hover, .page .num:hover, .page .current{ color: #fff; background: #066acc}
.page span.gobutton, .page span.gobutton:hover{ color: none; background: none; }


/*m-page*/
.m-page {
    width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    border-left: none;
    line-height: 36px;
    font-size: 14px;
    display: none;
	clear: both;
	overflow: hidden;
}
.body-m .m-page{display: block;}
.m-page a{
    float: left;
    width: 33.333333%;
    text-align: center;
    border-left: 1px solid #ddd;
    background: #fff;
    height: 100%;
}

.m-page .num{
    background: url(../images/icon_m_page.png) no-repeat 80% center;
}
.m-page-pop{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background-color: #fff;
    overflow: auto;
    z-index: 800000;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-page-pop a{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 0 40px;
    font-size: 14px;
    color: #888;
}
.show-page .m-page-pop{
    height: 100%;
    padding-top: 60px;
}

/*newsContent*/
.article-box .a-bd{
 line-height: 1.8;
}
.article-box .a-fd{
 padding: 20px 0;
 border-top: 1px dashed #eee;
 font-size: 14px;
 line-height: 1.8;
 position: relative;
 padding-right: 120px;
}
.article-box .a-fd .btn{
 width: 140px;
 height: 40px;
 color: #fff;
 line-height: 28px;
 display: block;
 text-align: center;
 border: 0;
 cursor: pointer;
 -o-transition: .3s;
 -ms-transition: .3s;
 -moz-transition: .3s;
 -webkit-transition: .3s;
 transition: .3s;
 background-color: #329bdd;
 position: absolute;
 right: 0;
 margin-top: 20px;
 font-size: 16px;
}
.article-box .a-fd .btn:hover{
	color: #fff;
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.article-box .a-hd{
 padding-bottom: 30px;
 text-align: center;
 border-bottom: 1px solid #dedede;
}
.article-box .a-bd{
 padding: 30px 0;
 color: #4a4a4a;
}
.article-box .a-hd *{
	vertical-align: middle;
}
.article-box .a-hd em{
	color: #008cd6;
}
.article-box .a-hd span{
 margin: 0 6px;
 color: #999;
}
.article-box .a-hd h1{
 margin-bottom: 10px;
 font-size: 24px;
 color: #333;
 margin-bottom: 20px;
}

.article-box{
	padding: 50px 0;
}

.article-box .a-fd a{
	color: #4a4a4a;
	font-size: 16px;
}

.article-box .a-fd a:hover{
	color: #336db3;
}


/*job*/

.m_hide{
    display: none;
}

.ul-recuit{
    border:1px solid #ddd;
    border-bottom: 0;
}
.recruit-tit{
    height: 50px;
    text-align: center;
    margin-bottom: 27px;
}
.recruit-tit span{
    padding: 0 95px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    font-size: 28px;
    font-weight:bold;
    color: #666;
}
.ul-recuit li{
    cursor: pointer;
    background: #ffffff;
}
.ul-recuit li.ok{
    border-bottom:1px solid #dddddd;
}
.ul-recuit li h4{
    font-size: 0;
    height: 46px;
    padding: 0;
    line-height: 46px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    color: #808080;
    margin-top: 0;
    margin-bottom:0;
}
.ul-recuit li.ok h4{
    color: #066ACC;
}
.ul-recuit li h4 .more1{
    width: 13%;
    text-align: center;
    display: inline-block;
    padding-left: 0;
}
.ul-recuit li h4 .more1 i{
    font-style: normal;
}
.ul-recuit li h4 .more1 i.up{
    display: none;
}
.ul-recuit li h4 .more1 i.down{
    display: block;
}
.ul-recuit li.ok h4 .more1 i.up{
    display: block;
}
.ul-recuit li.ok h4 .more1 i.down{
    display: none;
}
.ul-recuit li.tit{
    background: #D8D8D8;
    text-align: center;
    color: #fff;
}
.ul-recuit li.tit h4{
    color: #5C5C5C;
    font-weight: bold;
    border-bottom: 0;
    padding-left: 0;
    margin-top: 0;
    margin-bottom:0;
}
.ul-recuit li span{
    display: inline-block;
    font-size: 14px;
}
.ul-recuit li.tit span{
    font-size: 14px;
}
.ul-recuit li span.name{
    width: 26%;
    border-right: 1px solid #e5e5e5;
}
.ul-recuit li span.learn{
    width: 23%;
    border-right: 1px solid #e5e5e5;
}
.ul-recuit li span.add{
    width: 19%;
    border-right: 1px solid #e5e5e5;
}
.ul-recuit li span.num{
    width: 19%;
    border-right: 1px solid #e5e5e5;
}
.ul-recuit li span.mores{
    width: 13%;
}
.ul-recuit li .txt{
    padding: 10px 80px 50px;
    overflow: hidden;
    font-size: 13px;
    line-height: 26px;
    display: none;
    background-color: #f5f5f5;
}
.ul-recuit li .txt dl{
    width: 100%;
    float: left;
    padding-left:3%;
}
.ul-recuit li .txt dl dt{
    color: #999999;
    padding-top: 30px;
    font-size: 16px;
    font-weight: bold;
}
.ul-recuit li .txt dl dd{
    color: #999999;
}
.Jion_txt p,.Jion_txt a{
    color: #999999;
    line-height: 2;
}
.Jion_txt a{
    padding-bottom: 2px;
    border-bottom:1px solid #999999;
    transition: all .3s;
}
.Jion_txt a:hover{
    color: #91715e;
    border-bottom-color: #91715e;
    transition: all .3s;
}
.Jion_txt span{
    color: #91715e;
    padding-top: 30px;
    display: block;
}

.offer {cursor: pointer;float: left;width: 105px; height: 40px;background-color: #0061b0; color: #fff; line-height: 40px;display: inline-block;margin:20px 0; text-indent: 20px;margin-right: 2%;}

/*表单*/
.apply{width: 780px;height: 640px;background-color: #FFFFFF;  margin: 4% auto 0 auto;  position: relative;}
#user_form p{width: 76%;height: 34px;  margin: 6px auto;padding-bottom: 7px; line-height: 34px;font-size: 14px;  position: relative;}
.btn_box {display: inline-block;padding-top: 20px;  padding-left: 26%;}
.btn_box input{margin: 0 10px 0 0;}
#user_form .resume_resume textarea{width:70%;height: 560px;height: 154px;  margin: 0 auto;padding-bottom: 7px; overflow-y: scroll; line-height: 34px;  position: relative;}
#user_form p .resume_resume{}
#user_form p label{font-weight: normal; font-size: 14px;color: #666666;width: 18%; float: left; height: 34px; display: block;}
#user_form p .sex_lable{width: 30px;text-align: center;}
#user_form p input,#user_form p textarea{width: 60%;float: left; height: 34px;line-height: 34px; border: 1px solid #bbb;   padding: 0 2%; color: #999;}
#user_form p .sex{width: 20px;}
#user_form p img{display: inline-block;/*float: right;*/padding-left: 2px;}
form#user_form { padding: 60px 0;text-align: left;}
.btn_box .btn_submit,.btn_box .btn_reset{width: 124px;height: 44px;font-size:14px;border:none;background-color: #136dc1;color: #FFFFFF;}
.btn_box .btn_reset{background-color: #333333;}
.apply .tit i { width: 34px; height: 34px;background: url(../images/icon_close_zoom.png) no-repeat center top;display: block;position: absolute; right: 10px;top: 10px; cursor: pointer;}

.zoom {width: 100%;height: 100%;position: fixed;z-index: 70;background: url(../images/bj_black.png) repeat; display: none;}
.input_div .tips {right: 16%; top: 20%;}
.tips { /* display: none; float: right;*/ position: absolute; right: 24%; top: 0; font-weight: bold;}
.tips{color:red;}



/*contact*/
.contact-row1{
	padding:40px 0 60px 0;
	overflow: hidden;
	position: relative;
}
.contact-row1 .map-l{
	float: left;
	width: 100%;
}
.contact-row1 .map-r{
	width: 40%;
	*width: 40%;
	_width: 40%;
	height: 484px;
	float: right;
	background: #3484d1;
	background-color: rgba(54,133,211,0.8);
	z-index: 999;
	position: absolute;
	top: 0px;
	right: 0px;
}

.contact-row2{
	background:#FFFFFF ;
	padding: 28px 0 0 0;
	overflow: hidden;
	/*margin: 0 -20px;*/
	margin-bottom: 70px;
}
.map-r h3{
	font-size: 30px;
	color: #FFF;
	font-weight: bold;
	padding: 20px 0 0 0;
	padding-top: 0;
}
.map-r{
	overflow: hidden;
	padding: 20px 36px;
	padding-top: 0;
	line-height: 1.8;
	color: #FFF;
}
.map-r h4{
	font-size: 18px;
	color: #FFF;
    text-transform: uppercase;
    border-bottom: 1px solid #FFF;
    padding-bottom: 25px;
}
.map-r h5{
	font-size: 18px;
	color: #d5d4d4;
    text-transform: uppercase;
}


.contact-row2-tit{ text-align: left; }
.contact-row2-tit h3{font-size: 28px; color: #757575;  line-height: 80px; font-weight: normal;}

.con-l{
	float: left;
	width: 32%;
	background:url(../images/con1.png) no-repeat 245px 105px  #f7f6f6;
	padding: 25px;
}
.con-r{
	width: 65%;
	*width: 53%;
	_width: 53%;
	float: right;
	background:url(../images/con2.png) no-repeat 645px 105px  #f7f6f6;
	padding: 25px;
}
/*.contact-row2 h3{
	color: #336db3;
	margin-bottom: 20px;
}*/
.contact-box{
	/*padding: 40px 0 60px;*/
	min-height: 300px;
    background: #F5F5F5;
}
.map-l img{
	width: 100%;
	vertical-align: bottom;
}
.fa{color: #1f58bf;}
.con-row{padding-bottom: 45px;}
.con-row li h3{color: #066acc; border-bottom: 1px solid #d4d4d4;padding-bottom: 15px;}
.con-row li p{padding-top:15px;}

/*down*/
.down_list_box ul li{
    overflow: hidden;
    padding: 15px;
}
/*奇数行*/ 
.down_list_box li:nth-of-type(odd){ background:#EDEDED;}
/*偶数行 */
.down_list_box li:nth-of-type(even){ background:#FFF;}

.down_list_box li:last-child{
	margin-bottom: 30px;
}

.down_list_box ul li .left{
	width: 70%;
	float: left;
}
.left span{
	/*display: block;*/
	font-size: 16px;
	margin-right: 10px;
}
.left p{
	font-size: 16px;
	margin: 0;
}

.down_list_box ul li .right{
	width: 30%;
	float: right;
}
.right{
	
}
.right a i{
	color:#5a5a5a;
}

.down_list_box ul li .right .down_bot a:hover,
.down_list_box ul li .right .down_bot a:hover i {
    border-color: #066ACC;
    color: #066ACC;
    transition: all .3s;
}

.down_bot{
	float: right;
}

/*server*/
.ser_pro.h320 {
    height: 320px;
    margin-bottom: 20px;
}


.ser_pro .img {
    width: 100%;
    height: 100%;
    line-height: 0;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.index_product .img img {
	width: 110%;
}
    
.ser_pro{
	position: relative;
    overflow: hidden;
}
.ser_pro a{
    
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a8000000", endColorstr="#a8000000", GradientType=0);
    text-decoration: none; 
}

.ser_pro .txt {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    padding: 0
}

.ser_pro .img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.ser_pro .img img {
    width: 110%;
    max-width: 110%;
    margin: 0;
    transition: all .3s;
}

.ser_pro:hover img {
    margin-left: -20px;
    transition: all .3s;
}

.ser_pro .txt a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    top: 0;
    padding: 20px 40px;
    text-decoration: none
}

.ser_pro:hover a {
    /*background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a8000000", endColorstr="#a8000000", GradientType=0);
    text-decoration: none*/
   background: none;
   color: red;
}

.txt_wrap {
    position: absolute;
    /*bottom: 0;*/
    left:0%;
    top:40%;
    width: 100%;
    margin-bottom: 20px;
    min-height: 50px;
    padding: 0 40px 0 40px
}

.ser_pro .txt h3 {
    font-size: 34px;
    margin-bottom: 10px;
    line-height: 1.2;
    position: relative;
    opacity: 1;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(60%);
    transform: translateY(60%)
}

.ser_pro .txt a,
.ser_pro .txt h3,
.ser_pro .txt p {
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.ser_pro .txt p {
    position: relative;
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    color: #fff;
    line-height: 1.5;
    width: 100%
}

.ser_pro:hover a button,
.ser_pro:hover a h3,
.ser_pro:hover a p {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    color: #066acc;
    /*color: #000;*/
}