@charset "utf-8";
/*100%或none 移动端关闭字体大小自动调整功能*/
body { -webkit-text-size-adjust:none;}

/*================================基本信息==============================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,form, label, legend, table, caption, tbody,tfoot, thead, tr, th, td, article, aside,canvas, details, embed, figure, figcaption,footer, header, hgroup, menu, nav, output,ruby, section, summary, time, mark, audio,video,input{ margin:0; padding:0; font-family:'微软雅黑'; color:#272a2e;}
body{ font-family:'microsoft yahei',"宋体", arial, "segoe ui", sans-serif; color:#272a2e; margin: 0 auto; height: 100%; overflow-x:hidden }
html{position: relative;height: 100%;}
h1, h2, h3, h4, h5, h6{font-weight: inherit; }
ul,ol,dl,li,dt,dd { list-style:none; }
a {text-decoration:none;}
a:hover{text-decoration:none;}
*{margin: 0;padding: 0;}

/***********************导航开始******************/
.head{ height:92px; width:1200px; margin:auto;}
.logo{ padding-top:20px;}
.logo img{}
.nav { margin-left:60px;}
.nav li{ float:left; line-height:92px; padding:0 26px; text-align:center; height:92px; overflow:hidden;}
.nav li a{ display:block; color:#333; transition: background-image 0s ease-in-out;-webkit-transition: background-image 0s ease-in-out;}
.nav li a:hover,.nav .hover li,.nav .hover2 li{ background:url(/uploads/image/t2aimg/sj4.gif) no-repeat center bottom;}
.nav li a:hover,.nav .hover a,.nav .hover2 a{color:#008cd6;}
.two_nav{ position:absolute; z-index:999; width:100%; top:92px; left:0; border-top:3px solid #f7f7f7; text-align:left; font-size:15px; line-height:34px; padding:30px 0; display:none; background:#f7f7f7;}
.two_nav .last{ margin-left:0;}
.two_nav dl{width:250px; float:left; margin-left:60px; display:inline; background:#f7f7f7;}
.two_nav dt{ font-size:18px; color:#008dd9; padding-left:10px; border-bottom:1px dotted #c1c1c1; padding-bottom:5px; margin-bottom:10px;}
.two_nav dt a:hover{background-image:none;}
.nav .two_nav dd a{ height:34px; color:#676767;line-height:34px;}
.two_nav dd a:hover{ color:#90c752; background:url(/uploads/image/t2aimg/sj3.gif) no-repeat right center;}
.back_white{background: #ffffff;}
.top_left {float: left;}
.top_right{float: right;}
.font16 { font-size: 16px;}
.nav li:hover .two_nav{display:block;}
.web_widht {
    width: 1200px;
    margin: 0 auto;
}
.case-nav a *{vertical-align:middle;}
.case-nav .case-nav-icon-1,.case-nav .case-nav-icon-2,.case-nav .case-nav-icon-3,.case-nav .case-nav-icon-4,.case-nav .case-nav-icon-5,.case-nav .case-nav-icon-6{display:inline-block;width:20px;height:20px;margin-right:5px;position:relative;top:-1px;}
.case-nav .case-nav-icon-1{background:url(/uploads/image/t2aimg/nav_icon_1.png) center no-repeat;}
.case-nav .case-nav-icon-2{background:url(/uploads/image/t2aimg/nav_icon_2.png) center no-repeat;}
.case-nav .case-nav-icon-3{background:url(/uploads/image/t2aimg/nav_icon_3.png) center no-repeat;}
.case-nav .case-nav-icon-4{background:url(/uploads/image/t2aimg/nav_icon_4.png) center no-repeat;}
.case-nav .case-nav-icon-5{background:url(/uploads/image/t2aimg/nav_icon_5.png) center no-repeat;}
.case-nav .case-nav-icon-6{background:url(/uploads/image/t2aimg/nav_icon_6.png) center no-repeat;}
.case-nav .case-nav-icon-1.hover{background:url(/uploads/image/t2aimg/nav_icon_1_hover.png) center no-repeat;}
.case-nav .case-nav-icon-2.hover{background:url(/uploads/image/t2aimg/nav_icon_2_hover.png) center no-repeat;}
.case-nav .case-nav-icon-3.hover{background:url(/uploads/image/t2aimg/nav_icon_3_hover.png) center no-repeat;}
.case-nav .case-nav-icon-4.hover{background:url(/uploads/image/t2aimg/nav_icon_4_hover.png) center no-repeat;}
.case-nav .case-nav-icon-5.hover{background:url(/uploads/image/t2aimg/nav_icon_5_hover.png) center no-repeat;}
.case-nav .case-nav-icon-6.hover{background:url(/uploads/image/t2aimg/nav_icon_6_hover.png) center no-repeat;}


.layout ,.laybox{ width: 100vw;height: 100vh;background: rgba(0,0,0,.8);position: fixed;top: 0;left: 0;z-index: 95;display: none;}
.laybox { z-index: 120;}
#laybar { width: 90vw;height: 3rem;background: #fff;border-radius: 0.2rem;position: fixed;left: 50%;top: 50%;z-index: 55;overflow: hidden;-webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);display: none;z-index: 100;}
#laybar h1 { font-size: 0.26rem;background: #0af;padding: 0.1rem 0;padding-left: 0.3rem;color: #fff;font-weight: 600;}
#laybar .close { width: 0.33rem;height: 0.33rem;background:  no-repeat;background-size: contain;position: absolute;top: 0.13rem;right: 0.2rem;cursor: pointer;}
#laybar .left { float: left;width: 60%;border-right: 1px solid #b7b7b7;margin-top: 0.2rem;background: #fff;text-align: center;}
#laybar .right{ float: right;width: 38%;margin-top: 0.2rem;text-align: center;background: #fff;}
#laybar .left input { width: 2.5rem;box-sizing: border-box;border: 1px solid #b5b5b5;border-radius: 0.3rem;padding-left: 0.15rem;background: none;margin-bottom: 0.12rem;display: inline-block;font-size: 0.22rem;height: 0.6rem;line-height: 0.6rem;}
#laybar .left input[type="text"]:focus { box-shadow: 0 0 0.15rem rgba(0,170,255,.5);border-color: rgb(145,218,255);}
#laybar .left input[type="submit"] { background: #0af;color: #fff;padding-left: 0;cursor: pointer;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;border-color: transparent;font-size: 0.2rem;}
#laybar .left input[type="submit"]:hover { background: #038aca;color: #fff;}
#laybar .right p { text-align: center;padding: 0.08rem 0;margin-bottom: 0.12rem;font-weight: 700;font-size: 0.2rem;margin-top: 0.22rem;}
#laybar .right a { padding: 0 0.25rem;background: #0af;color: #fff;border-radius: 0.3rem;display: inline-block;box-sizing: border-box;text-align: center;font-size: 0.2rem;height: 0.55rem;line-height: 0.55rem;}
#laybar .right a:hover { background: #038aca;color: #fff;}
/*头部*/
#header { width: 100%;height:5.5rem;background: #080a1f;position: relative;z-index: 99;}
#header .logo { width: 11rem;
    height: 5rem;
    background: url(/uploads/image/t2aimg/logo.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 1rem;
    top: 1rem;}
#header .hamburger { position: absolute;right: 1.3rem;top: 1.5rem;cursor: pointer;}
#header .hamburger .line{
      width: 2.3rem;
	  height: 3px;
	  background-color: #ecf0f1;
	  display: block;
	  margin: 0.3rem auto;
	  -webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
}
#header .hamburger.is-active .line:nth-child(2){
  opacity: 0;
}

#header .hamburger.is-active .line:nth-child(1){
  -webkit-transform: translatey(0.85rem) rotate(45deg);
  -ms-transform: translatey(0.85rem) rotate(45deg);
  -o-transform: translatey(0.85rem) rotate(45deg);
  transform: translatey(0.85rem) rotate(45deg);
}

#header .hamburger.is-active .line:nth-child(3){
  -webkit-transform: translatey(-0.14rem) rotate(-45deg);
  -ms-transform: translatey(-0.14rem) rotate(-45deg);
  -o-transform: translatey(-0.14rem) rotate(-45deg);
  transform: translatey(-0.14rem) rotate(-45deg);
}

#navmenu { width: 100%;position: absolute;top: 5.5rem;left: 100%;background: #fff;padding-bottom: 1rem;}
#navmenu ul li h1,#navmenu ul li h2,#navmenu ul li dl dt,#navmenu ul li dl dd a{ color: #000;font-size:1.6rem; height:4rem;line-height: 4rem;border-bottom: 1px solid #999;padding-left: 1rem;}
#navmenu ul li h1 a { color: #000;}
#navmenu ul li h1 { display: block;box-sizing: border-box;}
#navmenu ul li h2 { color: #0af;background: #e2e2e2;padding-left: 2.4rem;font-size:1.4rem;}
#navmenu ul li dl dt { background: #fff;padding-left: 0.6rem;font-size: 0.22rem;}
#navmenu ul li dl dd a { background: #e7f0f7;display: block;padding-left: 0.8rem;font-size: 0.2rem;}
#navmenu ul li h1.cur,#navmenu ul li h1.cur a { background: #039fe9;color: #fff;}
#navmenu ul li dl dt a { display: block;}

#navmenu ul li dl dd,#navmenu ul li .box dl,#navmenu .dropmenu ,#navmenu ul li .box dd{ display: none;}

/***********************导航结束******************/


.banner{
	width: 100%;
	float: left;
	background: url(/uploads/image/t2aimg/banner.jpg) no-repeat;
	background-size:cover;
	text-align: center;
	padding-top: 170px;
	padding-bottom: 100px;
}
.top_bm{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 30px;
}
.ban_con{
	max-width: 100%;
}
.bm{
	font-size: 20px;
	color: #ffffff;
	background: #0072ff;
	display: inline-block;
	padding:3px 12px;
	font-weight: normal;
}
.bm:active,.bm:hover,.bm2:active,.bm2:hover{
	color: #ffffff;
	background: #17499d;
}
.mod{
	width: 100%;
	float: left;
	margin-top: 50px;
}
.content{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.content h2{
	font-size: 24px;
	color: #040000;
	margin-bottom: 20px;
}
.content h2 em{
	font-weight: bold;
	font-style: normal;
}
.content p{
	font-size: 14px;
	color: #484647;
	line-height: 25px;
	text-align: justify;
}
.mod1_1{
	width: 100%;
	float: left;
	text-align: center;
}
.mod1_1 li{
	float: left;
	background: #0072ff;
	text-align: center;
	border-radius: 50%;
	margin-top:40px;
	width: 120px;
	height: 120px;
	margin-right: 20px;
	padding-top: 25px;
	transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}
.mod1_1 li:hover{
	background: #17499d;
}
.mod1_1 p{color: #ffffff;font-size: 14px;}
.mod1_1 span{
	font-size: 30px;font-weight: bold;color: #ffffff;line-height: 40px;
}
.mod1_1_img{
	float: right;
	margin-top: 5px;
	max-width: 100%;
}
.t_up{
	width: 100%;
	float: left;
	margin-top: 10px;
}
.f_up{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.t_up img,.f_up img{
	max-width: 100%;float: left;
}
.mod2{
	width: 100%;
	float: left;
	background: url(/uploads/image/t2aimg/mod2_bg.png) no-repeat;
	background-size:cover;
}
.tit{
	width: 100%;
	float: left;
	margin-top: 40px;
	text-align: center;
}
.tit span{
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
}
.tit_border{
	width: 100%;
	background: url(/uploads/image/t2aimg/tit_bg.png) no-repeat center center;
	height: 5px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.tit2{
	width: 100%;
	float: left;
	margin-top: 30px;
	text-align: center;
}
.tit2 span{
	font-size: 30px;
	color: #040000;
	font-weight: bold;
}
.tit_border2{
	width: 100%;
	background: url(/uploads/image/t2aimg/tit_bg2.png) no-repeat center center;
	height: 5px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.sh{
	width: 100%;float: left;
	background: #ffffff;
	text-align: center;
}
.sh p{line-height: 25px;}
.sh img{max-width: 100%;}
.sh2{
	width: 100%;
	background: #ffffff;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 60px;
	padding: 20px 0;
}
.mod3{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.fa{
	width: 100%;
	float: left;
	background:  no-repeat;
}
.fn{
	padding: 0px 5px;
}
.fa_con{position: relative;margin-bottom: 10px;text-align: center;}
.fa_con img{max-width: 100%;}
.fa_con1{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 99;
	display: none;
	min-height: 370px;
}
.fa_tit,.fa_tit2{
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 50px;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 30px;
}
.fa_tit span,.fa_tit2 span{
	color: #ffffff;
	display: block;
	margin-bottom: 20px;
}
.fa_con_bg{
	background: #478de3;
	opacity: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: -1;
	min-height: 370px;
}
.fa_con2{
	width: 90%;
	float: left;
	margin: 15px 0px;
	color: #ffffff;
	font-size: 15px;
	margin-left: 5%;
	text-align:justify;
}
.fa_con:hover .fa_con1{display: block;}
.fn1{
	width: 100%;float: left;
	background: url(/uploads/image/t2aimg/fn_img1.jpg) no-repeat;
	background-size: 100% 100%;
}
.fn2{
	width: 100%;float: left;
	background: url(/uploads/image/t2aimg/fn_img2.jpg) no-repeat;
	background-size: 100% 100%;
}
.fn3{
	width: 100%;float: left;
	background: url(/uploads/image/t2aimg/fn_img3.jpg) no-repeat;
	background-size: 100% 100%;
}
.fn4{
	width: 100%;float: left;
	background: url(/uploads/image/t2aimg/fn_img4.jpg) no-repeat;
	background-size: 100% 100%;
}
.fn5{
	width: 100%;float: left;
	background: url(/uploads/image/t2aimg/fn_img5.jpg) no-repeat;
	background-size: 100% 100%;
}
.fn6{
	width: 100%;float: left;
	background: url(/uploads/image/t2aimg/fn_img6.jpg) no-repeat;
	background-size: 100% 100%;
}
.fn7{
	width: 100%;float: left;
	background: url(/uploads/image/t2aimg/fn_img7.jpg) no-repeat;
	background-size: 100% 100%;
}
.fn8{
	width: 100%;float: left;
	background: url(/uploads/image/t2aimg/fn_img8.jpg) no-repeat;
	background-size: 100% 100%;
}
.fn9{
	width: 100%;float: left;
	background: url(/uploads/image/t2aimg/fn_img9.jpg) no-repeat;
	background-size: 100% 100%;
}

.mod4{
	width: 100%;
	float: left;
	background: url(/uploads/image/t2aimg/mod2_bg3.png) no-repeat;
	background-size:100% 100%;
}
.hy{
	float: left;
	margin-left:40px;
	font-size: 16px;
	color: #ffffff;
	line-height: 35px;
	margin-top: 45px;
	margin-bottom: 70px;
}
.hy_img{
	float: left;
	margin-top: 60px;
}
.mt_con{
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 60px;
}
.mt_con span{
	font-size: 14px;
	color: #ffffff;
	line-height: 25px;
	margin-top: 5px;display: block;
}
.mt_bg{
	position: absolute;
	left: 0px;
	bottom: 0;
	right:0px;
	text-align: center;
	height: 60px;
	background: #0072ff;
	opacity: 0.59;
}
.mt_img{
	max-width: 100%;display: block;float: left;
}
.mt{
	position: relative;
	margin: 5px 0;
	display: inline-block;
    overflow: hidden;
}
.mod5{
	width: 100%;
	float: left;
	background: url(/uploads/image/t2aimg/mod6_bg2.png) no-repeat;
	background-size:100% 100%;
	padding-bottom: 80px;
}
.device{
	width: 100%;
    float: left;
    position: relative;
}
.swiper-button-prev2 {
    width: 20px;
    height: 109px;
    background: url(/uploads/image/t2aimg/left.png) no-repeat 0px 0px;
    position: absolute;
    left: 0;
    top: 50%;
    cursor: pointer;
}
.swiper-button-next2 {
   	width: 20px;
    height: 109px;
    background: url(/uploads/image/t2aimg/right.png) no-repeat 0px 0px;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
}
.vmc-centered{ padding: 10px 0; }
.vmc-centered img { transition: all 0.3s ease; }
.vmc-centered .vmc_active img { transform: scale(1.2); }
.foot{
	width: 100%;
	float: left;
	background: url(/uploads/image/t2aimg/foot_bg.png) repeat-x;
	height: 187px;
	background-size: 100% 100%;
}
.foot_left{
	width: 50%;
	float: left;
	text-align: right;
	font-size: 17px;
	color: #ffffff;
	margin-top: 50px;
}
.foot_right{
	width: 50%;
	float: left;
	margin-top: 50px;
}
.left{
	position: absolute;
	width: 15px;
   	height: 82px;
   	background: url(/uploads/image/t2aimg/left.png) no-repeat;
   	background-size: 100% 100%;
   	top: 50%;
   	left: -20px;
   	margin-top: -15px;
}
.right{
	position: absolute;
	width: 15px;
   	height: 82px;
   	background: url(/uploads/image/t2aimg/right.png) no-repeat;
   	background-size: 100% 100%;
   	top: 50%;
   	right: -20px;
   	margin-top: -15px;
}
.bm2{
	font-size: 20px;
	color: #ffffff;
	background: #0072ff;
	display: inline-block;
	padding:3px 25px;
	margin-left: 10px;
	margin-top: 5px;
	font-weight: normal;
}
.sh,.sh2{
	transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;
}

.sh:hover,.sh2:hover{
	box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;cursor: pointer;
}
.vmc-centered img{width: 300px;border: 1px solid #ffffff;}

.datacheck{
	width: 135px;
}
.submit{
	width: 100%;
}

@media handheld, only screen and (max-width:1200px) {
	.banner{padding-top: 100px;padding-bottom: 50px;}
	.ban_con{max-width: 80%;}
	.content{margin-top: 10px;}
	.mod1_1_img{float: none;margin-top: 20px;}
	.foot{height: 150px;}
	.foot_left{
		width: 50%;
		float: left;
		text-align: right;
		font-size: 15px;
		color: #ffffff;
		margin-top: 50px;
	}
	.vmc-centered img{width: 250px;}
}

@media handheld, only screen and (max-width:640px) {
	.banner{padding-top: 80px;padding-bottom: 50px;}
	.ban_con{max-width: 70%;}
	.content{margin-top: 0px;}
	.mod1_1 li{float: none;display: inline-block;}
	.mod2{padding-bottom: 20px;}
	.sh{margin: 10px 0;}
	.sh2{margin-bottom: 10px;}
	.hy_img{max-width: 25%;margin-top: 40px;}
	.hy {margin-left: 20px;font-size: 14px;line-height: 25px;margin-top: 30px;    max-width: 215px;}
	.mod5,.mod2,.mod4{background-size: cover;}
	.foot_right{width: 45%;}
	.foot_left{width: 55%;font-size: 13px;}
	.bm,.bm2{font-size: 18px;}
	.vmc-centered img{width: 230px;}
	.vmc-viewport{height: 220px;}
	
	#signup-modal, .modal{
		width: 95%;
		top: 50%;
		height: 530px;
		padding: 0 0px 10px;
	}
	.datacheck {
	    width: 110px;
	    margin-left: 8%;
	}
	.p_tit{
		width: 94%;
		float: left;
		margin-left: 3%;
		margin-bottom: 20px;
	}
	.login-form input, select, .signup-form input, .forgot-form input{margin-left: 3%;}
	.submit{
		width: 94%;
	}
	
	.login-form input, select, .signup-form input, .forgot-form input{margin-bottom: 10px;}
	.form-group{margin-bottom: 0px;}
}