@charset "utf-8";
/* css document */
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{ margin:0; padding:0; }
em,i { font-style:normal; }
li { list-style:none; }
a {text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body{font-size:12px; font-family:"微软雅黑";}

/* public */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
.img_box{vertical-align:middle;text-align:center;}
img{max-width:100%; max-height:100%; display:inline-block;border:none;vertical-align:middle;}
.main{width:100%; max-width:1200px; margin:0 auto;}
h1,h2,h3,h4,h5{font-weight:normal;}
.fixed{position:fixed;left:0;top:0;z-index:999;}
.submit{font-family: '微软雅黑';cursor:pointer;}
.col-2{width:50%;display: block;float:left;}
.col-3{width:33%;display: block;float:left;}
.col-4{width:25%;display: block;float:left;}

  
 
.header{
    background: #464646;
    width:100%;
    max-width:1920px;
    height:90px;
}
.header .main{
    max-width:1300px;
    display: block;
}
.header .logo{
    float:left;
    width:222px;
    height:90px;
    line-height:90px;
    text-align:left;
}
.header .right{
    float:right;
    position: relative;
}
.header .nav{
    float:left;
    height:90px;
}
.header .nav ul li{
    float:left;
    display: inline-block;
    color:#fff;
    font-size:16px;
    height:88px;
    line-height:88px;
    border-top:2px solid #464646;
}
.header .nav ul li a{
    display: block;
    padding:0 25px;
}
.header .nav ul li.on,
.header .nav ul li:hover{
    border-top:2px solid #fff;
}
.header .serch_btn{
    float:left;
    width:30px;
    height:90px;
    background: url(/uploads/image/eimages/serchbg.png)no-repeat center center;
    background-size:17px 17px; 
    cursor: pointer;
}
.header .right .form_box{
    width:400px;
    height:60px;
    background: #fff;
    display: none;
    position: absolute;
    top:90px;
    right:0;
    z-index: 100;
}
.header .right .form_box .f1{
    width:380px;
    height:38px;
    margin:10px;
    border:1px solid #ddd;
}
.header .right .form_box .f1 .text{
    float:left;
    width:318px;
    height:38px;
    line-height:38px;
    color:#666;
    font-size:16px;
    text-indent:10px;
    display: block;
}
.header .right .form_box .f1 .submit{
    float:left;
    width:62px;
    height:38px;
    line-height:38px;
    color:#fff;
    font-size:16px;
    display: block;
    background: #111;
}
.header .t1{
    float:right;
    display: block;
}
.header .t1 a{
    display: inline-block;
    height:90px;
    line-height:90px;
    color:#fff;
    font-size:16px;
    padding-left:12px;
}
.header .t1 a:first-child{
    height:90px;
    line-height:90px;
    color:#fff;
    font-size:16px;
    padding-right:10px;
    background: url(/uploads/image/eimages/headerbg.png) no-repeat right center;
}

/*banner*/
.banner{
    width:100%;
    max-width:1920px;
    position: relative;
}
.banner .hd{
    display: block;
    width:100%;
    max-width:1920px;
    height:15px;
    text-align:center;
    position: absolute;
    bottom:30px;
    left:0;
    right:0;
    z-index: 88;
}
.banner .hd ul{
    display: inline-block;
}
.banner .hd ul li{
    float:left;
    width:10px;
    height:10px;
    border:2px solid #fff;
    border-radius: 10px;
    margin:0 10px;
    text-indent:9999px;
    overflow: hidden;
}
.banner .hd ul li.on{
    background: #fff;
}
.banner .bd ul li img{
    width:100%;
    max-width:1920px
}


.public_nav{
    background: #eaeaea;
    height:50px;
}
.public_nav .nav1{
    display: inline-block;
    float:left;
}
.public_nav .nav1 a{
    color:#444;
    font-size:16px;
    line-height:50px;
    padding: 0 45px;
    display: inline-block;

}
.public_nav .nav1 a.on,
.public_nav .nav1 a:hover{
    background: #464646;
    color:#fff;
}
.public_nav .nav2{
    display: inline-block;
    float:right;
}
.public_nav .nav2 a{
    color:#888;
    font-size:16px;
    line-height:50px;
    padding-left:10px;
}
.public_nav .nav2 a:hover{
    color:#444;
}
.public_nav .nav2 a:first-child{
    padding-right:20px;
    background: url(/uploads/image/eimages/ibg5.png) no-repeat right center;
    background-size:10px 8px; 
}



.htit{
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
}
.htit h2{
    color:#2a2a2a;
    font-size:32px;
    line-height:35px;
    display: inline-block;
    float:left;
}
.htit p{
    color:#8e8e8e;
    font-size:16px;
    padding:15px 0 0 10px;
    text-transform: uppercase;
    display: inline-block;
    float:left;
}



.htit2 h2{
    color:#444;
    font-size:30px;
    line-height:45px;
    text-align:center;
}
.htit2 p{
    color:#c7c7c7;
    font-size:34px;
    line-height:40px;
    text-align:center;
    text-transform: uppercase;
}
.htit2 i{
    display: block;
    margin:5px auto;
    width:2px;
    height:25px;
    background: #444;
}



.htit3 h2{
    padding-bottom:5px;
    border-bottom:1px solid #ddd;
}
.htit3 h2 span{
    color:#2a2a2a;
    font-size:32px;
    line-height:35px;
    display: inline-block;
}
.htit3 h2 i{
    color:#8e8e8e;
    font-size:16px;
    padding:15px 0 0 10px;
    display: inline-block;
}
.htit3 p{
    color:#aeaeae;
    font-size:40px;
    line-height:50px;
    text-transform: uppercase;
    font-family: "arial";
    font-weight: lighter;
}


.htit4 h2{
    color:#474747;
    font-size:24px;
    line-height:30px;
    padding-bottom:20px;
    position: relative;
}
.htit4 h2 i{
    display: block;
    width:45px;
    height:3px;
    background:#464646;
    position:absolute;
    left:0;
    bottom:0;
}


.htit5 h2{
    color:#444444;
    font-size:32px;
    line-height:50px;
    text-align:center;
}
.htit5 p{
    color:#626262;
    font-size:16px;
    line-height:30px;
    text-align:center;
}




.more{
    color:#666;
    font-size:15px;
    text-align:center;
    width:120px;
    line-height:35px;
    border:1px solid #ddd;
}
.more a{
    display: block;
}
.more:hover{
    background: #464646;
    color:#fff;
}


.more2{
    color:#666;
    font-size:16px;
    text-align:center;
    width:190px;
    line-height:50px;
    border-radius: 5px;
    background: #fff;
    box-shadow:#ccc 0 0 10px;
}
.more2 a{
    display: block;
}
.more2:hover{
    background: #464646;
    color:#fff;
}


/*.index_about*/
.index_about{
    width:100%;
    max-width:1920px;
    padding:120px 0 80px 0;
    background:url(/uploads/image/eimages/ibg.jpg) no-repeat top center;
    background-size:1920px 700px;
}
.index_about .main{
    max-width:1300px;
    min-height:1000px;
    position: relative;
}
.index_about .list{
    width:517px;
    padding:35px;
    background: #fff;
    box-shadow: #aaa 2px 2px 6px 2px;
    position: absolute;
    top:0;
    right:50px;
    z-index: 90;
}
.index_about .list .htit{
    margin-bottom:10px;
}
.index_about .list .text{
    color:#474747;
    font-size:15px;
    line-height:30px;
}
.index_about .list .more{
    margin:0 0 0 auto;
} 
.index_about .pic_box{
    width:640px;
    height:420px;
    position: absolute;
    right:0;
    top:340px;
    z-index: 70;
}
.index_about .pic_box .pic{
    width:640px;
    height:420px;
    line-height:420px;
    text-align:center;
    overflow: hidden;
}
.index_about .pic_box .pic img{
    transition: all 0.8s;
    -ms-transform: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.index_about .pic_box .pic:hover img{
    transform: scale(1.2);
    -ms-transform: scale(1.2);     /* ie 9 */
    -moz-transform: scale(1.2);    /* firefox */
    -webkit-transform: scale(1.2); /* safari 和 chrome */
    -o-transform: scale(1.2); 
}
.index_about .left{
    width:636px;
    height:473px;
    overflow: hidden;
    position: absolute;
    left:0;
    top:190px;
    z-index: 80;
}
.index_about .left .index_about_slide{
    width:636px;
    height:473px;
}
.index_about .left .index_about_slide .bd ul li{
    float:left;
    width:636px;
    height:473px;
}
.index_about .left .index_about_slide .bd ul li .img_box{
    width:636px;
    height:473px;
    line-height:473px;
}
.index_about .left .index_about_slide .hd{
    display: block;
    width:100%;
    max-width:1920px;
    text-align:center;
    position: absolute;
    bottom:30px;
    left:0;
    right:0;
    z-index: 88;
}
.index_about .left .index_about_slide .hd ul{
    display: inline-block;
    padding:7px 20px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
}
.index_about .left .index_about_slide .hd ul li{
    float:left;
    width:10px;
    height:10px;
    border:1px solid #fff;
    border-radius: 10px;
    margin:0 5px;
    text-indent:9999px;
    overflow: hidden;
}
.index_about .left .index_about_slide .hd ul li.on{
    background: #fff;
}
.index_about .list2{
    width:1200px;
    display: block;
    background: url(/uploads/image/eimages/ibg2.jpg)no-repeat center top;
    background-size:1200px 155px; 
    position: absolute;
    left:50px;
    bottom:0;
}
.index_about .list2 .text_box{
    padding:20px 300px 30px 195px;
}
.index_about .list2 .text_box .text{
    color:#474747;
    font-size:16px;
    line-height:30px;
}
.index_about .list2 .text_box .text2{
    color:#b1b1b1;
    font-size:14px;
    line-height:25px;
}





/*index_case*/

.index_case .list{
    display: block;
    width:100%;
    max-width:1920px;
    overflow: hidden;
    background: #eee;
}
.index_case .list .pic{
    display: block;
    float:right;
}
.index_case .list .text_box{
    display: block;
    float:left;
}
.index_case .list:nth-child(2) .pic{
    display: block;
    float:left;
}
.index_case .list:nth-child(2) .text_box{
    display: block;
    float:right;
}


.index_case .list .pic{
    width:60%;
    text-align:center;
    overflow: hidden;
}
.index_case .list .pic img{
    width:100%;
    transition: all 0.8s;
    -ms-transform: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.index_case .list .pic:hover img{
    transform: scale(1.2);
    -ms-transform: scale(1.2);     /* ie 9 */
    -moz-transform: scale(1.2);    /* firefox */
    -webkit-transform: scale(1.2); /* safari 和 chrome */
    -o-transform: scale(1.2); 
}
.index_case .list .text_box{
    width:40%;
    overflow: hidden;
}
.index_case .list .text_box .t1{
    padding-top:90px;
    padding-left:150px;
}
.index_case .list .text_box .t2{
    padding-top:90px;
    padding-right:150px;
}
.index_case .list .text_box h3{
    color:#444;
    font-size:30px;
    text-align:center;
    line-height:40px;
    padding-bottom:20px;
}
.index_case .list .text_box .text{
    color:#666;
    font-size:15px;
    line-height:25px;
    text-align:center;
}
.index_case .list .text_box .more2{
    margin:50px auto 0 auto;
}





/*.index_pro*/
.index_pro{
    width:100%;
    max-width:1920px;
    padding:70px 0;
    background: url(/uploads/image/eimages/index_probg.jpg)no-repeat center center;
    background-size:1920px 100%; 
}
.index_pro .more2{
    margin:60px auto 0 auto;
}
.index_pro_slide .hd{
    border-bottom:1px solid #bfbfbf;
    text-align:center;
    height:70px;
    margin-bottom:50px;
}
.index_pro_slide .hd ul{
    display: inline-block;
}
.index_pro_slide .hd ul li{
    float:left;
    display: inline-block;
    padding:0 35px;
    height:70px;
    line-height:70px;
    color:#474747;
    font-size:16px;
    cursor: pointer;
}
.index_pro_slide .hd ul li.on,
.index_pro_slide .hd ul li:hover{
    border-bottom:2px solid #333;
}
.index_pro_slide .tempwrap{
    margin:0 auto;
}
.index_pro_slide .bd{
    width:1380px;
    position: relative;
    display: block;
}
.index_pro_slide .bd .ipro_slide{
    width:1380px;
    position: relative;
}
.index_pro_slide .bd .ipro_slide .tempwrap{
    margin:0 auto;
}
.index_pro_slide .bd .ipro_slide .sprev,
.index_pro_slide .bd .ipro_slide .snext{
    width:60px;
    height:110px;
    position: absolute;
    top:calc(50% - 55px);
    z-index: 99;
    cursor: pointer;
}
.index_pro_slide .bd .ipro_slide .sprev{
    left:0;
    background: url(/uploads/image/eimages/l_bg.png)no-repeat center center;
}
.index_pro_slide .bd .ipro_slide .snext{
    right:0;
    background: url(/uploads/image/eimages/r_bg.png)no-repeat center center;
}
.index_pro_slide .bd .ipro_slide ul li{
    float:left;
    margin:0 10px;
}
.index_pro_slide .bd .ipro_slide ul li a{
    display: block;
}
.index_pro_slide .bd .ipro_slide ul li .text{
    width:386px;
    height:70px;
    line-height:70px;
    color:#444;
    font-size:16px;
    text-align:center;
    background: #d6d6d6;
    margin-top:10px;
}
.index_pro_slide .bd .ipro_slide ul li:hover .text{
    color:#fff;
    background: #464646;
}
.index_pro_slide .bd .ipro_slide ul li:hover .pic_box{
    box-shadow: #ddd 0 0 5px;
}
.index_pro_slide .bd .ipro_slide ul li .pic_box{
    width:386px;
    height:260px;
    line-height:260px;
    text-align:center;
    position: relative;
}
.index_pro_slide .bd .ipro_slide ul li .pic_box .pic1{
    width:386px;
    height:260px;
    line-height:260px;
    text-align:center;
}
.index_pro_slide .bd .ipro_slide ul li .pic_box .pic2{
    width:386px;
    height:260px;
    line-height:260px;
    text-align:center;
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
}
.index_pro_slide .bd .ipro_slide ul li:hover .pic_box .pic2{
    width:386px;
    height:261px;
    line-height:260px;
    text-align:center;
    background: #fff;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}









/*.index_news*/
/*.index_pro*/
.index_news{
    width:100%;
    max-width:1920px;
    padding:80px 0;
    overflow: hidden;
}
.index_news .more2{
    margin:60px auto 0 auto;
}
.index_news_slide .hd{
    border-bottom:1px solid #bfbfbf;
    text-align:center;
    height:72px;
    margin-bottom:28px;
}
.index_news_slide .hd ul{
    display: inline-block;
    width:1200px;
}
.index_news_slide .hd ul li{
    float:left;
    display: inline-block;
    padding:0 35px;
    height:80px;
    line-height:80px;
    color:#888;
    font-size:15px;
    cursor: pointer;
    background: url(/uploads/image/eimages/ibg3.png)no-repeat center left;
}
.index_news_slide .hd ul li:first-child{
    padding-left:0;
    background: none;
}
.index_news_slide .hd ul li.on,
.index_news_slide .hd ul li:hover{
    color:#333;
}
.index_news_slide .tempwrap{
    margin:0 auto;
}
.index_news_slide .bd{
    width:1380px;
    position: relative;
    display: block;
}
.index_news_slide .bd .inew_slide{
    width:1380px;
    position: relative;
}
.index_news_slide .bd .inew_slide .tempwrap{
    margin:0 auto;
}
.index_news_slide .bd .inew_slide ul li{
    float:left;
    margin:10px 15px;
}
.index_news_slide .bd .inew_slide ul li a{
    display: block;
}
.index_news_slide .bd .inew_slide ul li .pic{
    width:366px;
    height:187px;
    line-height:187px;
    overflow: hidden;
    text-align:center;
}
.index_news_slide .bd .inew_slide ul li .text_box{
    width:366px;
    padding:20px 0;
}
.index_news_slide .bd .inew_slide ul li .text_box h3{
    color:#353535;
    font-size:16px;
    line-height:25px;
}
.index_news_slide .bd .inew_slide ul li .text_box .day{
    color:#7b7b7b;
    font-size:15px;
    line-height:25px;
    padding:5px 0;
}
.index_news_slide .bd .inew_slide ul li .text_box .text{
    color:#7b7b7b;
    font-size:15px;
    line-height:25px;
}


/* i{
    width:8%;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transform:all 0.5s ease-in-out;
}
i{
    width:100%;
    -moz-transform:scalex(1); 
    -webkit-transform:scalex(1); 
    -o-transform:scalex(1); 
}*/



.footer{
    width:100%;
    max-width:1920px;
    padding:40px 0;
    overflow: hidden;
    background:#464646;
}
.footer .main{
    max-width:1300px;
}
.footer .left{
    float:left;
    width:980px;
}
.footer .er_box{
    float:right;
    display: inline-block;
    width:130px;
    height:130px;
    line-height:130px;
    text-align:center;
}

.footer .left ul.foot_nav li{
    color:#f7eded;
    font-size:15px;
    line-height:20px;
    display: inline-block;
    background: url(/uploads/image/eimages/ibg4.png) no-repeat left center;
    background-size: 1px 15px; 
}
.footer .left ul.foot_nav li a{
    display: block;
    padding: 0 20px;
}
.footer .left ul.foot_nav li:first-child{
    background: none;
}
.footer .left ul.foot_nav li:first-child a{
    padding-left:0;
}
.footer .left .list{
    padding-top:30px;
}
.footer .left .list .text{
    color:#afafaf;
    font-size:14px;
    line-height:25px;
}



/*net*/

.net{
    padding:70px 0;
    background:#fff;
}
.net .htit2{
    padding-bottom:30px;
}
.net .form_box{
    padding:30px 0;
}
.net .form_box form{
    display: inline-block;
}
.net .form_box form #distpicker{
    float:left;
}
.net .form_box select{
    width:200px;
    height:45px;
    line-height:45px;
    float:left;
    padding-left:10px;
    margin-right:10px;
    border:1px solid #e8e8e8;
    background:#fff;
    outline: none;
}
.net .form_box input.submit{
    width:130px;
    height:45px;
    line-height:45px;
    padding-right:20px;
    float:left;
    border:1px solid #e8e8e8;
    color:#fff;
    font-size:18px;
    background:#464646;
    -webkit-rtl-ordering: logical;
    cursor:pointer;
}
.net .form_box input.text{
    height:48px;
}
.net .list_box{
    display: block;
}
.net .list_box .list{
    float:left;
    width:368px;
    height:340px;
    margin-right:48px;
}
.net .list_box .list a{
    display: block;
}
.net .list_box .list:nth-child(3n){
    margin-right:0;
}
.net .list_box .list .pic_box{
    width:368px;
    height:270px;
    position: relative;
}
.net .list_box .list .pic_box .p1{
    height:0;
    display: none;
    position: absolute;
    left:0;
    bottom:-100px;
}
.net .list_box .list .pic_box:hover .p1{
    display: block;
    bottom:0;
    width:338px;
    padding:10px 15px;
    color:#fff;
    font-size:15px;
    background: rgba(0,0,0,.5);
}
.net .list_box .list .pic_box .pic{
    width:368px;
    height:226px;
    line-height:226px;
    display: block;
    text-align:center;
    overflow: hidden;
}
.net .list_box .list .text{
    color:#444;
    font-size:15px;
    line-height:60px;
    text-align:center;
}










#chinamap{
    margin:0 auto;
    margin-top:40px;
}
.statetip, #statetip { display: none; position: absolute; padding: 8px; background: #fff; border: 2px solid #2385b1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; font-family: tahoma; color: #333; }
.mapinfo i { display: inline-block; width: 15px; height: 15px; margin-top: 5px; line-height: 15px; font-style: normal; background: #aeaeae; color: #fff; font-size: 11px; font-family: tahoma; -webkit-border-radius: 15px; border-radius: 15px; text-align: center }
.mapinfo i.active { background: #e27f21; }
.mapinfo span { padding: 0 5px 0 3px; }
.mapinfo b { font-weight: normal; color: #2770b5 }





.join{
    width:100%;
    max-width:1920px;
    padding:60px 0;
    background: #f2f2f2;
}
.join .htit3{
    padding-bottom:40px;
}
.join .list_box{
    width:1200px;
    margin:0 auto;
}
.join .list_box .list{
    float:left;
    margin-right:45px;
    margin-bottom:35px;
    background: #fff;
}
.join .list_box .list:nth-child(3n){
    margin-right:0;
}
.join .list_box .list a{
    display: block;
    margin:0 auto;
}
.join .list_box .list:hover{
    box-shadow:#aaa 0 0 20px;
}
.join .list_box .list .pic{
    width:368px;
    height:202px;
    line-height:202px;
    overflow: hidden;
    text-align:center;
    display: block;
}
.join .list_box .list .text_box{
    width:280px;
    height:180px;
    padding:60px 45px 0 45px;
    display: block;
    position: relative;
}
.join .list_box .list .text_box .pic_btn{
    width:97px;
    height:97px;
    line-height:97px;
    text-align:center;
    position: absolute;
    top:-50px;
    left:calc(50% - 47.5px);
    z-index:99 ;
}
.join .list_box .list .text_box h3{
    color:#444444;
    font-size:17px;
    line-height:25px;
    text-align:center;
    font-weight: bold;
    padding:10px 0;
}
.join .list_box .list .text_box .text{
    color:#444444;
    font-size:15px;
    line-height:25px;
    text-align:center;
}





.join2{
    background: #fff;
    padding:40px 0 70px 0;
}
.join2 .list{
    padding:40px 30px 60px 380px;
    background: url(/uploads/image/eimages/join2.jpg)no-repeat center center;
    background-size:1200px 100%; 
}
.join2 .list .text_box{
    background: #fff;
    padding:25px 30px;
}
.join2 .list .text_box h2{
    color:#444;
    font-size:18px;
    line-height:40px;
    padding-bottom:10px;
    font-weight:bold;
}
.join2 .list .text_box .text{
    color:#666;
    font-size:14px;
    line-height:25px;
}


.join3{
    background: #f2f2f2;
    padding:40px 0 70px 0;
}
.join3 .main{
    background: #fff;
}
.join3 .htit2{
    padding:40px 0 10px 0;
}
.join3 .text_box .text{
    color:#666;
    font-size:15px;
    line-height:25px;
    text-align:center;
}

.join3 .form_box{
    width:1026px;
    margin:0 auto;
    padding:50px 0;
}
.join3 .form_box form p .name{
    float:left;
    width:220px;
    height:55px;
    line-height:55px;
    border:1px solid #ddd;
    color:#2a1819;
    font-size:15px;
    text-indent:10px;
    margin-right:20px;
}
.join3 .form_box form p .phone{
    float:left;
    width:220px;
    height:55px;
    line-height:55px;
    border:1px solid #ddd;
    color:#2a1819;
    font-size:15px;
    text-indent:10px;
    margin-right:20px;
}
.join3 .form_box form p .text{
    float:left;
    width:300px;
    height:55px;
    line-height:55px;
    border:1px solid #ddd;
    color:#2a1819;
    font-size:15px;
    text-indent:10px;
    margin-right:20px;
}
.join3 .form_box form p .submit{
    width:220px;
    height:55px;
    line-height:55px;
    display: block;
    color:#fff;
    font-size:15px;
    background:#464646;
}




.pro_nav{
    background: #eaeaea;
    border-bottom:1px solid #bfbfbf;
    height:90px;
}
.pro_nav .nav1{
    display: inline-block;
    float:left;
}
.pro_nav .nav1 a{
    color:#444;
    font-size:16px;
    line-height:90px;
    padding: 0 20px;
    display: inline-block;
}
.pro_nav .nav1 a.on,
.pro_nav .nav1 a:hover{
    background: url(/uploads/image/eimages/ibg7.png) no-repeat center bottom;
    background-size:15px 10px; 
}
.pro_nav .nav1 a:first-child{
    padding-left:35px;
    background: url(/uploads/image/eimages/ibg6.png) no-repeat left center;
    background-size:20px 20px; 
}
.pro_nav .nav2{
    display: inline-block;
    float:right;
}
.pro_nav .nav2 a{
    color:#888;
    font-size:16px;
    line-height:90px;
    padding-left:10px;
}
.pro_nav .nav2 a:hover{
    color:#444;
}
.pro_nav .nav2 a:first-child{
    padding-right:20px;
    background: url(/uploads/image/eimages/ibg5.png) no-repeat right center;
    background-size:10px 8px; 
}




.pro{
    width:100%;
    max-width:1920px;
    background:#f2f2f2;
    padding:70px 0 40px 0;
}
.pro .htit5{
    padding-bottom:70px;
}
.pro .list_box{
    width:1200px;
    margin:0 auto 0 auto;
}
.pro .list_box .list{
    float:left;
    margin-right:20px;
    margin-bottom:50px;
}
.pro .list_box .list:nth-child(3n){
    margin-right:0;
}
.pro .list_box .list a{
    display: block;
}
.pro .list_box .list .text{
    width:386px;
    height:70px;
    line-height:70px;
    color:#444;
    font-size:16px;
    text-align:center;
    background: #d6d6d6;
    margin-top:10px;
}
.pro .list_box .list:hover .text{
    color:#fff;
    background: #464646;
}
.pro .list_box .list:hover .pic_box{
    box-shadow: #ddd 0 0 10px;
}
.pro .list_box .list .pic_box{
    width:386px;
    height:260px;
    line-height:260px;
    text-align:center;
    position: relative;
}
.pro .list_box .list .pic_box .pic1{
    width:386px;
    height:260px;
    line-height:260px;
    text-align:center;
}
.pro .list_box .list .pic_box .pic2{
    width:386px;
    height:261px;
    line-height:260px;
    text-align:center;
    background: #fff;
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
}
.pro .list_box .list:hover .pic_box .pic2{
    width:386px;
    height:260px;
    line-height:260px;
    text-align:center;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}




.pages{
    padding:50px 0;
    text-align:center;
}
.pages a{
    height:40px;
    line-height:40px;
    padding:0 16px;
    display:inline-block;
    font-size:15px;
    color:#666;
    border:1px solid #a1a1a1;
}
.pages a.on,
.pages a:hover{
    background:#5e5e5e;
    color:#fff;
    border:1px solid #5e5e5e;
}







.case{
    width:100%;
    max-width:1920px;
    background:#f2f2f2;
    padding-top:70px;
}
.case ul{
    padding-top:40px;
    border-top:2px solid #999;
}
.case ul li{
    float:left;
    width:380px;
    height:370px;
    margin-right:30px;
    margin-bottom:20px;
}
.case  ul li .img_box{
    width:380px;
    height:300px;
    line-height:300px;
    background:#fff;
}
.case ul li p{
    text-align:center;
    height:70px;
    line-height:70px;
    font-size:16px;
    color:#211614;
}
.case  ul li:nth-child(3n){
    margin-right:0;
}
.case .pages{
    padding:50px 0 130px 0;
}






/*.prov*/
.prov{
    padding:70px 0;
}
.prov .main{
    position: relative;
}
.prov .list{
    width:550px;
    position: absolute;
    right:0;
    top:0;
    z-index: 90;
}
.prov .list h3{
    color:#666;
    font-size:24px;
    line-height:25px;
    padding:10px 0 20px 15px;
    position: relative;
}
.prov .list h3 i{
    width:3px;
    height:25px;
    background: #464646;
    position: absolute;
    left:0;
    top:10px;
}
.prov .list .text{
    color:#666;
    font-size:15px;
    line-height:25px;
}
.prov .prov_slide{
    width:1200px;
    height:415px;
    display: block;
    position: relative;
}
.prov .prov_slide .prov_sprev,
.prov .prov_slide .prov_snext{
    width:35px;
    height:97px;
    line-height:97px;
    text-align:center;
    color:#fff;
    font-size:18px;
    font-family: "宋体";
    display: block;
    background: #bfbfbf;
    position: absolute;
    bottom: 10px;
    z-index: 80;
    cursor: pointer;
    outline: none;
}
.prov .prov_slide .prov_sprev{
    left:650px;
}
.prov .prov_slide .prov_snext{
    right:0;
}
.prov .prov_slide .prov_sprev:hover,
.prov .prov_slide .prov_snext:hover{
    background: #444;
}
.prov .prov_slide #thumbs{
    width:458px;
    height:97px;
    margin:0 auto;
    overflow: hidden;
    position: absolute;
    right:40px;
    bottom:10px;
    z-index: 70;
} 
.prov .prov_slide #thumbs .swiper-slide.swiper-slide-thumb-active .img_box,
.prov .prov_slide #thumbs .swiper-slide:hover .img_box{
    border:1px solid #e81f32;
}
.prov .prov_slide #thumbs .swiper-slide .img_box{
    width:142px;
    height:95px;
    line-height:93px;
    border:1px solid #ddd;
    text-align:center;
}

.prov .prov_slide #gallery{
    width:600px;
    height:403px;
    margin:0 auto;
    position: absolute;
    left:0;
    bottom:10px;
    z-index: 60;
} 
.prov .prov_slide #gallery .swiper-slide .img_box{
    width:600px;
    height:403px;
    line-height:403px;
    text-align:center;
}



