@charset "utf-8";
/* CSS Document */
.header{
    width: 100%;
    height:80px;
    position: relative;
    z-index:99;
    /*line-height:80px;*/
}
.nav-head{
    width:1200px;
    height:80px;
    margin:0 auto;
}
.logo{
    padding-right:0px;
    height: 80px;
}
.logo a{
    display: inline-block;
    height: 80px;
    /*line-height: 80px;*/
}
.logo a:before{
    content:'';
    display: table;
}
.logo a img{
    display: inline-block;
    margin-top: 12px;
}

.nav-i li{
    width:60px;
    height:80px;
    /*line-height: 80px;*/
    margin-left:44px;
    position: relative;
}
.nav-i li .nav-m{
    font-size: 15px;
    color: #333;
    line-height: 80px;
}
.nav-i li a.cur{
    color: #005aab;
}
.nav-i li a:hover{
    color:#005aab;
}
.nav-p{
    position: absolute;
    top:80px;
    left:-19px;
    background: #ffffff;
    display: none;
}


.nav-p dt,.nav-p dd{
    width:100px;
    height:40px;
    text-align: center;


}
.nav-pro-s {
    left:-70px;
}
.nav-pro-s dd{
   width:230px;
}
.nav-p dd a{
display: inline-block;
    height: 40px;
    line-height: 40px;
    width:100%;
    font-size: 15px;
    border-top:1px solid #e5e5e5;
    color: #333333;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.nav-p dd a:hover{
    color: #005aab;
}
.logo-r{
    width:120px;
    height:100%;
    margin-left: 18px;
}
.logo-r>a{
   /* display: inline-block;
    height:80px;*/
}
.logo-r>a:before{
content:'';
    display: table;
 }
.logo-r>a img{
    display: inline-block;
    margin-top:28px;
}
.js-group{
    display: inline-block;
    margin-left:29px;
    width:52px;
    height:72px;
    background:url(../img/js-w_03.jpg) no-repeat center bottom;
}
.search{
    border-left:1px solid #e0e0e0;
    width:178px;
    height:100%;
    position: relative;
}
.search-form{
 position: absolute;
}
.language{
    width:48%;
    height:100%;
    text-align: center;
    font-size:15px;
    color:#666;
    line-height: 80px;
    position: relative;
    cursor: pointer;
}
.language-slide{
    height:60px;
    width: 85px;
    position: absolute;
    top:66px;
    left:0px;
    display: none;
    z-index: 10;
    color:#333;
    background-color: #ffffff;
}
.language-slide a{
    padding-left:27px;
    width:58px;
    height:40px;
    display: block;
    line-height: 30px;
    /*text-align: center;*/
    color:#333;
    background-color: #ffffff;
}
.language-slide a:hover{
    color:#005aab;
}
.language b{
    width:13px;
    height:11px;
    display: inline-block;
    background:url(../img/js-dir_12.png) no-repeat;
    background-position: 4px 3px ;
}
.refer{
    width:88px;
    height:80px;
    background-color:#005aab;
    text-align: center;
    line-height: 80px;
    /*position: relative;*/
}
.search-i{
    width:22px;
    height:22px;
    display: inline-block;
    border:none;
    background-image: url(../img/js-serach_06.png);
    background-repeat: no-repeat;
    background-position:center center;
    float: none;
    background-color: #005aab;
    /*position: absolute;*/
}
.import{
    display: block;
    border: none;
    outline: none;
    background-color: #377bbc;
    text-indent: 1em;
    color: #fff;
    float: left;
    width: 0px;
    height: 30px;
    padding: 25px 0;
    line-height: 30px;
    position: absolute;
    top: 0px;
    right: 88px;
    transition: width 1s;
    font-size: 16px;
}

.footer{
    width:100%;
    height:396px;
}
.footer-t{
   width:100%;
    height:334px;
    background-color: #4b4c4d;
    min-width:1200px;
}
.foot-box{
    margin-right:92px;
    padding-top:50px;
}
.footer-ts{
    height:334px;
    width:1200px;
    margin:0 auto;
}
.footer-ts:after{
    content:"";
    display: table;
    clear: both;
}
.foot-box-i,.foot-box-con{
    color:#fff;
    font-size: 14px;
    flaot:left;
    display: inline-block;
    padding-bottom: 30px;
}
.foot-box-i:hover,.foot-box-con:hover{
    text-shadow:0 0 20px #fff;
}
.foot-box-s,.foot-box-fs{
   float:none;
}
.foot-box-s li,.foot-box-fs li{
    float:none;
}

