body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none;}
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em{ font-style:normal;}


/*_IncHeader*/
.head{ height:90px;}
.head_inner{ width:1080px; margin:0 auto;}
.head_inner h1{ float:left; margin-top:32px;}
.right_head{ float:right; margin-top:50px; }
.search{ float:left; width:199px; border:1px solid #78bde5; height:26px; border-radius:5px;}
.search .search_txt{ padding:0 5px 0 8px; width:150px; height:26px; line-height:26px; border:none; background:none; color:#b6daf0; float:left;}
.search .search_sub{ float:right; background:#78bde5 url(../images/seach.png) center center no-repeat; height:26px; width:34px; border:none; border-radius:0 4px 4px 0;}
.denglu{ float:left;}
.denglu a{ float:left; width:51px; height:26px; line-height:26px; display:block; border:1px solid #78bde5; border-radius:5px; text-align:center; margin-left:9px; color:#a1c5e6;}
.denglu a:hover{ background:#78bde5; color:#fff; transition:all 0.4s ease 0s;}
.nav{ background:url(../images/nav.jpg) left top ; height:41px;}
.nav_inner{ width:1068px; margin:0 auto;}
.nav_inner li{ float:left; margin:0 33px; position:relative; height:40px;}
.nav_inner li a{ height:38px; line-height:38px; font-size:16px;  display:block;}
.nav_inner li a:hover{ color:#0082ce;  transition:all 0.4s ease 0s;}
.nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#0082ce; top:38px; left:50%;}

#clo {
    
    width: 18px;
    height: 18px;
    position: absolute;
    right: -1px;
    top: -2px;
    cursor: pointer;
    
}

/* pages */
.pages{ padding:40px 0 54px; text-align:center;}
.pcenter{ display:inline-block; *display:block; *zoom:1;}
.pcenter a{ margin:0 3px; display:block; height:23px; background:#fff; border:1px solid #d8d8d8; float:left; line-height:23px; text-align:center; width:23px;}
.pcenter .home{ width:63px;}
.pcenter a:hover,.pcenter a.on{ color:#0082ce; border:1px solid #0082ce;}

/* foot */
.foot{background:#5a5a5a; overflow:hidden;}
.foot_inner{ width:1080px; margin:0 auto; height:134px;}
.foot_left{  float:left; padding:30px 0 0 33px;}
.foot_left p{ height:26px; line-height:26px; overflow:hidden; color:#e0e0e0;}
.foot_left span{ margin-left:33px;} 
.foot_left p a{ color:#e0e0e0; margin-left:15px;}
.foot_left p a:hover{ text-decoration:underline;}
.foot_right{ float:right; width:330px; padding:16px 13px 0 0;}
.foot_right span{ float:left; display:block; width:80px; margin-right:22px; text-align:center;}
.foot_right span img{ width:80px; height:80px; overflow:hidden;}
.foot_right span em{ height:31px; line-height:31px; display:block;color:#e0e0e0;}
.mess_h3{ float: left; color: #e0e0e0; width: 60px; height: 24px; line-height: 24px; }
.mass_ul{ float: left; height: 24px; line-height: 24px; width: 600px; }
.mass_ul li{ display: inline-block;padding: 0 5px; }
.mass_ul li a{color: #e0e0e0;   }

/* about */

.warp{ width:1080px; margin:0 auto;}
.catalog{ width:265px; float:left; margin-top:30px; background:#fafafa url(../images/cata.png) center bottom no-repeat; padding-bottom:42px;}
.catalog h3{ height:81px; background:#0082ce; line-height:81px; margin-bottom:1px;}
.catalog h3 span{ padding:0 18px; color:#fff; font-size:28px;}
.catalog h3 em{ color:#95bfe4; font-size:22px;}
.cata_ul a{ background:url(../images/catali.jpg) left top no-repeat; height:46px; line-height:46px; font-size:14px; text-indent:25px; color:#666666; display:block;}
.cata_ul a:hover,.cata_ul a.for{ background:url(../images/catali1.jpg) left top no-repeat; color:#fff;}

.details{ width:782px; float:right; margin-top:30px; background:#fafafa; margin-bottom:56px; overflow:hidden; min-height:400px;}
.deta_tit{ height:56px; line-height:56px; overflow:hidden;}
.position{ float:left; font-size:22px; border-top:6px solid #23ac38; padding:0 15px;}
.current{ float:right; margin-right:20px; color:#666666;}
.current a{ color:#666666;}
.current .blue{ color:#0082ce;}
.current a:hover{ color:#0082ce; transition:all 0.4s ease 0s;}
.current .house{ background:url(../images/house.png) left center no-repeat; padding-left:18px;}
.atricle{ padding:20px 20px 100px; line-height:24px; color:#666666;}


/* news */
.news{ padding:0 20px 0;}
.news_dl{ padding:20px 0 25px 0; border-bottom:1px solid #e5e5e5;}
.news_dl dt{ float:left; margin-right:23px; width:233px;}
.news_dl dt img{ width:233px; height:165px; overflow:hidden;}
.news_dl dt:hover img{ opacity:.7; transition:all 0.4s ease 0s;}
.news_dl dd{ width:470px; float:left; padding-top:6px;}
.news_dl dd .news_tit{ font-size:18px; display:block; height:48px; line-height:48px; overflow:hidden;}
.news_dl dd p{ line-height:24px; color:#808080; height:43px; overflow:hidden;}
.news_dl dd .news_see{ width:104px; height:35px; margin-top:20px; border-radius:3px; text-align:center; line-height:35px; display:block; border:1px solid #0082ce; color:#0082ce;}
.news_dl dd .news_see:hover{ background:#0082ce; color:#fff; transition:all 0.5s ease 0s;}
.news_dl dd .news_tit:hover{ color:#0082ce;transition:all 0.5s ease 0s;}
.news_ul{ padding-top:20px; clear:both;}
.news_ul li{ height:35px; line-height:35px; border-bottom:1px solid #f1f1f1; background:url(../images/newsli.png) 7px center no-repeat; padding-left:26px;}
.news_ul li a{ display:block; float:left; width:70%; color:#5d5d5d;}
.news_ul li span{ float:right; width:20%; text-align:right; color:#b6b6b6; display:block; padding-right:16px; box-sizing:border-box;}
.news_ul li:hover{ background:url(../images/newsli1.png) 7px center no-repeat; } 
.news_ul li:hover a,.news_ul li:hover span{ color:#0082ce}

/* news_info */
.news_info{ padding:0 20px;}
.release {margin-bottom:15px;}
.release h3{ height:35px; line-height:35px; font-weight:normal; text-align:center; font-size:14px; border-bottom:1px solid #e2e2e2; }
.release span{ text-align:center; display:block; color:#666; border-bottom:1px solid #e2e2e2; height:30px; line-height:30px;}
.news_word{ line-height:24px; color:#666666; overflow:hidden;}
.return{ font-size:16px; display:block; float:right; width:119px; height:40px; border:1px solid #b0b0b0; text-align:center; line-height:40px; color:#8b8b8b; clear:both;margin:30px 0;}
.return:hover{ background:#b0b0b0; color:#fff; transition:all 0.4s ease 0s; }

/* charge */
.charge{ padding:0 20px;}
.stand_dl{ background:#ffffff; margin-top:17px; height:123px; overflow:hidden;}
.stand_dl dt{ float:left; width:269px;}
.stand_dl dt img{ width:269px; height:122px; overflow:hidden;transition:all 0.4s ease 0s;}
.stand_dl dd{ width:432px; float:left; margin-left:22px; padding-top:20px;}
.stand_dl dd a{ font-size:14px; display:block; height:24px; line-height:24px; overflow:hidden;}
.stand_dl dd .char_div{ height:70px; overflow:hidden; line-height:24px; color:#666666;}
.stand_dl dd a:hover{transition:all 0.4s ease 0s; color:#0082ce }
.stand_dl dt:hover img{ opacity:.7; transform:scale(1.1,1.1) }

/* char_info */
.char_info{ padding:0 20px;line-height:24px; color:#666666;}

/* service */
.service{ padding:0 20px; margin-left:-40px;}
.service li{ margin:40px 0 0 40px; float:left;  width:340px; height:282px;}
.service li .ser_div{ width:340px; height:229px; overflow:hidden;}
.service li .ser_div img{ width:340px; height:229px; overflow:hidden; transition:all 0.4s ease 0s;}
.service li:hover img{ transform:scale(1.1,1.1)} 
.service li span{ height:53px; line-height:53px; background:#b5b5b5; display:block; text-align:center; color:#fff; font-size:18px;}
.service li:hover span{ background:#0082ce;}

/* join */
.recu{ padding:20px 0 66px 20px;}
.recu ul{ cursor:pointer;}
.pos dd li{ line-height:38px; color:#333; height:38px;padding-left:20px; font-size:14px;  position:relative; margin-bottom:24px;background:#e6e6e6 url(../images/round.png) 20px center no-repeat; color:#0082ce;}
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ border-bottom:none; color:#333; line-height:30px; margin:22px 0 22px 20px; display:none; font-size:14px; color:#666; }
.pos li .jia{ position:absolute; top:6px; right:9px; background:url(../images/add.png) left center no-repeat; width:25px; height:25px;}
.recu dd .act li{ color:#0082ce; background:#d5d5d5;} 
.recu dd .act li .jia{position:absolute; top:6px; right:9px; background:url(../images/add1.png) left center no-repeat; width:25px; height:25px;}
.Requirement .apply{ background:url(../images/bnt.jpg) left top no-repeat; width:72px; height:27px; display:block; color:#fff; line-height:27px; text-align:center; margin:43px 0;}
.Requirement .deliver{ width:112px; height:34px; line-height:34px; text-align:center; display:block; background:#52a9d1; line-height:34px; text-align:center; color:#fff; border-radius:5px; font-size:14px; margin:30px 0; border:1px solid #52a9d1;}
.Requirement .deliver:hover{ background:none; color:#52a9d1; transition:all 0.4s ease 0s;}

/* case */
.case_ul{ padding-top:9px;} 
.case_ul li{ width:238px; float:left; margin:18px 0 0 20px; text-align:center; overflow:hidden;}
.case_ul li img{ width:235px; height:269px; overflow:hidden; transition: all 0.4s ease 0s;}
.case_ul li:hover img{ transform:scale(1.1,1.1)}
.case_ul li .case_div{ background:url(../images/casebj1.png) left bottom no-repeat; height:143px; }
.case_ul li .case_div span{ font-size:14px; text-align:center; height:38px; line-height:38px; display:block;padding-top:7px; width:123px; overflow:hidden; margin:0 auto;}
.case_ul li .case_div p{ width:211px; height:42px; line-height:24px; color:#666666; text-align:center; margin:0 auto;}
.case_ul li:hover .case_div{background:url(../images/casebj.png) left bottom no-repeat;}
.case_ul li:hover span,.case_ul li:hover p{ color:#fff;}

/* case_info */
.case_info{ padding:0 20px;}
.case_show{ position:relative; height:269px; margin:46px 0 25px;}
.case_scroll{ width:620px; height:269px; position:absolute; top:46px; left:50%; overflow:hidden; margin-left:-310px;}
.case_scroll ul{ width:1000px;}
.case_scroll  li{ width:200px; height:229px; overflow:hidden; float:left; margin-right:10px; overflow:hidden;}
.case_scroll  li img{ width:200px; height:229px; overflow:hidden;transition: all 0.4s ease 0s;}
.case_scroll  li:hover img{transform:scale(1.1,1.1)}
.caseleft{ background:url(../images/caseleft.png) left top no-repeat; width:56px; height:56px; position:absolute; left:0px; top:126px;}
.caseright{ background:url(../images/caseright.png) left top no-repeat; width:56px; height:56px; position:absolute; right:0px; top:126px;}

.par_ul{ height:40px; line-height:40px; background:#d7d7d7;  margin-bottom:30px;}
.par_ul li{ float:left;}
.par_ul li a{ width:96px; display:block; text-align:center; font-size:14px;}
.par_ul li a.on{ background:#0082ce; color:#fff;}
.case_word{line-height:24px; color:#666666; display:none;}
.par_div{ min-height:400px;}

/* down */
.down{ padding:0 20px;}
.down_ul{ padding-top:13px;}
.down_ul li{ height:40px; line-height:40px; background:url(../images/jiao1.png) 6px center no-repeat; padding-left:28px; border-bottom:1px dashed #e2e2e2;}
.down_ul li .down_img{ display:block; padding-right:40px; background:url(../images/down.jpg) right center no-repeat; height:40px; overflow:hidden; float:right;}
.down_ul li .down_up{ float:left; width:600px; height:40px; overflow:hidden;}
.down_ul li:hover .down_img{background:url(../images/down1.jpg) right center no-repeat; color:#0082cd;}
.down_ul li:hover{background:url(../images/jiao.png) 6px center no-repeat; }

/* mess */
.mess{ background:url(../images/mess.png) center bottom no-repeat;}
.mess .message{ height:28px; line-height:28px; width:446px; margin:16px 0 0 106px; border-bottom:1px solid #dfdfdf;}
.mess .message h3{ width:115px; border-bottom:2px solid #969696; height:27px; line-height:27px;}
.mess .message h3 span{ font-size:18px; color:#666666; margin-right:16px;}
.mess .message h3 em{ color:#666;}
.mess_for{ width:570px; margin:0 auto; color:#666666;}
.mess_div span{ font-size:14px; display:block; margin-top:10px; height:28px; line-height:28px;}
.mess_txt{ height:34px; line-height:34px; width:440px; padding-left:7px; border:1px solid #a0a0a0; background:none;}
.mess_div textarea{width:440px; padding-left:7px; border:1px solid #a0a0a0; background:none; height:70px;}
.mess_div .mess_sub{ height:40px; background:#0083ce; line-height:40px; font-size:14px; text-align:center; color:#fff; border-radius:5px; cursor:pointer; width:449px; border:none; margin:20px 0 50px 0;}
.mess_div .xing{ color:#0083ce; margin-left:5px;}

.site dl{ padding:15px 0 15px 10px;border-bottom:1px dotted #999;} 
.site dt a{ font-weight:700; color:#000; height:26px; line-height:26px;}
.site dt a:hover{ text-decoration: underline;}
.site dd a{ display:inline-block; margin-right:20px; color:#666;height:26px; line-height:26px;}
.site dd a:hover{color:#0083ce;}

/* sign */
.sign{ width:1200px; margin:0 auto;}
.sign_inner{ width:346px; height:416px; float:right; margin:256px 33px 0 0; background:#ffffff; border-radius:3px; padding:0 27px;}
.sign_inner h3{ height:54px; line-height:54px; font-size:20px; text-align:center; font-weight:normal; margin:25px auto 0; background:url(../images/sign_bj.png) center bottom no-repeat; width:286px;}
.sign_form{ padding-top:13px;}
.sign_form .sign_div{ height:38px; margin:0 3px; overflow:hidden;}
.sign_form .sign_div em{ display:block; font-size:18px; height:38px; line-height:38px;}
.sign_form .sign_div .sign_txt{ width:329px; padding-left:8px; height:35px; line-height:35px; border:1px solid #dcdcdc;}
.sign_form .sign_div .sign_sub{ background:url(../images/sign_sub.jpg) left top no-repeat; width:101px; height:39px; line-height:39px; text-align:center; color:#fff; font-size:16px; border:none;}
.sign_div .reg{ text-align:right; color:#0082ce; font-size:14px; display:block; float:right; height:38px; line-height:38px;}
.sign_form .reg_div{ margin-top:37px;}
.fast{ height:46px; line-height:46px; clear:both; color:#0082ce; font-size:14px;}
.quan{ height:46px; line-height:46px; clear:both; color:#0082ce; font-size:14px;float: right;}
.sign_form a:hover{ text-decoration:underline;}
.reg_inner{ height:430px;}

.screen1{ width:100%; height:100%;  box-sizing:border-box; overflow:hidden;}
#show{ display:none;}
.index_head{ position:fixed; top:0; left:0; width:100%; z-index:99999; background:#fff;}
body,html{ width:100%; height:100%;}
.swiper-button-next{ background:url(../images/indexright.png) left top no-repeat;}
.swiper-button-prev{background:url(../images/indexleft.png) left top no-repeat;}
.banner{padding-top:131px;height:100%;  box-sizing:border-box; overflow:hidden;}

.screen2{ background:url(../images/pages2.jpg) center top no-repeat; background-size:cover; height:100%; width:100%; overflow:hidden; position:relative;}
.index_about{width: 1080px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.index_h3{ padding-top:60px; text-align:center;}
.index_h3 img{ width:1036px; height:148px; overflow:hidden;}
.about_inner{ padding-top:91px;}
.about_left{ width:526px; height:389px; overflow:hidden; float:left;}
.about_left img{width:526px; height:389px; overflow:hidden;transition:all 0.4s ease 0s; }
.about_left:hover img{ transform:scale(1.1,1.1); opacity:0.6}
.about_right{ float:right; width:487px; padding-top:74px; height:315px; position:relative;}
.about_right #code{ right:0; bottom:0; position:absolute;}
.about_right #code img{ width:80px; height:80px; overflow:hidden;}
.about_right span{ height:58px; line-height:58px; border-bottom:1px solid #b6b5b2; display:block; font-size:26px; color:#0083ce; margin-bottom:28px;}
.about_right p{ line-height:20px; height:116px; overflow:hidden; margin-bottom:20px; font-size:14px;}
.about_right a{ display:block; color:#23ac38; border-top:1px solid #23ac38; border-bottom:1px solid #23ac38; width:79px; height:40px; line-height:40px; text-align:center;}
.about_right a:hover{ background:#23ac38; color:#fff; transition:all 0.4s ease 0s;}
.screen3{background:url(../images/pages3.jpg) center top no-repeat; background-size:cover; height:100%; width:100%; overflow:hidden; position:relative;}
.scope{width: 1080px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.scope_ul li{ width:25%; float:left;overflow: hidden; height:250px; padding-top:20px;}

.scope_ul li span{ background:url(../images/ser1.png) left top no-repeat; width:154px; height:106px; display:block; margin:0 auto 10px;}
.scope_ul li em{ height:45px; line-height:45px; display:block; font-size:18px; color:#666666; text-align:center;transition:all 0.5s ease 0s;}
.scope_ul li p{ height:75px; overflow:hidden; line-height:24px; color:#666; width:230px; margin:0 auto; text-align:center;transition:all 0.5s ease 0s;}
.scope_ul li:hover em,.scope_ul li:hover p{ color:#0083d7; transition:all 0.5s ease 0s;}
.scope_ul li:hover span{ background:url(../images/ser11.png) left top no-repeat;} 
.scope_ul li .round2 span{ background:url(../images/ser2.png) left top no-repeat;} 
.scope_ul li .round3 span{ background:url(../images/ser3.png) left top no-repeat;} 
.scope_ul li .round4 span{ background:url(../images/ser4.png) left top no-repeat;}
.scope_ul li .round2:hover  span{ background:url(../images/ser22.png) left top no-repeat;} 
.scope_ul li .round3:hover  span{ background:url(../images/ser33.png) left top no-repeat;} 
.scope_ul li .round4:hover  span{ background:url(../images/ser44.png) left top no-repeat;}
.scope_div{ position:relative; width:1080px; height:240px; margin-top:120px;} 
.scope_div .scope_scroll{ position:absolute; left:0; top:0px; width:1080px; overflow:hidden;}
.scope_left{ background:url(../images/ser_left.png) left top no-repeat; width:48px; height:48px; display:block; left:-40px; top:100px; position:absolute;}
.scope_right{ background:url(../images/ser_right.png) left top no-repeat; width:48px; height:48px; display:block; right:-40px; top:100px;position:absolute;}
.scope_left:hover{ background:url(../images/serleft.png) left top no-repeat;}
.scope_right:hover{ background:url(../images/serright1.png) left top no-repeat; }
.screen4{background:url(../images/pages4.jpg) center top no-repeat; background-size:cover; height:100%; width:100%; overflow:hidden; position:relative;}
.stand{width: 1080px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.stand_inner{ position:relative; margin-top:112px; height:300px;}
.stand_ul{ position:absolute; width:1080px; left:0; top:0; overflow:hidden; height:300px;}
.stand_ul ul{ width:100000px;}
.stand_ul ul li{ width:339px; float:left; text-align:center; margin-right:30px;}
.stand_ul ul li img{ width:339px; height:235px; overflow:hidden; max-width: 100%;}
.stand_ul ul li span{ height:67px; line-height:67px; text-align:center; display:block; font-size:18px; color:#666;}
.stand_ul ul li:hover span{ color:#0083d7;}
.stand_left{ background:url(../images/ser_left.png) left top no-repeat; width:48px; height:48px; display:block; left:-80px; top:100px; position:absolute;}
.stand_right{ background:url(../images/ser_right.png) left top no-repeat; width:48px; height:48px; display:block; right:-80px; top:100px;position:absolute;}
.stand_left:hover{ background:url(../images/serleft.png) left top no-repeat;}
.stand_right:hover{ background:url(../images/serright1.png) left top no-repeat; }


.screen5{background:url(../images/pages5.jpg) center top no-repeat; background-size:cover; height:100%; width:100%; overflow:hidden; position:relative;}
.job{width: 1080px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.job_inner{ padding-top:55px; margin-left:-12px;} 
.job_inner li{ width:263px; float:left; margin-left:10px; text-align:center; overflow:hidden; position:relative;}

.job_inner li img{ width:263px; height:301px; overflow:hidden; transition:all 0.5s ease 0s;}

.job_inner li .anli{ position:absolute; left:10px; z-index:9999;}
.job_inner li .anli span{ font-size:14px; text-align:center; height:38px; line-height:38px; display:block;padding-top:7px; width:137px; overflow:hidden; margin:0 auto;}
.job_inner li .anli p{ width:240px; height:42px; line-height:24px; color:#666666; text-align:center; margin:0 auto;}

.job_inner li:hover .anli span,.job_inner li:hover .anli p{ color:#fff;}
.job_inner li .case_div{ background:url(../images/jobbj.png) left bottom no-repeat; height:148px; overflow:hidden;}
.job_inner li .case_div em{background:url(../images/jobbj1.png) left bottom no-repeat;height:148px; display:block; width:265px; position:absolute; margin-top:148px; -webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.job_inner li .shade{position: absolute;width: 263px;height: 301px; margin-top: -301px; background: Black; -moz-opacity: 0.4; opacity: 0.4;filter: alpha(opacity=40); -webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;    z-index: 10;}
.job_inner li .shade em{ background:url(../images/more.png) left top no-repeat; width:44px; height:44px; display:block; position:absolute; top:50%; left:50%; margin-left:-22px; margin-top:-22px;}
.job_inner li:hover .shade{ margin-top:0;}
.job_inner li:hover .case_div em{ margin-top:0;}


.screen6{background:url(../images/pages6.jpg) center top no-repeat; background-size:cover; height:100%; width:100%; overflow:hidden; position:relative;}
.fuwu{width: 1080px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.fuwu_inner{ padding-top:50px;}
.fuwu_left{ float:left; width:570px;}
.fuwu_right{ float:right; width:490px; position:relative;}


.fuwu_left .message{ height:28px; line-height:28px; width:450px; margin:16px 0 0 0; border-bottom:1px solid #dfdfdf;}
.fuwu_left .message h3{ width:115px; border-bottom:2px solid #969696; height:27px; line-height:27px;}
.fuwu_left .message h3 span{ font-size:18px; color:#666666; margin-right:16px;}
.fuwu_left .message h3 em{ color:#666;}
.fuwu_left .mess_for{ width:570px; margin:0 auto; color:#666666;}
.fuwu_left .mess_div span{ font-size:14px; display:block; margin-top:10px; height:28px; line-height:28px;}
.fuwu_left .mess_txt{ height:34px; line-height:34px; width:440px; padding-left:7px; border:1px solid #a0a0a0; background:none;}
.fuwu_left .mess_div textarea{width:440px; padding-left:7px; border:1px solid #a0a0a0; background:none; height:70px;}
.fuwu_left .mess_div .mess_sub{ height:40px; background:#0083ce; line-height:40px; font-size:14px; text-align:center; color:#fff; border-radius:5px; cursor:pointer; width:449px; border:none; margin:20px 0 50px 0;}
.fuwu_left .mess_div .xing{ color:#0083ce; margin-left:5px;}
.fuwu_right .message h3{ width:170px; border-bottom:2px solid #969696; height:27px; line-height:27px;}
.fuwu_right .message h3 span{ font-size:18px; color:#666666; margin-right:16px;}
.fuwu_right .message h3 em{ color:#666;}
.fuwu_right .message{ height:28px; line-height:28px; width:446px; margin:16px 0 0 0; border-bottom:1px solid #dfdfdf;}
.fuwu_right .call{ padding:59px 0 38px;}
.fuwu_right p{ color:#666666;font-size:18px; height:36px; line-height:36px; overflow:hidden; width:380px;}
.fuwu_right .what{ width:96px; height:96px; position:absolute; right:17px; top:304px;}
.fuwu_right .what img{ width:96px; height:96px; overflow:hidden;}
.screen_foot{ position:absolute; width:100%; overflow:hidden; left:0; bottom:0; height:44px; padding: 5px 0; line-height:22px; background:#575b5e;}
.bottom{ width:1080px; margin:0 auto; text-align:center; color:#8e9091;}
.bottom a{ color:#8e9091; margin-left:8px;}
.bottom a:hover{ text-decoration:underline;}
.bottom .bottom_h3{ float: none; display: inline-block; font-style: normal;}
.bottom .bottom_ul{ float: none; display: inline-block; }
.bottom .bottom_ul li{ display: inline-block; margin: 0 5px; }
.catalog .huiyuan{ background:#f2f2f2; border:1px solid #d2d2d2; height:82px; text-indent:23px; line-height:normal;}
.catalog .huiyuan span{ padding:15px 0 18px; font-size:12px; color:#333; display:block;}
.catalog .huiyuan em{ display:block; color:#0082ce; font-size:12px;}
.insider{ padding:0 20px;}
.upload{ padding:0 20px;}
.upload ul li{ font-size:16px; cursor:pointer; height:39px; line-height:39px; border-bottom:1px solid #cdcdcd; padding-left:17px; overflow:hidden; background:url(../images/up.png) 5px center no-repeat;}
.upload ul li:hover{ color:#0382ce;}
.upload ul { padding-top:30px;}
#files { position:relative; margin:30px 0;}
#files .up{  font-size:0; border:none;opacity:0; z-index:999999;width:123px; height:37px;position:absolute; left:0; top:0; cursor:pointer;}
#files .up_click{background:url(../images/xuan.jpg) left top no-repeat; width:123px; height:37px; cursor:pointer;  }

.custom{ width:43px; height:176px; position:fixed; right:0px; top:75%; margin-top:-88px; z-index:9999999; }
.custom a,.custom span{ display:block; margin-bottom:1px; width:43px; height:43px; position:relative; cursor:pointer; }
.custom .kf_call,.kf_what{ position:relative;}
.kf_call .kf_div{ position:absolute; width:130px; height:43px; line-height:43px; border-radius:5px 0 0 5px; display:block; background:#0082ce; color:#fff; font-size:16px; top:0; left:146px; padding:0 10px;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s; }
.kf_wei{ position:absolute; width:80px; height:80px;display:block; top:0; left:80px;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s; }
.kf_call:hover .kf_div{ left:-146px; transition:all 0.5s ease 0s;}
.kf_what:hover .kf_wei{ left:-88px; transition:all 0.5s ease 0s;}
.kf_call img,.kefu{z-index:99999999; width:43px; height:43px; display:block; position:relative;}

.begin .about_inner{ padding-top:10px;}
.begin .about_left img{ height:300px; width:auto;}
.begin .about_left { width:401px; height:300px;}
.begin .about_right{ padding-top:20px;}
.begin .scope_ul{ padding-top:40px;}
.begin .stand_inner{ padding-top:5px;}
.begin .stand_dl{ margin-top:3px;}
.begin .index_h3{ padding-top:0;}
.begin .index_h3 img{ height:90px; width:auto;}
.begin .index_about{ padding-top:87px;}
.begin .scope{padding-top:87px;}
.begin .stand{ padding-top:94px;}
.begin .job{padding-top:87px;}
.begin .fuwu{padding-top:87px;}
.begin .job_inner{ padding-top:5px; margin-left:-30px;}
.begin .job_inner li{ width:209px; margin-left:61px;}
.begin .job_inner li img{ height:240px; width:209px;}
.begin .job_inner li .case_div{ background-size:100% auto; height:114px;}
.begin .job_inner li .case_div p{ width:200px;}
.begin .job_inner li .case_div span{ padding-top:0;}
.begin .fuwu_inner{ padding-top:0;}
.begin .fuwu_left .mess_div span{ margin-top:2px;}
.begin .fuwu_left .mess_div .mess_sub{ margin-top:5px;}
.begin .fuwu_right .call{ padding:20px 0 10px 0;}
.begin .fuwu_left .mess_txt{ height:25px; line-height:25px;}
.begin .fuwu_left .mess_div textarea{ height:40px;}
.begin .fuwu_right p{ height:30px; line-height:30px;}
.begin .fuwu_right .what{ top:220px;}
.begin .job_inner li .shade{width:209px; height:240px;}
.begin .job_inner li .case_div em{width:209px;}
.begin .job_inner li .anli p{width:193px;}
.active .stand_inner,.active .scope_div{ margin-top:30px;}

.active .index_h3{-webkit-animation:fadeInDown 0.8s linear 0.4s both; animation:fadeInDown 0.8s ease 0.4s both;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-30px)}
100%{opacity:1;-moz-transform:translateY(0)}}
50%{opacity:0.5;-webkit-transform:translateY(15px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
.active .job_inner li:nth-child(1){ animation:fadeInLeft 0.6s ease 0.4s both;}
.active .job_inner li:nth-child(2){ animation:fadeInLeft 0.6s ease 0.6s both;}
.active .job_inner li:nth-child(3){ animation:fadeInLeft 0.6s ease 0.8s both;}
.active .job_inner li:nth-child(4){ animation:fadeInLeft 0.6s ease 1s both;}








@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.active .stand_dl:nth-child(1){ animation:fadeInDown 0.8s ease 0.4s both;}
.active .stand_dl:nth-child(2){ animation:fadeInDown 0.6s ease 0.6s both;}
.active .stand_dl:nth-child(3){ animation:fadeInDown 0.6s ease 0.8s both;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-30px)}
100%{opacity:1;-moz-transform:translateY(0)}}

.active .fuwu_inner{-webkit-animation:up 1s linear 0.3s both; animation:up 0.6s linear 0.3s both;}
.active .about_left{-webkit-animation:fadeInLeft 1s linear 0.3s both; animation:fadeInLeft 0.6s linear 0.3s both;}
.active .about_right{-webkit-animation:fadeInRight 1s linear 0.3s both; animation:fadeInRight 0.6s linear 0.3s both;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(50px)}
100%{opacity:1;-moz-transform:translateX(0)}}


/*.scope_ul li:hover span{-webkit-animation:scale-up 0.6s linear;
  -ms-animation:scale-up 0.6s linear;
  animation:scale-up 0.6s linear;}*/

/*@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: translateY(0);
  }
  20%{
  	-webkit-transform: translateY(-15px);
  }
  60%{
  	-webkit-transform: translateY(15px);
  }
  100%{
  	-webkit-transform: translateY(0);
  }
}
@-ms-keyframes scale-up {
  0% {
    -ms-transform: translateY(0);
  }
  20%{
  	-ms-transform: translateY(-15px);
  }
  60%{
  	-ms-transform: translateY(15px);
  }
  100%{
  	-ms-transform: translateY(0);
  }
}
@keyframes scale-up {
  0% {
    transform: translateY(0);
  }
  20%{
  	transform: translateY(-15px);
  }
  60%{
  	transform: translateY(15px);
  }
  100%{
  	transform: translateY(0);
  }
}*/


.phnav{ background:url(../images/navph.png) left top no-repeat; display:nono; width:23px; height:25px; position:absolute; right:5px; top:40px;}
#phone{ width:100%; position:absolute; background:#0082ce; left:0; top:69px; z-index:9;  z-index:999999; margin:0; display:none;}
#phone li{ height:38px; line-height:38px; text-align:center; float:none; width:100%; margin:0;}
#phone li a{ display:block; color:#fff; font-size:14px; text-align:center; background:none;}
.php{ display:none;}


#loading{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999999; background: #fff;}
.base {
  height: 9em;
  left: 50%;
  margin: -7.5em;
  padding: 3em;
  position: absolute;
  top: 50%;
  width: 9em;
  transform: rotateX(45deg) rotateZ(45deg);
  transform-style: preserve-3d;
}

.cube,
.cube:after,
.cube:before {
  content: '';
  float: left;
  height: 3em;
  position: absolute;
  width: 3em;
}

/* Top */
.cube {
  background-color: #0089d2;
  position: relative;
  transform: translateZ(3em);
  transform-style: preserve-3d;
  transition: .25s;
  -webkit-transform: translateZ(3em);
  -webkit-transform-style: preserve-3d;
  -webkit-transition: .25s;
  box-shadow: 13em 13em 1.5em rgba(0, 0, 0, 0.1);
  animation: anim 1s infinite;
  -webkit-animation: anim 1s infinite;
}
.cube:after {
  background-color: #0089d2;
  transform: rotateX(-90deg) translateY(3em);
  transform-origin: 100% 100%;
  -webkit-transform: rotateX(-90deg) translateY(3em);
  -webkit-transform-origin: 100% 100%;
}
.cube:before {
  background-color: #0089d2;
  transform: rotateY(90deg) translateX(3em);
  transform-origin: 100% 0;
  -webkit-transform: rotateY(90deg) translateX(3em);
  -webkit-transform-origin: 100% 0;
}
.cube:nth-child(1) {-webkit-animation-delay: 0.05s; animation-delay: 0.05s;}
.cube:nth-child(2) {-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.cube:nth-child(3) {-webkit-animation-delay: 0.15s; animation-delay: 0.15s;}
.cube:nth-child(4) {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.cube:nth-child(5) {-webkit-animation-delay: 0.25s; animation-delay: 0.25s;}
.cube:nth-child(6) {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.cube:nth-child(7) {-webkit-animation-delay: 0.35s; animation-delay: 0.35s;}
.cube:nth-child(8) {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.cube:nth-child(9) {-webkit-animation-delay: 0.45s; animation-delay: 0.45s;}

@keyframes anim {
  50% {
    transform: translateZ(0.5em);
  }
}
@-webkit-keyframes anim {
  50% {
    -webkit-transform: translateZ(0.5em);
  }
}
.slides li{ position:relative;}
.flex-active-slide .banner1_inner{background:url(../images/zhu1.png) left top no-repeat;  width:908px; height:272px; position:absolute; left:50%; top:50%; margin-left:-454px; margin-top:-136px; z-index:999999; text-align:center; -webkit-animation:fadeIn 0.5s linear 0.2s both; animation:fadeIn 0.5s linear 0.2s both;}
.flex-active-slide .job_pic{ margin:12px auto 40px; width:650px; height:132px;  -webkit-animation:fadeInLeft 0.6s linear 0.3s both; animation:fadeInLeft 0.6s linear 0.3s both;}
.job_pic img{ width:637px; height:132px; overflow:hidden;}
.flex-active-slide .job_img{ width:845px; height:69px; margin:0 auto; -webkit-animation:fadeInUp 0.6s linear 0.4s both; animation:fadeInUp 0.6s linear 0.4s both;}
.job_img img{ width:750px; height:71px; overflow:hidden;}
@-webkit-keyframes fadeIn{
0%{opacity:0}
50%{opacity:0.5}
100%{opacity:1}}
@-moz-keyframes fadeIn{
0%{opacity:0}
50%{opacity:0.5}
100%{opacity:1}}

@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(50px)}
100%{opacity:1;-moz-transform:translateY(0)}}

.banner_inner2{ width:500px; height:160px; position:absolute; margin-left:-250px; margin-top:-80px; left:50%; top:50%;  overflow:hidden;}
.flex-active-slide .kua_one{ float:left; width:266px!important; height:158px!important; -webkit-animation:fadeInLeft 0.6s linear 0.2s both; animation:fadeInLeft 0.6s linear 0.2s both; overflow:hidden;}
.kua_one img{width:266px; height:158px; overflow:hidden;}
.kua_two{ width:213px; float:right;}
.flex-active-slide .kua_two .kua_pic1{ width:211px!important; height:24px!important; margin-top:23px;-webkit-animation:fadeInUp 0.6s linear 0.2s both; animation:fadeInUp 0.6s linear 0.2s both;}
.flex-active-slide .kua_two .kua_pic2{ width:145px!important; height:24px!important; margin:23px auto 16px; -webkit-animation:fadeInUp 0.6s linear 0.4s both; animation:fadeInUp 0.6s linear 0.4s both;}
.flex-active-slide .kua_two .kua_pic3{ width:143px!important; height:24px!important; margin:0 auto; -webkit-animation:fadeInUp 0.6s linear 0.5s both; animation:fadeInUp 0.6s linear 0.5s both;}

.banner_inner3{ width:820px; height:200px; position:absolute; left:50%; top:50%; margin-left:-410px; margin-top:-100px; overflow:hidden; }
.chengxin1{float:left;}
.flex-active-slide .chengxin1{ -webkit-animation:zuo 0.6s linear 0.3s both; animation:zuo 0.6s linear 0.3s both;}
.chengxin1 img{ width:721px!important; height:167px!important; overflow:hidden; }
.chengxin2{float:right; margin-top:-29px;}
.flex-active-slide .chengxin2{ -webkit-animation:you 0.6s linear 0.3s both; animation:you 0.6s linear 0.3s both;}
.chengxin2 img{ width:700px!important; height:63px!important; overflow:hidden;}

@-webkit-keyframes zuo{0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes zuo{0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-webkit-keyframes you{0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes you{0%{opacity:0;-moz-transform:translateX(50px)}
100%{opacity:1;-moz-transform:translateX(0)}}

.service_menu{ display:none;}
.service_menu a{ text-indent:40px; font-size:12px; background:none;}
.service_menu a:hover,.service_menu a.on{ background:none; color:#0082ce;}
.cata_ul a.up { background:url(../images/catali.jpg) left top no-repeat; color:#666;}


.know{ padding:0 36px;}
.know_dl {border-bottom:1px dashed #d9d9d9}
.know_dl dt{ height:60px; background:url(../images/wen.png) left center no-repeat; padding-left:40px; font-size:14px; line-height:60px; overflow:hidden; border-bottom:1px dashed #d9d9d9}
.know_dl dd{background:url(../images/da.png) left 14px no-repeat; padding:14px 0; line-height:24px; color:#666; padding-left:40px;}
.map{ width:604px; margin:30px auto;}
.sao{ padding:20px; border:1px solid #eeeeee; width:143px; height:143px; margin:0 auto;}
.dl{ width:234px; margin:0 auto;}
#home{ width:27px; height:84px; background:url(../images/hei.png) left top; display:block; position:absolute; top:0px; right:-27px; font-size:14px; color:#fff; text-align:center; border-radius:0 5px 5px 0;}
.cata_ul li .menu_down{background:#f2f2f2; display:none;} 
.cata_ul li .menu_down a{ background:#f2f2f2; text-indent:40px; margin-top:3px;}
.cata_ul li .menu_down a:hover,.cata_ul li .menu_down a.on{ background:url(../images/catali.png) left top ; color:#fff;}

/*what*/
.login_inner{ width:100%; margin-top:30px;}
.login_inner .sao{border: 0px;}
.login_inner em{font-size: 16px;line-height: 18px;height: 18px;padding-bottom: 8px;margin-top: 29px;display: block;text-indent: 20px;font-weight: bold;}

.what_sign{ width:400px; height:400px; background:#fff; float:right; margin:250px 0px 0 0; position:relative;}
.set{ height:40px; line-height:40px; margin-top:30px;}
.set a{ width:50%; float:left; display:block; font-size:18px; color:#666; text-align:center;}
.set a.on{ color:#028cdd; font-weight:600;}
.sign_box{ margin:0; width:346px; float:none; height:300px; padding:0 27px;}
.sign_box  .sign_div .sign_txt{ width:330px;}
.set_box{ display:none;}
.sign_warp{ width:1200px; margin:0 auto;}

.query_div{ padding:30px 0; float:right;}

.gohome{ float:left;font-size: 14px;
    margin: 4px 15px 0 0;}
	
.rongyu li{ width:50%; float:left; padding:0 5px; margin-top:20px; box-sizing:border-box; text-align:center;}
.rongyu li span{ display:block; height:30px; line-height:30px; text-align:center; overflow:hidden;}


.phone_call{ position:fixed;  background:#fff; left:50%; top:50%; margin-left:-160px; margin:-160px; text-align:center; display:none; z-index:999999999999;}
.back_call{ background:#000; opacity:.7; position:fixed; width:100%; height:100%; display:none;z-index:99999; top:0; left:0;}
.call_close{ background:url(../images/call_close.png) left top no-repeat; width:30px; height:30px; display:block; position:absolute; right:-13px; top:-10px;}
.phone_call img{ padding-top:20px;}
html,body{width:100%; height:100%; }