*{margin: 0px;padding: 0px;text-decoration: none;list-style-type: none;font-family: "微软雅黑";box-sizing: border-box;}
 
li{float: left;}
.wid{width: 1200px;margin: 0 auto;height: auto;height: 100%}
.fl{float: left;}
.fr{float: right;}
#topmenu{height: 32px;line-height: 32px;background: #eeeeee}
#topmenu a{margin-left: 30px;color: #ea3c31;font-size: 13px;cursor: pointer; }
.back_bc{background: url(../images/left_tip.png) no-repeat 0 center;padding-left: 10px}
#header {height: 170px;width: 100%;background: #fff}
#header .logo{margin-top: 20px}
#header .wid{text-align: center;height: 100%;background:url(../images/head_bg.png) no-repeat;}
.backHome{float: right;margin-top: 65px;font-size: 14px;padding: 7px 22px;padding-right: 30px;background: url(../images/right_tip.png) no-repeat 93px center #dff0ff ;color: #387ebf;background-position:  }
#topmenu a.fr{color: #808080}
#nav{height: 50px;width: 100%;background: #af271e;}
#nav ul{height: 100%;width: 100%;}
#nav ul li{line-height: 50px;display: inline;height: 50px;width: calc(100% / 7 - 0.01px);text-align: center;}
#nav ul li:first-child a{padding: 0 68px;}
#nav ul li.active{background:#dc5d2f }
#nav ul li:hover{background:#dc5d2f }
#nav a{color: #fff;font-size: 16px;padding: 0 10px;line-height: 50px;display: inline-block;height: 50px;font-weight: 900}
#content{background: #eeeeee;min-height:860px;height: auto;}
#content .wid{background: #fff; height: auto;overflow: hidden;}
.left_con{width: 865px;background: ;float: left;padding-left: 20px;padding-right: 40px;border-right:2px solid #ccc; }
.right_con{width: 305px;float: right;padding-left: 20px;border-left: 2px solid #ccc;left: -2px;position: relative;}

@media (max-width: 1100px){
    .wid{width: 100%!important}
    .#content .wid{width: 100%}
    .left_con{width: calc(100% - 310px)!important}
    #nav ul li {
    height: 40px;
    line-height: 40px;
    margin-left: 1%;
    margin-right: 0px;
    font-size: 14px;
    display: inline-block;
    float: none;
    width: auto;
    }
    #nav ul li a{line-height: 40px;font-size: 16px;padding: 0 10px!important;}
    .wid{width: 100%;padding-left: 10px;padding-right: 10px; }
    #nav{height: 40px;overflow: hidden;}
    #nav ul{
        background: none;
    white-space: nowrap;
    overflow-x: scroll;
    height: 70px;
    }
}
@media (max-width: 768px){
    .left_con{width: 100%!important}
    #header .wid{ 
        height: 60px;
        background-size: contain;
    }
    .left_con{border: none;width: 100%;padding:0;}
    #gkznMain #iframeBox{width: 100%;display: none;}
    #gkznMain #iframeBox #iframe{width: 100% !important;}
    

    
    
    
    #footer img.left{margin:0px;position: absolute;top: 20px;left: 4%}
    #footer img.right{margin:0px;position: absolute;top: 20px;right: 1%}
    #footer .cont{width: 100%;margin: 0 auto;margin-top: 25px;float: none;margin-bottom: 30px}
    #content{top: 50px;
    position: relative;}
    #page{padding:0;}
    #page .btn{font-size: 14px;padding:2px 5px;margin-left: 5px;font-size: 12px}
	#header .logo{margin: 10px auto;height: 50px;display:inherit;}
	#header{height: auto;position: relative;}
	#topmenu{display: none;}
	.backHome{position: absolute;top: 0;right: 0px;padding: 7px;background: url(../images/right_tip.png) no-repeat 68px center #dff0ff;padding-right: 16px;margin-top: 27px;}
	#footer img.right,#footer img.left{display: none;}
	#footer .cont{width: 100%;margin: 10px 0;}
    #footer .cont br{display: block;}
    #page ul{margin-left: 5px;}
    #page ul li{line-height: 24px;font-size: 12px;padding: 0 6px}
    #content .wid{padding: 0px}
    .newList li a{font-size: 14px;}
    #footer_link{display: none;}

}
@media (max-width: 400px){
    #header .logo{margin: 10px auto;height: 50px;display:inherit;float: left;margin-left: 20px}
}