.prov2{
    padding-bottom:70px;
}
.prov2 .text_box h2{
    color:#666;
    font-size:20px;
    line-height:50px;
    border-bottom:3px solid #ddd;
}
.prov2 .list_box{
    padding-top:40px;
    width:1200px;
    margin:0 auto;
}
.prov2 .list_box .list{
    float:left;
    margin-right:20px;
    margin-bottom:50px;
}
.prov2 .list_box .list:nth-child(3n){
    margin-right:0;
}
.prov2 .list_box .list a{
    display: block;
}
.prov2 .list_box .list .text{
    width:386px;
    height:70px;
    line-height:70px;
    color:#444;
    font-size:16px;
    text-align:center;
    background: #d6d6d6;
    margin-top:10px;
}
.prov2 .list_box .list:hover .text{
    color:#fff;
    background: #464646;
}
.prov2 .list_box .list:hover .pic_box{
    box-shadow: #ddd 0 0 10px;
}
.prov2 .list_box .list .pic_box{
    width:386px;
    height:260px;
    line-height:260px;
    text-align:center;
    position: relative;
}
.prov2 .list_box .list .pic_box .pic1{
    width:386px;
    height:260px;
    line-height:260px;
    text-align:center;
}
.prov2 .list_box .list .pic_box .pic2{
    width:386px;
    height:260px;
    line-height:260px;
    text-align:center;
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
}
.prov2 .list_box .list:hover .pic_box .pic2{
    width:386px;
    height:260px;
    line-height:260px;
    text-align:center;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}









