@charset "gb2312";
/* CSS Document */
body,html{ width:100%; height:100%}
body{ margin:0;padding:0;font: 400 14px/25px Verdana, Arial, Helvetica, sans-serif; color:#666;background:#fff/*F9F9F9*/;-webkit-text-size-adjust:none;}
div, form,  ul,  li, dl, dt, dd, p ,figure{ margin: 0; padding: 0; border: 0;font-family: none;}
li, dl { list-style-type:none; }
ol li{list-style-type: decimal;}
li{ vertical-align:bottom}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:15px;font-weight:normal;font-family: none;}
a:focus {outline:none; -moz-outline:none}
a{/*text-decoration:none;color:#333; 
	-moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;;
    transition: all 0.5s ease-in;*/}
a{color:#666;text-decoration:none;font-family: none;}
a:hover{color:#333;}
input,textarea{ outline:none;color:#333;font-family:Gotham,gotham,Verdana,sans-serif;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{ clear:both;}
em,i{font-style: normal}
img{line-height:0;margin:0;padding:0; vertical-align:top;border:0; max-width:100%;} 
.fleft{float:left}
.fright{float:right;}

.width{max-width:100%;margin:0 auto;height:auto;}
.width-980{max-width:980px;margin:0 auto;height:auto;}
.width-900{max-width:900px;margin:0 auto;height:auto;}
.width-560{max-width:560px;margin:0 auto;height:auto;}


.video-cont{/* position: inherit; *//* top:0px; *//* left:0px; */width:100%;}
.video-body{/* position:relative; *//* height:780px; */}
.video-cont video{/* position:absolute; *//* left:0px; */ width:100%;}
.banner-show{position:absolute;top:22%;z-index:1;width:100%}
.banner-text{ color:#fff;}
.banner-text h4{margin-top:20%; font-size:40px; font-weight:600;text-shadow: rgb(255 255 255 / 80%) 1px 1px 1px, rgb(0 0 0 / 40%) -1px -1px 1px;text-transform: uppercase; letter-spacing:1px; color:#FF6633}
.banner-text p{margin-top:5%; font-size:20px; font-weight:600;text-transform: uppercase; letter-spacing:2px; text-align:center;font-style: oblique;}
.banner-text  a{ display:inline-block;padding:10px 30px; color:#fff;margin-top:4%; border:2px solid #fff}
.banner-text  a:hover{ background:#fff; color:#333;}

.banner{ width:100%; margin:-20px auto ;}
.banner img{text-align:center;width:100%; margin-bottom:10px;}
.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:100%; max-height:1000px; display:block;}



.header-nav{ z-index:100; position:fixed;top:0px; width:100%; background-color:rgb(255, 255, 255,.7);}
.nav{}
.nav-list>li{ float:left;  position:relative}
.nav-list>li>a{ color:#333;font-weight:bold;margin:30px 25px; display:block; font-size:16px;text-transform: capitalize;}
.nav-list>li>a:hover{ color:rgb(102, 102, 102,.6)}
.nav-list>li>a.active{ color:#296fd8}
.logo{ margin-top:15px; width:20%}
.nav-down{position: absolute;background: rgba(255,255,255,.9);top:55px;left: 0px;width: 100%;padding-bottom:5px; display:none}
.nav-down>li{ text-align:center; line-height:25px;}
.nav-down>li>a{ color:#333;font-weight:bold;line-height:30px;display:block}
.nav-down>li>a:hover{ color:rgb(102, 102, 102,.6)}
.nav-list>li:hover .nav-down{ display:block}

.header-active .nav-list>li>a{ margin:0px 25px; line-height:42px; font-size:14px;}
.header-active  .logo{ width:13%;margin-bottom:1%;margin-top:6px;}

.header-active .nav-down{top:35px;}

.m_header:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.m_header {display: none; position:absolute; top:0px;left: 0;width: 100%;z-index: 99999;margin-bottom: 5px;}
.logo_box {float:right;width: 33%;text-align: center;line-height: 0;padding:5px 0;padding-right:30px;font-size: 0;zoom: 1;}
.m_lang{position: absolute;top: 0;right: 0;line-height: 0;padding: 19px 10px;}

.nav_toggle {
 color: #333;
 -webkit-transform: scale(0.7);
 -moz-transform: scale(0.7);
 -ms-transform: scale(0.7);
 -o-transform: scale(0.7);
 transform: scale(0.7);
 transform-origin: 50% 50%;
 position: absolute;
 top: 20px;
 left: 10px;margin-top:-13px;
 z-index: 9;
 }
.nav_toggle {cursor: pointer;padding: 10px 35px 16px 0;}
.nav_toggle span,.nav_toggle span:before,.nav_toggle span:after {cursor: pointer;height: 3px;width: 40px;background: #296fd8;position: absolute;display: block; content: '';}
.nav_toggle span:before {top: -10px;}.nav_toggle span:after { bottom: -10px;}
.nav_toggle span,.nav_toggle span:before,.nav_toggle span:after {transition: all 500ms ease-in-out;
 -webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;}
.nav_toggle.active span {background-color: transparent;}
.nav_toggle.active span:before,.nav_toggle.active span:after {top: 0;}
.nav_toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.nav_toggle.active span:after {transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);top: 10px;}
.m_header .m_nav {display: none;position: fixed;top:40px; left: 0;bottom: 0;width: 100%;background: #296fd8;z-index: 2;overflow: auto; border-top: 1px solid #f0f0f0;margin-top: -1px;}
.m_header .m_nav_list a {display: block; padding:5px 15px;line-height: 35px;text-align: left;font-size: 14px !important; color: #fff; border-bottom:1px solid #296fd8}
.dropdown_menu>li:last-child>a{ border:none}
.m_header .m_nav_list > li { position: relative;border-bottom: 1px solid #f0f0f0;transition: transform .5s ease;transform: matrix(1, -1, 0, 1, 200, 100);}
.m_header .m_nav_list > li > b { position: absolute; width: 20px; height: 20px;background: #fff; top: 8px;right: 10px;
background: url("../images/li_click.png") no-repeat top center; }
.m_header .m_nav_list > li > a {opacity: 0;}
.m_header .m_nav_list .dropdown .dropdown_menu {height: 0;overflow: hidden;}
.m_header .m_nav_list .dropdown .dropdown_menu.on {height: auto;}
.m_header .m_nav_list .dropdown_menu > li {border-top: 1px solid #f0f0f0;background: #f5f5f5;}
.m_header .m_nav_list > li a span{font-size: 14px;}
.m_header .m_nav_list .dropdown_menu > li a{color:#333;}

.index-about{position: relative;}
.index-about h3{margin-bottom:1%;margin-top:16%}
.index-about p{margin-bottom:15px; line-height:25px;}

.hometwz{position:absolute;top:10%;left:15%;color:#fff;width:70%; font-size:18px;}
.hometwz p{margin-bottom:10px; line-height:36px;}

.show-cont{position: relative;/* top:650px; */z-index:2; background:#fff;padding:20px 0px;font-family: lulo-clean-w01-one-bold,sans-serif;}
.show-title{ font-size:17px;font-weight:bold;color:#000;text-transform: uppercase;letter-spacing:2px;}
.show-ul{margin-top:20px; text-align:center}
.show-ul>li{width:15.6%;margin:10px; display:inline-block; position:relative;/*border:2px solid #ccc;padding:5px;*/}
/*.show-ul>li:last-child{ margin-right:0px}*/
.show-ul>li>a{ display:block;}
.show-ul>li>a:hover span{ color:#000;}
.show-ul>li>a>span{ position:absolute; top:15%; font-size:18px; color:#333;font-weight:bold; display:block; text-align:center;width:100%;text-transform: uppercase;}
.show-ul>li img{ width:100%; margin-bottom:10%;}

.world-cont{ position:inherit;top:500px;margin-top:30px;z-index:1; }
.world-text{ position:relative;top:-5px}
.world-text span{ font-size:20px;display:block;color:#fff; text-align:center;width:100%;font-weight:bold; text-transform: uppercase; letter-spacing:2px;}

.fotter-conts{position:inherit;z-index:1;background: url("../images/bottmbg.png") no-repeat top center;background-size:100% 100%;/*background:rgb(41, 41, 41); */padding:60px}
.enh_icon_box{ float:left;width:30%;margin-right:2%; text-align:center;color:#fff;}
enh_icon_box:last-child{ margin-right:0px;}
.enh_icon_box  .ti {float: none;position: relative;margin-left: 0; display:block}
.enh_icon_box h4 {font: 500 16px Raleway, Arial; text-transform: uppercase;line-height: 1.225;margin-bottom: 25px;margin-top:20px;}
.enh_icon_box h4 b{ display:block;margin-bottom:6px;}
.enh_icon_box h4:after {background: #fff;opacity: 0.5;}
.enh_icon_box:hover h4:after {width: 160px;}
.enh_icon_box h4:after {display: block;content: '';height: 1px;width: 100px;background: #C9C9C9;margin-top: 15px;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;margin: auto;}
.nban-body img{ width:100%;}

.t10{ margin-top:3%}
.about-header{ margin-top:2%;}
.about-left{ width:30%;}
.about-right{ width:66.5%}
.about-right p{margin-bottom:4%;color:#000;line-height:20px; letter-spacing:1px;}


.sport-header{ margin-top:3%; margin-bottom:1%;}
.sprt-title{ margin:5% auto 0px auto; color:#000; font-weight:600; /*letter-spacing:2px;*/ font-size:26px; text-align:center; text-transform:uppercase;padding-bottom:1%; border-bottom: 4px solid #333;width:92%;}
.sprt-title2{margin-top:2%; color:#000; font-weight:600; /*letter-spacing:2px;*/font-size:20px; text-align:left;}
.sport-left{ width:49%;}
.sport-right{ width:48.5%}
.sport-right p{margin-bottom:4%;color:#000;line-height:20px; letter-spacing:1px;}
.active-list>li{float:left;width:42%;padding:3%; text-align:center; margin-top:2%;border-radius:3px;}
.active-list>li:nth-child(2n+2){ margin-right:0px;}
.active-list>li img{ max-height:240px;}

.find-cont{ margin-top:3%}
.find-title{ font-size:22px; color:#000;}
.find-list{ margin-top:3%;}
.find-list>li{ display:inline-block;margin-right:2%;}
.find-list>li>a{ display:block;padding:6px 16px;color:#fff; background:#000;text-transform: capitalize;box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 60%);border:2px solid #000}
.find-list>li:last-child{ margin-right:0px;}
.find-list>li>a:hover{ border:2px solid #000;color:#000; background:none}

.font45-title{ font-size:45px; font-weight:600;color:#000; text-transform:uppercase; letter-spacing:2px; line-height:45px;}
.t20{ margin-top:5%}
.t30{ margin-top:10%}
.b30{ margin-bottom:3%}
.b40{ margin-bottom:4%}
.b50{ margin-bottom:5%}
.border-h-bottom{border-bottom:2px dashed #000;padding-bottom:7%;}
.active-liat>li{ float:left;width:30%; margin-right:5%;}
.active-liat>li:last-child{ margin-right:0px;}
.at-tle{ font-weight:600;font-size:18px; text-align:center;margin-bottom:3%}
.active-liat>li p{ font-size:13px; line-height:20px;margin-top:2%}
.active-cont:last-child{ border-bottom:none}
.enh_over {width: 100%;height: 100%;top: 0;left: 0;position: absolute;z-index: 1;}

.top-none .fotter-conts{ top:0px !important}

.contact-text{ color:#000; line-height:25px;}
.contact-text h4{ font-weight:600;font-size:17px;}
.cont-text-list>li{ margin-bottom:2%; list-style:disc}
.contact-map{border-top:2px solid #ccc;border-bottom:0px solid #ccc;}
.contact-map img{ width:100%}

.n-ban{ position:relative}
.nban-text{ position:absolute;top:30%;right:0%; z-index:1}
.nban-text h4{color: #333;font-weight:600;font-size:32px;text-transform:uppercase; }
.nban-text img{width:80%; }
.font-300{ font-weight:300;}
.font-400{ font-weight:400;}
.font-500{ font-weight:500;}
.font-600{ font-weight:600;}
.about-title{ color:#000; font-size:32px; text-align:center;text-transform: uppercase;}

.nban-textcp{ position:absolute;top:43.5%;left:40%; z-index:1}
.nban-textcp h4{color: #fff;font-weight:600;font-size:50px; text-transform:uppercase; }

.about-list{ text-align:center}
.about-list>li{ display:inline-block;width:36%;margin-right:10%;margin-bottom:5%;} 
.about-list>li h4{color:#000; text-align:left;}
.about-list>li p{ color:#000; }
.about-list>li:nth-child(2n+2) {
    margin-right: 0px;
}

.about-tet{height:180px}
.about-list2>li{ float:left;width:30%;margin-right:4%}
.about-list2>li:last-child{ margin-right:0px;}
.about-list2>li p{ font-size:18px; font-weight:600;color:#333; text-align:center;margin-top:2%}
.ctitle1{ color:#000;font-size:23px; font-weight:500; width:300px; margin:6% auto;}
.ctitle2{ color:#000;font-size:20px; font-weight:600; margin-top:20px;text-align:center;}

.about-imgbk{border:0px solid #fff;}

.Factoryxf{ position:absolute;top:30%;left:12%; z-index:1}

.cform-text{ margin-bottom:2%}
.cform-text textarea{ width:100%;height:350px; border:1px solid #ccc; border-radius:3px;}
.cform-text p{ color:#ccc; text-transform:uppercase; margin-left:4px; text-transform:uppercase}
.cform-text input[type="text"]{  border:1px solid #ccc; border-radius:3px; height:40px; width:100%}
.cf1-list{ float:left;width: 40%;margin-right: 4%;}
.cform-text input[type="submit"]{ padding:7px 25px; border:none;color:#000; background:#828282; font-size:16px;}













@media only screen and (max-width:1920px) {
	

}

@media only screen and (max-width: 1230px) {
	
}
@media only screen and (min-width: 1200px) {
	
	
	
}
@media only screen and (max-width: 1217px) {
	


}

@media only screen and (max-width: 1197px) {
	
}

@media only screen and (max-width: 1165px) {
	
}

@media only screen and (max-width: 1070px) {
	

	}

@media only screen and (max-width: 1020px) {
	
	
		
}

@media only screen and (max-width: 960px) {
.m_header{display:block !important}
.header-nav{display:none}

.banner-text { float:none  !important; text-align:center}
.banner-text h4{ font-size:16px;}
.banner-text p{ font-size:12px; margin-top:1%} 

.width{max-width:98%;margin:0 auto;height:auto;}
.width-980{max-width:98%;margin:0 auto;height:auto;}
.width-560{max-width:98%;margin:0 auto;height:auto;}
.show-ul{ text-align:center}
.show-ul>li{ float:none; display:inline-block; width:95%; margin-right:0%; margin-bottom:3%}


.enh_icon_box{ width:100%; float:none;margin-right:0px;}
.about-list>li{ width:100%;margin-right:0px;}

.about-list2{ text-align:center}
.about-list2>li{ float:none; display:inline-block; width:100%;margin-right:0px; margin-bottom:2%}
.find-list>li{ margin-bottom:2%}

.active-list{ text-align:center}
.active-list>li{ display:inline-block; float:none; width:27%}


.cform-text input[type="text"]{ width:95%}
.contact-map p{ margin-left:0px  !important;margin-right:0px  !important}

.top-none .m_header{ position:static}

.about-tet{ min-height:auto;}
.about-list>li{ margin-bottom:2%}
}


@media only screen and (max-width: 860px) {
	
	
	
	
	
}  

@media only screen and (max-width: 820px) {
	
}

@media only screen and (max-width: 700px) {

	
}


@media only screen and (max-width: 670px) {

}
@media only screen and (max-width: 640px) {


}

@media only screen and (max-width: 570px) {
} 

@media only screen and (max-width: 520px) {
}
@media only screen and (max-width: 480px) {

}
@media only screen and (max-width: 435px) {
}

@media only screen and (max-width: 410px) {

}
@media only screen and (max-width: 400px) {

}

@media only screen and (max-width:370px) {
	

}


@media only screen and (max-width:320px) {
	

}