@charset "utf-8";
/* CSS Document */
body { background: #f5f7fb !important; font-family: "Microsoft YaHei", "\82F9\679C\4E3D\4E2D\9ED1", sans-serif; }
.w { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.blank { height: 0.8rem; overflow: hidden; clear: both; width: 100%; }
.red { color: #e00; }
h2.title { font-size: 2.2rem; color: #111; text-align: center; font-weight: normal; margin-bottom: 30px; }
h3.title { font-size: 1.2rem; font-weight: normal; color: #999; text-align: center; margin-bottom: 30px; }
h4.title { font-size: 1rem; font-weight: normal; color: #009aea; text-align: center; }
h4.title b { font-size: 1.2rem; }
/*btn*/
.w_img { text-align: center; padding: 1rem 0rem; clear: both; overflow: hidden; }
.w_img img { width: 90%; }
.w_btn { clear: both; overflow: hidden; text-align: center; padding: 1.5rem; }
.w_btn a { font-size: 1.5rem; border: #666 solid 3px; color: #333; border-radius: 50px; display: inline-block; padding: 0.725rem 5rem; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.w_btn a:hover { background: #333; color: #fff; border-color: #333; }
/**/
.net .banner { background: url(../images/banner.jpg) no-repeat center top; height: 420px; position: relative;}
.net .banner a{position: absolute;
    width: 150px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -520px;
    margin-top: 78px;}
.net_ad { height: 159px; width: 100%; overflow: hidden; background: #22d3b7; box-sizing: border-box; padding-top: 44px; }
.net_ad .txt { color: #fff; font-size: 24px; display: block; float: left; }
.net_ad .txt b { font-size: 42px; }
.net_ad .btn { display: block; width: 200px; font-size: 18px; font-weight: normal; height: 46px; line-height: 46px; color: #22d3b7; text-align: center; background: #fff; display: block; float: right; border-radius: 4px; margin-top: 10px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.net_ad .btn:hover { background: #333; color: #fff; }
.why { text-align: center; padding: 50px 0px; overflow: hidden; background: #fff; }
.why .main { padding: 50px 0px; }
.why_img { padding: 10px 0px 80px; overflow: hidden; text-align: center; }
.why li { width: 26%; float: left; overflow: hidden; box-sizing: border-box; padding: 0px 20px; }
.why li .img a { display: block; width: 80px; height: 80px; background: #22d3b7; border-radius: 50%; overflow: hidden; text-align: center; margin: 0 auto; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.why li .img a img { margin-top: 20px; }
.why li .img a:hover { background: #19b59c; }
.why li h3 { font-size: 16px; color: #666; padding: 30px 0px 15px; }
.why li p { font-size: 14px; color: #999; }
.why li.ellipsis { width: 11%; padding-top: 28px; text-align: center; }
.why li.ellipsis em { display: inline-block; width: 8px; height: 8px; background: #22d3b7; border-radius: 50%; overflow: hidden; margin: 0px 2px; }
/*what*/
.what { padding: 80px 0px; overflow: hidden; }
.what h3.title { }
.what li { width: 25%; float: left; box-sizing: border-box; padding: 5px; text-align: center; }
.what li a { display: block; box-sizing: border-box; height: 160px; padding-top: 100px; font-size: 18px; color: #666; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.what li a img { margin-bottom: 15px; }
.what li a:hover { color: #fff; }
.what li.w1 a { background: url(../images/what_1.png) no-repeat center 40px #fff; }
.what li.w2 a { background: url(../images/what_2.png) no-repeat center 40px #fff; }
.what li.w3 a { background: url(../images/what_3.png) no-repeat center 40px #fff; }
.what li.w4 a { background: url(../images/what_4.png) no-repeat center 40px #fff; }
.what li.w5 a { background: url(../images/what_5.png) no-repeat center 40px #fff; }
.what li.w6 a { background: url(../images/what_6.png) no-repeat center 40px #fff; }
.what li.w7 a { background: url(../images/what_7.png) no-repeat center 40px #fff; }
.what li.w8 a { background: url(../images/what_8.png) no-repeat center 40px #fff; }
.what li.w9 a { background: url(../images/what_9.png) no-repeat center 40px #fff; }
.what li.w10 a { background: url(../images/what_10.png) no-repeat center 40px #fff; }
.what li.w11 a { background: url(../images/what_11.png) no-repeat center 40px #fff; }
.what li.w12 a { background: url(../images/what_12.png) no-repeat center 40px #fff; }
.what li.w1 a:hover { background: url(../images/what_hover_1.png) no-repeat center 40px #22d3b7; }
.what li.w2 a:hover { background: url(../images/what_hover_2.png) no-repeat center 40px #22d3b7; }
.what li.w3 a:hover { background: url(../images/what_hover_3.png) no-repeat center 40px #22d3b7; }
.what li.w4 a:hover { background: url(../images/what_hover_4.png) no-repeat center 40px #22d3b7; }
.what li.w5 a:hover { background: url(../images/what_hover_5.png) no-repeat center 40px #22d3b7; }
.what li.w6 a:hover { background: url(../images/what_hover_6.png) no-repeat center 40px #22d3b7; }
.what li.w7 a:hover { background: url(../images/what_hover_7.png) no-repeat center 40px #22d3b7; }
.what li.w8 a:hover { background: url(../images/what_hover_8.png) no-repeat center 40px #22d3b7; }
.what li.w9 a:hover { background: url(../images/what_hover_9.png) no-repeat center 40px #22d3b7; }
.what li.w10 a:hover { background: url(../images/what_hover_10.png) no-repeat center 40px #22d3b7; }
.what li.w11 a:hover { background: url(../images/what_hover_11.png) no-repeat center 40px #22d3b7; }
.what li.w12 a:hover { background: url(../images/what_hover_12.png) no-repeat center 40px #22d3b7; }
/*salary*/
.salary { padding: 80px 0px 0px; height: 846px; box-sizing: border-box; overflow: hidden; background: url(../images/salary_bg.jpg) no-repeat center top; }
.salary .main { height: 620px; position: relative; }
.salary li { position: absolute; }
.salary li.s1 { left: 990px; top: 380px; }
.salary li.s2 { left: 810px; top: 90px; }
.salary li.s3 { left: 740px; top: 520px; }
.salary li.s4 { left: 940px; top: 450px; }
.salary li.s5 { left: 760px; top: 440px; }
.salary li.s6 { left: 500px; top: 460px; }
.salary li.s7 { left: 610px; top: 330px; }
.salary li.s8 { left: 780px; top: 280px; }
.salary li a { display: block; position: relative; padding-left: 40px; }
.salary li a i { display: block; width: 30px; height: 38px; background: url(../images/icon_address.png) no-repeat; padding-left: 40px; position: absolute; left: 0px; top: 14px; }
.salary li a b { color: #22d3b7; font-size: 18px; padding-left: 10px; }
.salary li a em { background: #22d3b7; color: #fff; border-radius: 4px; width: 80px; height: 36px; line-height: 36px; display: block; font-size: 16px; font-weight: bold; padding: 0px 15px; position: relative; }
.salary li a em:after { content: ""; display: block; border-color: transparent #22d3b7 transparent transparent; border-width: 8px; border-style: solid; width: 0; height: 0; position: absolute; left: -16px; top: 8px; }
/*who*/
.who { padding: 150px 0px; overflow: hidden; background: url(../images/who_bg.jpg) no-repeat center top; }
.who h2.title, .who h3.title { color: #fff; }
.who ul { padding: 80px 0px 0px; overflow: hidden; width: 800px; margin: 0 auto; }
.who li { width: 33.33%; float: left; text-align: center; }
.who li .img { display: block; margin-bottom: 20px; }
.who li .txt { display: block; color: #22d3b7; font-size: 24px; }
/*why_chose*/
.why_chose { padding: 80px 0px; overflow: hidden; background: #1e2432; }
.why_chose h2.title, .why_chose h3.title { color: #22d3b7; }
.why_chose li { width: 25%; float: left; box-sizing: border-box; padding: 5px; text-align: center; }
.why_chose li a { display: block; background: #262d40; box-sizing: border-box; height: 300px; padding: 40px 20px; font-size: 18px; color: #666; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.why_chose li a .img { display: block; width: 80px; height: 80px; overflow: hidden; margin: 0 auto 25px; }
.why_chose li.chose_1 a .img { background: url(../images/why_chose_1.png) no-repeat center center; }
.why_chose li.chose_2 a .img { background: url(../images/why_chose_2.png) no-repeat center center; }
.why_chose li.chose_3 a .img { background: url(../images/why_chose_3.png) no-repeat center center; }
.why_chose li.chose_4 a .img { background: url(../images/why_chose_4.png) no-repeat center center; }
.why_chose li.chose_5 a .img { background: url(../images/why_chose_5.png) no-repeat center center; }
.why_chose li.chose_6 a .img { background: url(../images/why_chose_6.png) no-repeat center center; }
.why_chose li.chose_7 a .img { background: url(../images/why_chose_7.png) no-repeat center center; }
.why_chose li.chose_8 a .img { background: url(../images/why_chose_8.png) no-repeat center center; }
.why_chose li.chose_1 a:hover .img { background: url(../images/why_chose_hover_1.png) no-repeat center center; }
.why_chose li.chose_2 a:hover .img { background: url(../images/why_chose_hover_2.png) no-repeat center center; }
.why_chose li.chose_3 a:hover .img { background: url(../images/why_chose_hover_3.png) no-repeat center center; }
.why_chose li.chose_4 a:hover .img { background: url(../images/why_chose_hover_4.png) no-repeat center center; }
.why_chose li.chose_5 a:hover .img { background: url(../images/why_chose_hover_5.png) no-repeat center center; }
.why_chose li.chose_6 a:hover .img { background: url(../images/why_chose_hover_6.png) no-repeat center center; }
.why_chose li.chose_7 a:hover .img { background: url(../images/why_chose_hover_7.png) no-repeat center center; }
.why_chose li.chose_8 a:hover .img { background: url(../images/why_chose_hover_8.png) no-repeat center center; }
.why_chose li a .txt { color: #fff; display: block; clear: both; }
.why_chose li a .txt b { font-weight: normal; color: #22d3b7; display: block; margin-bottom: 10px; }
.why_chose li a .txt em { font-size: 14px; color: #888; }
.why_chose li a:hover { background-color: #22d3b7; }
.why_chose li a:hover b, .why_chose li a:hover em { color: #fff; }
/*who*/
.service { padding: 80px 0px; overflow: hidden; }
.service h2.title, .service h3.title { }
.service ul { padding: 0px 0px 0px; overflow: hidden; width: 1200px; margin: 0 auto; }
.service li { width: 25%; float: left; text-align: center; padding: 40px 10px; box-sizing: border-box; }
.service li a { display: block; background: #fff; height: 280px; box-sizing: border-box; padding: 40px; position: relative; box-shadow: 0px 0px 5px #eee; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.service li .img { display: block; margin-bottom: 25px; }
.service li .txt { display: block; font-size: 24px; }
.service li .txt b { display: block; text-align: center; font-size: 18px; color: #666; margin-bottom: 10px; }
.service li .txt em { display: block; clear: both; overflow: hidden; font-size: 14px; color: #999; }
.service li a:hover { box-shadow: 0px 0px 10px #aaa; margin-top: -10px; }
/*environment*/
.environment { background: url(../images/environment_bg.jpg) repeat-y center top; overflow: hidden; padding: 80px 0px; }
.environment h2.title, .environment h3.title { color: #fff; }
.environment ul { width: 100%; padding: 15px 0px; overflow: hidden; }
.environment li { width: 33.33%; height: 250px; overflow: hidden; box-sizing: border-box; padding: 5px; float: left; }
.environment li a { display: block; height: 100%; overflow: hidden; position: relative; border: #fff solid 5px; box-sizing: border-box; }
.environment li a span { display: block; width: 100px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 14px; position: absolute; right: 10px; bottom: 10px; background: rgba(0,0,0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
z-index: 5; }
.environment li a img { width: 100%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
.environment li a:hover img { transform: scale(1.1, 1.1); }