/*.news*/
.news{
    width:100%;
    max-width:1920px;
    padding:60px 0;
}
.news .list_box{
    width:1200px;
    margin:0 auto;
}
.news .list_box .list{
    float:left;
}
.news .list_box .list a{
    display: block;
    margin:0 auto;
}
.news .list_box .list .pic{
    width:366px;
    height:187px;
    line-height:187px;
    overflow: hidden;
    text-align:center;
    display: block;
    margin: 0 auto;
}
.news .list_box .list .text_box{
    width:366px;
    padding:20px 0;
    display: block;
    margin: 0 auto;
}
.news .list_box .list .text_box h3{
    color:#353535;
    font-size:16px;
    line-height:25px;
}
.news .list_box .list .text_box .day{
    color:#7b7b7b;
    font-size:15px;
    line-height:25px;
    padding:5px 0;
}
.news .list_box .list .text_box .text{
    color:#7b7b7b;
    font-size:15px;
    line-height:25px;
}
.news .list_box .list .text_box .more3{
    width:125px;
    height:40px;
    line-height:40px;
    border:1px solid #888;
    display: block;
    color:#666;
    font-size:14px;
    text-align:center;
    margin-top:20px;
}
.news .list_box .list:hover .text_box .more3{
    color:#fff;
    background: #666;
}





