/*pad*/
img{
	max-width: 100%;
}
.gh {
	float:right;
	height:34px;
	width:34px;
	right:30px;
	top:25px;
	position:absolute;
	display: none;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
}
.selected .gh {
	transform: rotate(90deg);
}
.gh a {
	background-color: #fff;
	display: block;
	height: 2px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.selected .gh:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.selected .gh:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.gh a:after, .gh a:before {
	background-color: #fff;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {
	top:10px;
}
.gh a:before {
	top:-10px;
}
.selected .gh a:after, .selected .gh a:before {
	top: 0;
}
.selected .gh a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.selected .gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.selected .gh a {
	background-color: transparent !important;
}

@media only screen and (max-width:1200px) {
	html,body{
		overflow: auto;
	}
	html{
		/*background: #ddd;*/
	}
	.gh{
		display: block;
	}
	.wrapper{
		width: auto;
	}
	.header{
		height: auto; overflow: hidden; padding-bottom: 5px;
	}
	.header .logo{
		width: auto; display: block; float: none; text-align: center;
	}
	.header .right{
		float: none; display: block; text-align: center;	
		padding-top: 0;	
		position: relative; top: -10px;
		width: auto;
	}
	.header .right .lang{
		text-align: center;
	}
	.header .right .tel img{
		width: 20px; height: 20px;
	}
	.header .logo a img {
	    display: inline-block;
	}
	.naver{
		height: auto; overflow: hidden;
	}
	.naver ul{
		height: auto; 
	}
	.naver li{
		width: 25%; text-align: center;
		height: 45px; line-height: 45px;
	}
	.naver li .input-bar{
		display: none;
	}
	.naver li a{
		padding: 0; width: 100%; font-size: 15px;
	}
	.header .right .lang ul li a{
		font-size: 14px;
	}
	.header .right .tel{
		font-size: 16px;
	}
	.hslide .slider-nav__item{
		 margin: 0 5px;
	}
	.slider-nav__item--current{
		border: 1px solid #FFFFFF;
	}
	.slider-nav__item{
		border: 1px solid #FFFFFF;
		width: 8px; height: 8px;
		 margin: 6.5px 5px;
	}
	.sys_slide, .hslide{
		width: auto; height: auto;
	}
	.hslide .slider-nav{
		height: 30px;
	}
	.hnav ul{
		margin: 0 7.5px;
	}
	.hnav ul li{
		width: 33.33%; margin:0 ; border: 0;	
	}
	.hnav ul li a{
		width: auto; display: block;
		border: 1px solid #003876;
		margin: 0 7.5px;
	}
	.naver li .input-bar::before, .naver li .input-bar::after{
		height: 3px;
	}
	.himgs ul{
		width: 100%;
	}
	.himgs ul li{
		width: 31.33%; margin-right: 3%;
	}
	.himgs ul li.last{
		margin-right: 0;
	}
	.himgs ul li img{
		height: auto;
	}
	.hnav ul li h4{
		height: 35px;word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.sys_reg .body ul li .title h4{
		font-size: 15px;
	}
	.sys_reg .body{
		margin-top: 55px;
	}
	.sys_reg .body ul li dd .img{
		width: 100px; height: 100px;
	}
	.sys_reg .body ul li dd .img img{
		width: 60px; height: 40px; margin-top: -20px; margin-left: -30px;
	}
	.hnav ul li a em{
		display: none;
	}
	.footer{
		height: auto; padding-bottom: 10px;  margin-top: 40px;
	}
	.footer .imgs{
		position: static; margin-top: 0;
		text-align: center;
		width: 320px; margin: 30px auto 0;
	}
	.footer .txts{
		padding-left: 0;
		width: auto; margin: 0 15px;
		text-align: center;
	}
	.footer .txts .nav li a{
		margin-right: 5px; font-size: 12px;
	}
	.current{
		height: auto; line-height: 30px; padding-bottom: 20px;
	}
	.detail{
		padding: 0 20px 20px; margin:0 15px; top: 0;
	}
	.detail em{
		display: none;
	}
	.detail .title{
		height: auto; line-height: 30px;
	}
	.posts .body li{
		padding: 0 2%; font-size: 14px;
	}
	.posts .body li .left{
		width: 70%;
		word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.sys_step .body{
		margin: 70px 15px 0;
	}
	.posts .body li .right{
		width: 30%; text-align: right;
		word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
	.newslist li .date{
		 width: 100px; position: absolute; top: 0; left: 0;
		 padding-right: 12px;
	}
	.newslist li .date h2{
		font-size: 54px;
	}
	.newslist li .text{
		width: auto; margin:0 10px;
	}
	.newslist li .text .desc{
		font-size: 13px; height: 160px;
	}
	.newslist li .text h2 a{
	    display: block; 
	    font-size: 15px;
	    height: 40px; line-height:40px;
	}
	.container{
		padding-left: 0;
	}
	.container .aside{
		position: static; width: auto; margin: 0 7.5px;
	}
	.container .aside ul{
		height: auto; overflow: hidden;
	}
	.container .aside ul li{
		width: 50%; float: left; display: inline;
		margin-bottom: 10px;
	}
	.container .aside ul li a{
		display:block;
		width: auto; margin: 0 7.5px ;
	}
	.container .main {
	    padding: 0 20px 30px;
	    width: auto;
	    margin:8px 15px 0;
	}
	.single .desc{
		padding-left: 0;
	}
	.single .desc .img{
		position: static; margin: 0 auto 30px; 
		width: 120px; height: auto;
	}
	.header4{
		height: auto;
	}
	.single .desc .txts h4{
		font-size: 15px;
	}
	.single .desc .sogan{
		margin-top: 35px;
	}
	.single .desc .sogan img{
		width: 160px; height: auto;
	}
	.single .desc .txts p{
		font-size: 13px; margin-top: 10px;
	}
	.header4 .nav,
	.header4 .logo{
		 display: block; float: none; text-align: center;
	}
	.header4 .logo{
		margin: 0 15px;
	}
	.header4 .nav{
		position: relative; top: -10px;
	}
	.header4 .nav li span, .header4 .nav li a{
		height: 50px; line-height: 50px;
		font-size: 14px;
	}
	.single .title{
		font-size: 22px; height: 60px; line-height: 60px;
	}
	.system-bj2{
		background-size: cover;
	}
	.register .head{
		font-size: 18px; padding: 30px 0;
	}
	.register{
		width: auto; height: auto; padding-bottom: 100px;
		background-color: #FFFFFF; margin: 0 15px;
	}
	.register .reg{
		background: no-repeat;/* width: 100%;*/ height: auto;
		width: auto; float: none; display: block;
	}
	.register .login{
		/*width: 100%;*/ position: relative; z-index: 999;
		width: auto;
		float: none; display: block;
	}
	.register .body {
	    padding: 0; 
	}
	.register .login .body{
		/*padding: 0 30%;*/
	}
	.register .body li .ico, .register .body li .input, .register .body li .label{
		display: inline-block; float: none;
		height: 30px;  line-height: 30px;
	}
	.register .body li{
		height: 30px; text-align: center;
		line-height: 30px; margin-bottom: 15px;
	}
	.register .body li .label{
		font-size: 15px; width: 100px; margin-right: 0; height:auto; line-height:1; position:relative; top:-7px;
	}
	.register .body li .input .txt{
		height: 28px; font-size: 15px;
		width: 172px;
		line-height: 28px;
	}
	.register .body li .input .txt_code {
		width: 80px;
	}
	.register .body li .input .btn_code{
		height: 30px; font-size: 12px;
		width: 82px;
	}
	.register .foot .submit{
		font-size: 15px;
		width: 175px; height: 35px;
		background-size: cover;
	}
	.register .body li .ico{
		width: 30px; top: 0; line-height:1; height:auto;
	}
	.register .foot a{
		font-size: 12px;
	}
	.register .foot .submit.n2{
		background-size: cover;
	}
	.header3{
		height: auto; /*overflow: hidden;*/
	}
	.header3 .right,
	.header3 .logo{
		width: auto; float: none; display: block;
		text-align: center;
		height: auto;
	}
	.header3 .right{
		margin-top: 0; padding-right: 0;
	}
	.newslist li .text .meta{
		font-size: 12px;
	}
	.sys_slide .slider-nav{
		padding-left: 5px;
		height: auto;
	}
	.sys_slide li.slide .tel{
		padding-right: 5px;
	}
	.sys_slide, .hslide{
		width: auto; height: auto;
	}
	.sys_user .body .list li{
		height: 300px;
		width: 224px; margin-right: 0;
	}
	.sys_user .body .list{
		height: 300px;
	}
	.sys_head .wrap{
		width: 240px; margin-left: -130px; 
	}
	.sys_head .box{
		/*padding: 0 2%;*/
		font-size: 18px;
	}
	.sys_user .body .list li .img{
		width: 120px; height: 120px;
	}
	.sys_user .body .list li .img img{
		width: 120px; height: 120px;
	}
	.sys_user .body .list li .txt h3{
		font-size: 16px;
	}
	.sys_user .body .next, .sys_user .body .prev{
		width: 30px; height: 51px;
	}
	.sys_user .body .next{
		background-size: cover; right: 15px;
	}
	.sys_user .body .prev{
		background-size: cover; left: 15px;
	}
	.sys_user .body .list li .txt p{
		font-size: 12px;
	}
	.sys_head .box h5{
		height: 30px;
		 word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		font-size: 12px; margin-top: 15px;
 	}
	
	.sys_reg .body ul li{
		width: auto; float: none; display: block;
		padding: 0 15px 18px;
	}
	.sys_reg .body ul li .title h2 i{
		width: 30px; height: 30px; background-size: cover;
	}
	.sys_reg .body ul li dd .txt{
		font-size: 14px;
	}
	.sys_reg .foot{
		position: static; margin: 0 15px;
	}
	.sys_reg .body ul li .title h2{
		font-size: 18px;
	}
	.header2{
		height: auto; overflow: hidden;
	}
	.header2 .nav,
	.header2 .logo a {
	    display: block;
	    float: none;
	}
	.sys_step .body .txt{
		font-size: 14px;
	}
	.sys_reg .foot li,
	.sys_reg .foot h4{
		font-size: 14px;
	}
	.header2 .logo a{
		width: auto; text-align: center; margin: 0 10px;
	}
	.header2 .nav{
		margin-top: 0; height: auto; width: auto;
		margin: 0 20px; text-align: center;
	}
	.uc_nav{
		padding-left: 0; position: static;
	}
	.uc_nav ul{
		width: 100%;
	}
	.uc_nav li{
		width: 25%;
	}
	.uc_nav li a{
		font-size: 14px;
	}
	.header2 .nav dl{
		padding: 0 20px;
	}
	.header2 .nav dt, .header2 .nav dd{
		padding: 0; font-size: 14px;
	}
	.header2 .nav dd{
		padding-left: 23px; margin-left: 20px;
		
	}
	.header2 .nav dd.ico1{
		background-size: 18px 18px;
	}
	.header2 .nav dd.ico2{
		background-size: 18px 18px;
	}
	.uc_page{
		height: auto; padding-left: 0;
		margin: 0 15px;
	}
	.uc_page .uc_aside{
		position: relative; width: auto; height: auto;
		background: none; top: 0;
		background-color: rgba(255,255,255,0.2);
		box-shadow: 0,0,0,10px rgba(0,0,0,0.2);
		border: 1px solid rgba(255,255,255,0.3);
	}	
	.uc_nav ul{
		border-radius: 0;
	}
	.uc_nav li.frist.selected{
		border-radius: 0;
	}
	.uc_nav li.last.selected{
		border-radius: 0;
	}
	.uc_page .uc_main{
		width:auto; /*padding: 5px 0 85px;*/
		position: relative;	
		padding: 5px 20px 85px;
		top: 0;
	}
	.uc_page .uc_aside ul{
		height: auto; overflow: hidden;
	}
	.uc_page .uc_aside li{
		float: left; display: inline;
		width: 33.33%; margin: 0;
		height: 80px; padding-top: 16px;
	}
	.uc_page .uc_aside li a{
		display: inline-block;
	}
	.uc_page .uc_aside li.line{
		background: none;
	}
	.uc_info .form .inputs_l, .uc_info .form .inputs_r{
		margin: 0; width: auto; float: none; display: block;
	}
	.uc_info .form .inputs_l li, .uc_info .form .inputs_r li{
		height: auto; overflow: hidden; text-align: center;
		margin-bottom: 15px;
	}
	/*.uc_info .form .inputs_r .photo .img{
		
	}
	
	.uc_info .form .inputs_r .photo h4{
		text-align: left;
	}*/
	.uc_page .uc_aside li h4{
		font-size: 15px;
	}
	.uc_page .uc_aside li.selected{
		margin-top: 0;
	}
	.uc_info .form .inputs_r .photo h4{
		font-size: 14px;
	}
	.uc_info .form .inputs_l select{
		background-size: 12px 10px;
	}
	.uc_info .form .inputs_r .photo .img img{
		width: 14px; height: 14px;
		margin-top: -12px; margin-left: -12px;
		padding: 5px;
		background-size: 10px 10px;
	}
	.uc_info .form .inputs_r .photo .img{
		width: 120px; height: 140px;
	}
	.uc_info .form .inputs_r .photo{
		height: 200px;
	}
	.uc_info .form .file .ico{
		height: 26px; width: 26px;
	}
	.uc_info .form .file .ico img{
		width: 14px; height: 14px; margin-top: -7px; margin-left: -7px;
	}
	.uc_info .form .file{
		padding-left: 35px;
	}
	.uc_info .form .file .txt h4{
		font-size: 15px;
	}
	.uc_info .form .file .txt h5{
		font-size: 14px;
	}
	.uc_info .form .submit input{
		width: 197px; height: 30px;
		background-size: cover;
		font-size: 16px;
	}
	.flink{
		margin: 40px 10px 0; 
	}
	.uc_page .uc_aside li .ico{
		width: 35px; height: 32px;
	}
	.uc_page .uc_aside li.selected .ico1{
		background-size: cover;
	}
	.uc_page .uc_aside li.selected .ico2{
		background-size: cover;
	}
	.uc_page .uc_aside li.selected .ico3{
		background-size: cover;
	}
	.uc_page .uc_aside li .ico1{
		background-size: cover;
	}
	.uc_page .uc_aside li .ico2{
		background-size: cover;
	}
	.uc_page .uc_aside li .ico3{
		background-size: cover;
	}
	.uc_page .uc_aside li.selected{
		border-radius: 0;
	}
	.uc_info .title{
		height: 60px; line-height: 60px; font-size: 18px;
	}
	.uc_info .form .inputs_l label, .uc_info .form .inputs_r label{
		height: 30px; line-height: 30px; font-size: 15px;
	}
	.uc_info .form .inputs_l select, .uc_info .form .inputs_l input, .uc_info .form .inputs_r input{
		height: 28px; line-height: 28px; font-size: 15px;
		width: 170px;
	}
	.uc_info .form .inputs_l select{
		width: 184px; height: auto; padding: 3px 0 3px 12px;
	}
	.flink dt{
		width: 100%;
	}
	.flink dd{
		margin: 0 15px;
	}
	.himgs{
		margin: 0 15px;
	}
	.banner{
		display: none;
	}
	.current{
		font-size: 14px; padding: 0; margin:15px 15px 18px;
	}
	.detail .title{
		font-size: 16px; padding-bottom: 5px;
	}
	.detail p{
		font-size: 14px; margin-bottom: 18px;
	}
	.hnav{
		padding-top: 0; margin: 40px 0;
	}
	.detail .texts{
		line-height: 24px;
	}
	.posts{
		margin: 20px 15px 0; 
	}
	.posts .head span{
		line-height: 35px; height: 35px; font-size: 16px;
		width: 140px;
	}
	.newslist li{
		padding-left: 112px; position: relative;
	}
	.pages li a{
		font-size: 12px; height: 24px; line-height: 24px; width: 24px;
	}
	.pages li.prev a{
		margin-right: 5px;
	}
	.container .aside li a span{
		font-size: 15px;
	}
	.sys_head{
		margin: 0 15px;
	}
	.pages li.next a{
		margin-left: 5px;
	}
	.sys_reg .body ul{
		width: auto; left: 0;
	}
	.uc_info .form .inputs_wp{
		width: auto;
	}
	.hnav ul li h3{
		font-size: 16px; padding-top: 15px;
	}
	/*.sys_step{
		margin: 0 15px;
	}*/
	.hnav ul li h4{
		font-size: 12px;
	}
	.sys_slide, .hslide{
		height: auto;
	}
	.newslist li .text .meta dd{
		margin-left: 5px;
	}
	.hslide .slider-nav{
		position: static;
	}
	.sys_slide li.slide .tel{
		position: static; font-size: 13px;
		height: 32px; line-height: 32px;
	}
	.sys_slide li.slide .tel img{
		width: 18px; height: 18px;
	}
	.header3 .right .nav li span, .header3 .right .nav li a{
		font-size: 14px;
	}
	.header3 .right .srch{
		display: none;
	}
	.footer .txts .nav li.n1 a{
		background-size: 25px 20px;
	}
	.footer .copyright p{
		font-size: 12px;
	}
	.footer .imgs li{
		width: 120px;
	}
	.footer .txts .nav li.n2 a{
		background-size: 25px 20px;
	}
	.footer .txts .nav li.n3 a{
		background-size: 25px 20px;
	}
	.footer .imgs li h4{
		font-size: 12px;
	}
	.footer .imgs{
		width: 270px;
	}
	.hslide .txt{
		right: 10px; top: 10px; text-align: center;
		left: inherit; margin-left: 0;
	}
	.hslide .txt h2{
	     font-size: 18px; 
	}
	.hslide .txt h4{
		font-size: 12px;
	}
	.hslide .txt .desc{
		height: 20px; line-height: 20px; color: #963023;
		border: 2px solid #963023; font-size: 13px;
		font-weight: bold; margin-top: 10px;
		 text-align: right;
		 background-color: rgba(255,255,255,0.5)
	}
	.sys_step .body .img ul{
		margin-bottom: 40px;
	}
	.sys_step .body .img ul li{	    
	     background:none; width: 33.33%; margin: 0; padding-top: 0;
	     
    }
    .sys_step .body .img ul li:hover{
    	background: none;
    }
    .sys_step .body .img ul li em{
    	display: none;
    }
     .sys_step .body .img ul li h4{
     	font-size: 15px;
     }
    .sys_step .body .img ul.last{
    	margin-left: 0;
    }
     .sys_slide .tel{
     	position: static; height: 35px; padding-right: 10%;
     }
	.sys_slide  .slider-nav__item{
		background-color: rgba(255,255,255,0); width: 10px; height: 10px;
		border-radius: 10px; border: 1px solid #FFFFFF;	
	}
    .sys_slide .slider-nav{
     	bottom: 0; left: 20%;
     }
    .sys_slide .tel h4{
    	font-size: 15px; line-height: 35px;
    }
    
    .sys_slide  .tel h4 img{
		position: relative; top: 3px; right: 3px;
		width: 18px; height: 18px;
	}
	.hslide .slider-nav{
		text-align: center; background: url(../imgs/bjb.png) repeat;
		height: 15px; bottom: 0; padding: 10px 0; margin: 0 !important;
	}
    .hslide  .slider-nav__item{
		background-color: rgba(255,255,255,0); width: 10px; height: 10px;
		border-radius: 10px; border: 1px solid #FFFFFF;		
	}
	
}