@charset "utf-8";
*{margin: 0;padding: 0;}
a{text-decoration: none;}
img{vertical-align: middle;}
li{list-style: none;}
	.clear{clear: both;}
	.foot_bg{background:#4D4D4D;}
.ftop{ padding:50px 0 20px 0;}
.foot_l{ width:57%;}
.fewm{ width:50%;}
.fewm li{ width:49%; position:relative; text-align:center; padding-bottom:15px;}
.fewm li:before {content: ""; position: absolute; left: 0px; top: 22px; right: 0px; bottom: 0px; border: 1px solid #ccc;}
.fewm li img{ width:80%; position:relative; z-index:9;}
.fewm li p{ font-size:14px; padding-top:8px; text-align:center; color:#ccc;}
.ftel{ width:47%;}
.flogo img{ max-width:100%;}
.ftel_nr{ padding-top:10px;}
.ftel_nr p{ color:#ccc; line-height:22px; margin-bottom:6px;font-size:14px;}
.ftel_nr p:nth-child(5),.ftel_nr p:nth-child(7){ margin-top:15px; margin-bottom:0;}
.ftel_nr a{ color:#ccc;font-size:14px;}
.ftel_nr a:hover{ text-decoration:underline;}
.foot_r{ width:39%;}
.ftitle{ color:#fff; font-size:16px; padding-bottom:10px;}
.fnav_nr.fr{ margin-left:40px;}
.fnav_nr p{ color:#ccc; line-height:30px;}
.fnav_nr a{ color:#ccc;font-size:14px;}
.fnav_nr span{font-family:"宋体"; font-size:14px; padding-right:5px;}
.footcopy {background:#333; color:#989898; overflow:hidden; padding:20px 0; line-height:26px; font-size:13px;}
.footcopy span{float:right;}
.footcopy a {color:#989898;}
.footcopy a:hover {color:#e78916;}
.fwxts{ font-size:1rem; color:#fff; padding-top:20px;}
@media screen and (max-width:1024px){
.fewm li p{ font-size:14px;}
.ftel_nr p{ font-size:14px; line-height:24px;}
.ftitle{font-size:1rem;}
.fnav_nr.fr{ margin-left:16px;}
.fnav_nr p{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:770px){
.foot_l{ width:100%;}
.foot_r{ display:none;}
}
@media screen and (max-width:520px){
.foot_l{ width:100%; float:none;}
.fewm{ width:53%;}
.ftel{ width:40%;}
.foot_r{ float:none; display:none;}
.footcopy span{float:none; display:block;}
.fewm{ width:100%; float:none; margin:0 auto;}
.fewm li{ width:48.5%;}
.ftel{ width:100%; float:none; margin-bottom:20px;}
.footcopy {padding:15px 0 60px 0; line-height:20px; font-size:14px;}
.fwxts{font-size:14px; padding-top:15px;}
}
.kg {
    width: 98%;
    margin: 0 auto;
    max-width: 1260px;
}
.fl{float: left;}
.fr{float: right;}
.top_bg{
	/*background:url(../images/top_bg.jpg) no-repeat center top;*/ 
width:100%; padding-top:4px; /*box-shadow:0px 1px 8px rgba(0,0,0,0.3);*/ position:relative; z-index:9999;}
.top{ height:36px;}
.top_l{ height:36px; line-height:36px; overflow:hidden; font-size:14px; color:#303030; width:790px;}
.top_r a{ display:block;  float:left; height:36px; line-height:36px; position:relative; z-index:9; color:#fff; font-size:14px; padding:0 10px; background:url(../images/top_fg.png) no-repeat left center;}
.top_r a:hover{color: #fff;text-decoration: underline;}
.top_r a:nth-child(1){ background:none;}
.top_r i{ position:absolute; background:#008bed; border-radius: 0 0 0 26px; height:36px; top:4px; right:0; width:31.5%; padding-left:2%;}
.logo_tel{ padding:30px 0 20px 0; width:100%;}
.tel{ background:url(../images/tel.png) no-repeat left; padding-left:65px; font-size:24px; color:#008bed; font-weight:bold;}
.tel p{ font-size:15px; line-height:30px; color:#303030; font-weight:normal;}

.nav i{ display:none;}
.sp_nav i{ display:none;}
.nav_bg{ background:url(../images/nav_bg.png) no-repeat center; width:100%; position:relative; z-index:999;}
.sjj_nav{height:60px;}
.sjj_nav li{ float:left; position:relative; width:10%; background:url(../images/nav_fg.png) no-repeat right;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav li a{display:block; text-align:center; font-size:16px; height:60px; line-height:60px; color:#fff; transition:0.5s; position:relative; z-index:9;}
.sjj_nav li:hover a,.sjj_nav li.cur a{ color:#fff; transition:0.5s;}
.sjj_nav li em{background:#f6b428; background: -webkit-linear-gradient(top, #f6b428, #e48012); background: -o-linear-gradient(top, #f6b428, #e48012); background: -moz-linear-gradient(top, #f6b428, #e48012); background: linear-gradient(top, #f6b428, #e48012); display:block; position:absolute; left:0; top:0; height:100%; transition:0.5s; width:100%; transform:scaleX(0); transition:0.5s;}
.sjj_nav li:hover em,.sjj_nav li.cur em{transform:scaleX(1); transition:0.5s;}
/*
.sjj_nav li ul{ position:absolute; width:180px; background:#d97b1b; left:25%; margin-top:3px; overflow:hidden; transform:scaleX(0); opacity:0; transition:0.5s;}
.sjj_nav li:hover ul{transform:scaleX(1); opacity:1; transition:0.5s;}
.sjj_nav li ul li{ height:42px; line-height:42px; border-top:1px solid #cb7319; float:none;}
.sjj_nav li ul li:nth-child(1){ border-top:none;}
.sjj_nav li ul li a{ padding:0; line-height:42px; height:42px; font-size:1.125rem; text-align:center; font-family:"Din"; transition:0.5s;}
.sjj_nav li:hover ul li a,.sjj_nav li.cur ul li a{ color:#fff; transition:0.5s;}
.sjj_nav li ul li:hover a{ background:#ce7111; color:#fff; transition:0.5s;}
*/
@media screen and (max-width:1024px){
.top_l{ width:650px;}
.logo_tel{ padding:30px 0 20px 0;}
.nav_bg .kg{ width:100%;}
}
@media screen and (max-width:770px){
.top_bg{box-shadow:0px 1px 8px rgba(0,0,0,0.3);}
.top{ display:none;}
.logo_tel{padding:0; height:80px;}
.logo_tel .kg{ width:100%;}
.logo{ padding-left:1%;}
.logo img{ height:50px; margin-top:15px;}
.tel{ display:none;}
}
@media screen and (max-width:520px){
.top_bg{background:url(../images/top_bg.jpg) no-repeat center -2px; padding-top:2px;}
.logo_tel{height:50px;}
.logo img{ height:25px; margin-top:14px;}
}