@charset "utf-8";
@font-face {
	font-family: 'DIN Condensed Bold';
	src:url('../font/DIN%20Condensed%20Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-LightCond';
	src:url('../font/MyriadPro-LightCond.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'fs';
    src: url('../font/_-webfont.woff2') format('woff2'),
         url('../font/_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html{-webkit-font-smoothing:antialiased;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
a,area{text-decoration:none;outline:none;blr:expression(this.onFocus="this.blur"());color: #666;}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"());color: #966f00;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
textarea{resize:none;}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;outline:0;outline:0;blr:expression(this.onFocus="this.blur"());}
input[type="submit"],input[type="button"],button{cursor:pointer;border:0;}
body,button,input,select,textarea{ font-family: "微软雅黑";font-size:12px;color:#666;line-height: 1;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:"";display:block;width: 100%;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.clearfix{*zoom:1;}
img{max-height: 100%;}
.wrap{width: 1300px;margin:0 auto;}

/*字体*/
.f14{font-size:14px;}
.f28{font-size:28px;}
.f18{font-size: 18px;}
.f48{font-size:48px;}
.cfff{color: #fff;}
.c000{color: #000;}
.c666{color: #666;}

/* Slider */
.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-slider:focus,.slick-slider:active{outline:none;cursor: pointer;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{cursor: pointer;outline: none;}
.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;overflow: hidden;}
.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;}


/*********头部**********/
.head-height{height: 130px;}
.head{ position: fixed; width: 100%; height: 130px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s; top: 0; left: 0; z-index: 999; background-color: #fff;}
.head .top{ height: 38px; line-height: 38px; border-bottom: 1px solid #ebebeb;}
.head .top .p1{ float: right; font-size: 14px; color: #00aaff; padding-left: 22px; background: url("../Images/a.png") no-repeat 2px center;}
.head .top ul{ float: right; padding-right: 6px; height: 38px;}
.head .top ul li{ float: left;}
.head .top ul li a{ font-size: 14px; color: #999999;}
.head .top ul li a:hover{ color: #00aaff;}
.head .top ul li span{ font-size: 12px; color: #cccccc; padding: 0 18px;}
.head .nav{ height: 91px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.head .nav .logo{ float: left;/* width: 190px;*/ height: 52px; margin-top: 22px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.head .nav .nav-ul{ position: relative; float: right; margin-top: 39px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.head .nav .nav-ul li{ float: left; margin-left: 32px; height: 52px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.head .nav .nav-ul li a{ font-size: 16px; color: #666666; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.head .nav .nav-ul li:hover a{ color: #00aaff;}
.head .nav .nav-ul li.active a{ color: #00aaff;}
.head .nav .nav-ul span{ position: absolute; height: 2px; background-color: #00aaff; bottom: 0; left: 0; opacity: 0; opacity: 0 \9; width: 100px;}
.onx{ height: 102px; box-shadow: 0 0 2px 1px #aaa;}
.onx .nav{ height: 64px;}
.onx .nav .logo{ margin-top: 8px;}
.onx .nav .nav-ul{ margin-top: 24px;}
.onx .nav .nav-ul li{ height: 39px;}
.footer{ position: relative; z-index: 9989; background-color: #111111; padding-top: 48px;}
.footer .wrap{
	/*height: 332px;*/
	padding-bottom: 20px;}
.footer .wrap ul{ float: left;}
.footer .wrap ul .l1{ margin-bottom: 32px;}
.footer .wrap ul .l1 p{ font-size: 18px; color: #00aaff;}
.footer .wrap ul li{ font-size: 16px; margin-bottom: 11px;}
.footer .wrap ul li a{ color: #999999; display: inline-block; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.footer .wrap ul li a:after{ content: ""; display: block; height: 1px; width: 0%; background-color: #00aaff; margin-top: 5px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.footer .wrap ul li a:hover{ color: #00aaff;}
.footer .wrap ul li a:hover:after{ width: 100%;}
.footer .wrap .call{ float: left; margin-left: 170px;}
.footer .wrap .call p{ font-size: 18px; color: #00aaff; margin-bottom: 32px;}
.footer .wrap .call dl{ padding-left: 80px; margin-bottom: 36px;}
.footer .wrap .call dl dt{ font-size: 30px; color: #999999; margin-bottom: 12px;}
.footer .wrap .call dl dd{ font-size: 14px; color: #999999; margin-bottom: 12px;}
.footer .wrap .call .dl1{ background: url("../Images/i3.jpg") no-repeat 16px center;}
.footer .wrap .call .dl2{ padding-top: 16px; background: url("../Images/i4.jpg") no-repeat 16px center;}
.footer .wrap .call .dl3{ padding-top: 16px; background: url("../Images/i5.png") no-repeat -1px center;}
.footer .wrap .call .dl4{ padding-top: 16px; background: url("../Images/i6.png") no-repeat -1px center;}
.footer .wrap .follow{ float: left; margin-left: 130px;}
.footer .wrap .follow p{ font-size: 18px; color: #00aaff; margin-bottom: 32px;}
.footer .wrap .follow .img{ width: 248px;}
.footer .wrap .follow .img img{ width: 108px;}
.footer .wrap .follow .p2{ font-size: 16px; color: #999999; margin-top: 42px; line-height: 32px;}
.footer .wrap .follow .p2 a{ display: inline-block; width: 32px; height: 32px; vertical-align: top; margin-left: 14px;}
.footer .wrap .follow .p2 .a1{ background: url("../Images/a1.png") no-repeat center;}
.footer .wrap .follow .p2 .a2{ background: url("../Images/a22.png") no-repeat center;}
.footer .bottom{ border-top: 1px solid #1c1c1c; line-height: 78px; height: 78px; width: 1200px; margin: 0 auto;}
.footer .bottom .p1{ float: left; font-size: 12px; color: #666666;}
.footer .bottom .p2{ float: right;}
.footer .bottom .p2 span{ font-size: 12px; color: #666666;}
.footer .bottom .p2 i{ display: inline-block; width: 20px; height: 20px; background: url("../Images/c1.png") no-repeat center; margin: 0 6px 0 24px;}
.footer .bottom .p2 em{ display: inline-block; width: 50px; height: 12px; background: url("../Images/c2.jpg") no-repeat center; margin-left: 8px;}
.friendLink{ width: 1200px;margin: 0 auto; padding-bottom: 20px;}
.friendLink dl dt{ float: left; width: 5%; line-height: 30px;font-size:12px;}
.friendLink dl dd{ float: left; width: 92%; height: 30px; overflow: hidden;-webkit-transition: all .6s;transition: all .6s;}
.friendLink dl dd a{ padding: 0 9px; background: url("../Images/links_line.jpg") no-repeat right center; font-size: 12px; color: #999; line-height: 30px;}
.friendLink dl dd.footer-xl{ float: left; width: 3%;}
.friendLink dl dd.footer-xl span{ display: block; width: 100%; height: 30px; background: url("../Images/linksicon.jpg") no-repeat center;}
.banner, .num, .server, .project, .case, .advantage, .new, .join, .commit{ width: 100%; overflow: hidden;}
.bottom .p1 img{ width: 60px; height: auto;}

/* 客服 */


/*
.kefu {
    position: fixed;
    right: 0;
    top: 115px;
    width: 138px;
    z-index: 1200;
}
.kefu .kfdiv {
    background: rgba(0, 0, 0, 0) url("../Images/kefu.png") no-repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    height: 63px;
    margin-bottom: 1px;
    margin-right: 0;
    text-align: center;
    width: 63px;
}
.kefu .c1 {
    background-position: 0 0;
}
.kefu .c2 {
    background-position: 0 0;
    display: block;
    position: relative;
}
.kfQQ {
    display: none;
    margin-bottom: 1px;
    margin-right: 0;
    position: relative;
    width: 138px;
}
.kfQQ .icon_qq {
    background: rgba(0, 0, 0, 0) url("../Images/kefu.png") no-repeat scroll -63px -64px;
    color: #fff;
    cursor: pointer;
    height: 63px;
    left: -63px;
    margin-bottom: 1px;
    margin-right: 0;
    position: absolute;
    text-align: center;
    width: 63px;
}
.kfQQ dt {
    background: rgba(0, 0, 0, 0) url("../Images/ket.png") no-repeat scroll 0 0;
    height: 63px;
}
.kfQQ dd {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #dcdcdc #dcdcdc #0896de;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 3px;
    width: 138px;
}
.kfQQ dd span {
    color: #5c5c5c;
    display: block;
    font-size: 12px;
    padding-bottom: 13px;
    padding-left: 14px;
    text-align: left;
}
.kfQQ dd span img {
    height: 23px;
    margin-right: 10px;
    vertical-align: middle;
    width: 23px;
}
.kfQQ dd span a {
    color: #777;
    display: block;
    padding-top: 8px;
}
.kfQQ dd span a:hover {
    color: #777;
}
.kefu .c3 {
    background-position: 0 -64px;
}
.kefu .c1:hover {
    background-position: -63px 0;
} */

.m_wrap, .m_wrap1, .m_wrap2, div{ margin: 0 auto}
.kefu{ position: absolute; right: 0; top: 300px; z-index: 10000; width: 138px}
.kefu .kfdiv{ width: 63px; height: 63px; margin-bottom: 1px; cursor: pointer; color: #FFF; text-align: center; margin-right: 0; background: url("../Images/kefu.png") no-repeat}
.kefu .c1{ background-position: 0 0}
.kefu .c2{ background-position: 0 0; position: relative; display: block}
.kfQQ{ width: 138px; margin-right: 0; position: relative; margin-bottom: 1px; display: none}
.kfQQ .icon_qq{ width: 63px; height: 63px; margin-bottom: 1px; cursor: pointer; color: #FFF; text-align: center; margin-right: 0; background: url("../Images/kefu.png") no-repeat -63px -64px; position: absolute; left: -63px}
.kfQQ dt{ height: 63px; background: url("../Images/ket.png") no-repeat}
.kfQQ dd{ border: 1px #dcdcdc solid; border-bottom: 3px #0896de solid; width: 138px; background: #FFF}
.kfQQ dd span{ padding-left: 14px; padding-bottom: 13px; font-size: 12px; text-align: left; display: block; color: #5c5c5c}
.kfQQ dd span img{ margin-right: 10px; width: 23px; height: 23px; vertical-align: middle}
.kfQQ dd span a{ color: #777; display: block; padding-top: 8px}
.kfQQ dd span a:hover{ color: #777}
.kefu .c3{ background-position: 0 -64px}
.kefu .c1:hover{ background-position: -63px 0}
label.baojiazixunBtn{display:none;}
input#baojiazixun:checked+label.baojiazixunBtn{display:inline-block;}
input#baojiazixun:checked~div.bottom_consult{display: none}
.bottom_consult+#BD_QIAO_WEBIM_LITE_WRAP{z-index: 10000001110!important}
.placeholderfff::-webkit-input-placeholder{ color:#fff!important}
#alertCon+.alert_con{display: none;}
#alertCon ~.inner_box{display: block;}
#alertCon:checked +.alert_con{display: block;}
#alertCon:checked ~.inner_box{display: none;}

@media only screen and (max-width:1368px){
	.bottom_consult>label{line-height: 0;}
	.bottom_consult {height: 70px!important; line-height: 70px!important;}
	.bottom_consult .form button img{height: 45px;}
	.bottom_consult .form>input{height: 40px!important;font-size: 16px!important;}
    .bottom_consult .inner_box img{height: 25px;}
     .bottom_consult .inner_box>span{height: 40px!important;}
     .bottom_consult .inner_box{line-height: 70px!important;}
}