@charset "utf-8";
/* CSS Document */
@import url(../images/css/comm.css);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font:14px/150% "微软雅黑",Arial,Helvetica,sans-serif; color:#333;}
table{border-collapse:collapse;border-spacing:0; }
body{ background:#fff;}
fieldest,img {borser:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none;}
capation,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:''}
abbr,acronym{border:0;}
/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibilithidden}.clearfix{display:inline-block}*html
.clearfix{height:1%}
.Clearfix{display:block}
.vm{wertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.clear{clear: both;}
/*==============line-height===============*/


/*==============title============*/
.zt_tit{text-align: center;padding-top: 70px;padding-bottom: 54px}
.zt_tit h2{font-size: 40px;color: #353535;line-height: 40px;font-weight: normal;}
.zt_tit div{display: inline-block;margin-top: 40px}
.zt_tit div span{display: inline-block;width: 14px;height: 4px;border-radius: 3px;background: #dee8fe;position: relative;top: 4px}
.zt_tit div p{display: inline-block;width: 120px;height: 4px;border-radius: 3px;background: #598bfb}
.zt_tit div h6{display: inline-block;width: 7px;height: 4px;border-radius: 3px;background: #ff6b1e;margin-left: 7px}

.zt_tit2 h2{color: #ffffff;}
.zt_tit2 div span{background: #66bee6;}
.zt_tit2 div p{background: #ffffff}
.zt_tit2 div h6{background: #ffffff;}

.daoyu{overflow: hidden;padding-top: 15px}
.daoyu_video{width: 716px;height: 399px;float: left;background: #217ec6;margin-left: 14px}
.daoyu_video video{margin-left: -14px;margin-top: -15px;}
.daoyu_content{width: 470px;height: 335px;float: left;background: #f0f0f0;padding-top: 52px}
.daoyu_content p{font-size: 16px;color: #545454;line-height: 40px;margin:0 41px;}

.gt_gangwei ul li{position: relative;width: 270px;float: left;height: 300px;margin-right: 40px;box-shadow: 0 0 8px rgba(192,192,192,0.54);
	margin-bottom: 40px;overflow: hidden;}
.gt_gangwei ul li.last_li{margin-right: 0}
.gt_gangwei ul li div{position: absolute;left: 0;top: -198px;z-index: 2;transition: 0.6s;width: 270px;height: 198px;background: rgba(8,129,185,0.75);}
.gt_gangwei ul li div p{color: #fff;margin:0 47px;font-size: 16px;line-height: 32px;text-align: center;margin-top: 20px}
.gt_gangwei ul li h3{width: 228px;line-height: 42px;color: #fff;font-size: 20px;font-weight: bold;text-align: center;margin-top: 30px;margin-left: 21px;background: #3dace0}
.gt_gangwei ul li h3 span{font-size: 14px}
.gt_gangwei ul li.on div{top: 0;transition: 0.6s;}

.gt_why ul{width: 1100px;margin:0 auto;}
.gt_why ul li{position: relative;border:1px dashed #fff;border-radius: 51px;height: 102px;margin-bottom: 40px;padding-left: 245px}
.gt_why ul li h3{width: 220px;text-align: right;color: #fff;font-weight: bold;font-size: 26px;line-height: 102px;position: absolute;left: 0;height: 102px}
.gt_why{background: url(/img/1914/gaotie2_02.jpg) no-repeat center center;height: 1083px}
.gt_why ul li img{position: absolute;}
.gt_why ul li p{font-size: 16px;color: #ffffff;line-height: 32px;margin-right: 63px;margin-top: 20px}

.btnbox{padding-top: 20px;padding-bottom: 70px;text-align: center;}
.btnbox a{display: inline-block;width: 364px;line-height: 50px;border-radius: 25px;text-align: center;color: #3dace0;border:1px solid #3dace0;font-size: 22px}
.btnbox2 a{background: #fff;color: #3dace0}

.gt_how{width: 1200px;margin:0 auto;}
.gt_how ul li{width: 360px;margin-right: 60px;box-shadow: 0 2px 10px rgba(127,197,250,0.51);float: left;}
.gt_how ul li.right{margin-right: 0}
.gt_how ul li h6{line-height: 42px;color: #ffffff;text-align: center;font-size: 22px;background: #222d3b}
.gt_how ul li h4{color: #3dace0;font-size: 20px;height: 60px;line-height: 70px}
.gt_how_1{padding:0 48px;}
.gt_how_2{padding:0 48px;}
.gt_how_1 span img{margin-right: 10px;margin-bottom: 30px}
.gt_how_2 p{color: #4f4f4f;font-size: 14px;line-height: 28px}
.gt_how_2 p span{font-size: 30px;color: #ffb72b;display: inline-block;position: relative;top: 4px;margin-right: 8px}
.gt_how_3{text-align: center;padding:30px 0;}
.gt_how_3 a{color: #3dace0;font-size: 22px;line-height: 40px;border:1px solid #3dace0;border-radius: 20px;width: 200px;display:inline-block;}
.gt_how_4 a{color: #fff;border:1px solid #3dace0;background: linear-gradient(to bottom, #3dace0, #2be4ff);}

.gt_zhengshu li{width: 372px;float: left;margin-right: 42px;text-align: center;}
.gt_zhengshu li h3{font-size: 18px;color: #848484;line-height: 45px}
.gt_zhengshu li.last_li{margin-right: 0}
/*==============color===============*/


.bg_jd{ background: url(/img/1914/gaotie2_04.jpg) no-repeat center center;height: 968px}
/*width*/
.w1200{width:1200px; margin:0 auto;overflow: hidden;position: relative;}
.w1000{width:1000px; margin:0 auto;overflow: hidden;}
.w960{width:960px; margin:0 auto;overflow: hidden;}
/*margin*/
.banner{width:100%;height:450px;background: url(/img/1914/gaotie_01.jpg) no-repeat center center;}
.nav1914{width:100%;height:50px;  background:#d4245f;}
.nav1914 a{ float:left;margin-left:20px;color:#fff;line-height:50px; text-decoration:none;}
.nav1914 a:hover{ line-height:45px; color:#ffd5ee;}
.summary{padding:15px 0 0;}
/*=================title====================*/

/*.btnbox a:hover{background: #fff;color: #d4245f;border:2px solid #d4245f;}*/
/*=================end btnbox====================*/

/*---------------------suc lunbo---------------------------------*/

.kj_zhaopin_tit{overflow: hidden;padding-top: 50px}
.kj_zhaopin_tit li{text-align: center;float: left;width: 50%}
.kj_zhaopin_tit li h2{font-size: 20px;font-weight: bold;color: #373737 ;text-align: center;line-height: 20px}
.kj_zhaopin_tit li.on h6{width: 120px;height: 3px;background: #3dace0;display: inline-block;margin:12px 0;}
.kj_zhaopin_tit li.on div span{width: 0;display: inline-block;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 11px solid #3dace0;}
.kj_zhaopin_content li{text-align: center;display:none;margin-top: 30px}
.tit_03{width:100%; background: #41ade0;line-height: 94px; text-align:center; color:#fff; font-size:44px; font-weight:bold; }

.bg_yw{background: #fff8ef;}
.qalist{text-align: left; width:972px; overflow:hidden; margin:0 auto;}
.qalist li{border-bottom: 1px dashed #bbb;float: left; font-size: 14px;line-height: 48px;overflow: hidden;padding-left: 10px;width: 440px;}
.qalist li:nth-child(odd){margin-right: 72px;}
.qalist li a{color:#333; text-decoration:none;}
.qalist li a:hover{ color:#3dace0;}
.zs_bm{background: url("/img/1914/gaotie_93.jpg") no-repeat;background-position: center top;background-size:auto;height: 350px;text-align: center;overflow: hidden;}
.zs_bm h4{text-align: center;color: #ffffff;font-size: 44px;height:160px;line-height: 180px}
.zs_bm form{overflow: hidden;padding-left: 135px}
.zs_bm .text_input{display: inline-block;margin:0 15px 30px 15px;float: left;}
.zs_bm .text_input input{border: 0;border-radius: 5px;width: 265px;padding-left: 15px;line-height: 42px;color: #8f8f8f;font-size: 18px}
.zs_bm .test_btn{display: inline-block;margin:0 15px 30px 15px;float: left;}
.zs_bm .test_btn input{line-height: 42px;width: 280px;font-size: 20px;font-weight: bold;background: #f7e62b;color: #ef5c4a;border-radius: 5px;}


.p1 .conBox li{width: 360px;height: 320px;background: #3dace0;margin-right: 60px;margin-bottom: 60px;position: relative;cursor: pointer;overflow: hidden;text-align: center;}
.p1 .conBox li.last{margin-right: 0;}
.p1 .conBox li h4{width: 100%;height: 100%;position: absolute;left: 0;top: -320px;z-index: 2;transition: 0.6s;}
.p1 .conBox li h4 .top img{position: absolute;left: 0;top: 0}
.p1 .conBox li h4 .bot{font-size:18px;padding:60px 45px;text-align: center;color: #424242;line-height: 36px}
.p1 .conBox li .top{width: 100%;color: #fff;font-size: 24px;line-height: 60px;background: #3dace0;font-weight: bold;}
.p1 .conBox li .bot{width: 270px;height: 100%;background: url(/img/1914/gaotie4_43.jpg) no-repeat;}
.conBox li .bot b{font-size: 18px;color: #313132;padding-top: 54px;display: block;}
.conBox li .bot b.two{font-size:18px;color: #6166f2;padding-top: 10px;font-weight: bold;}
.conBox li .bot b i{font-size: 30px;}
.p1 .conBox li.on h4{top: 0;transition: 0.6s;}

.p1 .conBox li h3{width: 330px;height: 290px;border: 1px solid #7dc7ea;margin: 10px auto;position: relative;}
.conBox li h3 i{width: 6px;height: 6px;background: #a8d9f1;position: absolute;border-radius: 3px}
.conBox li h3 i.one{left: -3px;top: -3px;animation: route1 6s infinite linear;}
.conBox li h3 i.two{left: 247px;top: -3px;animation: route2 6s infinite linear;}
.conBox li h3 i.thr{left: 247px;top: 227px;animation: route3 6s infinite linear;}
.conBox li h3 i.fou{left: -3px;top: 227px;animation: route4 6s infinite linear;}
.conBox li h3 img{margin-top: 80px;}
.conBox li h3 p{font-size: 18px;color: #fff;font-weight: normal;margin-top: 30px;}

@keyframes route1{
	0%{
		left: -3px;
		top: -3px;
	}
	25%{
		left: 327px;
		top: -3px;
	}
	50%{
		left: 327px;
		top: 287px;
	}
	75%{
		left: -3px;
		top: 287px;
	}
	100%{
		left: -3px;
		top: -3px;
	}
}

@keyframes route2{
	0%{
		left: 327px;
		top: -3px;
	}
	25%{
		left: 327px;
		top: 287px;
	}
	50%{
		left: -3px;
		top: 287px;
	}
	75%{
		left: -3px;
		top: -3px;
	}
	100%{
		left: 327px;
		top: -3px;
	}
}
@keyframes route3{
	0%{
		left: 327px;
		top: 287px;
	}
	25%{
		left: -3px;
		top: 287px;
	}
	50%{
		left: -3px;
		top: -3px;
	}
	75%{
		left: 327px;
		top: -3px;
	}
	100%{
		left: 327px;
		top: 287px;
	}
}
@keyframes route4{
	0%{
		left: -3px;
		top: 287px;
	}
	25%{
		left: -3px;
		top: -3px;
	}
	50%{
		left: 327px;
		top: -3px;
	}
	75%{
		left: 327px;
		top: 287px;
	}
	100%{
		left:-3px;
		top: 287px;
	}
}