@charset "utf-8";



/* Style Reset

-----------------------------------------------------------------------------------------------------*/

*{ margin:0px; padding:0px;} 

html{overflow-x:hidden;}

body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote 

{font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;font-family:"微软雅黑";}

body{background:#303a44;color:#333333;}

input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}

ul, li, dl, dt, dd, ol { 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:#333333;}

.fr{ float:right;}

.fl{ float:left;}



/* header */

.header{ width:100%; height:728px; background:url(../img/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}

.nav li a:hover{color:#fff;background:#004986}

.menu a{color:#ffffff!important;background:#004986}

/*首页头部banner*/

.banner{ width:1004px; margin:0 auto; overflow:hidden; position:relative;}

.banner>ul{width:auto;}

.banner>ul li{background-size:cover; background-position:center center; float:left;}
.banner>ul li a{display:block;height:100%;width:100%;}
.banner>ul li img{display:block;height:100%;width:100%;}

.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(../img/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(../img/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:bold;}

.Ttitle span{text-transform:uppercase;font-size:16px; color:#dfdfdf; }

.more{position:absolute; right:10px; top:0px; text-align:right; width:50px; height:25px;line-height:25px;}

.more a{color:#3097de;font-size:14px;font-weight:normal}

.Ttitle2{position:relative; width:100%; height:25px;font-size:16px; line-height:25px;color:#fff; font-weight:bold;background:url(../img/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:0px; text-align:right;width:50px;height:25px;line-height:25px;}

.more2 a{color:#fff;font-size:14px;font-weight:normal}





.ccbg{ width:974px; height:281px; background:url(../img/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(../img/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:bold}

.contact P span{ font-family:'Impact';font-size:32px; vertical-align:middle;font-weight:normal}

.company{width:610px;height:210px; overflow:hidden; padding-left:24px; border-left:1px solid #8a8a8a;float:left;margin-top:35px;}

.companynr{font-size:14px; line-height:30px; border-top:1px solid #e4e4e4;margin-top:8px;}





.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;margin-bottom:10px;}

.proList dl:nth-child(4n){margin-right: 0;}

.proList dl dt{width:225px; height:169px;}

.proList dl dd{width:225px;height:50px;line-height:50px;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(../img/newsbg.png) left top no-repeat;font-size:16px;}

.news .more{position:absolute; right:0px; top:10px; text-align:right; width:50px; height:25px;line-height:25px;}

.news .more a{color:#de9230;font-size:14px;font-weight:normal}

.news dl{width:505px; padding:0 15px}

.news dl dt a{font-size:18px;font-weight:bold;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 #eeeeee;position:relative;}

.case .Ttitle{position:absolute; left:15px; top:-3px; width:102px;height:54px;background:url(../img/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(../img/casebg2.png) left top repeat-x;left:0; bottom:0}

.case .caselist .casepic ul li span a{color:#fff;}



/* footer*/

.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:154px; background:url(../img/index_28.jpg) left center no-repeat; font-size:18px;font-weight:bold;color:#3097de;float:left; line-height:67px;}

.link_title span{color:#3097de;text-transform:uppercase;padding-left:10px;}

.link_list{ width:820px; 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}





/* 分页样式 contact*/

.main{ov/erflow:hidden;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:bold;;background:#3097de; padding-left:10px;}

.leftTitle2{width:276px; height:50px;font-size:16px;line-height:50px;color:#3097de;font-weight:bold;padding-left:10px;}



.procla_list{ width:284px; padding:10px 0; border:1px solid #eeeeee;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}

.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:#999999; font-size:14px;}

.procla_list ul ul li a:hover{ color:#000}



.leftnews_list{width:286px;padding:0px 0px 0px 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:bold;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 dt,.contactleft dl dd{font-size:14px; color:#333333; line-height:30px;}

.contactleft dl dt{ width:46px; float:left; }

.contactleft dl dd{width:240px; float:left;}





.main_con{width:644px; float:left;padding-left:44px;}

.mainConTitle{float:left;width:644px; height:30px; }

.mainConTitle .title{ width:300px;color:#3097de; font-size:16px;line-height:30px; text-transform:uppercase; font-weight:bold; display:inline-block; float:left;}

.mainConTitle .position{width:344px;display:inline-block; float:right; text-align:right;line-height:30px; }

.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 #eeeeee;}

.mainConList .pic2 dt{ width:180px; height:135px; border:1px solid #eeeeee; 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:bold;}

.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:#333333; 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;*display:inline; *zoom:1; *margin-left:5px;_display:inline; _zoom:1; _margin-left:5px; 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.home,.pglist ul li.end{ width:60px; height:30px; border:1px  solid #303a44;}

.pglist ul li.next,.pglist ul li.last{ width:30px; height:30px; line-height:30px; border:1px  solid #303a44; font-family:'宋体'!important; font-weight:bold; 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:#999999;border:1px  solid #999999;font-family:'微软雅黑';color:#fff}

.pglist ul li.nohover a{color:#fff;}







.mainContect{ padding:10px 0px; line-height:30px;font-size:14px; color:#666666}

.mainContect p{font-size:14px; color:#666666;line-height:30px;}



.mainContect .title{ width:100%; text-align:left; font-size:20px;color:#313131;background:none; font-weight:bold;}

.mainContect .title span{display:block;color:#666;font-size:12px;line-height:50px; font-weight:normal}

.mainContect .pic{ width:100%; text-align:center;padding:20px 0; }

.mainContect .pic img{margin:0 auto;}

.mainContect .con{ padding:20px 0px; line-height:30px;font-size:14px; color:#222222}

.mainContect .con p{font-size:14px; color:#222222;line-height:30px;}

.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 */

.fixed{position:fixed;width:80px;height:115px;right:25px;bottom:120px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}

.fixed a{display:block;width:80px;height:115px;}



/* hr*/

.hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-top:20px; background:#efefef; margin-left:0px;} 

.hrBoxL{ width:100px; float:left; text-align:center;  }

.hrBoxL li{ width:100px; min-height:30px; _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; _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:bold;}

.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:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}

.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; 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:#f00;}

.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}



/* msg 留言板 */

.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:#333333;text-indent:14px;overflow:hidden;border-radius:3px 3px 0 0; font-weight:bold;}

.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(../img/msgline1.png) center center no-repeat;overflow:hidden; margin:65px 0 30px 0;}

.msg_title{width:155px;height:34px; background-image:url(../img/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: bold}

.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:#fff;cursor: pointer}

/*==========以下部分是Validform必须的===========*/

.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(../img/right.png) no-repeat left center;

}

.Validform_wrong{

    color:#999;

    padding-left:50px;

    white-space:nowrap;

    background:url(../img/error.png) no-repeat 30px center;

	font-size:14px;

    float:left;margin-top:6px

}

.Validform_loading{

    padding-left:20px;

    background:url(../img/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:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}

#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}

#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; 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)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}

#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; 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{



}

.passwordStrength b{

    font-weight:normal;

}

.passwordStrength b,.passwordStrength span{

    display:inline-block;

    vertical-align:middle;

    line-height:16px;

    line-height:18px\9;

    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 a,.paging span {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:none;}

.paging a:hover {background:#000;color:#fff;border:solid 1px #000;}

.paging span {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}

.page p a:hover,.back: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;}