/*service*/
.service{
    width:100%;
    max-width:1920px;
    padding:60px 0;
}
.service .list_box{
    width:1250px;
    margin:0 auto;
}
.service .list_box .list{
    float:left;
    padding:20px 0;
}
.service .list_box .list a{
    display: block;
    margin:0 auto;
}
.service .list_box .list:hover{
    box-shadow:#ddd 0 0 20px;
}
.service .list_box .list .pic{
    width:366px;
    height:187px;
    line-height:187px;
    overflow: hidden;
    text-align:center;
    display: block;
    margin: 0 auto;
}
.service .list_box .list .text_box{
    width:366px;
    padding:20px 0;
    display: block;
    margin: 0 auto;
}
.service .list_box .list .text_box h3{
    color:#353535;
    font-size:16px;
    line-height:25px;
}
.service .list_box .list .text_box .day{
    color:#7b7b7b;
    font-size:15px;
    line-height:25px;
    padding:5px 0;
}
.service .list_box .list .text_box .text{
    color:#7b7b7b;
    font-size:15px;
    line-height:25px;
}
.service .list_box .list .text_box .more3{
    width:125px;
    height:40px;
    line-height:40px;
    border:1px solid #888;
    display: block;
    color:#666;
    font-size:14px;
    text-align:center;
    margin-top:20px;
}
.service .list_box .list:hover .text_box .more3{
    color:#fff;
    background: #666;
}