.foot-box-s li a,.foot-box-fs li a{
    color:#b8b8b8;
    font-size: 12px;
    display: inline-block;
    padding-bottom: 9px;
}
.foot-box-s li a:hover,.foot-box-fs li a:hover{
    color:#fff;
}
.foot-box-fs li a{
    padding-bottom:5px;
}
.line{
    width:2px;
    height:146px;
    border-left:1px solid #545556;
    margin-top:50px;
}
.foot-contact{
   padding-top:50px;
    padding-left:50px;

}
.foot-box-con{
    padding-bottom: 17px;
}
.foot-contact p{
    margin:9px 0 0 0;
    font-size: 14px;
    height:20px;
    color: #d2d2d2;
    font-size:12px;
}
.foot-contact p>span{
    padding-right:10px;
}
.code{
    margin:25px 35px 0 0;
}
.code>p{
    text-align: center;
    font-size: 14px;
    color:#b8b8b8;
 width:77px;
}
.footer-b{
    width:100%;
    height:62px;
    background-color:#363637;
    min-width:1200px;
}
.footer-bs{
    height:62px;
    width:1200px;
    margin:0 auto;
    /*line-height: 62px;*/
}
.footer-bs:before{
    content: "";
    display: table;
}
.footer-copy{
   font-size: 14px;
    line-height: 60px;
    width:736px;
     color: #828282
}
.footer-copy span{
    font-size: 13px;
    color: #828282
}
.footer-copy-s{

    display:inline-block;
    width:25px;
    height:31px;
    background:url(../img/foot_03.png);
    background-position: center;
    margin:15px 13px 0 0;
}
.footer-copy-work,.footer-copy-email{
    font-size:13px;
    color:#828282;
}
.footer-copy-email{
    padding-left: 10px;
}
.footer-copy-work{
    padding-left:22px;
    display: inline-block;
    border-right:1px solid #828282;
    padding-right:10px;
    height: 16px;
    line-height: 16px;
    margin-top:23px;
}
.boc:before{
    content:'';
    display: table;
}
.boc{
    margin-left:23px;
}
.boc a{
    color:#828282;
    font-size: 13px;

}
.branch{
    margin-top:18px;
    position:relative;
}
.branch-p{
    display: block;
    width:204px;
    height:24px;
    background-color: #fff;
    position: relative;
    padding-left:10px;
}
.branch-i{
    display:block;
    width:24px;
    height: 24px;
    background-color:#2054ad;
    background-image: url(../img/foot-nav_03.jpg);
    position: absolute;
    top:0;
    right:0;
}
.branch-s{
 position: absolute;
    bottom:24px;
    left:0px;
    float:none;
    display: none;

    /*display: none;*/
}
.branch-s li{
    float:none;
}
.branch-s li a{
    display: block;
    width: 208px;
    height:24px;
    color: #333;
    line-height: 24px;
    border-bottom: 1px solid #363637;
    background-color: #fff;
    padding-left:6px;
}
.branch-s li a:hover{
    color:#005aab;
}
.section{
    width:100%;
    height:380px;
    border-top:1px solid #dbdbdb;
    background-color: #f3f3f3;
    min-width: 1200px;
 }
.container{
    width:1200px;
    height:100%;
    margin:0  auto;
}
.container:before{
    content:"";
    display: table;
}
.container-i{
    width:818px;
    height:280px;
    /*border:1px solid red;*/
    margin-top:46px;
    background-color: #ffffff;
}
.news{
    width:227px;
    height:281px;
    background-color: #114591;
}
.news:before{
    content: "";
    display: table;
}
.news p{
    font-size: 46px;
    color: #fff;
    padding:45px 0 0 31px;
}
.news h1{
    font-size: 16px;
    color:#88a2c8;
    padding:38px 0 0 35px;
}
.news>a{
    display:block;
    width:84px;
    height:35px;
    border: 1px solid #88a2c8;
    border-radius:4px;
     margin:60px 0 0 35px;
    color:#88a2c8;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
}
.news-m{
    position: relative;
    padding-right:7px;
}
.news-m:before{
    content:'';
    display:table;
}
.news-r{
    position: absolute;
    top:12px;
    right:23px;
    /*margin-top:5px;*/
    display: inline-block;
    width:6px;
    height: 11px;
    background: url(../img/js-r_03.png);
    background-position: right center;
}
.list a{
    display: inline-block;
    width:591px;
}
.list a:before{
    content: "";
    display: table;
}
.list-p,.topic{
    margin:33px 0 0 29px;
}
.topic{
    font-size: 16px;
    color: #333;
}
.topic-i{
    color:#888;
    font-size: 14px;
    width:392px;
    margin:13px 0 0 29px;
    padding-bottom:8px;
    border-bottom:1px solid  #ececec;
}
.topic:hover,.topic-i:hover{
    color: #005aab;
}
.container-date{
    width:390px;
    height: 56px;
    margin:12px 0 0 28px;

}
.container-date .container-new{
    line-height:56px;
}
.container-new a{
    display: inline-block;
    padding-left: 23px;
    font-size: 14px;
    color: #666666;
}
.container-new a:hover{
    color:#005aab;
}
.container-date-s a{
   display:block;
    font-size: 11px;
    color: #888888;
    text-align: center;

}
.container-date-s a:hover{
    color: #005aab;
}
.container-date-s a span{
    font-size: 24px;
    padding-top: 5px;
    display:inline-block;
}
.container-date-s{
display: inline-block;
    width:55px;
    height:55px;
    background:url(../img/js-date_03.png);
}
.container-date b{
    display: block;
}
.product{
    width:100%;
    height:400px;
    position: relative;
    min-width:1200px;
    overflow: hidden;
}
.product img{
    display: inline-block;
    width:1920px;
    position: absolute;
    left:50%;
    margin-left:-960px;
}
.text{
    color:#7c7d82;
    font-size: 14px;
    z-index:5;
    width:200px;
    height:100px;
    display: inline-block;
    position: absolute;
    top:36%;
    left:50%;
    text-align:left;
    margin-left:-595px;
}
.text-i{
    color:#fff;
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 12px;
    line-height: 40px;
}
.wrap{
    width:100%;
    min-width:1200px;
    background-color: #f1f1f1;
    position: relative;
}
.top-nav{
    width:1200px;
    height:70px;
    margin:0 auto;
}
.top-nav ul li a{
    display: inline-block;
    color:#999;
    font-size: 12px;
    line-height: 70px;
    text-align: center;
    padding-right:9px;
}
.top-nav ul li a:hover{
 color:#005aab;
}
.product-i{
    width:1200px;
    margin:0 auto;
 }
