﻿@charset "utf-8";
/* CSS Document */

/* css reset */

    /* 清除内外边距 */
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
    dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
    pre, /* text formatting elements 文本格式元素 */
    fieldset, legend, button, input, textarea, /* form elements 表单元素 */
    th, td { /* table elements 表格元素 */
        margin: 0;
        padding: 0;
		border: 0px;
    }
    
    /* 设置默认字体 */
    body{
    	font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
		font-size: 14px;
		color:#333;
		background-color: #fff;
    	overflow-x: hidden;
    }
    button, input, select, textarea {
	font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color:#333;
	/* [disabled]outline:none; */
    }
	button, input, select, textarea{ outline:none;}
    html {line-height: 1; }
    address, cite, em, var,i { font-style: normal; } /* 将斜体扶正 */
    
    h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
    h2 { font-size: 16px; }
    h3 { font-size: 14px; }
    h4, h5, h6 { font-size: 100%; }
    
    /* 重置列表元素 */
    ul, ol, li { list-style: none; }
    
    /* 重置文本格式元素 */
    a { text-decoration: none;color:#333; cursor:pointer;}
    a:hover { text-decoration:none; color:#0083F5; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
	
	/* 重置图片元素 */	
    img {border: 0px;vertical-align:middle;-ms-interpolation-mode: bicubic;}
    
    .file img{
	    width: 16px;
	    height: 16px
	}
	.file a{
	    font-size: 16px;
	    padding-left: 4px;
	}
	
.bx_fl, .fl {float: left;}
.bx_fr, .fr {float: right;}
.container{width:1200px; margin:0 auto;}
.clear{ clear:both;}
.c10{height:10px;width:100%;}
.c20{height:20px;width:100%;}
.c30{height:30px;width:100%;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.hot .item .img img, .hot .item .pic img{
	width:100%; height:100%;
	overflow-x: hidden;
    overflow-y: hidden;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.hot .item .img img:hover, .hot .item .pic img:hover{
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
	}
	 
/*main*/
.main{margin:0 auto; position:relative;}
.w860{width:860px; float:left;}

.header{position:absolute; width:100%; height: 74px; z-index:10; top: 0px; left: 0px;}
.header .container{height: 74px;}
.header .logo{display:inline-block; float:left; width:278px; height:45px; 
background-image:url(../imgs/logo.png); margin-top: 16px; margin-left: 6px;
}
.header .login{display:inline-block; width:61px; background: #0083F5; border-radius: 14px; 
height: 28px; line-height: 28px; margin: 24px 20px 0 0;
font-size: 14px; font-family: Microsoft YaHei;font-weight: 400; 
color: #FFFFFF; text-align: center; vertical-align: middle;
}
.header-top{background-color: #00186d; position:static; width:100%; height: 74px;}

/*nav*/
.nav{float:left; margin-left:35px; padding-top:24px; }
.nav > .menu li{float:left; line-height:24px; margin-right:50px;}
.nav > .menu li a{font-size:16px; font-family: Microsoft YaHei; font-weight: 400; cursor:pointer; color:#fff; transition-duration:300ms; -moz-transition-duration:300ms; -webkit-transition-duration:300ms; -o-transition-duration:300ms;
	padding: 16px 0 8px 0;
}
.nav > .menu li a:hover{color:#0083F5; transition-duration:300ms; -moz-transition-duration:300ms; -webkit-transition-duration:300ms; -o-transition-duration:300ms;}
.nav > .menu .on .menu_f{color:#0083F5; border-bottom: 1px solid #0083F5;}
.nav > .menu li.more{ position:relative; }
.nav > .menu li.more:before{content:''; position:absolute; right:-16px; top:10px; display:inline-block; width:10px; height:10px; background-image:url(../imgs/arrow_down.png); transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.nav > .menu li.more:hover:before{background-image:url(../imgs/arrow_up.png);  transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.nav > .menu li > .menu-child{display:none; background: #000; filter:alpha(opacity=70); background:rgba(0,0,0,0.7); position:absolute; width:160px; z-index:9999; left:-20px; top:30px;}
.nav > .menu li > .menu-child li{float:none; margin-right:0; line-height:41px; text-indent:20px;}
.nav > .menu li > .menu-child a{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #fff;
}
.nav > .menu li > .menu-child a:hover{color:#0083F5; transition-duration:300ms; -moz-transition-duration:300ms; -webkit-transition-duration:300ms; -o-transition-duration:300ms;}
.nav > .menu li.more:hover > .menu-child{ display:block;}

.home-top{position:relative; height: 720px;}
.home-top-line{height:1px; background-color:#FFF; opacity: 0.2;}
.banner{width: 100%;}
.banner img{width: 100%; height: 720px; object-fit: cover;}

.home-advantage{position:relative; height: 737px; background: #F3F3F3;}
.home-advantage-ico{position:absolute; width:449px; height: 352px; 
	background-image:url(../imgs/platform_bg1.png); 
	background-size:449px 352px;
	top:-108px; left: -183px;
}
.home-advantage-ico2{position:absolute; width:449px; height: 352px; 
	background-image:url(../imgs/platform_bg2.png); 
	background-size:449px 352px;
	bottom:-180px; right: -124px;
}
.home-advantage-des{padding-top: 78px;}
.home-advantage-content{position:relative; margin:0 auto; text-align: center;}
.home-advantage-title{padding: 140px 0 16px; text-align: center;}
.home-advantage-title img{width: 377px; height: 56px;}
.home-advantage-des span{
	display:block; text-align: left;
	font-size: 14px; font-family: Microsoft YaHei; font-weight: 400;
	color: #999999; line-height: 18px;
	padding: 0px 26px;
}
.home-advantage-des img{
        /* width: 89px; height: 74px; */
        padding-top: 52px;
}
.home-advantage-des h3{
	font-size: 18px; font-family: Source Han Sans CN; font-weight: 400; color: #000000;
	line-height: 26px; padding: 30px 0 20px 0;
}
.home-advantage-icon{display:inline-block; width: 238px; height: 306px;
        background: #FFFFFF; box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.05); border-radius: 8px;
	/* background-image:url(../imgs/rec.png); background-size:cover; */
	text-align: center; vertical-align:top; margin: 0 20px;
}
.home-advantage-icon:hover{
  transform:translateY(-10px);
  transform:scale(1.1);
  transition:.5s ease-in;
}


/*home-results*/
.home-results{ position:relative; width:100%; height: 493px; 
	background-image:url(../imgs/achievement_bg.png); 
	background-size:100% 493px;
        object-fit: cover;
	margin-top: -60px;
}
.home-results-div{padding-top: 80px; }
.home-results-img{
	display:inline-block; width:40%; height: 162px; line-height: 162px;
	text-align: right; vertical-align:top;
} 
.home-results-img img{
	position:relative; top:96px;
	width:279px; height: 94px; padding-right: 86px;
} 
.home-results-des{
	display:inline-block; width:59%; height: 162px; text-align: left; vertical-align:top;
}
.home-results-des h3{
	font-size: 50px; font-family: Microsoft YaHei; font-weight: 400;
	color: #FFFFFF; line-height: 53px;
}
.home-results-des span{
	font-size: 16px; font-family: Microsoft YaHei; font-weight: 400;
	color: #FFFFFF; line-height: 18px; opacity: 0.7;
}
.home-results-des .home-results-d1{
	display:inline-block; width: 40%; text-align: center; padding-top: 50px; padding-left: 92px; 
}
.home-results-des .home-results-d2{
	display:inline-block; width: 40%; text-align: center; padding-top: 50px;  padding-left: 24px; 
}
.home-results-des .home-results-d3{
	display:inline-block; width: 40%; text-align: center; padding-top: 126px; padding-left: 92px; 
}
.home-results-des .home-results-d4{
	display:inline-block; width: 40%; text-align: center; padding-top: 126px;  padding-left: 24px; 
}

/*home-case*/
.home-case{text-align: center; height: 880px;}
.home-case-img{width: 162px; height: 55px; padding: 95px 0 30px;}
/* Div1 */
.Div1{width:1200px;height:700px;margin:2px auto;overflow:hidden;position:relative; text-align: center;}
.Div1_title{height:61px;width:1200px;padding-bottom:3px; text-align: center;
	border-bottom: 1px solid #EBEBEB;
	margin: 0 auto;
}
.Div1_title .Div1_tab{display:inline-block; 
	width:1100px; height: 64px; /*text-align: center; */
/*	position:relative; */overflow: hidden;
}
.Div1_title ul{
	width:4000px; height: 62px; 
	position:relative; 
}
.Div1_title b{display:inline-block; width:27px; height:27px; vertical-align:top; margin-top: 12px;}
.Div1_title b img{width:27px; height:27px; cursor:pointer;}

/*.Div1_title ul li{display:block;float:left;}*/
.Div1_prev{padding:8px 10px 0 0;}
.Div1_next{padding:8px 0 0 0px;}
.Div1_title ul li{
	display: inline-block; float: left; text-align: center;
	width: 182px;
	/*padding-left:14px; padding-right:14px; margin-right:10px;*/
	font-size: 22px; font-family: Source Han Sans CN; font-weight: 500;
	color: #000; line-height: 62px;  cursor:pointer;
}
/*.Div1_title div a:hover{color:#0083F5;}*/
.Div1_title ul li.Div1_title_a1{color:#0083F5;
	border-bottom:2px solid #0083F5;
}
.Div1_main{padding-top:18px;height:600px;width:20000px;overflow:hidden;position:relative;z-index:1;}
.Div1_main div{width:1200px; height:600px; float:left;}
.Div1_main img{width:1200px; height:565px; object-fit: fill;}

/*home-bottom*/
.home-bottom{width: 100%; height: 212px;	
	background-image:url(../imgs/foot_bg.png); 
	/* background-size:100% 114px; */
        object-fit: cover;
}
.home-bottom img{width: 583px; height: 48px; margin-left: 127px; margin-top: 82px;}

.home-foot{background: #2C2E39;}
.home-foot-link{height: 301px;
	text-align: center;
}
.home-foot-link div{
	font-size: 14px; font-family: Microsoft YaHei; font-weight: 400;color: #CCCCCC;
	line-height: 36px; padding-bottom:4px; 
}
.home-foot-link li{
	font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #999999;
	line-height: 28px;
}
.home-foot-link a{color: #999999;}
.home-foot-version{height: 55px; line-height:55px; border-top: 1px solid #464959; 
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}
.home-foot-link1{
	display:inline-block; width: 180px; text-align: left; vertical-align: top; margin-top:55px; 
}
.home-foot-link2{
	display:inline-block; width: 180px; text-align: left; vertical-align: top; margin-top:55px; 
}
.home-foot-link3{
	display:inline-block; width: 180px; text-align: left; vertical-align: top; margin-top:55px; 
}
.home-foot-link4{
	display:inline-block; width: 180px; text-align: left; vertical-align: top; margin-top:55px; 
}
.home-foot-link5{
	display:inline-block; width: 160px; text-align: center; vertical-align: top; margin-top:55px; 
	font-size: 8px; font-family: Microsoft YaHei; font-weight: 400;
	color: #999999; line-height: 19px;
}
.home-foot-link5 img{width: 135px; height: 135px; padding-bottom: 10px;}


/*悬浮链接*/
.suspension{position:fixed;z-index:100;right:4px; top:150px; width:70px;height:240px;}
.suspension-box{position:relative;float:right;
	box-shadow: 0px 8px 9px 0px rgba(71, 71, 71, 0.1);
    border-radius: 7px;
    width: 84px;
    text-align: center;
    background: #FFF;
}
.suspension .a{display:block;
	cursor:pointer; outline:none;
    padding: 10px 0 10px 0;
    position: relative;
    text-align: center;
    /*border-bottom: 1px solid #EBEBEB;*/
}
.suspension .a .a-service-ico{width:32px; height:34px; background-image:url(../imgs/icon_qq.png); background-size:cover;}
.suspension .a .a-service-phone-ico{width:38px; height:34px; background-image:url(../imgs/icon_wechat.png); background-size:cover;}
.suspension .a .a-qrcode-ico{width:30px; height:30px; background-image:url(../imgs/icon_dingtalk.png); background-size:cover;}
.suspension .a .a-cart-ico{width:28px; height:28px; background-image:url(../imgs/icon_phone.png); background-size:cover;}
.suspension .a.active .a-service-ico,.suspension .a:hover .a-service-ico{width:32px; height:34px; background-image:url(../imgs/icon_qq_sel.png); background-size:cover;}
.suspension .a.active .a-service-phone-ico,.suspension .a:hover .a-service-phone-ico{width:38px; height:34px; background-image:url(../imgs/icon_wechat_sel.png); background-size:cover;}
.suspension .a.active .a-qrcode-ico,.suspension .a:hover .a-qrcode-ico{width:30px; height:30px; background-image:url(../imgs/icon_dingtalk_sel.png); background-size:cover;}
.suspension .a.active .a-cart-ico,.suspension .a:hover .a-cart-ico{width:28px; height:28px; background-image:url(../imgs/icon_phone_sel.png); background-size:cover;}

.suspension .a .right-menu-text{color: #000}
.suspension .a.active .right-menu-text,.suspension .a:hover .right-menu-text{color: #fff}
.suspension .a div{display:inline-block; }
.suspension .a-service-phone{padding-top:18px;}
.suspension .a-cart{padding-bottom:18px;}
/*.suspension .a-qrcode div{width:30px; height:30px;}
.suspension .a-cart div{width:28px; height:28px;}*/
/*.suspension .a-cart a.active, .suspension .a-cart a.hover{
	background-image:url(./imgs/icon_phone_selected.png);
}*/
.suspension .right-menu-text{
	display:block;
	font-size: 12px;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: :#000;
	padding-top: 2px;
	line-height: 18px;
}
.suspension .a.link{background:#fff; color: :#000;}
.suspension .a.active,.suspension .a:hover{background:#0083F5; color: :#fff;}

.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:88px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../imgs/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:160px;}
.suspension .d-service-phone{top:0px;}
.suspension .d-qrcode{top:20px;}
.suspension .d-cart{top:168px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d .inner-box .qrcode-img img{width:160px; height: 160px; object-fit: fill;}
.suspension .d-service-item{padding:8px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../imgs/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../imgs/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../imgs/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .arrow{position:absolute;width:8px;height:12px;background:url(../imgs/side_bg_arrow.png) no-repeat;right:-8px;top:94px;}
.suspension .d-cart .arrow{position:absolute;width:8px;height:12px;background:url(../imgs/side_bg_arrow.png) no-repeat;right:-8px;top:94px;}

/*.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}*/