/*.cont*/
.cont{
    padding:70px 0;
    width:100%;
    max-width:1920px;
}
.cont .main{
    position: relative;
}
.cont .er_box{
    width:130px;
    height:170px;
    position: absolute;
    right:0;
    top:0;
}
.cont .er_box .er_box{
    width:130px;
    height:130px;
    line-height:130px;
    text-align:center;
}
.cont .er_box .text{
    color:#6d6d6d;
    font-size:15px;
    line-height:40px;
    text-align:center;
}

.cont .list{
    width:1000px;
    margin:0 auto 0 0;
}
.cont .list h3{
    color:#444;
    font-size:18px;
    line-height:70px;
    margin-bottom:20px;
    border-bottom:1px solid #ddd;
    position: relative;
}
.cont .list h3 i{
    display: block;
    width:45px;
    height:3px;
    background:#464646;
    position:absolute;
    left:0;
    bottom:-1px;
}
.cont .list .text{
    color:#666;
    font-size:15px;
    line-height:35px;
}
.cont .list .bdsharebuttonbox {
    margin-top:20px;
}
.cont .list .bdsharebuttonbox a{
    width:35px;
    height:35px;
    padding-left:0;
    border-radius:100%;
}
.cont .list .bdsharebuttonbox .bds_weixin{
    background:#ccc url(/uploads/image/eimages/contbg.png)no-repeat center center;
    background-size:21px 17px ; 
}
.cont .list .bdsharebuttonbox .bds_sqq{
    background:#ccc url(/uploads/image/eimages/contbg2.png)no-repeat center center;
    background-size:16px 18px; 
}
.cont .list .bdsharebuttonbox .bds_mail{
    background:#ccc url(/uploads/image/eimages/contbg3.png)no-repeat center center;
    background-size:20px 13px; 
}