.product-list{
    width:900px;
    /*min-height:1124px;*/
    background-color: #fff;
    position: relative;
    margin-bottom:99px;
    min-height: 689px;
}
.organ{
width:800px;
    margin:0 auto;
}
.organ img{
    max-width:100%;
}
.product-list-ldyy{
    background:none;
 }
.product-list:before{
    content:"";
    display: table;
}
.product-list-i {
    width:824px;
    height:60px;
    line-height: 60px;
    margin:0 auto;
    border-bottom:1px solid #dedede;
    margin-top:1px;
    /*padding: 0 0 6px 44px;*/
    background-color: #ffffff;
}
.product-list-es{
    width:847px;
    padding-left:44px;
}
.elegant{
    color:#005aab;
    font-size: 20px;
}
.series{
    color:#7c7c7c;
    font-size:10px;
    font-weight:normal;
}
/*.product-list-l{*/
    /*float:none;*/
/*}*/

.product-list-l li{
    width:289px;
    height:336px;
    margin:0 11px 11px 0px;
    background-color: #ffffff;
}
.product-list-l a{
    display: inline-block;
    width:232px;
    height:400px;

}
/*.product-list-l a:hover{*/
    /*border:6px solid #f6f6f6;*/
/*}*/
.pro-info-h,.pro-info-p{
    font-size:14px;
    color:#333;
    text-align:left;
    padding-left:30px;
}
.pro-info-h{
    font-weight: normal;
}
.pro-info-h>span,.pro-info-p>span,.pro-info-s{
    color:#dedede;
}
.product-list-l{
    /*width:815px;*/
    margin:46px auto 0 0;
}
.product-list-l li a img{
padding:38px 0 4px 21px;
    display: inline-block;
    width:247px;
    height:185px;
}
.pro-info-s{
    display: inline-block;
    width:185px;
    text-align:left;
    padding-left:30px;
    cursor:pointer;
}
.product-info{
    width:185px;
    /*margin:0 auto;*/
    padding:0px 5px 8px 5px;
    text-align: center;
    /*border-bottom:1px solid #e5e5e5;*/
}
.pro-info{
    display: inline-block;
    background-image:url(../img/pro-ds_03.png);
    width:10px;
    height:10px;
}
.pro-info-s:hover{
    color:#005aab;

}
.pro-info-s:hover>b{
    background-image:url(../img/pro-d_03.png);
}
.product-center{
    width:264px;
    height: 550px;
    /*border:1px solid #ddd;*/
}
.product-center-i{
    color:#fff;
    font-size:24px;
    width:229px;
    height:70px;
    background-image:url(../img/prc-blue_03.jpg);
    /*text-align: center;*/
    line-height: 70px;
    padding-left:32px;
}
.sidebar{
    float: none;
}
.sidebar li{
    float: none;

}
.sidebar li a{
    display: inline-block;
    width:216px;
    height:42px;
    padding:0 14px 0 30px;
    line-height: 42px;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    font-size: 14px;
    color:#444;
}
.sidebar li a:before{
    content:'';
    display: table;
}
.sidebar li a:hover{
    color:#005aab;
}

.hot-products{
    margin-top:6px;
}
.hot-products>p{
    width:216px;
    padding:6px 14px 0 30px;
    height:28px;
    background-color:#005aab;
    color:#fff;
}
.hot-products-i{
    width:260px;
    /*height:130px;*/
    background-color: #fff;

}
.hot-products-i img{
    display: inline-block;
    width:100px;
    height:124px;
    padding:27px 0 0 67px;
}
.hot-products-s{
    width:216px;
    height:37px;
    padding:6px 14px 0 30px;
    font-size: 12px;
    color:#333;
    background-color: #fff;
    border-top:1px solid #f8f8f8;
    line-height: 33px;
}
.hot-products-s b{
    width:12px;
    height: 12px;
    background-image:url(../img/green_03.png);
    margin-top:10px;
}
.page{
    /*position: absolute;*/
    width:258px;
    height:38px;
    margin:50px auto;
    /*bottom:50px;*/
    /*left:335px;*/
}
.shaft{
    margin:43px auto 10px auto;
    width:815px;
}
.shaft:before{
    content:"";
    display: table;
}
.top{
    width:815px;
    height:255px;
     background-color: #eeeeee;
}
.top-prc{
    width:328px;
    height:255px;
    overflow: hidden;
}
.top-prc-i{
    width:476px;
    height:255px;
    /*border:1px solid #ddd;*/
    position:relative;
    background-color: #eeeeee;
 }
