*{transition-property: all;-ms-transition-property:all;-moz-transition-property:all; -webkit-transition-property:all; -o-transition-property:all;}
html,body{font-size:14px;width:100%;clear:both;margin:0px;padding:0px;font-family:"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";overflow:hidden; overflow-x:hidden;}
body{overflow:hidden; overflow-x:hidden;}
img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
a{text-decoration:none; background-color:transparent;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
a:active,a:hover{ outline:0;}
a,button,textarea,select{ -webkit-appearance:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
ul,li{list-style-type:none;}
i,em{font-style:normal}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
table{width:100%;line-height:1.5em;border-collapse:collapse;border-spacing:0}
th, td{padding:5px;border-bottom:1px solid #transparent;border-left:1px solid transparent; vertical-align:middle;}
th{font-weight:bold;text-align:center;background-color:transparent;}
div{ box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance:none;padding:0;margin:0;font-weight:normal; color:#fff;}
input::-webkit-input-placeholder{color:#fff;}
textarea::-webkit-input-placeholder{color:#fff;}



#boxscroll{ width:100%; height:100%; overflow:hidden; margin:0; padding:0; overflow-x:hidden;}
.nicescroll-rails-vr .nicescroll-cursors{ background-image:linear-gradient(45deg, rgba(238,80,255,0.5), rgba(0,151,255,0.5)); animation:pace-stripe-animation 1s linear infinite; background-size:70px 70px; z-index:999;}

@keyframes pace-stripe-animation {
	from{ background-position-y:0; }
	to{ background-position-y:100%; }
}  




#back-to-top{ position:fixed;bottom:100px;right:60px; z-index:9;}
#back-to-top a{ text-align:center; text-decoration:none; display:block; background-color:rgba(73,91,186,1); border-radius:5px;}
#back-to-top a span{ display:block;height:50px;width:50px;background-image:url(../image/arrow-up.png); background-size:contain; margin-bottom:5px;-moz-transition:background 0.001s;-webkit-transition:background 0.001s;-o-transition:background 0.001s; border-radius:100%;}
#back-to-top a:hover{ background-color:rgba(73,91,186,0.8);}


.header{ width:100%; background-color:transparent; float:left; position:fixed; top:0; left:0; z-index:99; transition-property:background .5s, height .5s, transform .5s; -moz-transition-property:background .5s, height .5s, transform .5s; -webkit-transition-property:background .5s, height .5s, transform .5s; -o-transition-property:background .5s, height .5s, transform .5s;}
.header::after{content:"020"; display:block; height:0; clear:both; visibility:hidden;}
.h_bg{ background-image:url(../image/h_bg1.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; height:120px; transition-property:background .5s, height .5s, transform .5s; -moz-transition-property:background .5s, height .5s, -moz-transform .5s; -webkit-transition-property:background .5s, height .5s, -webkit-transform .5s; -o-transition-property:background .5s, height .5s, -o-transform .5s;}
.h_style{box-shadow:0 3px 3px rgba(0,0,0,0.1);}
.h_ad{ width:100%; height:100%; float:left; opacity:1; transition:  height 2s, opacity 2s, transform 2s;
-moz-transition: height 2s, opacity 2s, -moz-transform 2s;
-webkit-transition:height 2s, opacity 2s, -webkit-transform 2s;
-o-transition: height 2s, opacity 2s, -o-transform 2s; }
.h_ad img{ width:100%;}
.h_bok{ opacity:0; height:0;transition: height 1s, opacity 1s, transform 1s;
-moz-transition: height 1s, opacity 1s, -moz-transform 1s;
-webkit-transition: height 1s, opacity 1s, -webkit-transform 1s;
-o-transition: height 1s, opacity 1s,-o-transform 1s; }
.h_con{ max-width:1200px; margin:0 auto; box-sizing:border-box;}
.header .h_post{ width:100%; float:left; position:relative; z-index:9999;}
.header .h_logo{ width:170px; height:80px; float:left; background-image:url(../image/logo1.png); background-position:left center; margin:20px 0;}
.header .h_menu{ float:right; height:50px; margin:35px 0; }
.header .h_menu li{ font-size:16px; color:#fff; height:50px; line-height:50px; padding:0 10px; float:left; letter-spacing:5px; margin:0 20px;}
.header .h_menu li:hover{ color:#fff; border-bottom:1px solid #fff;}
.header .h_menu li a{ color:#fff;}
.header .navBtn{position:absolute;top:50%;right:34px;width:44px;height:37px;margin-top:-19px;cursor:pointer;z-index:1;}
.header .navBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }



footer{width:100%; height:540px; background-image:url(../image/f_bg1.jpg); background-size:auto; float:left; background-position:center; box-sizing:border-box; }
footer::after{ content:"020"; display:block; clear:both; visibility:hidden;}
.f_con{ max-width:1200px; margin:0 auto;}
footer .f_mod{ width:100%; float:left; margin-top:70px;}
footer .f_mod ul li{ width:50%; float:left; box-sizing:border-box; padding-right:20px;}
footer .f_mod ul li:nth-child(2){ padding-left:20px; padding-right:0;}
footer .f_mod ul li .f_modM{ width:100%; float:left; position:relative; overflow:hidden;}
footer .f_mod ul li .f_modM .f_modP{ width:100%; height:170px; float:left; background-size:cover; background-position:center; -webkit-transition:-webkit-transform 1s; -o-transition:-webkit-transform 1s; -moz-transition:-webkit-transform 1s; transition:transform 1s;}
footer .f_mod ul li:hover .f_modM .f_modP{ -webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
footer .f_mod ul li .f_modM .f_modT{ width:100%; float:left; position:absolute; bottom:0px; left:0; padding:25px;}
footer .f_mod ul li .f_modM .f_modT h3{ width:100%; float:left; position:relative; overflow:hidden; padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ position:absolute;bottom:0;left:0;width:46%!important;height:2px!important;background-color:#495bba;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0);}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:56%!important; -webkit-transform:translate3d(-84%,0,0);transform:translate3d(-84%,0,0);}
footer .f_mod ul li:hover .f_modM .f_modT h3::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
footer .f_mod ul li .f_modM .f_modT h3 p{ float:left; font-size:18px; color:#495bba; font-family:"思源黑体 CN Normal",sans-serif; font-weight:normal;  }
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px;border-bottom:2px solid #495bba;border-right:2px solid #495bba;transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-o-transform:rotate(315deg); display:none\9; position:absolute; left:44%; top:18px; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:54%; }

footer .f_box{ width:100%; float:left; position:relative; margin:85px 0;}
footer .f_box .f_boxG{ width:100%; float:left; height:90px; background-image:url(../image/logo1.png); background-position:center;}
footer .f_box .f_boxM{ position:absolute; }
footer .f_box .f_boxM h3{ width:100%; float:left; font-size:16px; color:#fff; border-bottom:1px solid #fff; padding-bottom:15px; font-weight:normal; letter-spacing:1px; margin-bottom:10px;}
footer .f_box .f_boxM p{ width:100%; float:left; font-size:15px; color:#fff; letter-spacing:1px; margin-top:10px; letter-spacing:1px;}
footer .f_box .f_boxL{ width:25%; left:0; }
footer .f_box .f_boxR{ width:15%; right:0; }

footer .f_box .f_boxM .f_icon{ width:100%; float:left; margin-top:10px;}
footer .f_box .f_boxM .f_icon .child{ width:30px; height:30px; float:left; margin-right:20px; position:relative;}
footer .f_box .f_boxM .f_icon .child img{ width:100%;}
footer .f_box .f_boxM .f_icon .child .f_QR{ width:150px; height:150px; left:-65px; top:-150px; float:left; background-image:url(../image/icon_qr.png); background-position:center; background-repeat:no-repeat; background-size:contain; position:absolute; -webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;-ms-transition:opacity 0.5s ease;transition:opacity 0.5s ease; opacity:0;}
footer .f_box .f_boxM .f_icon .child:hover .f_QR{ opacity:1;}
footer .f_copy{ width:100%; float:left; padding:10px 0; font-size:12px; color:#fff; text-align:center;}
footer .f_copy a{ color:#fff;}


.a_page{ width:100%; float:left; margin:50px 0; text-align:center;}
.paginator{ margin:0px auto; box-sizing:border-box; -webkit-box-sizing:border-box; vertical-align:middle; font-size:12px; padding:0 10px 0 0;}
.paginator a{ border:solid 1px #ccc;color:#666;cursor:pointer;text-decoration:none; box-sizing:border-box;}
.paginator a:visited{ border:solid 1px #666; background-color:#fff; text-decoration:none;}
.paginator .cpb{border:1px solid #000;color:#fff;background-color:#000;}
.paginator a:hover{border:1px solid #333;color:#333;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{float:left;height:30px;line-height:30px;min-width:30px;width:30px;margin:2px 5px 2px 0;text-align:center;white-space:nowrap;padding:0 2px; border-radius:3px; box-sizing:border-box;}



@media (max-width: 479px) {
	
#back-to-top{position:fixed;bottom:60px;right:10px;}
#back-to-top a span{ height:40px;width:40px;}


.nav_trigger{ display:block; position:absolute; width:30px; height:25px; right:0%; top:17px; z-index:1;}
.nav-active .nav_trigger{ opacity:1;}
.inner-nav{ position:absolute; z-index:999; opacity:0;}
.nav_icon{ display:inline-block; position:relative; width:30px; height:2px; background-color:#fff;}
.nav_icon:before,.nav_icon:after{ content:''; display:block; width:30px; height:2px; position:absolute; background-color:#fff;  transition-property:margin, transform; -webkit-transition-property:margin, -webkit-transform; -moz-transition-property:margin, -moz-transform; -o-transition-property:margin, -o-transform; transition-property:margin, transform; -webkit-transition-property:margin, -webkit-transform; -moz-transition-property:margin, -moz-transform; -o-transition-property:margin, -o-transform; transition-duration:300ms; -webkit-transition-duration:300ms; -moz-transition-duration:300ms; -o-transition-duration:300ms;}
.nav_icon:before{ margin-top:-10px;}
.nav_icon:after{ margin-top:10px;}
.nav-active .inner-nav{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0);}
.nav-active .nav_icon{ background:rgba(0, 0, 0, 0);}
.nav-active .nav_icon:before{ margin-top:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}
.nav-active .nav_icon:after{ margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);}

.header{ background-image:url(../image/h_bg1.jpg); background-position:center; background-size:cover; }
.h_bg{ height:60px;}
.header .h_con{ padding:0 4%;}
.header .h_logo{ width:85px; height:40px; margin:10px 0;}
.h_con .inner-nav{ width:0; height:0; 
	background:linear-gradient( 135deg, rgba(238,80,255,0.7), rgba(0,151,255,0.7)); background:-webkit-linear-gradient( -45deg, rgba(238,80,255,0.7), rgba(0,151,255,0.7)); background:-moz-linear-gradient( -45deg,rgba(238,80,255,0.7), rgba(0,151,255,0.7)); background:-o-linear-gradient( -45deg, rgba(238,80,255,0.7), rgba(0,151,255,0.7)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(238,80,255,0.7)', endColorstr='rgba(0,151,255,0.7)',GradientType=1 ); 
	transition-property:background, transform; -webkit-transition-property:background, transform; 
	-moz-transition-property:background, transform; -o-transition-property:background, transform; 
	transition-property:background, transform; -webkit-transition-property:background, transform; 
	-moz-transition-property:background, transform; -o-transition-property:background, transform; 
	transition:all 0.5s ease ; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.h_con .inner-nav .h_menu{ width:100%; height:100%; float:right; padding:0 20px; box-sizing:border-box; margin:0;}
.h_con .inner-nav .h_menu li{ width:100%; text-align:center; padding:0 20px; font-size:16px; float:left; height:55px; line-height:55px; box-sizing:border-box; border-bottom:1px solid #fff; margin:0; }
.h_con .inner-nav .h_menu li a{ color:#fff; }
.h_con .inner-nav .h_menu li:hover{ color:#fff; }
.inner-nav{ opacity:1; right:0; position:fixed; overflow:hidden; z-index:1;}
.nav-active .inner-nav{ width:50%; height:100%; margin-top:60px; display:block; opacity:1; transition:all 0.5s ease ;-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease;  }


footer{ height:auto; background-size:cover; padding:0 5%; }
footer .f_mod{ margin-top:20px;}
footer .f_mod ul li{ width:100%; padding-right:0px; margin-top:15px;}
footer .f_mod ul li:nth-child(2){ padding-left:0px; padding-right:0;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:110px; }
footer .f_mod ul li .f_modM .f_modT{ padding:20px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ width:50%!important;}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:50%!important;}
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:13px; width:55%; }
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px; left:48%; top:18px; display:none; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:58%; }

footer .f_box{ margin:40px 0 30px 0;}
footer .f_box .f_boxG{ height:70px; margin:15px 0; display:none; }
footer .f_box .f_boxM h3{ font-size:15px; padding-bottom:15px; margin-bottom:10px;}
footer .f_box .f_boxM p{ font-size:13px; margin-top:10px;}
footer .f_box .f_boxL{ width:100%; left:0; position:inherit; }
footer .f_box .f_boxR{ width:100%; right:0; position:inherit; }
footer .f_box .f_boxR h3{ display:none;}

footer .f_box .f_boxM .f_icon{ margin-top:10px;}
footer .f_box .f_boxM .f_icon .child{ width:25px; height:25px; margin-right:20px;}
footer .f_box .f_boxM .f_icon .child .f_QR{ width:150px; height:150px; left:-65px; top:-150px; }
footer .f_copy{ padding:10px 0 0 0; text-align:center;}




.a_page{ margin:30px 0;}
.paginator{ line-height:20px;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{height:20px;line-height:20px;min-width:20px;width:auto;margin:2px 5px 2px 0; padding:0 2px;}
.paginator a:first-child{ width:auto;}
.paginator a:last-child{ width:auto;}

}

@media (min-width: 480px) and (max-width: 639px) {
	
#back-to-top{position:fixed;bottom:60px;right:10px;}	
#back-to-top a span{ height:40px;width:40px;}


.nav_trigger{ display:block; position:absolute; width:30px; height:25px; right:0%; top:17px; z-index:200;}
.nav-active .nav_trigger{ opacity:1;}
.inner-nav{ position:absolute; z-index:999; opacity:0;}
.nav_icon{ display:inline-block; position:relative; width:30px; height:2px; background-color:#fff;}
.nav_icon:before,.nav_icon:after{ content:''; display:block; width:30px; height:2px; position:absolute; background-color:#fff;  transition-property:margin, transform; -webkit-transition-property:margin, -webkit-transform; -moz-transition-property:margin, -moz-transform; -o-transition-property:margin, -o-transform; transition-property:margin, transform; -webkit-transition-property:margin, -webkit-transform; -moz-transition-property:margin, -moz-transform; -o-transition-property:margin, -o-transform; transition-duration:300ms; -webkit-transition-duration:300ms; -moz-transition-duration:300ms; -o-transition-duration:300ms;}
.nav_icon:before{ margin-top:-10px;}
.nav_icon:after{ margin-top:10px;}
.nav-active .inner-nav{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0);}
.nav-active .nav_icon{ background:rgba(0, 0, 0, 0);}
.nav-active .nav_icon:before{ margin-top:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}
.nav-active .nav_icon:after{ margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);}

.header{ background-image:url(../image/h_bg1.jpg); background-position:center; background-size:cover; }
.h_bg{ height:60px;}
.header .h_con{ padding:0 4%;}
.header .h_logo{ width:85px; height:40px; margin:10px 0;}
.h_con .inner-nav{ width:0; height:0; 
	background:linear-gradient( 135deg, rgba(238,80,255,0.7), rgba(0,151,255,0.7)); background:-webkit-linear-gradient( -45deg, rgba(238,80,255,0.7), rgba(0,151,255,0.7)); background:-moz-linear-gradient( -45deg,rgba(238,80,255,0.7), rgba(0,151,255,0.7)); background:-o-linear-gradient( -45deg, rgba(238,80,255,0.7), rgba(0,151,255,0.7)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(238,80,255,0.7)', endColorstr='rgba(0,151,255,0.7)',GradientType=1 ); 
	transition-property:background, transform; -webkit-transition-property:background, -webkit-transform; 
	-moz-transition-property:background, -moz-transform; -o-transition-property:background, -o-transform; 
	transition-property:background, transform; -webkit-transition-property:background, -webkit-transform; 
	-moz-transition-property:background, -moz-transform; -o-transition-property:background, -o-transform; 
	transition:all 0.5s ease ; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.h_con .inner-nav .h_menu{ width:100%; height:100%; float:right; padding:0 20px; box-sizing:border-box; margin:0;}
.h_con .inner-nav .h_menu li{ width:100%; text-align:center; padding:0 20px; font-size:16px; float:left; height:55px; line-height:55px; box-sizing:border-box; border-bottom:1px solid #fff; margin:0; }
.h_con .inner-nav .h_menu li a{ color:#fff; }
.h_con .inner-nav .h_menu li:hover{ color:#fff; }
.inner-nav{ opacity:1; right:0; position:fixed; overflow:hidden;}
.nav-active .inner-nav{ width:50%; height:100%; margin-top:60px; display:block; opacity:1; transition:all 0.5s ease ;-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease;  }


footer{ height:auto; background-size:cover; padding:0 5%; }
footer .f_mod{ margin-top:20px;}
footer .f_mod ul li{ width:100%; padding-right:0px; margin-top:15px;}
footer .f_mod ul li:nth-child(2){ padding-left:0px; padding-right:0;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:110px; }
footer .f_mod ul li .f_modM .f_modT{ padding:20px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ width:50%!important;}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:50%!important;}
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:13px; width:55%; }
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px; left:48%; top:18px; display:none; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:58%; }

footer .f_box{ margin:40px 0 30px 0;}
footer .f_box .f_boxG{ height:70px; margin:15px 0; display:none; }
footer .f_box .f_boxM h3{ font-size:15px; padding-bottom:15px; margin-bottom:10px;}
footer .f_box .f_boxM p{ font-size:13px; margin-top:10px;}
footer .f_box .f_boxL{ width:100%; left:0; position:inherit; }
footer .f_box .f_boxR{ width:100%; right:0; position:inherit; }
footer .f_box .f_boxR h3{ display:none;}

footer .f_box .f_boxM .f_icon{ margin-top:10px;}
footer .f_box .f_boxM .f_icon .child{ width:25px; height:25px; margin-right:20px;}
footer .f_box .f_boxM .f_icon .child .f_QR{ width:150px; height:150px; left:-65px; top:-150px; }
footer .f_copy{ padding:10px 0 0 0; text-align:center;}



.a_page{ margin:30px 0;}
.paginator{ line-height:20px;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{height:20px;line-height:20px;min-width:20px;width:auto;margin:2px 5px 2px 0; padding:0 2px;}
.paginator a:first-child{ width:auto;}
.paginator a:last-child{ width:auto;}


}


@media (min-width: 640px) and (max-width:1023px ) {
	
#back-to-top{position:fixed;bottom:80px;right:20px;}


.nav_trigger{ display:block; position:absolute; width:30px; height:25px; right:0%; top:22px; z-index:200;}
.nav-active .nav_trigger{ opacity:1;}
.inner-nav{ position:absolute; z-index:999; opacity:0;}
.nav_icon{ display:inline-block; position:relative; width:30px; height:2px; background-color:#fff;}
.nav_icon:before,.nav_icon:after{ content:''; display:block; width:30px; height:2px; position:absolute; background-color:#fff;  transition-property:margin, transform; -webkit-transition-property:margin, -webkit-transform; -moz-transition-property:margin, -moz-transform; -o-transition-property:margin, -o-transform; transition-property:margin, transform; -webkit-transition-property:margin, -webkit-transform; -moz-transition-property:margin, -moz-transform; -o-transition-property:margin, -o-transform; transition-duration:300ms; -webkit-transition-duration:300ms; -moz-transition-duration:300ms; -o-transition-duration:300ms;}
.nav_icon:before{ margin-top:-10px;}
.nav_icon:after{ margin-top:10px;}
.nav-active .inner-nav{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0);}
.nav-active .nav_icon{ background:rgba(0, 0, 0, 0);}
.nav-active .nav_icon:before{ margin-top:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}
.nav-active .nav_icon:after{ margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);}

.header{ background-image:url(../image/h_bg1.jpg); background-position:center; background-size:cover; }
.h_bg{ height:70px;}
.header .h_con{ padding:0 4%;}
.header .h_logo{ width:110px; height:50px; margin:10px 0;}
.h_con .inner-nav{ width:0; height:0; 
	background:linear-gradient( 135deg, rgba(238,80,255,0.7), rgba(0,151,255,0.7)); background:-webkit-linear-gradient( -45deg, rgba(238,80,255,0.7), rgba(0,151,255,0.7)); background:-moz-linear-gradient( -45deg,rgba(238,80,255,0.7), rgba(0,151,255,0.7)); background:-o-linear-gradient( -45deg, rgba(238,80,255,0.7), rgba(0,151,255,0.7)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(238,80,255,0.7)', endColorstr='rgba(0,151,255,0.7)',GradientType=1 ); 
	transition-property:background, transform; -webkit-transition-property:background, -webkit-transform; 
	-moz-transition-property:background, -moz-transform; -o-transition-property:background, -o-transform; 
	transition-property:background, transform; -webkit-transition-property:background, -webkit-transform; 
	-moz-transition-property:background, -moz-transform; -o-transition-property:background, -o-transform; 
	transition:all 0.5s ease ; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.h_con .inner-nav .h_menu{ width:100%; height:100%; float:right; padding:0 20px; box-sizing:border-box; margin:0;}
.h_con .inner-nav .h_menu li{ width:100%; text-align:center; padding:0 20px; font-size:16px; float:left; height:55px; line-height:55px; box-sizing:border-box; border-bottom:1px solid #fff; margin:0; }
.h_con .inner-nav .h_menu li a{ color:#fff; }
.h_con .inner-nav .h_menu li:hover{ color:#fff; }
.inner-nav{ opacity:1; right:0; position:fixed; overflow:hidden;}
.nav-active .inner-nav{ width:30%; height:100%; display:block; margin-top:70px; opacity:1; transition:all 0.5s ease ;-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease;  }


footer{ height:480px; background-size:auto; padding:0 4%; }
footer .f_mod{ margin-top:60px;}
footer .f_mod ul li{ width:50%; padding-right:15px;}
footer .f_mod ul li:nth-child(2){ padding-left:15px; padding-right:0;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:130px; }
footer .f_mod ul li .f_modM .f_modT{ padding:20px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ width:50%!important;}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:50%!important;}
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:15px; width:55%; }
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px; left:48%; top:18px; display:none; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:58%; }

footer .f_box{ margin:70px 0;}
footer .f_box .f_boxG{ height:70px; margin:15px 0; }
footer .f_box .f_boxM h3{ font-size:16px; padding-bottom:15px; margin-bottom:10px;}
footer .f_box .f_boxM p{ font-size:14px; margin-top:10px;}
footer .f_box .f_boxL{ width:30%; left:0; }
footer .f_box .f_boxR{ width:20%; right:0; }

footer .f_box .f_boxM .f_icon{ margin-top:10px;}
footer .f_box .f_boxM .f_icon .child{ width:30px; height:30px; margin-right:20px;}
footer .f_box .f_boxM .f_icon .child .f_QR{ width:150px; height:150px; left:-65px; top:-150px; }
footer .f_copy{ padding:10px 0; text-align:center;}


.a_page{ margin:40px 0;}

}


@media (min-width: 1024px) and (max-width:1199px ) {

.header{ }
.h_bg{ height:100px;}
.header .h_con{ padding:0 4%;}
.header .h_logo{ width:150px; height:60px; margin:20px 0;}
.header .h_menu{ height:50px; margin:25px 0;}
.header .h_menu li{ font-size:15px; height:50px; line-height:50px; padding:0 10px; letter-spacing:4px; margin:0 20px;}


footer{ height:540px; background-size:auto; padding:0 4%; }
footer .f_mod{ margin-top:70px;}
footer .f_mod ul li{ width:50%; padding-right:20px;}
footer .f_mod ul li:nth-child(2){ padding-left:20px; padding-right:0;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:150px; }
footer .f_mod ul li .f_modM .f_modT{ padding:20px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ width:50%!important;}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:60%!important;}
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:16px; }
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px; left:48%; top:18px; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:58%; }

footer .f_box{ margin:85px 0;}
footer .f_box .f_boxG{ height:90px; }
footer .f_box .f_boxM h3{ font-size:16px; padding-bottom:15px; margin-bottom:10px;}
footer .f_box .f_boxM p{ font-size:15px; margin-top:10px;}
footer .f_box .f_boxL{ width:25%; left:0; }
footer .f_box .f_boxR{ width:15%; right:0; }

footer .f_box .f_boxM .f_icon{ margin-top:10px;}
footer .f_box .f_boxM .f_icon .child{ width:30px; height:30px; margin-right:20px;}
footer .f_box .f_boxM .f_icon .child .f_QR{ width:150px; height:150px; left:-65px; top:-150px; }
footer .f_copy{ padding:10px 0; text-align:center;}


}


@media (min-width: 1200px) and (max-width:1439px ){

.header{}
.header .h_con{ padding:0 4%;}
.header .h_logo{ width:170px; height:80px; margin:15px 0;}
.header .h_menu{ height:50px; margin:35px 0;}
.header .h_menu li{ font-size:16px; height:50px; line-height:50px; padding:0 10px; letter-spacing:5px; margin:0 20px;}


footer{ height:540px; background-size:auto; padding:0 4%; }
footer .f_mod{ margin-top:70px;}
footer .f_mod ul li{ width:50%; padding-right:20px;}
footer .f_mod ul li:nth-child(2){ padding-left:20px; padding-right:0;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:170px; }
footer .f_mod ul li .f_modM .f_modT{ padding:25px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:18px;  }
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px; left:44%; top:18px; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:54%; }

footer .f_box{ margin:85px 0;}
footer .f_box .f_boxG{ height:90px; }
footer .f_box .f_boxM h3{ font-size:16px; padding-bottom:15px; margin-bottom:10px;}
footer .f_box .f_boxM p{ font-size:15px; margin-top:10px;}
footer .f_box .f_boxL{ width:25%; left:0; }
footer .f_box .f_boxR{ width:15%; right:0; }

footer .f_box .f_boxM .f_icon{ margin-top:10px;}
footer .f_box .f_boxM .f_icon .child{ width:30px; height:30px; margin-right:20px;}
footer .f_box .f_boxM .f_icon .child .f_QR{ width:150px; height:150px; left:-65px; top:-150px; }
footer .f_copy{ padding:10px 0; text-align:center;}




}

@media (min-width: 1440px) and (max-width:1680px ){

.header{ width:100%;}
.header .h_logo{ width:170px; height:80px; margin:15px 0;}
.header .h_menu{ float:right;}
.header .h_menu li{ font-size:16px; }
.header .h_menu li:hover{ color:#fff;}


footer{ height:540px;  background-size:auto; }
footer .f_mod{  margin-top:70px;}
footer .f_mod ul li{ width:50%; padding-right:20px;}
footer .f_mod ul li:nth-child(2){ padding-left:20px; padding-right:0;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:170px; }
footer .f_mod ul li .f_modM .f_modT{ padding:25px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:18px;  }
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px; left:44%; top:18px; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:54%; }

footer .f_box{ margin:85px 0;}
footer .f_box .f_boxG{ height:90px; }
footer .f_box .f_boxM h3{ font-size:16px; padding-bottom:15px; margin-bottom:10px;}
footer .f_box .f_boxM p{ font-size:15px; margin-top:10px;}
footer .f_box .f_boxL{ width:25%; left:0; }
footer .f_box .f_boxR{ width:15%; right:0; }

footer .f_box .f_boxM .f_icon{ margin-top:10px;}
footer .f_box .f_boxM .f_icon .child{ width:30px; height:30px; margin-right:20px;}
footer .f_box .f_boxM .f_icon .child .f_QR{ width:150px; height:150px; left:-65px; top:-150px; }
footer .f_copy{ padding:10px 0; text-align:center;}




}


@media (min-width: 1681px) and (max-width:1920px ){

}

@media (min-width: 1921px) and (max-width:2880px ){

	
}