@charset "utf-8";*{margin:0;padding:0}
html{overflow-x:hidden}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,li,ol,p,pre,textarea,ul{font-size:12px;font-family:"微软雅黑"}
body{background:#303a44;color:#333}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}
dd,dl,dt,li,ol,ul{display:block;list-style:none}
img{border:0;display:block}
.clear{display:block;clear:both;height:0}
.clear-fix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
a{text-decoration:none;outline:0;color:#333}
.fr{float:right}
.fl{float:left}
.header{width:100%;height:615px;background:url(../style/headerbg.jpg) left top repeat;position:relative}
.header2{width:100%;position:relative}
.logo{width:1004px;height:94px;margin:0 auto}
.navgrp{width:1004px;height:41px;margin:0 auto;position:relative}
.nav_l,.nav_r{width:25px;height:41px;float:left}
.nav{width:954px;height:41px;background:#3097de;float:left}
.nav li{width:86px;height:41px;float:left;position:relative;line-height:41px;text-align:center}
.nav li a{width:86px;height:41px;display:block;font-size:14px;color:#fff; text-transform:uppercase;}
.nav li a:hover{color:#fff;background:#004986}
.menu a{color:#fff!important;background:#004986}
.banner{height:345px;width:1004px;margin:0 auto;overflow:hidden;position:relative}
.banner>ul{width:auto}
.banner>ul li{height:280px;background-size:100% auto;background-position:center center; background-repeat:no-repeat; float:left}
.banner .ctrl{position:absolute;z-index:99;bottom:40px;right:50%;display:none}
.banner .ctrl div{width:14px;height:14px;float:left;background-color:#fff;border-radius:100%;margin-left:10px;cursor:pointer}
.banner .ctrl div.now{background-color:#fabe00}
.banner .prev{display:none;width:33px;height:59px;background-image:url(../images/arrow_left.png);position:absolute;z-index:10;left:177px;bottom:50%;margin-bottom:-10px;cursor:pointer}
.banner .next{display:none;width:33px;height:59px;background-image:url(../images/arrow_right.png);position:absolute;z-index:10;right:177px;bottom:50%;margin-bottom:-10px;cursor:pointer}
.banner2{width:1004px;height:200px;margin:0 auto;padding:20px 0}
.section{width:100%;height:auto;position:relative}
.Ttitle{position:relative;width:100%;height:25px;font-size:16px;line-height:25px;color:#3097de;font-weight:700; text-transform:uppercase;}
.Ttitle span{text-transform:uppercase;font-size:16px;color:#dfdfdf}
.more{position:absolute;right:10px;top:0;text-align:right;width:50px;height:25px;line-height:25px}
.more a{color:#3097de;font-size:14px;font-weight:400}
.Ttitle2{position:relative;width:100%;height:25px;font-size:16px;line-height:25px;color:#fff;text-transform:uppercase;font-weight:700;background:url(../style/probg.jpg) left center no-repeat #3097de}
.Ttitle2 span{text-transform:uppercase;font-size:16px;color:#fff;padding-left:15px}
.more2{position:absolute;right:10px;top:0;text-align:right;width:50px;height:25px;line-height:25px}
.more2 a{color:#fff;font-size:14px;font-weight:400}
.ccbg{width:974px;height:281px;background:url(../style/ccbg.jpg) left top repeat-x;margin:0 auto;margin-top:-86px;border-radius:15px 15px 0 0;padding:0 15px}
.contact{width:315px;height:261px;padding-top:20px;padding-right:24px;float:left;background:url(../style/conbg.png) center 105px no-repeat;font-size:14px;line-height:30px}
.contact P{height:50px;line-height:50px;font-size:24px;color:#3097de;font-weight:700}
.contact P span{font-family:Impact;font-size:32px;vertical-align:middle;font-weight:400}
.company{width:610px;height:210px;overflow:hidden;padding-left:24px;border-left:1px solid #8a8a8a;float:left;margin-top:35px}
.companynr{ display:flex; align-items: center; justify-content:space-between;font-size:14px;border-top:1px solid #e4e4e4;margin-top:8px; padding-top: 20px;}
.companynr img { width: 220px; height: 160px;}
.companynr p{ padding-left: 20px; line-height:25px;}
.picBd{width:974px;padding:0 15px;margin:0 auto;background:#fff;padding-top:20px}
.proList{padding-top:15px;width:974px}
.proList dl{float:left;margin-right:24px;}
.proList dl:nth-child(4n){margin-right:0}
.proList dl dt{width:225px;height:169px}
.proList dl dd{width:225px;height:50px;line-height:25px;text-align:center}
.proList dl dd a{font-size:14px}
.ncBg{width:974px;padding:0 15px 15px 15px;height:300px;background:#fff;margin:0 auto}
.news{width:535px;height:300px;overflow:hidden;padding:0 20px 0 15px;float:left;background:#eee}
.news .Ttitle{width:100%;height:54px;line-height:44px;color:#fff;background:url(../style/newsbg.png) left top no-repeat;font-size:16px}
.news .more{position:absolute;right:0;top:10px;text-align:right;width:50px;height:25px;line-height:25px}
.news .more a{color:#de9230;font-size:14px;font-weight:400}
.news dl{width:505px;padding:0 15px}
.news dl dt a{font-size:18px;font-weight:700;height:40px;line-height:40px}
.news dl dt span{padding-left:10px;color:#999}
.news dl dd{font-size:14px;color:#999;line-height:28px;height:66px}
.news ul{width:5305px;padding:0 15px}
.news ul li{width:535px;height:32px;line-heigh:32px}
.news ul li span{padding-right:10px}
.news ul li a{font-size:14px}
.case{float:left;width:398px;height:294px;border:3px solid #eee;position:relative}
.case .Ttitle{position:absolute;left:15px;top:-3px;width:102px;height:54px;background:url(../style/case.png) left top no-repeat;color:#fff;line-height:40px;text-align:center;z-index:99}
.case .caselist{width:398px;height:294px;background:#ff0;position:relative}
.case .caselist .left,.case .caselist .right{width:25px;height:70px;position:absolute;cursor:pointer}
.case .caselist .left{left:0;top:110px;z-index:99}
.case .caselist .right{right:0;top:110px;z-index:99}
.case .caselist .casepic{idth:398px;height:294px;position:relative;overflow:hidden}
.case .caselist .casepic ul{width:2000px}
.case .caselist .casepic ul li{width:398px;height:294px;float:left;position:relative}
.case .caselist .casepic ul li span{position:absolute;width:398px;height:39px;display:block;color:#fff;text-align:center;line-height:39px;font-size:14px;background:url(../style/casebg2.png) left top repeat-x;left:0;bottom:0}
.case .caselist .casepic ul li span a{color:#fff}
.footer{width:974px;height:170px;padding:0 15px;position:relative;margin:0 auto}
.link{width:100%;height:67px;border-bottom:1px solid #505860}
.link_title{width:100px;background:url(../images/index_28.jpg) left center no-repeat;font-size:18px;font-weight:700;color:#3097de;float:left;line-height:67px;text-transform: uppercase;}
.link_title span{color:#3097de;text-transform:uppercase;padding-left:10px}
.link_list{width:874px;float:left;line-height:67px}
.link_list a{padding-right:15px;color:#969696;font-size:14px}
.copyright{width:974px;height:80px;margin:0 auto;font-size:14px;color:#969696;text-align:left;padding-top:20px;line-height:30px}
.copyright span{color:#969696}
.copyright a{color:#969696}
.copyright a:hover{color:#969696}
.main{height:auto;width:974px;padding:15px;margin:0 auto;padding-top:15px;padding-bottom:20px;background:#fff}
.left_main{width:286px;float:left;overflow:hidden;padding-top:7px}
.leftTitle1{width:276px;height:50px;font-size:16px;line-height:50px;color:#fff;font-weight:700;background:#3097de;padding-left:10px; text-transform: uppercase;}
.leftTitle2{width:276px;height:50px;font-size:16px;line-height:50px;color:#3097de;font-weight:700;padding-left:10px}
.procla_list{width:284px;padding:10px 0;border:1px solid #eee;border-top:none}
.procla_list ul li{width:270px;display:block;height:36px;line-height:36px;font-size:14px;color:#58b5e1;padding-left:14px}
.procla_list ul li a{font-size:14px;color:#3097de;display:block; text-transform: uppercase}
.procla_list ul ul{display:none;margin-top:-10px}
.procla_list ul ul li{width:270px;height:36px;line-height:36px;font-size:14px}
.procla_list ul ul li a{width:250px;padding-left:20px;height:45px;display:block;color:#999;font-size:14px}
.procla_list ul ul li a:hover{color:#000}
.leftnews_list{width:286px;padding:0 0 0 5px}
.leftnews_list ul li{width:286px;height:30px;line-height:30px}
.leftnews_list ul li a{color:#333;font-size:14px}
.leftnews_list dl{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.leftnews_list dl dt{height:26px;line-height:26px;padding-top:5px}
.leftnews_list dl dt a{font-size:14px;font-weight:700;color:#333}
.leftnews_list dl dd{color:#a7a7a7;height:60px;line-height:26px;padding-bottom:5px}
.contactleft{width:286px}
.contactleft span{font-size:32px;width:286px;height:60px;display:block;line-height:60px;color:#3097de;font-family:impact;padding-top:10px}
.contactleft dl{width:286px;display:block;clear:both}
.contactleft dl dd,.contactleft dl dt{font-size:14px;color:#333;line-height:30px}
.contactleft dl dt{width:70px;float:left; text-align: right;}
.contactleft dl dd{width:214px;float:left}
.main_con{width:644px;float:left;padding-left:44px}
.mainConTitle{width:644px;height:30px}
.mainConTitle .title{width:300px;color:#3097de;font-size:16px;line-height:30px;text-transform:uppercase;font-weight:700;display:inline-block;float:left}
.mainConTitle .position{width:344px;display:inline-block;float:right;text-align:right;line-height:30px; text-transform: capitalize;}
.mainConList{float:left;width:644px;overflow:hidden}
.mainConList .pic1{float:left;margin-right:40px;margin-top:15px}
.mainConList .pic1:nth-child(2n){margin-right:0}
.mainConList .pic1 dt{width:300px;height:225px}
.mainConList .pic1 dd{width:300px;height:40px;line-height:40px;text-align:center;font-size:14px}
.mainConList .pic1 dd a{color:#187462}
.mainConList .pic2{width:644px;height:137px;padding-bottom:15px;padding-top:15px;border-bottom:1px solid #eee}
.mainConList .pic2 dt{width:180px;height:135px;border:1px solid #eee;margin-right:28px;float:left}
.mainConList .pic2 dd{width:434px;float:left;height:137px}
.mainConList .pic2 dd a{color:#333;font-size:16px;line-height:36px;font-weight:700}
.mainConList .pic2 .intro{font-size:14px;color:#333;line-height:32px;text-indent:28px}
.mainConList ul{padding-top:10px;clear:both;width:644px}
.mainConList ul li{padding:0 5px;height:40px;line-height:40px}
.mainConList ul li a{color:#333;font-size:14px}
.mainConList ul li span{color:#333;padding-right:20px}
.pglist{width:100%;clear:both;height:100px}
.pglist ul{width:100%;text-align:center;padding-top:40px}
.pglist ul li{display:inline-block;width:30px;height:30px;line-height:30px;border:1px solid #303a44;text-align:center;font-family:Arial;font-size:16px;font-family:'微软雅黑';background:#303a44}
.pglist ul li a{color:#fff;line-height:30px;display:block}
.pglist ul li.end,.pglist ul li.home{width:60px;height:30px;border:1px solid #303a44}
.pglist ul li.last,.pglist ul li.next{width:30px;height:30px;line-height:30px;border:1px solid #303a44;font-family:'宋体'!important;font-weight:700;font-size:20px}
.pglist ul li.on{background:#fff;border:1px solid #303a44}
.pglist ul li.on a{color:#303a44}
.pglist ul li.nohover{background:#999;border:1px solid #999;font-family:'微软雅黑';color:#fff}
.pglist ul li.nohover a{color:#fff}
.mainContect{padding:10px 0;line-height:30px;font-size:14px;color:#666}
.mainContect p{font-size:14px;color:#666;line-height:30px}
.mainContect .title{width:100%;text-align:left;font-size:20px;color:#313131;background:0 0;font-weight:700}
.mainContect .title span{display:block;color:#666;font-size:12px;line-height:50px;font-weight:400}
.mainContect .pic{width:100%;text-align:center;padding:20px 0}
.mainContect .pic img{margin:0 auto; max-width: 100%;}
.mainContect .con{padding:20px 0;line-height:30px;font-size:14px;color:#222}
.mainContect .con p{font-size:14px;color:#222;line-height:30px}
.mainContect .con img {
  width: 100%;
}
.mainContect .pgfy{width:100%;padding-top:15px;padding-bottom:10px;font-size:12px;border-top:1px solid #dfdfdf}
.mainContect .pgfyl{width:100%}
.mainContect .pgfyl p{color:#666}
.mainContect .pgfyl p a{color:#666;font-size:12px}
.mainContect .pgfyl p a:hover{color:#fa6567}
.mainContect .pgfyr{width:100%;text-align:left}
.mainContect .pgfyr a{color:#666;font-size:12px}
.mainContect .pgfyr a:hover{color:#fa6567}
.fixed{position:fixed;width:80px;height:115px;right:25px;bottom:120px;z-index:999}
.fixed a{display:block;width:80px;height:115px}
.hrBox{width:634px;float:left;min-height:91px;border:1px solid #dbdbdb;margin-top:20px;background:#efefef;margin-left:0}
.hrBoxL{width:100px;float:left;text-align:center}
.hrBoxL li{width:100px;min-height:30px;line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align:bottom}
.jobName{width:380px;float:left}
.hrBtn{width:100px;float:left;text-align:center;padding-top:3px}
.hrBoxL li.haode{border-bottom:none}
.hrBoxR{width:533px;float:left;text-align:left;border-left:1px solid #dbdbdb}
.hrBoxR li{width:508px;min-height:30px;line-height:30px;border-bottom:1px #dbdbdb solid;padding-left:15px;vertical-align:bottom;padding-right:10px}
.hrBoxR li.topline{overflow:hidden;height:30px}
.hrBoxR li.topline img{margin-top:3px}
.hrBoxR li.haode{border-bottom:none}
.hrTable{width:614px;float:left;height:440px;background:#efefef;border:1px solid #dbdbdb;margin-top:10px}
.tableTitle{width:614px;height:36px;text-align:center;line-height:36px;border-bottom:1px solid #dbdbdb;font-weight:700}
.lineOne{height:30px;line-height:30px;border-bottom:1px solid #dbdbdb;width:614px}
.lineOneL{width:94px;float:left;text-align:center;border-right:1px solid #dbdbdb}
.lineOneR{width:509px;float:left;padding-left:10px}
.tableMainL{width:94px;float:left;border-right:1px solid #dbdbdb;text-align:center}
.tableMainL li{width:94px;height:30px;line-height:30px;border-bottom:1px solid #dbdbdb}
.tableMainR{width:211px;float:left;border-right:1px solid #dbdbdb;text-align:left}
.tableMainR li{width:206px;height:30px;line-height:30px;border-bottom:1px solid #dbdbdb;padding-left:5px;vertical-align:bottom}
.tableMainR li span{display:inline-block}
.tableMainRno{width:212px;float:left;text-align:left}
.tableMainRno li{width:207px;height:30px;line-height:30px;border-bottom:1px solid #dbdbdb;padding-left:5px;vertical-align:bottom}
.tableMainRno li span{display:inline-block}
.input_hr{width:126px;height:17px;line-height:17px;padding:0;vertical-align:middle;font-size:12px;border:1px solid #dbdbdb}
.sel_hr{width:130px;height:20px;line-height:20px;padding:0;vertical-align:middle;font-size:12px}
.bottomLine{width:614px;height:123px;border-bottom:1px solid #dbdbdb}
.lineBootL{width:94px;height:123px;border-right:1px solid #dbdbdb;text-align:center;float:left}
.lineBootR{width:509px;float:left;padding-left:10px;height:123px}
.are_hr{width:470px;height:80px;margin-top:11px;border:1px solid #dbdbdb}
.hr_btn{width:614px;height:31px;line-height:31px}
.hr_btnL{width:310px;float:left;border-right:1px solid #dbdbdb;text-align:center;height:31px}
.hr_btnR{width:300px;float:left;text-align:center}
.c_red{color:red}
.fl{float:left}
.fr{float:right}
.clear{clear:both;height:0;overflow:hidden}
.msg{width:100%;margin:16px auto;height:auto;overflow:hidden}
.msg li{width:100%;height:auto;padding-bottom:10px;margin-bottom:10px}
.msg_top{width:100%;height:auto;font:14px/30px "microsoft yahei";background:#ededed;color:#333;text-indent:14px;overflow:hidden;border-radius:3px 3px 0 0;font-weight:700}
.msg_top span{margin-right:14px}
.msg_con{border:1px solid #ebebeb;background:#f3f3f3;overflow:hidden;padding-bottom:12px}
.msg_consult{width:96%;margin:0 auto;font:14px/36px "microsoft yahei";color:#7b7b7b}
.msg_reply{width:96%;margin:0 auto;font:14px/36px "microsoft yahei";border:1px solid #ebebeb;border-radius:3px;background:#fff;color:#ff5958;text-indent:14px}
.msg_now{width:100%;height:34px;background:url(../images/msgline1.png) center center no-repeat;overflow:hidden;margin:65px 0 30px 0}
.msg_title{width:155px;height:34px;background-image:url(../images/msgbtn.png);background-position:7px center;background-repeat:no-repeat;text-indent:43px;margin:0 auto;color:#fff;font:22px/34px "microsoft yahei"}
.msg_ul{width:580px;height:auto;overflow:hidden;margin:20px auto}
.msg_ul li{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:12px}
.msg_ul li p{width:130px;float:left;height:36px;font:14px/36px "microsoft yahei";color:#333;vertical-align:top;text-align:right;margin:0 6px 0 0}
.msg_ul li p span{color:red;margin-top:2px;vertical-align:middle;font-weight:700}
.msg_input{width:264px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px}
.msg_pin{width:164px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;float:left}
.msg_pin img{float:left;margin-left:14px}
.msg_textarea{width:264px;height:80px;border:1px solid #d9d9d9;border-radius:2px;padding:10px;resize:none;line-height:20px!important}
.msg_submit{width:286px;height:36px;margin:20px auto;border-radius:3px;border:0;text-align:center;font:18px/36px "microsoft yahei";color:#000;cursor:pointer}
.Validform_checktip{margin-left:4px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px}
.Validform_right{color:#71b83d;padding-left:20px;background:url(../images/right.png) no-repeat left center}
.Validform_wrong{color:#999;padding-left:50px;white-space:nowrap;background:url(../images/error.png) no-repeat 30px center;font-size:14px;float:left;margin-top:6px}
.Validform_loading{padding-left:20px;background:url(../images/onLoad.gif) no-repeat left center}
.Validform_error{background-color:#ffe7e7}
#Validform_msg{color:#7d8289;font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;width:280px;-webkit-box-shadow:2px 2px 3px #aaa;-moz-box-shadow:2px 2px 3px #aaa;background:#fff;position:absolute;top:0;right:50px;z-index:99999;display:none;box-shadow:2px 2px 0 rgba(0,0,0,.1)}
#Validform_msg .iframe{position:absolute;left:0;top:-1px;z-index:-1}
#Validform_msg .Validform_title{line-height:25px;height:25px;text-align:left;font-weight:700;padding:0 8px;color:#fff;position:relative;background-color:#999;background:-moz-linear-gradient(top,#999,#666 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#666))}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px;position:absolute;right:8px;top:0;color:#fff;text-decoration:none}
#Validform_msg a.Validform_close:hover{color:#ccc}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb;border-top:none;text-align:left}
.info{color:#666;position:absolute;display:none;line-height:34px;float:right}
.dec{bottom:-8px;display:block;overflow:hidden;position:absolute;left:10px;width:17px}
.dec s{font-family:simsun;font-size:16px;height:19px;left:0;line-height:21px;position:absolute;text-decoration:none;top:-9px;width:17px}
.dec .dec1{color:#ccc}
.dec .dec2{color:#fff;top:-10px}
.passwordStrength b{font-weight:400}
.passwordStrength b,.passwordStrength span{display:inline-block;vertical-align:middle;line-height:16px;height:16px}
.passwordStrength span{width:45px;text-align:center;background-color:#d0d0d0;border-right:1px solid #fff}
.passwordStrength .last{border-right:none}
.passwordStrength .bgStrength{color:#fff;background-color:#71b83d}
.paging{width:100%;height:24px;text-align:center;padding:15px 0;float:right}
.paging ul,.paging li{ display: inline;}
.paging a,.paging .active a{font:12px/24px "microsoft yahei";color:#333;text-decoration:none;padding:0 8px;border:solid 1px #ddd;display:inline-block;white-space:nowrap;margin:0 3px}
.paging a{background:0 0}
.paging a:hover{background:#000;color:#fff;border:solid 1px #000}
.paging .active a{background:#000;color:#fff;border:solid 1px #000}
.page{width:100%;margin:10px auto;overflow:hidden;position:relative}
.page p{width:100%;height:28px;font:12px/28px "microsoft yahei";color:#1d1d1d;overflow:hidden}
.page p a{color:#1d1d1d}
.back:hover,.page p a:hover{text-decoration:underline}
.back{font:14px/39px "microsoft yahei";color:#fff;width:138px;margin:0 auto;border-radius:4px;display:block;text-align:center}
#proList {
  width: 620px;
  padding-top: 40px;
  overflow: hidden;
  margin: 0 -10px;
}
#proList dl {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 10px;
  margin-bottom: 10px;
}
#proList dt { padding: 5px; border: 1px solid #eee;}
#proList dt a { display: flex; justify-content: center; align-items: center; height: 190px;}
#proList dt img { width: 100%;}
#proList dd { text-align: center; line-height: 40px; height: 40px; overflow: hidden;}