.top-prc-i>p{
    color:#005aab;
     position: absolute;
    top:34px;
    left:37px;
    font-size: 14px;

}
.top-prc-i>h2{
    position: absolute;
    font-size: 15px;
    color:#666666;
    top:71px;
    left:37px;
    font-weight: normal;
}
.top-btn{
    position:relative;
    width: 419px;
    height: 60px;
    border-top:1px solid #ddd;
    bottom:82px;
    left:367px;

}
#btn-lt,#btn-rt{
    position:relative;
    display: inline-block;
    width:24px;
    height:24px;
    background-image: url(../img/brand_06.jpg);
}
#btn-lt{
    bottom:-36px;
    right:-363px;
}
#btn-lt:hover{
    background-image: url(../img/brand-right_03.png);
}
#btn-rt{
    background-image: url(../img/brand-left_03.png);

    bottom:-36px;
    right:-367px;

}
#btn-rt:hover{
    background-image: url(../img/brand_08.jpg);
}

.tab{
    width:815px;
    height:54px;
    background-image:url(../img/brandp_03.png);
    background-repeat: repeat-x;
    margin-top:32px;
    overflow: hidden;
    background-position: center 19px;
    position: relative;
    margin-bottom:90px;
}
.tab-i{
    width:1371px;
    height:48px;
    position: relative;
}
.tab-i li, .tab-i li.cur{
    width:135px;
    height:48px;
    background:url(../img/brand-t_07.png) no-repeat;
    /*border:1px solid #ddd;*/
    background-position: top center;
    text-align: center;
    line-height: 70px;
}
.tab-i li.cur{
    background:url(../img/brandf_03.jpg) no-repeat;
    color:#005aab;
    font-size:12px;
    background-position: top center;
}
.about-prc{
    width:663px;
    height:272px;
    margin:44px auto;
    max-width:100%;
}
.about-main{
     width:815px;
    margin:44px auto;
}
.about-main p{
    text-indent: 2em;
   /* margin-bottom:47px;*/
    color: #888;
    font-size: 14px;
    line-height: 30px;
}
.address{
    width:815px;
    margin:44px auto;
}
.address dl dt{
    color: #333;
    font-size: 16px;
    padding-bottom: 20px;

}
.address dl dd{
    color: #666;
    font-size: 14px;
    padding:8px 0 4px 0px;
}
#map{
    width:815px;
    height:239px;
    margin:29px 0 0 43px;
}
.warning{
    color:red;
}
.warn-s{
    margin:40px 0 26px 19px;
}
.warn-s h1{
    color: #005aab;
    font-size: 20px;
    font-weight: normal;
    padding-left:30px;
}
.warn-s table tr td{
    color:#787878;
    font-size: 14px;
    padding:29px 0 6px 0px;

}
.warn-s table tr td input{
    border:1px solid #e4e4e4;
    /*text-indent: 6px;*/
    padding:3px 6px;
    height:28px;
    line-height: 28px;
}
.warn-name{
    width: 155px;
    height:32px;
}
.warn-tel{
    width:245px;
    height:32px;
}
.message{
    vertical-align: top;
    text-align: center;
}
.warn-s table tr td textarea{
    width:342px;
    height:138px;
    padding:3px 6px;
    border:1px solid  #e4e4e4;
    /*text-indent: 6px;*/
}
#submit{
    width:94px;
    height:35px;
    background-color: #005aab;
    color:#fff;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    border:none;
}
.application{
    width:815px;
    height:47px;
    background-color: #686868;
    margin:44px 0 0 44px;
}
.application span{
    color:#fff ;
    font-size: 14px;

}
.app-1,.app-2,.app-3,.app-4,.app-5{
    display: inline-block;
    width:150px;
    text-align: center;
    height:47px;
    line-height: 47px;
    font-size: 14px;

}
.app-5{
    position: relative;
}

.application-s{
    margin:20px 0 0 44px;
}
.application-s dt{
    width:815px;
    border-top:1px dotted #e1e1e1;
    border-bottom:1px dotted #e1e1e1;
}

.appli-line{
    width:89px;
    height: 37px;
    display:inline-block;
    background-color:#005aab;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 37px;
    margin:38px 0 30px 0px;
}
dt.hover{
    color:#005aab;
}

.application-s dt：before{
    content:"";
    display: table;
}
.appli-w,.appli-ws{
     display:block;
     width:27px;
     height:27px;
     /*background-image: url(../img/appli_03.png);*/
    background-image: url(../img/applis_03.jpg);
    float: right;
    margin-top: 10px;
 }
.appli-w{
    position: absolute;
    top:0px;
    right:0px;
}
/*.appli-ws{*/
    /*background-image: url(../img/appli_036969.png);*/
/*}*/
.application-s dt.hover .appli-w{
    background-image: url(../img/appli_036969.png);
}