.cont .list .bdsharebuttonbox .bds_weixin:hover{
    background:#464646 url(/uploads/image/eimages/contbg.png)no-repeat center center;
    background-size:16px 16px; 
}
.cont .list .bdsharebuttonbox .bds_sqq:hover{
    background:#464646 url(/uploads/image/eimages/contbg2.png)no-repeat center center;
    background-size:16px 18px; 
}
.cont .list .bdsharebuttonbox .bds_mail:hover{
    background:#464646 url(/uploads/image/eimages/contbg3.png)no-repeat center center;
    background-size:20px 13px; 
}

.cont2 .map{
    width:100%;
    max-width:1920px;
    overflow: hidden;
} 




/*message*/
.message{
    width:100%;
    max-width:1920px;
    padding:70px 0 130px 0;
    background: url(/uploads/image/eimages/message.jpg)no-repeat center bottom;
    background-size:1920px 685px;
}
.message .text_box{
    width:845px;
    margin:0 auto 50px auto;
}
.message .text_box h2{
    color:#444;
    font-size:28px;
    line-height:45px;
    text-align:center;
}
.message .text_box .text{
    color:#666;
    font-size:15px;
    line-height:25px;
    text-align:center;
}
.message .form_box{
    width:845px;
    margin:0 auto;
}
.message .form_box form .name{
    width:355px;
    height:50px;
    line-height:50px;
    margin-right:120px;
    margin-bottom:20px;
    color:#444;
    font-size:16px;
    border-bottom:1px dashed #aaa;
}
.message .form_box form .phone{
    width:355px;
    height:50px;
    line-height:50px;
    margin-bottom:20px;
    color:#444;
    font-size:16px;
    border-bottom:1px dashed #aaa;
}
.message .form_box form .address{
    width:355px;
    height:50px;
    line-height:50px;
    margin-right:120px;
    margin-bottom:20px;
    color:#444;
    font-size:16px;
    border-bottom:1px dashed #aaa;
}
.message .form_box form .e-mail{
    width:355px;
    height:50px;
    line-height:50px;
    margin-bottom:20px;
    color:#444;
    font-size:16px;
    border-bottom:1px dashed #aaa;
}
.message .form_box form .text{
    width:845px;
    height:150px;
    line-height:35px;
    padding-top:20px;
    margin-bottom:20px;
    color:#444;
    font-size:16px;
    border-bottom:1px dashed #aaa;
}
.message .form_box form .f1{
    position: relative;
}
.message .form_box form .f1 .pic{
    width:140px;
    height:50px;
    line-height:50px;
    text-align:center;
    position: absolute;
    top:0;
    left:370px;
}
.message .form_box form .f1 .number{
    width:355px;
    height:50px;
    line-height:50px;
    margin-right:165px;
    margin-bottom:10px;
    color:#444;
    font-size:16px;
    border-bottom:1px dashed #aaa;
}
.message .form_box form .f1 .submit{
    width:315px;
    height:52px;
    line-height:52px;
    color:#fff;
    font-size:16px;
    text-align:center;
    background: #464646;
    border-bottom:1px solid #ddd;
}



