@charset 'utf-8';
ul li{list-style: none;}
a{text-decoration: none;}
.fl{float: left;}
body {
    margin: 0;
    padding:0;
}

/* 手机端导航 */
nav { 
    background-color: #fff;
    padding-top:10px;
    min-height:60px;   
    width: 100%;
}
.nav_ul{width:60%;min-height:40px;line-height: 50px;float: right;}
#nav_ul li{text-align: center;}
.nav_ul li a{float: left;width: 10%;height: 100%;margin: 0 0.5%; font-family: "微软雅黑";font-size: 0.85vw;color: #9d9d9d;}
.nav_ul li a:hover{background:  #B7C4D4;color: #fff;}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    list-style-type: none;
}
.logo{margin-left: 10%;position: absolute;padding: auto;}


/* 底部图片 */

.top_d {
    z-index: 100;}
.top_d .img-area {
    background: url("../../images/dianjin/u.jpg") no-repeat center;
    background-attachment: fixed;
    background-size: cover;

}
.imgfixed {
    overflow: hidden;
    position: relative;
    margin: 0;
    }

/* 公司简介+底部 */
.footer{width: 100%;background: #0D0D0D;color: #fff;}
.list{border-bottom:1px solid #fff;padding:0 3%;}
.f_b{display: inline-block;float: left;margin:3% 3%;}
.footer_ul a{color: #fff;}
.footer_ul a:hover{text-decoration: underline;}
.f_b li{margin-top: 3%;font-size: 14px;font-family: "微软雅黑";}
.f-logo{width: 16%;float: right;margin:1% 15% 1% 0;}
.f-ll{margin: 2%;display: inline-block;}
.f-wechat{width: 22px;height: 22px;background-image:url(../../images/dianjin/wecath01.png); background-repeat: no-repeat;background-position:0 0;}
.f-sina{width: 22px;height: 22px;background-image:url(../../images/dianjin/sina01.png); background-repeat: no-repeat;background-position:0 0;overflow: hidden;}
.f-QQ{width: 22px;height: 22px;background-image:url(../../images/dianjin/QQ01.png); background-repeat: no-repeat;background-position:0 0;overflow: hidden;}
.f-wechat:hover{background-image:url(../../images/dianjin/wecath01.png); background-repeat: no-repeat;background-position:0 -22px;}
.f-sina:hover{background-image:url(../../images/dianjin/sina01.png); background-repeat: no-repeat;background-position:0 -22px;}
.f-QQ:hover{background-image:url(../../images/dianjin/QQ01.png); background-repeat: no-repeat;background-position:0 -22px;}

.f-img{width: 100%;}
.l-img{width: 60%;margin: 2% auto;}
.f-phone{text-align: center;font-size: 16px;font-family: "微软雅黑";}
.l-d{display: inline-block;margin: 2% 4% 0;}
.f-logo{width: 16%;float: right;margin:1% 15% 1% 0;}
.f-ll{margin: 2%;}
/* 底部 */
.bottom{height: 130px;width: 100%;background: #000;}
.bottom p{color: #fff;text-align: center;font-size: 12px;width: 100%;height: 40px;margin: 0 auto;line-height: 50px;} 
.bottom a{color: #fff;}
.bootom a:hover{color:#fff;}
 /* 底部图片 */
.banner-t{
	position:relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
	
}

.ban-img {
    position: absolute;  
    top: 0;  
    left: 50%;  
    margin-left: -960px; 
    width: 1920px; 
    height: 700px;  
}

.w_img{width:100%;height:100%;}

/* 响应式 */


@media only screen and (max-width: 1500px){
 .bg{position:absolute; top:0; left:50%; margin-left:-960px}
 .w_img{width:100%;height:100%;}
}

@media only screen and (max-width: 1200px){
 .footer{width: 100%;background: #0D0D0D;color: #fff;}
.list{border-bottom:1px solid #fff;padding:0 3%;}
.f_b{display: inline-block;float: left;margin:3% 2%;}
.f_b li{margin-top: 3%;font-size: 14px;font-family: "微软雅黑";}
.f-img{width: 100%;}
.l-img{width: 60%;margin: 2% auto;}
.f-phone{text-align: center;font-size: 16px;font-family: "微软雅黑";}
.l-d{display: inline-block;margin: 2% 4% 0;}
.f-logo{width: 20%;float: right;margin:1% 15% 1% 0;}
.f-ll{margin: 2%;}
.w_img{width:100%;height:100%;}    
}
@media (max-width: 1100px) {
    nav{font-size: 12px;}
     .tit img{width:150px;}
     .big_bg{ position:relative; top:0; left:0; width:100%;}
    #imgid{width: 100%;height: 100%;}
    .w_img{width:100%;height:100%;}

}
@media only screen and (max-width: 1000px){
    .tit img{width:150px;}
     .w_img{width:100%;height:100%;}
	         /* 手机端导航 */
.p-nav { 
    background-color: #fff;
    min-height:50px;   
    width: 100%;
}
.slider-container{position: relative;clear: both;}

.menu{margin:2% 10% 1% 0;width:5%;height: 5%;float: right;}
.p_nav_ul{clear: both;width: 100%;height:100%;margin-top:6%; position: absolute;z-index: 5555555555555555;background: #fff;opacity: 0.9;display: none;}
#p_nav_ul {margin-top: 1%;}
#p_nav_ul li a{width: 100%;height: 10%;text-align: right; font-size:1.2rem;display: block;text-align: center;padding:3% 0;color: #9d9d9d;border-bottom: 1px solid #eee;}
#p_nav_ul li a:hover{background:#B7C4D4;color: #fff;}
}

@media only screen and (max-width:760px){
    .logo img{text-align: center;margin:1% 0;}
    .tit img{width:120px;}
    .w_img{width:100%;height:100%;}
        /* 手机端导航 */
.p-nav { 
    background-color: #fff;
    min-height:45px;   
    width: 100%;
}
.slider-container{position: relative;clear: both;}

.menu{margin:2% 10% 1% 0;width:5%;height: 5%;float: right;}
.p_nav_ul{clear: both;width: 100%;height:130%;margin-top:6%; position: absolute;z-index: 5555555555555555;background: #fff;opacity: 0.9;display: none;}
#p_nav_ul {margin-top: 1%;}
#p_nav_ul li a{width: 100%;height: 10%;text-align: right; font-size:1.2rem;display: block;text-align: center;padding:3% 0;color: #9d9d9d;border-bottom: 1px solid #eee;}
#p_nav_ul li a:hover{background:#B7C4D4;color: #fff;}


    
}
@media (max-width:500px) {
    .logo img{text-align: center;margin-top: 5px;}
    .tit img{width:36%;}
    .w_img{width:100%;height:100%;}
    
/* 手机端导航 */
.p-nav { 
    background-color: #fff;
    min-height:55px;   
    width: 100%;
}
.slider-container{position: relative;clear: both;}

.menu{margin:5% 10% 5% 0;width:5%;height: 5%;float: right;}
.p_nav_ul{clear: both;width: 100%;height:100%;margin-top:15%; position: absolute;z-index: 5555555555555555;background: #fff;opacity: 0.9;display: none;}
#p_nav_ul {margin-top:10%;}
#p_nav_ul li a{width: 100%;height: 10%;text-align: right; font-size:1.2rem;display: block;text-align: center;padding:5% 0;color: #9d9d9d;border-bottom: 1px solid #eee;}
#p_nav_ul li a:hover{background:#B7C4D4;color: #fff;}


}
/* 侧导航 */
.r_nav{position: fixed;right: 0;top:40%;z-index: 999999999999999999999999;}
.hide{display: none;}
.call div{display: inline-block;}
.wechat div{display: inline-block;}
.wechat{position: relative;}
.weixin{position: absolute;right: 60px;}
/* 手机版 */
.phone-nav{position: fixed;bottom:0;left: 0;width: 100%;z-index: 99999999999999999999;}
.btn{position: fixed;bottom:0;left: 0;}
.in{display: inline-block;}
.fr{float: right;}
.p-hide{background: #000;opacity: 0.9;height:50px;line-height: 50px;padding: 0 5%;display: none;}
.p-q{width: 45%;line-height: 40px;}
.p-call{width: 40%;line-height: 40px;}
.shou{height: 40px;line-height: 30px;}
.in span{margin-left: 10%;color: #fff;font-size:18px;}
.in a{text-decoration: underline;color: #fff;}