.application-s dd:before{
    content:'';
    display: table;
}
.application-s dd{
    padding-left:38px;
   /* display: none;*/

}
.application-s dd p{
    padding:5px 0 5px 0px;
}
.application-s dd h2{
    padding:26px 0 30px 0;
    font-size:14px;
}
.honor-wrap{
    width:815px;
    margin:44px auto;
    float: none;
    position: relative;
}
.prc-wall li{
    border:3px solid #f2f2f2;
}
.grace-f{
margin:44px 0 0 44px;
    position: relative;
}
.big-prc{
    width:445px;
   
    border:1px solid #e4e4e4;
    text-align: center;
    position: relative;
}
.big-prc img{
    display: inline-block;
    margin:0 auto;
    /*width:260px;*/
    max-width:445px;

}
/*****************放大镜*************/
.zoomdiv{
    position: absolute;
    z-index: 10;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    display: none;
    overflow: hidden;
    position: absolute;
    text-align: center;
    z-index: 1;
}
.jqZoomPup{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    opacity: 0.5;
    position: absolute;
    visibility: hidden;
    z-index: 1;
}
/********************************/
.small-prc{
    width:445px;
    height:84px;
    position: relative;
}
.left,.right{
    position: absolute;
    width:9px;
    height:17px;
    display: inline-block;
    background-repeat:no-repeat;
}
.left{
    background-image: url(../img/left_03.jpg);
    top:28px;
    left:5px;
}
.left:hover{
    background-image: url(../img/right1_03.jpg);
}
.right{
    background-image: url(../img/left1_03.jpg);
    top:28px;
    right:5px;
}
.right:hover{
    background-image: url(../img/right_03.jpg);
}

.small-prc-s{
    width:386px;
    height:76px;
    overflow: hidden;
    margin:4px auto;
}
.small-prc-p{
    height: 74px;
    width:512px;
}
.small-prc-p li{
    width:64px;
    height: 74px;
}
.small-prc-p li.active{
   border:1px solid #005aab;
}
.small-prc-p li img{
    width:100%;
}
.small-prc-p{
    float:none;
}
.grace-r{
    width: 348px;
    height:246px;
    margin:44px 0 0 34px;
 }
.grace-text{
    color: #666;
    font-size: 14px;
    padding: 4px 0 4px 0px;
}
.grace-text>span{
    color: #444;
    font-weight: bold;
}
.grace-r>span{
    padding:10px 0;
    display: block;
    font-size: 14px;
    color: #7b7b7b;
}
.grace-r>p{
    color: #7b7b7b;
    font-size: 14px;
    line-height: 24px;
    /*border-bottom:1px solid #ecebeb;*/

}
.grace-dir a.grace-left,.grace-dir a.grace-right{
    display:block;
    width:33px;
    height:33px;
}
.grace-dir{
margin-top:22px;
}
.grace-dir:before{
    content:'';
    display: table;
}
.grace-left{
    float:left;
    margin-right:6px;
}
.grace-right{
    float: left;

}
.grace-dir a.grace-left{
    background: url(../img/prc-lr_06.jpg) no-repeat;
}
.grace-dir a.grace-right{
    background: url(../img/lop_05.jpg) no-repeat;
}
.grace-dir a.grace-left:hover{
    background: url(../img/lop_03.jpg) no-repeat;
}
.grace-dir a.grace-right:hover{
    background: url(../img/prc-lr_03.jpg) no-repeat;
}
.grace-wechat{
    width:331px;
    height: 35px;
    font-size: 13px;
    color: #666;
    margin-top:12px;
}
.grace-wechat-i{

}
.jiathis_style_24x24{
    float: right !important;
    margin-right:186px;
}
.jiathis_style_24x24 .jtico_tsina{
    background: url(../img/wehchat-p_03.jpg)!important;
 }
.jiathis_style_24x24 .jtico_tqq{
    background: url(../img/wechat-l_05.jpg)!important;
}
.jiathis_style_24x24 .jtico_weixin{
    background: url(../img/wechat-l_07.jpg)!important;
}
.grace-p{
    width:815px;
    margin:52px auto 0 auto;
}
.grace-p>p{
    font-size: 16px;
    color: #444444;
    border-bottom:2px solid #7fcbeb;
    padding-bottom:22px;
    font-weight:bold;
}
.grace-prc{
    font-size: 14px;
    color: #666666;
    margin-top:21px;
}
.group-map{
    width:815px;
    height:687px;
    margin:44px auto;
    background: url(../img/local-map_03.jpg) no-repeat;
    /*position: relative;*/
}
.local{
    width:290px;
    height: 220px;
    position:absolute;
    top:363px;
    right:227px;
    border:1px solid transparent;
}
.local-5,.local-1,.local-2,.local-3,.local-4,.local-6,.local-7,.local-8{
    width:13px;
    height:20px;
    background: url(../img/local-p_03.png) no-repeat right center;
    display:inline-block;
    top:137px;
    left:130px;
    position: absolute;
    cursor: pointer;
}
.current{
    background: none;
}
.local-1{
    top:186px;
    left:246px;

}
.local-2{
    top:68px;
    left:210px;

}
.local-3{
    /*width:80px;*/
     top:35px;
     left:263px;

 }
.local-5{
    top:150px;
    left:182px;
}
.local-4{
    top:141px;
    left:266px;
}
.local-6{
    top:169px;
    left:266px;
}
.local-7{
    top:93px;
    left:160px;
}
.local-8{
    top:129px;
    left:275px;
}
.map5,.map1,.map2,.map3,.map4,.map6,.map7,.map8{
    width:59px;
    height:42px;
    display: inline-block;
    color: #fff;
    font-size:14px;
    line-height: 42px;
    position:absolute;
    background: url(../img/local_03.png) no-repeat right center;
    display: none;
}
.map1{
    left:-41px;
    top:-20px;
}
.map2{
    left:-41px;
    top:-20px;
}
.map3{
    width:70px;
    left:-41px;
    top:-20px;
}
.map7{
    left:-41px;
    top:-20px;
}
.map6,.map4,.map8,.map5{
    left:-41px;
    top:-20px;
}