/*about*/
.about{
    padding:70px 0 45px 0;
}
.about .list{
    padding-bottom:45px;
}
.about .list .text_box{
    float:left;
    width:620px;
}
.about .list .text_box .htit4{
    padding-bottom:30px;
}
.about .list .text_box .text{
    color:#474747;
    font-size:16px;
    line-height:28px;
}
.about .list .pic_box{
    float:right;
    margin-top:20px;
    width:445px;
    height:325px;
    border:1px solid #ddd;
    position: relative;
}
.about .list .pic_box .pic{
    width:485px;
    height:335px;
    line-height:335px;
    text-align:center;
    display: block;
    position: absolute;
    right:10px;
    bottom:10px;
}


.about2 .list{
    width:1200px;
    background: url(/uploads/image/eimages/aboutbg.jpg)no-repeat center center;
    background-size: 1200px 100%;
}
.about2 .list .text_box{
    width:395px;
    height:200px;
    padding:70px 530px 120px 275px;
}
.about2 .list .text_box h3{
    color:#181818;
    font-size:20px;
    line-height:85px;
    padding-top:15px;
    background: url(/uploads/image/eimages/aboutbg2.png)no-repeat 32px top;
    background-size: 81px 98px;
}
.about2 .list .text_box .text{
    color:#181818;
    font-size:16px;
    line-height:30px;
}




.about3{
    padding:40px 0 70px 0;
}
.about3 .list_box .pic_box{
    float:left;
    margin-left:155px;
    margin-top:145px;
    width:365px;
    height:405px;
    display: block;
    background: #eeeeee;
    position: relative;
}
.about3 .list_box .pic_box .pic{
    width:500px;
    height:520px;
    line-height:520px;
    text-align:center;
    display: block;
    position: absolute;
    right:25px;
    bottom:25px;
}
.about3 .list_box .list{
    float:right;
    width:600px;
    padding-right:25px;
}
.about3 .list_box .list .htit4{
    padding:40px 0 20px 0;
}
.about3 .list_box .list .text_box .text{
    color:#474747;
    font-size:16px;
    line-height:30px;
}
.about3 .list_box .list .t1 h3{
    color:#444;
    font-size:20px;
    line-height:40px;
    padding:10px 0;
}
.about3 .list_box .list .t1 .text{
    color:#474747;
    font-size:16px;
    line-height:30px;
    padding-left:15px;
    background: url(/uploads/image/eimages/aboutbg3.png)no-repeat left 10px;
}








