*{ margin:0px; padding:0px;font-family: "微软雅黑","Microsoft Yahei";}
.logo-img{margin-left:-20px;margin-top:-3px;}
.yjdh{display:none;}
.top{ width:100%; height:70px; background-color:#363636; position: relative; position:fixed; z-index: 3000;}
.logo{ position:absolute;  width:140px; height:30px; border-right: 1px solid #CCCCCC;  top:50%; margin-top:-15px;  left:50px;}
body{ overflow-x: hidden;}
.phone{  position:absolute; width:150px height:70px; left:205px; color:#fff; font-size:14px;} 
.phone div{height:30px; width:150px; margin-top :20px; position: relative; }
.phone button{ position:absolute; top:50%;margin-top:-15px; width:30px; height:30px; background-image: url(../images/search.png);border: none;outline: none; background-color:#363636 ; }
.phone p{ margin-left: 40px;line-height:15px; display: table-cell; position: absolute;} 
.phone p:last-child{ margin-top: 15px;}
.daoh{position: absolute; right:0px;}
.daoh ul{ list-style: none; width:900px;height:70px;}
.daoh ul a{ text-decoration: none; color: #CCCCCC;}
.daoh ul li{ float:left; color:#CCCCCC; font-family:"微软雅黑";font-size:14px;width:100px;height:70px;line-height: 70px; text-align: center; cursor: pointer;}.daoh ul li:hover{ background:#292929 ; border-bottom: 3px solid #CB1714;}

.on{ background:#292929 ; border-bottom: 3px solid #CB1714;}
.navbar-nav{ cursor: pointer; }
#bs-example-navbar-collapse-9 li a{ padding-left:50px;}
/*banner*/
#banner-cont{background: url(../images/lianxi.jpg);
 background-position: center center !important;
    background-repeat:no-repeat  !important;
    background-size:cover  !important
}
.banner{width:100%; height:350px;background: 
    background-position: center center !important;
    background-repeat:no-repeat  !important;
    background-size:cover  !important;
    margin-top: 0px;display: table;}
.banner-body{ width:70%; height:100%;margin: 0 auto; text-align: center; display: table-cell; vertical-align: middle;padding-top: 35px;}
@media  (max-width: 500px) {
.banner-body{padding-top: 0px;}	.yjdh{display:block;background:#f00;color:#fff;width:100%;line-height:50px;text-align:center;position:fixed;bottom:0;font-size:18px;}
}
.row img{max-width:100%;}
.banner-body h1{    color: #fff;
    
    font-size: 50px;
    text-align: center;
    font-weight: 100;}
.banner-body h1 span{color: #CD1714;}
.banner-body p{color:#fff;  line-height: 40px; font-size: 18px; font-family: 'Microsoft YaHei'; }
.circle{ display:inline-block; width:5px;height:5px; border-radius:8px ; background-color:#FFF; margin-bottom:4px; margin-left: 10px;margin-right: 10px;}
/*network nav*/
.net-body{width:100%;}
 .net-body > div{width:80%;  margin:0 auto; text-align: center; }
 .net-body > div img{ margin: 0 auto;}

.net-nav{width:100%;height:60px;background:#333; margin: 0 auto; position: relative;}
.net-nav-left{ width:70%; float:left; position: relative;}
.net-nav-left ul{ list-style: none;}
.net-nav-left ul li{ float:left;}
.net-no{position: absolute; left:0px;top:0px;font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; width: 100%;height:60px;}
.net-no li a{font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; text-decoration: none;}
.net-no li{line-height: 60px; cursor: pointer;width:125px;height:60px;}
.net-no li:first-child{margin-left:5%;}

.net-on li{opacity:0;filter:alpha(opacity=0);width:125px;height:90px; text-align: center;   position: relative;cursor: pointer; background: #CB1814; }
.net-on li > div {width:100%;height:90px;background: #CB1814;position: absolute;top:0px;padding-top: 18px;z-index: 50;}
.net-on li span{ display: block;  width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 30px solid #800F0D;
	position: absolute;top:0px;right:-15px;z-index: 20;
}
.net-on li:first-child{margin-left:0px;}
.net-on{position: absolute; left:0px;top:-30px;width: 100%; }
.net-on li:first-child{padding-left:0px;}
.net-on li a{font-family: "微软雅黑","Microsoft Yahei";font-size: 16px;color:#fff; text-decoration: none;}
.net-nav-right{float:right;width:250px;height:20px; position: absolute; top:50%; margin-top: -10px;right:0px; }
.net-nav-right span{font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; cursor:pointer ; }
.net-nav-right span a{color:#999; text-decoration: none;}
/*network*/ 
.network-c{width:100%;  }
.network{width:100%; }
.net-top{width:100%;height:100px; text-align:center; margin-top: 60px;}
.net-top h3{margin-top:0px;}

/*manp*/ 
.zhaop{width:100%;height:500px; position: relative; }
.zhaop-main{width:100%;height:500px;  top:0px;left:0px ; }
.manp-top{width:100%;height:100px; text-align:center; margin-top: 60px; }
.manp-top img{ margin: 0 auto;}
.manp-main{ width:100%;height:400px;}
.manp-top h3{margin-top:0px;}
.manp-body{ width:80%;height:100%; margin: 0 auto; background: #fff; }


.manp-body > div{ font-family: "微软雅黑","Microsoft Yahei"; height:50px; width:100%;}
.manp-body > div li{ float:left; list-style: none ; width:20%; text-align: center; height:50px; line-height: 50px;}
.manp-body { font-family: "微软雅黑","Microsoft Yahei";}
.form-1{  border-bottom: 1px solid #ccc;}

.form-3{  border-bottom: 1px dotted #999;}
.form-4{  border-bottom: 1px dotted #999;}
#vMenuList li{  float:left; height:50px;}
.manp-body  li{ list-style: none;float: left;}
.dt1{ border-bottom: solid #999 1px;height:50px;}
.manp-body dt{height:50px;}
.dt1 li{list-style: none;float: left; width:20%;height:50px; text-align: center;font-family: "微软雅黑","Microsoft Yahei";
 font-weight: normal;}
 .dt2 li{list-style: none;float: left; width:20%;height:50px; text-align: center;font-family: "微软雅黑","Microsoft Yahei";
 font-weight: normal;}
.dt2 { height:50px;}
.manp-body dt span{display: inline-block; width:45px;height:23px;border: solid #999 1px; border-radius: 20px; cursor: pointer;}
.manp-body dd{  display: none;}
.manp-body dd li{ width:30%; margin-left: 3%;}
.form-bt { width:100%; text-align: center;font-family: "微软雅黑","Microsoft Yahei";height: 100px; line-height: 100px; vertical-align: middle;}
.form-bt span{display: inline-block;width:24px; height: 24px; line-height: 30px;position: absolute;top:50%;margin-top: -12px;
margin-right: 20px;}
.form-bt div{ width:150px; margin: 0 auto;position: relative;height: 100px;}
.f-left{ background: url(../images/f-left.png);left: 0px;}
.f-right{ background: url(../images/f-right.png); }

/*super*/ 
.super-c{width:100%; height:500px;  position: relative; margin-top: 70px;}
.super{width:100%; height:500px; background: url(../images/bg2.jpg);background-position: center center;
    background-repeat:no-repeat ;
    background-size:cover ; padding-top: 15px; position:absolute; top:0px;}
.super h3{margin-top:0px;}
.super-top{width:100%;height:100px; text-align:center; color: #fff;}
#super-body{ width:55% ;margin:0 auto;}
.form-top input{color:#ccc;height:38px; line-height: 36px; width:100%; border-radius:4px ; background-color: transparent; border: 1px solid #ccc; 
padding-left:15px;}
.form-top > div{ margin-top:20px;}
.form-body > div{margin-top:20px;}
#wenti{color:#ccc; resize: none; width:100%; height:80px; background-color: transparent;border-radius:4px ; padding:15px;}
.form-bottom > div{ text-align: center; margin-top:20px;}
.submit{color:#666;width:140px; height:35px; margin: 0 auto; border-radius:20px ; background-color: transparent; border: 1px solid #ccc;}
/**/
.map{ width:100%;height:380px; position: relative;overflow: hidden;}
.map-main{ width:60%;height:260px; background:#ccc ; position: absolute;right:0px;top:50%; margin-top: -130px;z-index: 5000;}

/*footer*/
.foot{width:100%;height:350px; }
.footer-top{width:100%; height:350px;background:#333 ;}
.footer-top a{text-decoration: none;color:#ccc;}
.footer-top a:hover{text-decoration: none;color:#fff;}
.footer-main{width:1050px;height:100%; margin:0 auto; }
.footer-left{width:700px; height:100%; float:left;color:#ccc; }
.footer-right{width:300px;height:100%; float:left; }
.footer-left dl{float: left;    margin-left: 45px;    width: 25%;    text-align: center;    margin-top: 50px;    cursor: pointer;}
.footer-left dl:nth-child(2){ width:25%; margin-left:25px;}
.footer-left dl:nth-child(3){ width:25%; margin-left:25px;}
.footer-left dl:nth-child(2) dt{border:none;}
.footer-left dl:nth-child(2) i{ width:58px;height:2px; background:#CA1713 ; display: block; margin: 0 auto; margin-top:15px;}
.footer-left dl:first-child{margin-left:0px;}
.footer-left dt{font-family: "微软雅黑","Microsoft Yahei"; font-size:14px;border-bottom: 2px solid #CA1713; padding-bottom: 15px; }
.footer-left dd{font-family: "微软雅黑","Microsoft Yahei"; font-size:12px;margin-top: 15px;}
#dd1{margin-top: 22px;}
#dd2{margin-top: 8px;}
.wx{float:left ;}
.wx-r{float:left ; margin-left: 30px;}
.wx-r img{ height:142px;}
.weix{width:120%;height:236px;margin-top:55px; border-left:1px solid #ccc; padding-left:30px; text-align: center;}
.foot-bottom{width: 100%; height:50px;}
.footer-bottom{ width: 100%;background: #242424; }
.weix ul{list-style: none;}
.weix li:nth-child(2){ margin-top:8px;}
.weix li:last-child{ margin-top:10px;}
.weix p{ font-family: "微软雅黑","Microsoft Yahei"; font-size:12px;color:#ccc; margin-top:5px;}
.wx-r p{ margin-top:25px; position: relative;}
.wx-r span{position: absolute; top:5px;left:33px}
.wx-r i{ position: absolute; top:0px;left:0px;display:inline-block;width:30px;height:30px; background:url(../images/wx11.png);}
.wx-b{clear:both;  }
.wx-b p{font-family: "微软雅黑","Microsoft Yahei"; font-size:16px; line-height: 0px; padding-top: 25px;}
.copy{width:1050px;height:100%; margin: 0 auto; position: relative;}
.copy span{ color:#999; font-size:12px; line-height: 50px;}
.copy span:nth-child(2){margin-left:140px;}
.copy span:last-child{ position: absolute; right:0px;}
.copy span i , .copy span em{margin-right:10px;}
.foot-phone{ width:100%;height:370px; background: #333; padding-top: 15px;}
.foot-phone-m{width:97%; height:100%; margin: 0 auto;}
.foot-phone li {  list-style: none; color:#ccc; width:100%;height:40px; background:#242424;margin-top:8px;line-height: 40px;text-align: center;}
.foot-phone li a{color:#ccc; text-decoration: none; }

/*footer end*/



@font-face {
	font-family:'Linotype Didot Headline Oldstyle Figures';
	src: url('../fonts/Linotype Didot Headline Oldstyle Figures.ttf');
	font-weight:normal;
    font-style: normal;
}
@font-face {
	font-family:'FZLTXHJW';
	src: url('../other/FZLTXHJW.ttf') format('truetype');
	font-weight:normal;
    font-style: normal;
}
@font-face {
	font-family:'futura_medium';
	src: url('../other/futura_medium.ttf') ;
	font-weight:normal;
    font-style: normal;
}
@font-face {
	font-family:'FuturaCondensedBQ-Medium';
	src: url('../other/FuturaCondensedBQ-Medium.otf') ;
	font-weight:normal;
    font-style: normal;
}

@media  (max-width: 910px) {
.phone{display:none;}	
.logo{ border: none;}.row img{max-width:100%;}
}
@media  (min-width: 769px)  
{
.bs-example{ display:none;}
	
}
@media  (min-width: 1100px) and (max-width: 1300px) {
.daoh ul{ width:720px;}
.daoh ul li{ width:80px; ;}

}
@media  (min-width: 769px) and (max-width: 1099px) {

.daoh ul{ width:630px;}
.daoh ul li{ width:70px; ;}	
.logo{width:115px; left:20px;}
.logo img{ width:125px; margin-top:0px;}
.phone{ left:140px;}

}

@media  (max-width: 768px) 
{

.banner{ margin-top: -20px;}
.top{ display:none;}
.banner-body h1{     font-size: 34px;}
			
}


@media only screen and (max-width: 470px){
.banner-body h1{ font-size: 24px;}
}
/*nav*/
@media (max-width: 850px){
.net-nav{ width:100%;}		
}

@media (max-width: 650px){
.net-no li{width:20%;}
.net-on li{width:21%;}
.net-on li a{ font-size: 14px;}	
}
@media (max-width: 480px){
.net-nav-left{ clear: both; width:100%;}
.net-nav-right{ clear: both; top:120% ;left:0px;}
.net-no li{width:30%;}
.net-on li{width:30%;}
}

/*super*/

@media (max-width: 1000px){
#super-body{width:75%;}
	}
@media (max-width: 767px){
.super{height:600px;}
.super-c{height:600px;}
	}

/*foot*/

@media  (max-width:975px){
.foot-bottom{ height:90px;margin-bottom:60px;}
.footer-bottom{ height:90px;}
.copy{ width:50%;}
.copy span{ display:block;width:100%;line-height:20px;}
.copy span:nth-child(2){ margin-left: 0%;}
.copy{ padding-top:10px; text-align: center;}

}	
@media  (max-width:715px){
.copy{ width:70%;text-align: center;}
}
@media  (max-width:515px){
h1{font-size: 24px !important;}
.copy{ width:90%;text-align: center;}
}
@media  (max-width:404px){
.copy{ width:100%;text-align: center;}
}
@media  (max-width:320px){
.foot-bottom{ height:110px;}
.footer-bottom{ height:110px;}

}


@media (min-width:920px) and  (max-width:1090px){
.copy{ width:90%;}	
.copy span:nth-child(2){ margin-left:5%;}
.footer-main{ width:100%;}
.footer-left{ width:69%;margin-left:10px;}
.footer-right{ width:31%; margin-left: -60px;}
.footer-left dl{ width:10%; margin-left: 15px;}	
.footer-left dl:nth-child(3){ width:9%; margin-left:5px;}
.footer-left dl:nth-child(2){ margin-left: 3px;}

}
@media (max-width:919px){
.footer-right{ display: none;}
.footer-main{ width: 100%; }
.footer-left{ width:100%; clear: both; margin-left:4%;}
}
@media (max-width:718px){
.footer-left dl{margin-left:25px; width: 9%;}
.footer-left dl:nth-child(3){ width:9%}	
.footer-left dl:nth-child(2){width:14%;margin-left:15px;}	
}
@media (max-width:640px){
.footer-left dl{margin-left:15px; width: 10%;}
.footer-left dl:nth-child(3){ width:10%; margin-left: 10px;}	
.footer-left dl:nth-child(2){width:15%;margin-left:10px;}	
}
@media (max-width:579px){
.footer-left dl{margin-left:8px; width: 11%;}
.footer-left dl:nth-child(3){ width:11%; margin-left: 0px;}	
.footer-left dl:nth-child(2){width:18%;margin-left:0px;}
}

@media (max-width:525px){
.footer-top{ display:none;}	
.footer-bottom{margin-top:20px;}
.manp-body dd li{ font-size:12px ;}
.dt2 li{ font-size:12px;}
}
@media (min-width:526px){
.foot-phone{display:none;}		
}