/*****************遮罩层*************************/
.mask-wrap{
    left:0px;
    top:0px;
    position: absolute;
    width:100%;
    z-index: 21;
    min-width: 1200px;
    display: none;
}
.mask{
    width:100%;
    height:1128px;
    position: relative;
    background-color:rgba(0, 0, 0, 0.5)!important; /*实现FF背景透明，文字不透明*/
    filter:Alpha(opacity=50);
    background-color:#000;/*实现IE背景透明*/
    z-index: 20;
}
.mask-prc{
    width:538px;
    height:288px;
    background-color:#f3af0e;
    border-radius: 4px;
    position: absolute;
    top:32%;
    left:50%;
    margin-left:-440px;

}
.mask-wrap-i{
    position: relative;
    top:30%;
    left:55%;
    cursor: pointer;
}
.mask-prc:before{
   content:'';
    display: table;
}
.mask-prc>h2{
    font-size:18px;
    color: #333333;
    margin:43px 0 0 50px;
}
.mask-prc-i{
    margin:20px 0 0 50px;
    color: #ffffff;
    font-size: 14px;
    width:448px;
    height: 117px;
    line-height:23px;
}
.mask-prc-p{
    margin:10px 0 0 50px;
    color: #ffffff;
}
.mask-prc-p>span{
    color:#cc2a2a;
    font-size:14px;

}
.mask-prc-l{
    color: #ffffff;
    font-size:14px;
    margin:8px 0 0 50px;
}
.mask-wrap-i{
    width:21px;
    height: 21px;
    background: url(../img/delete_03.png);
}
.tech{
    width:815px;
    margin:44px auto;
}
.tech h2{
    font-size:14px;
    color: #666;
    padding-bottom: 14px;
    padding-top:8px;
}
.tech p{
    font-size:12px;
    color: #666;
    padding:2px 0 2px 0px;
}
.new-p {
    width:305px;
    /*height: 196px;*/
    border:1px solid  #dedede;
    padding:5px 5px;
    margin:44px 0 20px 41px;
    text-align: center;
line-height: 196px;
}
.new-p a img{
    max-width:100%;
}
.new-message{
    width:468px;
    height:220px;
    margin:44px 0 0 17px;
}
.new-message:before{
    content: '';
    display: table;
}
.new-message h2 a{
    color: #005aab;
}
.new-message>p a{
   display: inline-block;
    color: #666;
}
.new-message>p {
    line-height: 20px;
    margin-top:18px;
}
.new-message>a{
    margin-top:37px;
    text-align: center;
    line-height:26px ;
    width:98px;
    height: 26px;
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    background-color:#005aab;
}
.new-date{
    width:815px;
    margin:28px 0 0 41px;
    /*float: none;*/

}
.new-date li{
    width:815px;
    height:100px;
    border:1px solid #e8e8e8;
    background-color: #f7f7f7;
    float: none;
    margin-bottom: 14px;

    clear: both;
}
.news-list{
    display: block;
    width:81px;
    height:100px;
    background-color: #b7b7b7;
    text-align: center;
    font-size: 14px;
    color: #fff;

}
.news-list b{
    display: block;
    font-size: 40px;
    padding:17px 0 10px 0;
}
.new-date li:hover .news-list{
    background-color:#005aab;
    cursor: pointer;
}
.new-right a{
    display: inline-block;
    padding-left: 17px;
}
.new-right h3{
    padding:17px 0 5px 0;
    font-size: 14px;
    color: #666;
    /*width:100px;*/
}
.new-date li:hover .new-right h3 {
    color: #005aab;
}
.new-right p{
    font-size: 14px;
    color: #767676;
}
.new-date li:hover .new-right p{
    color: #005aab;
}
.container-r{
    margin: 44px 0 0 30px;

}
.container-n{
    width:350px;
    height: 124px;
    margin-bottom: 35px;
    background-color: #ffffff;
}
.company-picture{
    width: 137px;
    height: 124px;
    overflow: hidden;
}
.company-picture img{
    max-width:137px;
}
.container-n h3,.container-n p{
    float: left;
    padding-left:19px;
}
.container-n h3{
    margin-top:17px;
}
.container-n h3 a {
    color: #333;
    font-size: 20px;
    display: block;
    width: 100px;
    padding-bottom: 16px;
    font-weight: normal;
}
.container-n h3 a:hover{
    color: #005aab;
}