.news_v {
    padding:50px 0px 30px 0px;
}
.news_v .list{
    display: block;
}
.news_v .list h2{
    color:#444;
    font-size:30px;
    line-height:50px;
    text-align:center;
}
.news_v .list .day{
    color:#444;
    font-size:15px;
    line-height:30px;
    text-align:center;
}
.news_v .list .text{
    color:#444;
    font-size:15px;
    line-height:30px;
}
.news_v .list .text img{
    display: block;
    margin:0 auto;
}






/*honor*/

.honor{
    background: #fff;
    padding:70px 0 50px 0;
}
.honor .list{
    padding:40px 30px 40px 380px;
    background: url(/uploads/image/eimages/honorbg.jpg)no-repeat center center;
    background-size:1200px 100%; 
}
.honor .list .text_box{
    background: #fff;
    padding:30px 30px 45px 30px;
}
.honor .list .text_box h2{
    color:#444;
    font-size:18px;
    line-height:40px;
    padding-bottom:10px;
    font-weight:bold;
}
.honor .list .text_box .text{
    color:#666;
    font-size:14px;
    line-height:25px;
}

.honor2{
    padding:40px 0 70px 0;
    background: #f2f2f2;
}
.honor2 .list_box .list{
    float:left;
    width:375px;
    height:350px;
    margin-right:37px;
    margin-bottom:20px;
}
.honor2 .list_box .list a{
    display: block;
}
.honor2 .list_box .list:nth-child(3n){
    margin-right:0;
}
.honor2 .list_box .list .pic{
    width:375px;
    height:280px;
    line-height:280px;
    overflow: hidden;
	text-align:center;
}
.honor2 .list_box .list .text{
    width:375px;
    height:70px;
    line-height:70px;
    overflow: hidden;
    color:#5f5d5e;
    font-size:15px;
    text-align:center;
}







.environment{
    padding:60px 0;
}

.environment .list_box{
    display: block;
}
.environment .list_box .list{
    float:left;
    width:368px;
    height:355px;
    margin-right:48px;
    margin-bottom:20px;
}
.environment .list_box .list a{
    display: block;
}
.environment .list_box .list:nth-child(3n){
    margin-right:0;
}
.environment .list_box .list .pic{
    width:368px;
    height:285px;
    line-height:285px;
    display: block;
    text-align:center;
    overflow: hidden;
}
.environment .list_box .list .pic img{
    transition: all 0.8s;
    -ms-transform: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.environment .list_box .list .pic:hover img{
    transform: scale(1.2);
    -ms-transform: scale(1.2);     /* ie 9 */
    -moz-transform: scale(1.2);    /* firefox */
    -webkit-transform: scale(1.2); /* safari 和 chrome */
    -o-transform: scale(1.2); 
}
.environment .list_box .list .text{
    color:#444;
    font-size:16px;
    line-height:70px;
    text-align:center;
}








.down{
    padding:60px 0;
}
.down_box .list_box{
    width:560px;
    display:inline-block;
    margin-right:76px;
    margin-bottom:40px;
    background:#f4f4f4;
    float:left;
}
.down_box .list_box:nth-child(2n){
    margin-right:0;
}
.down_box .list_box .img_box{
    width:225px;
    height:260px;
    line-height:258px;
    float:left;
}
.down_box .list_box .text_box{
    width:280px;
    display:inline-block;
    float:right;
    margin-right:30px;
}
.down_box .list_box .text_box h3{
    height:60px;
    line-height:60px;
    font-size:18px;
    color:#444;
    border-bottom:1px solid #ccc;
}
.down_box .list_box .text_box .text{
    padding:30px 0;
    font-size:15px;
    color:#444;
    line-height:25px;
}
.down_box .list_box .text_box a.down_btn{
    width:130px;
    height:30px;
    line-height:30px;
    display:inline-block;
    border:1px solid #ccc;
    border-radius:50px;
    font-size:15px;
    color:#fff;
    text-indent:50px;
    background:#4b4b4b  url(/uploads/image/eimages/down_btn.png) no-repeat 20px center;
}
/*.down_box .list_box .text_box a.down_btn:hover{
    background:#fff url(/uploads/image/eimages/down_btn.png) no-repeat 20px center;
    color:#000;
}*/







.login{
    padding-bottom:100px;
}
.login_box{
    max-width:1200px;
    margin:50px auto 0 auto;
    background: url(/uploads/image/eimages/login_bg.jpg)no-repeat center center;
    background-size:1200px 100%; 
}
.login_box .login_form{
    width:500px;
    height:370px;
    float:right;
    display:inline-block;
    background:rgba(255,255,255,.3);
    border-radius:10px;
    padding:0 30px;
    margin:50px 50px;
    border:1px solid #ddd;
}
.login_box .login_form h4{
    font-size:14px;
    color:#fff;
    height:20px;
    line-height:20px;
    padding-top:60px;
    text-align:center;
}
.login_box .login_form form{
    width:370px;
    margin:0 auto;
    padding-top:10px;
}
.login_box .login_form p{
    padding:15px 0;
}
.login_box .login_form input.text{
    width:300px;
    height:50px;
    border:1px solid #ddd;
    padding-left:70px;
}
.login_box .login_form input.submit{
    width:370px;
    height:45px;
    background:#111;
    color:#fff;
    font-size:13px;
    color:#fff;
    text-align:center;
    cursor:pointer;
}
.login_box .login_form input.t1{
    background:#fff url(/uploads/image/eimages/user_tag.png) no-repeat 15px center;
}
.login_box .login_form input.t2{
    background:#fff url(/uploads/image/eimages/key_tag.png) no-repeat 15px center;
}