@charset "utf-8";
/*public css*/

*{ margin: 0; padding:0; }
*,*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}
html,body{ margin:0; padding:0; width:100%; height:100%; font-size:10px; font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif; text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;}
header,section,footer{ width:100%; overflow:hidden; }
a,li{ list-style: none; text-decoration:none; outline: none;}
a,a:hover, a:focus{ text-decoration: none;}
p{ margin: 0; }
input,img{ outline: none; border: 0; }
.allbox{ width: 96%; margin: 0 auto; overflow: hidden;}
.allbox-w12{ width: 96%; margin: 0 auto;}

body.fixed{ overflow: hidden;}
.bgh{ width: 100%; height: 100%; position: fixed;  left: -1000px; top:0; background: #000; opacity: 0.7; z-index: 998;}
.bgh.opened{ left: 0;}

header {width: 100%; height: 90px; background: #fff; position: fixed; top:0; left:0; z-index:998;}
header .top{ height: 30px; line-height: 30px; background: #f3f3f3; color: #fff; padding: 0 2%;}
header .top .sp1{ color: rgba(0,0,0,.75); font-size: 1.2rem; float: left; background: url(../img/gsi_01.png) no-repeat left center; padding-left: 1rem;}
header .top .sp2{ color: #9d1e1e; font-size: 1.4rem; float: right; background: url(../img/gsi_02.png) no-repeat left center; padding-left: 1.5rem; display: inline-block; }

header .logo{ height: 40px; font-size: 0; margin: 10px 2%;}
header .logo img{ height: 100%;}

.navtop{ width: 36px; height: 22px; position: fixed; top: 49px; right: 1rem; z-index: 1001; cursor: pointer;}
.navtop .p1{ display: block; width: 100%; height: 2px; line-height: 2px; position: absolute; left: 0; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s;}
.navtop .p1 .sp1{ color: #7c7c7c; float: left; font-size: 1rem; transform: scale(0.85);  -webkit-transform: scale(0.85);-ms-transform: scale(0.85); -o-transform: scale(0.85);}
.navtop .p1 .sp2{ display: block; width: 75%; height: 2px;background: #7c7c7c; float: right;}
.navtop .p1:nth-child(1){ top: 0;}
.navtop .p1:nth-child(2){ top: 50%; margin-top: -1px;}
.navtop .p1:nth-child(3){ bottom: 0;}
.navtop_too .p1:nth-child(1){ -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.navtop_too .p1:nth-child(2){ opacity: 0;}
.navtop_too .p1:nth-child(3){ -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(45deg);}
.navtop_too .p1 .sp1{ display: none; }

.navtop1{ top: 1.3rem; }
.header-cont{ height: 4.6rem; line-height: 4.6rem; }
.header-cont .ctit{ height: 4.6rem; line-height: 4.6rem; text-align: center; color: #000; font-size: 2rem; margin: 0 auto; font-weight: normal;}
.goback{ width: 2.6rem; height: 2.6rem; background: url(../img/gsi_28.png) no-repeat left top; background-size: 100% auto; -webkit-background-size:100% auto; position: fixed; top: 1rem; left: 1rem; z-index:998;}


nav.menu{ width: 100%; height: 100%; position: fixed; right: -1000px; top: 0; z-index:1000; width: 100%; overflow: hidden; background: #fff;}
nav.menu.opened{ right: -42%;}
nav.menu ul{ margin: 70px auto; padding: 0; overflow-y: auto; }
nav.menu ul li {
	width: 100%;
	border-bottom: 1px solid #eee;
	font-size: 1.6rem;
	height: 4rem;
	line-height: 4rem;
	color: #666;	
}
nav.menu ul li a { color: #666; display: block; padding-left: 20px;}
nav.menu ul li:hover{ background: #f3f1ee; }
nav.menu ul li a:hover{ background: #f3f1ee; }
nav.menu ul li a:active{ background: #f3f1ee; }


.myfooter{ overflow: hidden; padding-bottom: 5rem;}
.myfooter .botnav{ width: 100%; background:#b62f2f; color: #fff; text-align: center; overflow: hidden; position: fixed; bottom: 0; z-index: 999;}
.myfooter .botnav ul{ width: 100%; padding: 0;}
.myfooter .botnav ul li{ width: 25%;float: left; list-style: none; text-align: center; padding: 4px 0; }
.myfooter .botnav ul li img{ width: 30px; height: 30px;}
.myfooter .botnav ul li p{ font-size: 1.2rem; margin: -2px 0 0 0;}
.myfooter .botnav ul li a{ color: #fff;}
.myfooter .botnav ul li:last-child{ border-right: 0; }

.telph{ 
	display: none; 
	width: 40px; 
	height: 40px; 
	position: fixed;
	right: .1rem; 
	bottom: 100px; 
	z-index: 9; 
	background: rgba(182, 47, 47, .7) url(../img/qnp_top.png) no-repeat center;
	border-radius: 50%; 
}

.clearfloat:after{ display:block; content:""; visibility:inherit; clear:both;}
.clearfloat{ zoom:1;}

.bgh,nav.menu{ 
	 -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

@media screen and (max-width:320px){
   .goback{ width: 2.5rem; }
   header .logo{ height: 3.2rem; margin: .9rem 2%; }
}

@media screen and (min-width: 414px){
    html,body{ font-size: 11px; }
}