.container-n p{
    width:132px;
}
.container-n p a{
    color: #888888;
    font-size:14px ;
}
.container-n p a:hover{
    color:#005aab ;
}
/**********section-top**************/
.section-top{
    width:100%;
    height:528px;

}
.picScroll-left{
    width:1200px;
    height:100%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
.wrap-banner{
    width: 100%;
    position: relative;
}
.banner {
    width: 100%;
    height: 673px;
    position: relative;
    overflow: hidden;
    float: none;
    min-width: 1200px;
}

.banner li{
    width:1920px;
    height: 673px;
    position: absolute;
    left:50%;
    margin-left:-960px;
}
.banner a img{
    width:100%;
    display: block;

}
.banner-btn{
    /*margin:0px auto 0px auto;*/
    width:150px;
    height:20px;
    float: none;
    z-index: 4;
    position: absolute;
   bottom :20px;
    left:50%;
    margin-left:-75px;

}
.banner-btn li{
    width:15px;
    height: 15px;
    background-color: #e1e1e1;
    border-radius: 50%;
    margin-left:20px;
    cursor:pointer;
}
.banner-btn li.ing{
    background-color: #005aab;
}
.sidebar li a.sidebar-on{
    color:#005aab;
}
.cooperation{
    width:819px;
    margin: 48px auto;
}
.cooperation img{
    float: left;
}
.cooperation>h2{
    color: #444;
    font-size: 16px;
    font-weight: normal;
    margin-bottom:26px;

}
.cooperation>p{
    color: #888;
    font-size: 14px;
    line-height:25px;
}
.cooperation-p{
    margin:40px auto;
    max-width:100%;

}

.cooperation .cooperation-tel{
    color: #c82121;
    font-size: 24px;
    font-weight: bold;
    line-height: 19px;;
}
#hot-line{
    background: url(../img/cooperation-tel_03.png) no-repeat left 0px;
    display: inline-block;
    padding:0 6px 0px 40px;
    width:64px;
    height: 26px;
    font-size: 16px;
    color: #888888;
}
.cooperation-h{
    margin-top: 40px;
}
.quality-wrap{
    margin:26px auto;
    width:819px;
}
.quality-text:before{
    content:'';
    display:table;
}
.quality-first{
    width:819px;
    min-height:194px;
    background: url(../img/ldyy-bz0_03.png) no-repeat right top;
}
.quality-first h3,.quality-sed h3,.quality-thr h3,.quality-four h3{
    font-size: 16px;
    color:#444;
    font-weight: normal;
}
.quality-first>h3:before{
    content:"";
    display:table;
}
.quality-first h3 b,.quality-sed h3 b,.quality-thr h3 b,.quality-four h3 b{
    margin-top:2px;
    display: inline-block;
    width:15px;
    height:15px;
    background: url(../img/llyy-pzsm01_03.png) ;
    margin-left: 5px;
}
.quality-first-i{
    margin-top:33px;
    width:746px;

}
.quality-first-i div.fl{
    width:180px;
    height:101px;
}
.quality-first-i div.fl img{
    max-width: 100%;
}
.quality-first-i p{
    font-size:14px;
    color:#888;
    line-height: 25px;
    width: 513px;
    margin-left:43px;
}
.quality-sed-i{
    margin-top:24px;
}
.quality-sed h3{
    width: 565px;
}
.quality-prc{
    margin-top:-27px;
    width:248px;
}
.quality-prc img{
    max-width: 248px;
    display: inline-block;
}
.quality-sed{
    background: url(../img/lllllllll.png) no-repeat;
    background-position:105px 0px;
}
.quality-sed h3 b{
    height:16px;
    background: url(../img/lsyy-pzsm04_03.png);
}
.quality-sed-i p{
    width:500px;
    line-height: 25px;
    font-size:14px;
    color:#888;
}
.quality-thr h3 b{
    width:24px;
    height: 17px;
    background: url(../img/ldyy-pzsm07_03.png);
}
.quality-thr:before{
    content:'';
    display: table;
}
.quality-thr p{
    font-size:14px;
    color:#888;
    line-height: 25px;
    margin-top:28px;
}
.quality-four{
    margin-top:28px;
}
.quality-four-i{
    margin-top:30px;
}
.quality-four h3{
    text-align:right;
}
.quality-four h3 b{
    margin-right:5px;
    width:16px;
    height: 16px;
    background: url(../img/lsyy-pzsm09_03.png);
}
.quality-four-m{
    position: relative;
    width:207px;
    height:150px;
    top:86px;
}
.quality-four-i p{
    width:500px;
    font-size:14px;
    color:#888;
    line-height: 25px;
    margin-bottom:26px;
}
.quality-four-s{
    position:absolute;
    width: 100%;
}
.quality-four-s li{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    text-align: center;
}
.quality-btn{
    position: absolute;
    left:79px;
    bottom:0;
    z-index:50;
    width: 207px;

}
.quality-btn li{

    width:8px;
    height:8px;
    border:1px solid #005aab;
    border-radius: 50%;
    margin-right:8px;

}
.quality-four-s li a{
    width: 100%;
    text-align: center;
    display: block;
}
.quality-four-s li a img{
    display: inline-block;
}
.quality-btn li.hover{
background-color: #005aab;
}
       /*.picScroll-left{ width:450px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }*/
.picScroll-left:before{content: "";display: table;}
.picScroll-left .hd{ overflow:hidden;  height:30px;padding:0 10px; position: relative;width:177px;margin:15px auto; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:24px; height:24px; float:right; margin-right:5px; margin-top:5px;  overflow:hidden;
    cursor:pointer;/* background:url("images/arrow.png") no-repeat;*/}
.picScroll-left .hd .prev{ background-image:url(../img/main-left_03.jpg); }
.picScroll-left .hd .prev:hover{ background-image:url(../img/main-lefts_03.png);  }
.picScroll-left .hd .next{ background-image:url(../img/main-gg_03.png);}
.picScroll-left .hd .next:hover{ background-image:url(../img/main-right_03.png); }
/*.picScroll-left .hd .prevStop{ background-position:-60px 0; }*/
/*.picScroll-left .hd .nextStop{ background-position:-60px -50px; }*/
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:10px; height:10px; overflow:hidden; margin-right:5px; cursor:pointer; background-color:#e1e1e1; color:#e1e1e1;border-radius: 50%;  }
.picScroll-left .hd ul li.on{ background-color:#005aab;color:#005aab; }
.picScroll-left .bd{ padding:10px; margin-top:60px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;  width:1692px;}
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  width:398px;height:378px;}
/*.picScroll-left .bd ul li .pic{ text-align:center; }*/
.picScroll-left .bd ul li .pic{ border-right:1px solid #e5e5e5; }
.picScroll-left .bd ul li .pic a{ display: inline-block;width:398px;height:323px;text-align: center;}
.picScroll-left .bd ul li .pic img{ width:322px; height:242px; padding:2px; display: inline-block;padding-right:7px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title a{ line-height:24px; font-size: 18px; color: #5d9dc0;font-weight: bold}
.picScroll-left .bd ul li .title-p a{ line-height:24px; font-size: 14px; color: #5d9dc0;}
.picScroll-left .bd ul li .title-p a b{display: inline-block;width:15px;height:15px;background: url(../img/main-dir_03.png) no-repeat repeat center;}
/*****************************************/
.down {
    width:830px;
    height: auto;
    margin:40px auto 20px;
    overflow: hidden;
}

.down a{
    text-decoration: none;
    width:196px;
    height:301px;
    float: left;
    display: block;
    margin: 0 5px;
}
.down dl{
    margin:0;
}
.down dl dt{
    width: 196px;
    height: 216px;
    margin: 0 auto;
}

.down dl dd{
    margin: 0 auto;
    text-align: center;
}

.down dl dd span{
    width:90%;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    margin:15px auto 0px;
    color: #444;
    font-size:15px;
    font-weight:bold;
    display: block;
}

.down dl dd i{
    width:90%;
    height: 25px;
    overflow: hidden;
    line-height: 25px;
    margin:0px auto 5px;
    color: #777;
    font-size:14px;
    display: block;
    font-style: normal;
}

.down a:hover dl dd i{
    color: #005aab;
}
.warn-s select{
    border:1px solid #d2d2d4;
    width:90px;
    height: 20px;
    color: #7d7d7d;
    font-size: 13px;

}
/*****************************************************************************/
.picScroll-leftm .hd>p{
    width:216px;
    padding:0px 14px 0 30px;
    height:28px;
    line-height: 28px;
    background-color:#005aab;
    color:#fff;
}

.picScroll-leftm{ overflow:hidden; position:relative;background:#fff;width: 98.5%;   }
.picScroll-leftm .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px 0 0;  }
.picScroll-leftm .hd .prev,.picScroll-leftm .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; position: relative; top: -18px;  overflow:hidden;
    cursor:pointer; background:url("../img/arrow.png") 0 0 no-repeat;}
.picScroll-leftm .hd .next{ background-position:0 -50px;  }
.picScroll-leftm .hd .prevStop{ background-position:-60px 0; }
.picScroll-leftm .hd .nextStop{ background-position:-60px -50px; }
.picScroll-leftm .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-leftm .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-leftm .hd ul li.on{ background-position:0 0; }
.picScroll-leftm .bd{ padding:10px; margin:0 auto; width:115px;}
.picScroll-leftm .bd ul{ overflow:hidden; zoom:1; }
.picScroll-leftm .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-leftm .bd ul li .pic{ text-align:center; }
.picScroll-leftm .bd ul li .pic img{ width:105px; height:140px; display:block;  padding:2px; }
.picScroll-leftm .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-leftm .bd ul li .title{ line-height:24px; margin-top: 5px;  }
.picScroll-leftm .bd ul li .title a{ line-height:24px; text-decoration: none; color: #7d7d7d;   }
.picScroll-leftm .bd ul li .title a:hover{ line-height:24px; text-decoration: none; color:#005aab;   }

/*******************招聘表单********************/
.tabulation-i .error{
     border: 1px solid #D70128;
}
.tabulation{
    width:908px;
    min-height:904px;
    border: 1px solid #ddd;
    border-top:none;
    background-color: #f4f4f4;

}
.tabulation-i{
    margin-top: 20px;
}
.tabulation-i .joinus_tb{
margin:0 auto;
margin-left:16px;
/*border:1px solid #ddd;
*/width:870px;
margin-top: 60px;

}

#spred{
    color:red;
    padding-left: 5px;
}
.feedback_input{
    width: 150px;
    height:26px;
    border:1px solid #ddd;
}

textarea{
    margin:8px 0 8px 0;
}
.recr_table tr td b{
   width:83px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 0 10px 20px;
}
.hy,.xb{
    width:150px;
    height: 30px;
    border:1px  solid #ddd;
}
#submit{
    width:70px;
    height:30px;
    background-color:#005aab;
}
#frm-apply{
    width:900px;
    height:579px;
}
table{
    margin:40 auto !important;
}

.quality-ul1,.quality-ul2{
    width: 180px;
    height: 122px !important;
    position: relative;
}
.imgs-uls{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.imgs-uls li{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
}
.imgs-uls li img{
    width: 100%;
}
.btn-three{
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
}
.btn-three span{
    width: 8px;
    height: 8px;
    border: 1px solid #005aab;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}
.btn-three .dot-cur{
    background-color: #005aab;
}
.quality-ul2{
    margin-top:26px;
}