@charset "utf-8";
@font-face {font-family: "odemedia";
	src: url('../fonts/fa-brands-400.eot'); /* IE9 */
	src: url('../fonts/fa-brands-400.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/fa-brands-400.woff2') format('woff2'),
	url('../fonts/fa-brands-400.woff') format('woff'),
	url('../fonts/fa-brands-400.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('../fonts/fa-brands-400.svg') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "odemedia";
	src: url('../fonts/fa-regular-400.eot'); /* IE9 */
	src: url('../fonts/fa-regular-400.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/fa-regular-400.woff2') format('woff2'),
	url('../fonts/fa-regular-400.woff') format('woff'),
	url('../fonts/fa-regular-400.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('../fonts/fa-regular-400.svg') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "odemedia";
	src: url('../fonts/fa-solid-900.eot'); /* IE9 */
	src: url('../fonts/fa-solid-900.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/fa-solid-900.woff2') format('woff2'),
	url('../fonts/fa-solid-900.woff') format('woff'),
	url('../fonts/fa-solid-900.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('../fonts/fa-solid-900.svg') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "odemedia";
	src: url('../fonts/iconfont.eot'); /* IE9 */
	src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/iconfont.woff2') format('woff2'),
	url('../fonts/iconfont.woff') format('woff'),
	url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

html,body{width:100%;color: #333;}
ul,ol,li{ margin:0; padding:0; list-style:none;}
a{color: #000;transition: all .3s;}
a:hover{color: #fdb819;text-decoration: none;} 
td{padding:5px!important;}
@media screen and (max-width:767px){
	header{width: 100%;height: 100px;background: #fff;position: fixed;left: 0;top: 0;z-index: 9999;transition: all .5s ease;}
	.scroll header{height: 60px;box-shadow: 0 5px 10px rgba(0,0,0,.5);}
	.topbar{width: 100%;height: 40px;background: #020202;position: absolute;left: 0;top: 0;color: #fff;transition: all .5s ease;}
	.scroll .topbar{top: -50px;}
	.topbar:before{display: block;content: "";width: 220px;height: 50px;position: absolute;left: 0;top: 0;background: #fdb819;clip-path: polygon(0 0, calc(100% - 56px) 0,100% 100%,0 100%);-webkit-clip-path: polygon(0 0, calc(100% - 56px) 0,100% 100%,0 100%);}
	.topbar .tel{width: 180px;height: 45px;line-height: 45px;position: absolute;left: 10px;top: 0;font-size: 19px;font-family: Impact, sans-serif;}
	.topbar .tel:before{display: inline-block;width: 24px;height: 24px;line-height: 24px;margin: 0 10px 0 0;text-align: center;content: "\f2a0";font-family: "odemedia";border-radius: 50%;background: #fff;color: #d19200;font-size: 18px;}
	.topbar .email{display: none;width: 240px;height: 45px;line-height: 45px;position: absolute;right: 100px;top: 0;}
	.topbar .email:before{margin: 0 5px 0 0;content: "\f1fa";font-family: "odemedia";color: #fff;font-size: 18px;}
	.topbar .language{width: 200px;height: 45px;line-height: 45px;position: absolute;right: 10px;top: 0;text-align: right;}
	.topbar .language:before{margin: 0 5px 0 0;content: "\f1ab";font-family: "odemedia";color: #fff;font-size: 18px;}
	.topbar .language a{color: #fff;}
	.logo{width: 146px;height: 30px;position: absolute;left: 10px;bottom: 15px;background: url(../images/logo.png) no-repeat;background-size: cover;}
	.logo a{display: block;height: 60px;text-indent: -9999px;overflow: hidden;}
	
	.nav_header .btn_nav{position: absolute;right: 20px;top:50px;width: 40px;height: 40px;border: none;background: none;text-align: center;transition: all .5s ease;}
	.scroll .nav_header .btn_nav{top: 10px;}
	.nav_header .btn_nav:before,.nav_header .btn_nav:after,.nav_header .btn_nav span{display: block;content: "";width: 30px;height: 3px;background: rgba(0,0,0,.7);position: absolute;left: 50%;top: 50%;border-radius: 2px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
	.nav_header .btn_nav:before{transform:translate(-50%,0) rotate(45deg);}
	.nav_header .btn_nav:after{transform:translate(-50%,0) rotate(-45deg);}
	.nav_header .btn_nav span{transform: translate(-50%,0) scale(0,0);opacity: 0;}
	.nav_header .btn_nav.collapsed:before{transform: translate(-50%,-10px);}
	.nav_header .btn_nav.collapsed:after{transform: translate(-50%,10px);}
	.nav_header .btn_nav.collapsed span{transform: translate(-50%,0) scale(1,1);opacity: 1;}
	.nav_header .nav_ul:not(.show){display: none;}
	.nav_header .nav_ul{position: absolute;left: 0;right: 0;top: 100px;background: #000;padding: 40px 20px;font-size: 0;color: #FFF;transition: all .5s ease;}
	.scroll .nav_header .nav_ul{top: 60px;}
	.nav_header .nav_ul.collapsing{-webkit-transition: all .3s-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
	.nav_header .nav_ul li.nav-item{padding:10px 20px;font-size: 16px;background: rgba(255,255,255,.1);margin: 0 0 10px;}
	.nav_header .nav_ul li.nav-item>i{float: right;font-size: 20px;font-style: normal;}
	.nav_header .nav_ul li.nav-item>i:before{font-family: "odemedia";content: "\f107";}
	.nav_header .nav_ul li.nav-item.show>i:before{content: "\f106";}
	.nav_header .nav_ul li.nav-item>a{display: block;font-size: 18px;color: #FFF;}
	.nav_header .nav_ul li.nav-item>div.dropdown-menu{margin: 20px 0 0;position: static!important; min-width: auto;background: rgba(255,255,255,.1);text-align: center;padding: 10px 5px;float: none;font-size: 0;}
	.nav_header .nav_ul li.nav-item>div.dropdown-menu.show{visibility:visible;opacity: 1;top: 100% !important;transform: translate3d(0,0,0) !important;transition: all .5s ease;}
	.nav_sub{display: inline-block;vertical-align: top;width: 100%;padding: 20px;font-size: 14px;}
	.nav_sub .hd{font-size: 18px;padding: 0 0 0 10px;font-weight: bold;color: #fdb819;}
	.nav_sub .bd{padding: 10px 0 0;}
	.nav_sub .bd ul{font-size: 0;}
	.nav_sub .bd ul li{display:inline-block;width:50%;padding: 10px 0;font-size: 14px;vertical-align: top;}
	.nav_sub .bd ul li a{display: block;color: #FFF;}
	.nav_img{display: none;}
	.nav_other{display: none;}
	
	.search{display: none;width: 180px;height: 30px;position: absolute;right: 10px;bottom: 15px;}
	.search:after{display: block;width: 60px;height: 30px;line-height: 30px;text-align: center;content: "\f002";font-family: "odemedia";position: absolute;right: 0;top: 0;font-size: 20px;color: #fff;background: #fdb819;z-index: -1;}
	.search .ipt_txt{width: 120px;height: 30px;line-height: 30px;padding: 11px 5px;border: 1px solid #e6e6e6;}
	.search .ipt_txt:focus,.search .ipt_btn:focus{outline: none;}
	.search .ipt_btn{width: 60px;height: 30px;background: none;border: none;border-radius: 0;position: absolute;right: 0;top: 0;}
	
	
	.slider{width: 100%;position: fixed;z-index: -5;left: 0;top: 100px;transition: all .5s ease;}
	.scroll .slider{top: 60px;}
	.slider ul.swiper-wrapper li.swiper-slide{background-position: center center;background-size: cover;position: relative;}
	.slider_index ul.swiper-wrapper li.swiper-slide{height: 200px;}
	.slider .slider_next,.slider .slider_prev{width: 63px;height: 63px;line-height: 63px;text-align: center; position: absolute;top: 50%;z-index: 99;margin: -31px 0 0;transition: all .5s ease;}
	.slider .slider_next:hover,.slider .slider_prev:hover{background: rgba(253,184,25,1);}
	.slider .slider_next{right: 20px;}
	.slider .slider_prev{left: 20px;}
	.slider .slider_next:before,.slider .slider_prev:before{font-family: "odemedia";color: rgba(255,255,255,1);font-size: 30px;}
	.slider .slider_next:before{content: "\f054";}
	.slider .slider_prev:before{content: "\f053";}
	.slider .slider_txt{width: 100%;position: absolute;left: 0;top: 20px;padding: 0 20px;color: #fff;z-index: 99;}
	.slider .slider_txt span{display: block;line-height: 30px;font-size: 24px;font-family: Impact, sans-serif;text-transform: uppercase;color: rgba(255,255,255,.05);}
	.slider .slider_txt strong{display: block;font-size: 32px;line-height: 40px;}
	.slider .slider_txt em{display: block;font-size: 18px;line-height: 24px;font-weight: bold;font-style: normal;}
	.slider .slider_txt a{display: inline-block;line-height: 20px;margin: 20px 0 0;padding: 5px 20px;font-size: 14px;background: #fdb819;color: #fff;font-family: Arial, Helvetica, sans-serif;position: relative;top: 0;transition: all .3s ease;}
	.slider .slider_txt a:hover{top:-5px;transform: scale(1.1,1.1);}
	
	.wrap{width: 100%;position: absolute;left: 0;top: 300px;background: #fff;z-index: 0;box-shadow: 0 -5px 20px rgba(0,0,0,.6);transition: all .5s ease;}
	.scroll .wrap{top: 260px;}
	.box_1{width: 100%;}
	.box_1 .bhead{width: 100%;}
	.box_1 .bhead:before{display: block;content: "JIANGTU";width: 100px;height: 32px;line-height: 32px;margin: 0 auto;background: #fdb819;color: #fff;font-family: Arial, Helvetica, sans-serif;text-align: center;font-size: 16px;font-weight: bold;clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);}
	.box_1 .bhead strong{display: block;line-height: 40px;margin: 10px 0 0;font-size: 30px;text-align: center;}
	.box_1 .bhead span{display: block;line-height: 30px;font-size: 14px;text-align: center;padding: 5px 0 0;}
	.box_1 .bbody{width: 100%;padding: 30px 10px 0;}
	.product{padding: 50px 0 0;}
	.product .bbody ul{font-size: 0;}
	.product .bbody ul li{display: inline-block;width: 50%;padding: 0 10px 20px;}
	.product .bbody ul li figure{margin: 0;position: relative;}
	.product .bbody ul li figure img{width: 100%;height: auto;}
	.product .bbody ul li figure figcaption{display: block;padding: 10px;background: #000;color: #FFF;transition: all .5s ease;}
	.product .bbody ul li figure:hover figcaption{padding: 10px 40px 0;left: 0;right: 0;background: #fdb819;color: #000;}
	.product .bbody ul li figure figcaption:before{display: block;content: "\e605";font-family: "odemedia";font-size: 30px;line-height: 30px;color: #fdb819;transition: all .5s ease;}
	.product .bbody ul li figure:hover figcaption:before{color: #000;}
	.product .bbody ul li figure figcaption a{color: #FFF;transition: all .5s ease;}
	.product .bbody ul li figure:hover figcaption a{color: #000;}
	.product .bbody ul li figure figcaption strong{display: block;font-size: 16px;}
	.product .bbody ul li figure figcaption span{display: block;font-size: 14px;}
	
	.slider_product ul.swiper-wrapper li.swiper-slide{height: 250px;background-position: center center;background-size: cover;}
	.slider_product .swiper-pagination{display: flex;width: 200px;height: 10px;position: absolute;left: 50%;bottom: 20px;font-size: 0;z-index: 999;transform: translateX(-50%);}
	.slider_product .swiper-pagination span.swiper-pagination-bullet{flex: 1;width: 100%;height: 100%;opacity: 1;border-radius: 0;background: #000;cursor: pointer;}
	.slider_product .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fdb819;}
	
	.about{padding: 50px 0;background: #f2f2f2;}
	.about .bbody{font-size: 0;}
	.about_txt{display: inline-block;vertical-align: top;width: 100%;font-size: 14px;padding: 0 20px;}
	.about_txt strong{display: block;font-size: 24px;line-height: 30px;}
	.about_txt h3{font-size: 24px;font-weight: bold;line-height: 36px;}
	.about_txt p{}
	.about_txt span{display: block;font-weight: bold;font-size: 20px;color: #494949;}
	.about_txt em{display: block;font-weight: bold;font-style: normal;font-size: 24px;}
	
	.about_sub{display: inline-block;vertical-align: top;width: 100%;text-align: center;padding: 20px 0 0;}
	.about_sub ul li{display: inline-block;vertical-align: top;width: 50%;padding: 0 10px;}
	.about_sub ul li figure{border: 10px solid #FFF;padding: 0 0 100px;position: relative;overflow: hidden;}
	.about_sub ul li figure:before{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 100%;background: rgba(34,171,195,.6);text-align: center;line-height: 200%;font-family: "odemedia";font-size: 80px;color: #FFF;z-index: 10;transition: all .5s ease;}
	.about_sub ul li figure:hover:before{top:0;}
	.about_sub ul li:nth-child(1) figure:before{content: "\e6df";}
	.about_sub ul li:nth-child(2) figure:before{content: "\e613";}
	.about_sub ul li figure img{width: 100%;height: auto;}
	.about_sub ul li figure figcaption{width: 100%;height: 120px;padding: 50px 0 0 10px;background: #22abc3;position: absolute;left: 0;right: 0;bottom: 0;clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);z-index: 11;transition: all .5s ease;}
	.about_sub ul li figure:hover figcaption{background: #FFF;clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);}
	.about_sub ul li figure figcaption strong{font-size: 22px;line-height: 40px;margin: 0 15px 0 0;float: left;color: #FFF;transition: all .5s ease;}
	.about_sub ul li figure:hover figcaption strong{color: #000;}
	.about_sub ul li figure figcaption span{font-size: 30px;font-family: Impact, sans-serif;line-height: 40px;color: rgba(222,222,222,.3);}
	
	.advantage{padding: 50px 0 20px;background: url(../images/bg_advantage.jpg) center top repeat-x;}
	.advantage .bhead{color: #FFF;}
	.advantage .bbody{text-align: center;padding: 50px 0 0;}
	.advantage .bbody ul{font-size: 0;}
	.advantage .bbody ul li{display: inline-block;vertical-align: top;width: 30%;margin: 0 1%;background: #f2f6f7;font-size: 14px;}
	.advantage .bbody ul li:before{display: block;line-height: 120px;text-align: center;font-family: "odemedia";transition: all .5s ease;}
	.advantage .bbody ul li:hover:before{color: #fdb819;}
	.advantage .bbody ul li:nth-child(1):before{content: "\e612";font-size: 80px;}
	.advantage .bbody ul li:nth-child(2):before{content: "\e659";font-size: 60px;}
	.advantage .bbody ul li:nth-child(3):before{content: "\e702";font-size: 110px;}
	.advantage .bbody ul li strong{display: block;line-height: 30px;margin: 0 0 20px;font-size: 20px;text-align: center;}
	.advantage .bbody ul li span{display: none;width: 100%;height: 260px;padding: 50px 20px 0;background: #22abc3;clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);z-index: 11;transition: all .5s ease;color: #FFF;}
	.advantage .bbody ul li:hover span{clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);}
	
	.apply{padding: 50px 0;}
	.apply .bbody ul{font-size: 0;}
	.apply .bbody ul li{display: inline-block;vertical-align: top;width: 33.3333333333334%;padding: 10px 5px;}
	.apply .bbody ul li figure{margin: 0;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.2);}
	.apply .bbody ul li figure>a{display: block;overflow: hidden;}
	.apply .bbody ul li figure img{width: 100%;height: auto;transition: all .5s ease;}
	.apply .bbody ul li figure:hover img{transform: scale(1.1,1.1);}
	.apply .bbody ul li figure figcaption{display: block;height: 100px;padding: 10px 10px 0;background: #FFF;transition: all .5s ease;position: relative;}
	.apply .bbody ul li figure figcaption strong{display: block;font-size: 14px;line-height: 24px;margin: 0 0 10px;}
	.apply .bbody ul li figure figcaption span{display: none;font-size: 14px;line-height: 18px;}
	.apply .bbody ul li figure figcaption em{position: absolute;right: 20px;bottom: 20px;font-size: 12px;font-family: Arial, Helvetica, sans-serif;font-style: normal;color: #aaa;}
	.apply .bbody ul li figure figcaption em:after{content: "\f105";font-family: "odemedia";margin: 0 0 0 5px;}
	.apply .bbody ul li figure figcaption em a{color: #AAA;}
	
	.apply .bmore{padding: 40px 0 0;text-align: center;}
	.apply .bmore a{display: inline-block;padding:5px 20px;font-size: 14px;font-family: Arial, Helvetica, sans-serif;border: 1px solid #fdb819;color: #fdb819;font-weight: bold;transition: all .5s ease;}
	.apply .bmore a:hover{background: #fdb819;color: #fff;}
	
	footer{padding: 40px 0 140px;background: #111;color: #606060;position: relative;}
	footer:before{display: block;content: "";height: 50px;position: absolute;left: 10%;right: 10%;top: 0;background: #22abc3;clip-path: polygon(0 0,100% 0,95% 100%);-webkit-clip-path: polygon(0 0,100% 0,95% 100%);}
	footer a{color: #606060;}
	
	.box_2 .bhead{height: 20px;line-height: 20px;padding: 0 0 0 10px;border-left: 3px solid #fdb819;}
	.box_2 .bhead strong{font-size: 18px;color: #FFF;}
	.contact{width: 100%px;padding: 0 20px;}
	.contact .bbody{padding: 20px 0 0;}
	.contact .bbody ul li{line-height: 24px;padding: 5px 0;}
	.contact .bbody ul li:before{display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: left;color: #fdb819;font-family: "odemedia";margin: 0 5px 0 0;}
	.contact .bbody ul li:nth-child(1):before{content: "\f3c5";}
	.contact .bbody ul li:nth-child(2):before{content: "\f879";}
	.contact .bbody ul li:nth-child(3):before{content: "\f0e0";}
	.flinks{display: none;width: 250px;position: absolute;left: 10px;top:330px;}
	.flinks .bbody{padding: 20px 0 0;}
	.flinks .bbody ul{font-size: 0;}
	.flinks .bbody ul li{display: inline-block;margin: 0 10px 10px 0;font-size: 14px;}
	.flinks .bbody ul li a{display: block;padding: 3px 10px;border: 1px solid #606060;transition: all .5s ease;}
	.flinks .bbody ul li a:hover{background: #fdb819;color: #FFF;border: 1px solid #fdb819;}
	
	.nav_footer{display: none;width: calc(100% - 270px);position: absolute;right: 10px;top: 120px;font-size: 0;}
	.nav_footer dl{display: inline-block;vertical-align: top;width: 25%;padding: 0 10px;font-size: 14px;}
	.nav_footer dl:nth-child(2){width: 50%;}
	.nav_footer dl dt{height: 20px;line-height: 20px;margin: 0 0 20px -10px;padding: 0 0 0 10px;border-left: 3px solid #fdb819;font-size: 18px;}
	.nav_footer dl dt a{color: #FFF;}
	.nav_footer dl dd{line-height: 24px;margin: 0;padding: 5px 0;}
	.nav_footer dl:nth-child(2){font-size: 0;}
	.nav_footer dl:nth-child(2) dd{display: inline-block;width: 50%;padding-right: 10px;font-size: 14px;}
	.nav_footer dl:nth-child(2) dd a{display: block;padding: 3px 10px;border: 1px solid #606060;transition: all .5s ease;}
	.nav_footer dl:nth-child(2) dd a:hover{background: #fdb819;color: #FFF;border: 1px solid #fdb819;}
	.copyright{width: 100%;line-height: 20px;padding: 50px 0 30px;position: absolute;left: 0;bottom: 0;text-align: center;}
	.copyright:before{display: block;content: "";height: 30px;position: absolute;left: 10%;right: 10%;top: 0;background: #fdb819;clip-path: polygon(0 0,100% 0,5% 100%);-webkit-clip-path: polygon(0 0,100% 0,5% 100%);}
	
	.banner{width: 100%;height: 150px;background: url(../temp/banner_2.jpg) center top repeat-x;position: fixed;left: 0;top: 100px;transition: all .5s ease;}
	.scroll .banner{top: 60px;}
	.banner_txt{width: 100%;padding: 0 20px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	.banner_txt strong{display: block;line-height: 40px;font-size: 30px;color: #fff;}
	.banner_txt strong span{color: #22abc3;}
	.banner_txt em{display: block;font-size: 20px;line-height: 30px;color: #fff;font-weight: bold;font-style: normal;}
	
	.wrap_i{width: 100%;position: absolute;left: 0;top: 250px;background: #fff;z-index: 0;box-shadow: 0 -5px 20px rgba(0,0,0,.6);transition: all .5s ease;}
	.scroll .wrap_i{top: 210px;}
	.main{padding: 50px 0;}
	
	.box_1 .bcategory{width: 100%;padding: 20px 0 0;text-align: center;}
	.box_1 .bcategory ul{font-size: 0;}
	.box_1 .bcategory ul li{display: inline-block;vertical-align: top;padding: 0 5px;font-size: 14px;}
	.box_1 .bcategory ul li a{display: block;line-height: 30px;padding: 3px 10px;background: #f1efef;transition: all .5s ease;}
	.box_1 .bcategory ul li a:hover,.box_1 .bcategory ul li.current_page_item a{background: #fdb819;color: #fff;}
	.about_content{line-height: 2em;padding: 0 20px;}
	.about_content:after{display: block;content: "";clear: both;}
	.about_content p{text-indent: 2em;}
	.about_img{overflow: hidden;}
	.about_img img{width: 100%;height: auto;transition: all .5s ease;}
	.about_img:hover img{transform: scale(1.1,1.1);}
	
	.about_num{padding: 20px 0 0;}
	.about_num ul{font-size: 0;}
	.about_num ul li{display: inline-block;vertical-align: top;width: 50%;margin: 0 0 20px;padding: 0 10px;text-align: center;}
	.about_num ul li:before{display: block;width: 100px;height: 100px;line-height: 100px;margin: 0 auto 10px;text-align: center;background: #fafafa;border-radius: 100%;font-family: "odemedia";font-size: 40px;color: #fdb819;}
	.about_num ul li:nth-child(1):before{content: "\f3c5";}
	.about_num ul li:nth-child(2):before{content: "\f3c5";}
	.about_num ul li:nth-child(3):before{content: "\f3c5";}
	.about_num ul li:nth-child(4):before{content: "\f3c5";}
	.about_num ul li strong{display: block;line-height: 50px;margin: 0 0 10px;font-family: Impact, sans-serif;font-size: 45px;color: #fdb819;font-weight: normal;}
	.about_num ul li span{display: block;line-height: 18px;font-size: 14px;}
	
	.page_product .bbody{font-size: 0;position: relative;}
	.page_minor{font-size: 16px;}
	.box_category{background: #f9f9f9;}
	.box_category .hd{padding: 10px 0;background: #fdb819;color: #fff;text-align: center;}
	.box_category .hd em{display: block;line-height: 18px;font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-style: normal;font-weight: bold;}
	.box_category .hd strong{display: block;line-height: 20px;font-weight: bold;font-size: 20px;}
	.box_category .bd{padding:10px;}
	.box_category .bd ul{font-size: 0;}
	.box_category .bd ul li{display: inline-block;width: 33.33333333334%;vertical-align: top;padding: 1px;font-size: 12px;text-align: center;}
	.box_category .bd ul li a{display: block;line-height: 24px;padding: 3px 0;background: #efefef;transition: all .5s ease;}
	.box_category .bd ul li a:hover,.box_category .bd ul li.current a{background: #fdb819;color: #fff;}
	
	.page_main{padding: 20px 0 0;font-size: 14px;}
	.list_product ul{font-size: 0;}
	.list_product ul li{display: inline-block;vertical-align: top;width: 50%;padding: 0 10px;margin: 0 0 20px;}
	.list_product ul li figure{margin: 0;}
	.list_product ul li figure>a{display: block;border: 1px solid #e8e8e8;overflow: hidden;}
	.list_product ul li figure>a img{width: 100%;height: auto;transition: all .5s ease;}
	.list_product ul li figure:hover>a img{transform: scale(1.1,1.1);}
	.list_product ul li figure figcaption{height: 200px;padding:15px; position: relative;background: #fafafa;}
	.list_product ul li figure figcaption strong{display: block;line-height: 20px;font-size: 18px; font-weight: bold; text-align: center;}
	.list_product ul li figure figcaption span{display: block;line-height: 18px;padding: 10px 0 0;color: #6c6c6c;font-size: 14px;text-align: center;}
	.list_product ul li figure figcaption em{display: block;padding: 10px 0 0;;font-size: 12px;font-style: normal;}
	.list_product ul li figure figcaption em a{color: #6c6c6c; font-size: 14px;}
	
	.article_product{font-size: 0;}
	.ode_gallery{display: inline-block;vertical-align: top;width: 100%;position: relative;}
	.ode_gallery .gallery_photo{overflow: hidden;}
	.ode_gallery .gallery_photo ul li.swiper-slide{overflow: hidden;}
	.ode_gallery .gallery_photo ul li.swiper-slide img{width: 100%;height: auto;transition: all .5s ease;}
	.ode_gallery .gallery_photo ul li.swiper-slide:hover img{transform: scale(1.1,1.1);}
	.ode_gallery .photo_nav{width: 40px;height: 100px;position: absolute;top: 50%;cursor: pointer;margin: -50px 0 0;}
	.ode_gallery .photo_nav:before{display: flex;content: "";width: 100%;height: 100%;line-height:100%;font-family: "odemedia";font-size: 64px;transition: all .3s;align-items: center;justify-content: center;}
	.ode_gallery .photo_nav.photo_nav_prev{left: 10%;z-index: 1;}
	.ode_gallery .photo_nav.photo_nav_next{right: 10%;z-index: 1;}
	.ode_gallery .photo_nav.photo_nav_prev:before{content: "\f104";}
	.ode_gallery .photo_nav.photo_nav_next:before{content: "\f105";}
	.ode_gallery .photo_nav:hover:before{color: #fff;}
	.ode_gallery .gallery_thumb{position: relative;}
	.ode_gallery .gallery_thumb_ul{margin:20px 30px 0;overflow: hidden;}
	.ode_gallery .gallery_thumb_ul ul li.swiper-slide img{width: 100%;height: auto;opacity: .6;transition: all .3s;max-width: 115px;}
	.ode_gallery .gallery_thumb_ul ul li.swiper-slide.swiper-slide-thumb-active img{opacity: 1;}
	.ode_gallery .thumb_nav{width: 20px;height: 100%;position: absolute;top: 0;cursor: pointer;}
	.ode_gallery .thumb_nav:before{display: flex;content: "";width: 100%;height: 100%;line-height:100%;background: #f6f6f6;font-family: "odemedia";font-size: 24px;transition: all .3s;align-items: center;justify-content: center;}
	.ode_gallery .thumb_nav.thumb_nav_prev{left: 0;}
	.ode_gallery .thumb_nav.thumb_nav_next{right: 0;}
	.ode_gallery .thumb_nav.thumb_nav_prev:before{content: "\f104";}
	.ode_gallery .thumb_nav.thumb_nav_next:before{content: "\f105";}
	.ode_gallery .thumb_nav:hover:before{background: #dedede;}
	
	.article_product .info{display: inline-block;vertical-align: top;width: 100%;padding: 40px 0 0;}
	.article_product .info h1{line-height: 40px;margin: 0 0 20px;font-size: 30px;font-weight: bold;}
	.article_product .info .intro{font-size: 12px;}
	
	.article_product .content{margin: 40px 0 0;font-size: 14px;}
	.article_product .content .hd{border-bottom: 2px solid #bbb;}
	.article_product .content .hd strong{display: inline-block;vertical-align: top;line-height: 36px;padding: 0 20px;background: #fdb819;color: #fff;font-size: 18px;}
	.article_product .content .bd{padding: 20px 0 0;}
	.article_product .content .bd p{text-indent: 2em;}
	.article_product .content .bd img{max-width: 100%;}
	.article_product .content .bd p img{margin: 0 0 0 -2em;}
	
	.list_news{}
	.list_news ul li{padding: 10px 0 10px 36%;border-bottom: 1px solid #e5e5e5;position: relative;transition: all .5s ease;}
	.list_news ul li:hover{background: #f4f4f4;}
	.list_news ul li:after{display: block;content: "";clear: both;}
	.news_img{width: 100%;margin: 0 0 10px;}
	.news_img img{width: 100%;height: auto;}
	.news_date{width: 36%;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;font-family: Arial, Helvetica, sans-serif;color: #c8c8c8;}
	.news_date span{position: absolute;right: 20px;top: 50%;transform: translateY(-40px);font-size: 14px;}
	.news_date strong{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 22px;}
	.news_txt strong{display: block;margin: 0 0 10px;line-height: 20px;font-size: 16px;}
	.news_txt span{display: block;margin: 0 0 10px;font-size: 12px;line-height: 16px;color: #6f6f6f;}
	.news_txt em{display: block;font-size: 12px;font-style: normal;}
	.news_txt em a{color: #6f6f6f;}
	.news_txt em a:after{content: "+";}
	
	.article_news h1{line-height: 40px;font-size: 30px;font-weight: bold;text-align: center;}
	.article_news .info{line-height: 30px;border-bottom: 1px dotted #c9c9c9;text-align: center;}
	.article_news .info ul{font-size: 0;}
	.article_news .info ul li{display: inline-block;padding: 0 10px;font-size: 14px;}
	.article_news .info ul li:before{margin: 0 5px 0 0;font-family: "odemedia";color: #aaa;}
	.article_news .info ul li.share:before{content: "\f1e0";}
	.article_news .info ul li.author:before{content: "\f007";}
	.article_news .content{padding: 40px 20px;line-height: 1.8em;}
	.article_news .content p{text-indent: 2em;}
	.article_news .content img{max-width: 100%;}
	.article_news .content p img{margin: 0 0 0 -2em;}
	
	.article_prevnext{border-top: 1px solid #ccc;}
	.article_prevnext ol{}
	.article_prevnext ol li{line-height: 24px;padding: 10px 20px;border-bottom: 1px solid #ccc;}
	.article_prevnext ol li:before{margin: 0 10px 0 0;font-family: "odemedia";}
	.article_prevnext ol li:first-child:before{content: "\f077";}
	.article_prevnext ol li:last-child:before{content: "\f078";}
}
@media screen and (min-width:768px) and (max-width: 1023px){
	header{width: 100%;height: 100px;background: #fff;position: fixed;left: 0;top: 0;z-index: 9999;transition: all .5s ease;}
	.scroll header{height: 60px;box-shadow: 0 5px 10px rgba(0,0,0,.5);}
	.topbar{width: 100%;height: 40px;background: #020202;position: absolute;left: 0;top: 0;color: #fff;transition: all .5s ease;}
	.scroll .topbar{top: -50px;}
	.topbar:before{display: block;content: "";width: 220px;height: 50px;position: absolute;left: 0;top: 0;background: #fdb819;clip-path: polygon(0 0, calc(100% - 56px) 0,100% 100%,0 100%);-webkit-clip-path: polygon(0 0, calc(100% - 56px) 0,100% 100%,0 100%);}
	.topbar .tel{width: 180px;height: 45px;line-height: 45px;position: absolute;left: 10px;top: 0;font-size: 19px;font-family: Impact, sans-serif;}
	.topbar .tel:before{display: inline-block;width: 24px;height: 24px;line-height: 24px;margin: 0 10px 0 0;text-align: center;content: "\f2a0";font-family: "odemedia";border-radius: 50%;background: #fff;color: #d19200;font-size: 18px;}
	.topbar .email{width: 230px;height: 45px;line-height: 45px;position: absolute;right: 100px;top: 0;}
	.topbar .email:before{margin: 0 5px 0 0;content: "\f1fa";font-family: "odemedia";color: #fff;font-size: 18px;}
	.topbar .language{width: 200px;height: 45px;line-height: 45px;position: absolute;right: 10px;top: 0;text-align: right;}
	.topbar .language:before{margin: 0 5px 0 0;content: "\f1ab";font-family: "odemedia";color: #fff;font-size: 18px;}
	.topbar .language a{color: #fff;}
	.logo{width: 146px;height: 30px;position: absolute;left: 10px;bottom: 15px;background: url(../images/logo.png) no-repeat;background-size: cover;}
	.logo a{display: block;height: 60px;text-indent: -9999px;overflow: hidden;}
	
	.nav_header .btn_nav{position: absolute;right: 240px;top:50px;width: 40px;height: 40px;border: none;background: none;text-align: center;transition: all .5s ease;}
	.scroll .nav_header .btn_nav{top: 10px;}
	.nav_header .btn_nav:before,.nav_header .btn_nav:after,.nav_header .btn_nav span{display: block;content: "";width: 30px;height: 3px;background: rgba(0,0,0,.7);position: absolute;left: 50%;top: 50%;border-radius: 2px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
	.nav_header .btn_nav:before{transform:translate(-50%,0) rotate(45deg);}
	.nav_header .btn_nav:after{transform:translate(-50%,0) rotate(-45deg);}
	.nav_header .btn_nav span{transform: translate(-50%,0) scale(0,0);opacity: 0;}
	.nav_header .btn_nav.collapsed:before{transform: translate(-50%,-10px);}
	.nav_header .btn_nav.collapsed:after{transform: translate(-50%,10px);}
	.nav_header .btn_nav.collapsed span{transform: translate(-50%,0) scale(1,1);opacity: 1;}
	.nav_header .nav_ul:not(.show){display: none;}
	.nav_header .nav_ul{position: absolute;left: 0;right: 0;top: 100px;background: #000;padding: 50px;font-size: 0;color: #FFF;transition: all .5s ease;}
	.scroll .nav_header .nav_ul{top: 60px;}
	.nav_header .nav_ul.collapsing{-webkit-transition: all .3s-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
	.nav_header .nav_ul li.nav-item{padding:10px 20px;font-size: 16px;background: rgba(255,255,255,.1);margin: 0 0 10px;}
	.nav_header .nav_ul li.nav-item>i{float: right;font-size: 20px;font-style: normal;}
	.nav_header .nav_ul li.nav-item>i:before{font-family: "odemedia";content: "\f107";}
	.nav_header .nav_ul li.nav-item.show>i:before{content: "\f106";}
	.nav_header .nav_ul li.nav-item>a{display: block;font-size: 18px;color: #FFF;}
	.nav_header .nav_ul li.nav-item>div.dropdown-menu{margin: 20px 0 0;position: static!important; min-width: auto;background: rgba(255,255,255,.1);text-align: center;padding: 10px 5px;float: none;font-size: 0;}
	.nav_header .nav_ul li.nav-item>div.dropdown-menu.show{visibility:visible;opacity: 1;top: 100% !important;transform: translate3d(0,0,0) !important;transition: all .5s ease;}
	.nav_sub{display: inline-block;vertical-align: top;width: 60%;padding: 20px;font-size: 14px;}
	.nav_sub .hd{font-size: 18px;padding: 0 0 0 10px;font-weight: bold;color: #fdb819;}
	.nav_sub .bd{padding: 10px 0 0;}
	.nav_sub .bd ul{font-size: 0;}
	.nav_sub .bd ul li{display:inline-block;width:50%;padding: 10px 0;font-size: 14px;vertical-align: top;}
	.nav_sub .bd ul li a{display: block;color: #FFF;}
	.nav_img{display: none;}
	.nav_other{display: none;}
	
	.search{width: 180px;height: 30px;position: absolute;right: 10px;bottom: 15px;}
	.search:after{display: block;width: 60px;height: 30px;line-height: 30px;text-align: center;content: "\f002";font-family: "odemedia";position: absolute;right: 0;top: 0;font-size: 20px;color: #fff;background: #fdb819;z-index: -1;}
	.search .ipt_txt{width: 120px;height: 30px;line-height: 30px;padding: 11px 5px;border: 1px solid #e6e6e6;}
	.search .ipt_txt:focus,.search .ipt_btn:focus{outline: none;}
	.search .ipt_btn{width: 60px;height: 30px;background: none;border: none;border-radius: 0;position: absolute;right: 0;top: 0;}
	
	
	.slider{width: 100%;position: fixed;z-index: -5;left: 0;top: 100px;transition: all .5s ease;}
	.scroll .slider{top: 60px;}
	.slider ul.swiper-wrapper li.swiper-slide{background-position: center center;background-size: cover;position: relative;}
	.slider_index ul.swiper-wrapper li.swiper-slide{height: 400px;}
	.slider .slider_next,.slider .slider_prev{width: 63px;height: 63px;line-height: 63px;text-align: center; position: absolute;top: 50%;z-index: 99;margin: -31px 0 0;transition: all .5s ease;}
	.slider .slider_next:hover,.slider .slider_prev:hover{background: rgba(253,184,25,1);}
	.slider .slider_next{right: 20px;}
	.slider .slider_prev{left: 20px;}
	.slider .slider_next:before,.slider .slider_prev:before{font-family: "odemedia";color: rgba(255,255,255,1);font-size: 30px;}
	.slider .slider_next:before{content: "\f054";}
	.slider .slider_prev:before{content: "\f053";}
	.slider .slider_txt{width: 100%;position: absolute;left: 0;top: 60px;padding: 0 20px;color: #fff;z-index: 99;}
	.slider .slider_txt span{display: block;line-height: 60px;font-size: 50px;font-family: Impact, sans-serif;text-transform: uppercase;color: rgba(255,255,255,.05);}
	.slider .slider_txt strong{display: block;font-size: 60px;line-height: 70px;}
	.slider .slider_txt em{display: block;font-size: 40px;line-height: 60px;font-weight: bold;font-style: normal;}
	.slider .slider_txt a{display: inline-block;line-height: 28px;margin: 20px 0 0;padding: 10px 20px;font-size: 18px;background: #fdb819;color: #fff;font-family: Arial, Helvetica, sans-serif;position: relative;top: 0;transition: all .3s ease;}
	.slider .slider_txt a:hover{top:-5px;transform: scale(1.1,1.1);}
	
	.wrap{width: 100%;position: absolute;left: 0;top: 500px;background: #fff;z-index: 0;box-shadow: 0 -5px 20px rgba(0,0,0,.6);transition: all .5s ease;}
	.scroll .wrap{top: 460px;}
	.box_1{width: 100%;}
	.box_1 .bhead{width: 100%;}
	.box_1 .bhead:before{display: block;content: "JIANGTU";width: 140px;height: 37px;line-height: 37px;margin: 0 auto;background: #fdb819;color: #fff;font-family: Arial, Helvetica, sans-serif;text-align: center;font-size: 18px;font-weight: bold;clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);}
	.box_1 .bhead strong{display: block;line-height: 50px;margin: 10px 0 0;font-size: 36px;text-align: center;}
	.box_1 .bhead span{display: block;line-height: 40px;font-size: 16px;text-align: center;padding: 10px 0 0;}
	.box_1 .bbody{width: 100%;padding: 50px 20px 0;}
	.product{padding: 100px 0 0;}
	.product .bbody ul{font-size: 0;}
	.product .bbody ul li{display: inline-block;width: 33.3333333333334%;}
	.product .bbody ul li:nth-of-type(3n+1){padding: 0 20px 40px 0;}
	.product .bbody ul li:nth-of-type(3n+2){padding: 0 10px 40px;}
	.product .bbody ul li:nth-of-type(3n){padding: 0 0 40px 20px;}
	.product .bbody ul li figure{margin: 0;position: relative;}
	.product .bbody ul li figure img{width: 100%;height: auto;}
	.product .bbody ul li figure figcaption{display: block;padding: 10px;background: #000;color: #FFF;transition: all .5s ease;}
	.product .bbody ul li figure:hover figcaption{padding: 10px 40px 0;left: 0;right: 0;background: #fdb819;color: #000;}
	.product .bbody ul li figure figcaption:before{display: block;content: "\e605";font-family: "odemedia";font-size: 30px;line-height: 30px;color: #fdb819;transition: all .5s ease;}
	.product .bbody ul li figure:hover figcaption:before{color: #000;}
	.product .bbody ul li figure figcaption a{color: #FFF;transition: all .5s ease;}
	.product .bbody ul li figure:hover figcaption a{color: #000;}
	.product .bbody ul li figure figcaption strong{display: block;font-size: 16px;}
	.product .bbody ul li figure figcaption span{display: block;font-size: 14px; }
	
	.slider_product ul.swiper-wrapper li.swiper-slide{height: 300px;background-position: center center;background-size: cover;}
	.slider_product .swiper-pagination{display: flex;width: 300px;height: 10px;position: absolute;left: 40px;bottom: 20px;font-size: 0;z-index: 999;}
	.slider_product .swiper-pagination span.swiper-pagination-bullet{flex: 1;width: 100%;height: 100%;opacity: 1;border-radius: 0;background: #000;cursor: pointer;}
	.slider_product .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fdb819;}
	
	.about{padding: 80px 0 120px;background: #f2f2f2;}
	.about .bbody{font-size: 0;}
	.about_txt{display: inline-block;vertical-align: top;width: 100%;font-size: 14px;padding: 0 40px 0 0;}
	.about_txt strong{display: block;font-size: 32px;line-height: 48px;}
	.about_txt h3{font-size: 24px;font-weight: bold;line-height: 48px;}
	.about_txt p{}
	.about_txt span{display: block;font-weight: bold;font-size: 22px;color: #494949;}
	.about_txt em{display: block;font-weight: bold;font-style: normal;font-size: 28px;}
	
	.about_sub{display: inline-block;vertical-align: top;width: 100%;text-align: center;padding: 40px 0 0;}
	.about_sub ul li{display: inline-block;vertical-align: top;width: 40%;}
	.about_sub ul li:nth-of-type(2n+1){padding: 0 10px 0 0;}
	.about_sub ul li:nth-of-type(2n){padding: 0 0 0 10px;}
	.about_sub ul li figure{border: 10px solid #FFF;padding: 0 0 100px;position: relative;overflow: hidden;}
	.about_sub ul li figure:before{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 100%;background: rgba(34,171,195,.6);text-align: center;line-height: 200%;font-family: "odemedia";font-size: 80px;color: #FFF;z-index: 10;transition: all .5s ease;}
	.about_sub ul li figure:hover:before{top:0;}
	.about_sub ul li:nth-child(1) figure:before{content: "\e6df";}
	.about_sub ul li:nth-child(2) figure:before{content: "\e613";}
	.about_sub ul li figure img{width: 100%;height: auto;}
	.about_sub ul li figure figcaption{width: 100%;height: 120px;padding: 50px 0 0 10px;background: #22abc3;position: absolute;left: 0;right: 0;bottom: 0;clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);z-index: 11;transition: all .5s ease;}
	.about_sub ul li figure:hover figcaption{background: #FFF;clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);}
	.about_sub ul li figure figcaption strong{font-size: 22px;line-height: 40px;margin: 0 15px 0 0;float: left;color: #FFF;transition: all .5s ease;}
	.about_sub ul li figure:hover figcaption strong{color: #000;}
	.about_sub ul li figure figcaption span{font-size: 30px;font-family: Impact, sans-serif;line-height: 40px;color: rgba(222,222,222,.3);}
	
	.advantage{padding: 80px 0 0;background: url(../images/bg_advantage.jpg) center top repeat-x;}
	.advantage .bhead{color: #FFF;}
	.advantage .bbody{text-align: center;padding: 80px 0 0;}
	.advantage .bbody ul{font-size: 0;}
	.advantage .bbody ul li{display: inline-block;vertical-align: top;width: 30%;margin: 0 1%;padding: 40px 0 0;background: #f2f6f7;font-size: 14px;}
	.advantage .bbody ul li:before{display: block;line-height: 120px;text-align: center;font-family: "odemedia";transition: all .5s ease;}
	.advantage .bbody ul li:hover:before{color: #fdb819;}
	.advantage .bbody ul li:nth-child(1):before{content: "\e612";font-size: 80px;}
	.advantage .bbody ul li:nth-child(2):before{content: "\e659";font-size: 60px;}
	.advantage .bbody ul li:nth-child(3):before{content: "\e702";font-size: 110px;}
	.advantage .bbody ul li strong{display: block;line-height: 30px;margin: 0 0 20px;font-size: 24px;text-align: center;}
	.advantage .bbody ul li span{display: block;width: 100%;height: 260px;padding: 50px 20px 0;background: #22abc3;clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);z-index: 11;transition: all .5s ease;color: #FFF;}
	.advantage .bbody ul li:hover span{clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);}
	
	.apply{padding: 80px 0;}
	.apply .bbody ul{font-size: 0;}
	.apply .bbody ul li{display: inline-block;vertical-align: top;width: 33.3333333333334%;}
	.apply .bbody ul li:nth-of-type(3n+1){padding: 0 20px 0 0;}
	.apply .bbody ul li:nth-of-type(3n+2){padding: 0 10px 0;}
	.apply .bbody ul li:nth-of-type(3n){padding: 0 0 0 20px;}
	.apply .bbody ul li figure{margin: 0;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.2);}
	.apply .bbody ul li figure>a{display: block;overflow: hidden;}
	.apply .bbody ul li figure img{width: 100%;height: auto;transition: all .5s ease;}
	.apply .bbody ul li figure:hover img{transform: scale(1.1,1.1);}
	.apply .bbody ul li figure figcaption{display: block;height: 160px;padding: 20px 20px 0;background: #FFF;transition: all .5s ease;position: relative;}
	.apply .bbody ul li figure figcaption strong{display: block;font-size: 18px;line-height: 24px;margin: 0 0 10px;}
	.apply .bbody ul li figure figcaption span{display: block;font-size: 14px;line-height: 18px;}
	.apply .bbody ul li figure figcaption em{position: absolute;right: 20px;bottom: 20px;font-size: 12px;font-family: Arial, Helvetica, sans-serif;font-style: normal;color: #aaa;}
	.apply .bbody ul li figure figcaption em:after{content: "\f105";font-family: "odemedia";margin: 0 0 0 5px;}
	.apply .bbody ul li figure figcaption em a{color: #AAA;}
	
	.apply .bmore{padding: 40px 0 0;text-align: center;}
	.apply .bmore a{display: inline-block;padding:10px 20px;font-size: 18px;font-family: Arial, Helvetica, sans-serif;border: 1px solid #fdb819;color: #fdb819;font-weight: bold;transition: all .5s ease;}
	.apply .bmore a:hover{background: #fdb819;color: #fff;}
	
	footer{height: 640px;background: #111;color: #606060;position: relative;}
	footer:before{display: block;content: "";height: 50px;position: absolute;left: 10%;right: 10%;top: 0;background: #22abc3;clip-path: polygon(0 0,100% 0,95% 100%);-webkit-clip-path: polygon(0 0,100% 0,95% 100%);}
	footer a{color: #606060;}
	
	.box_2 .bhead{height: 20px;line-height: 20px;padding: 0 0 0 10px;border-left: 3px solid #fdb819;}
	.box_2 .bhead strong{font-size: 18px;color: #FFF;}
	.contact{width: 250px;position: absolute;left: 10px;top:120px;}
	.contact .bbody{padding: 20px 0 0;}
	.contact .bbody ul li{line-height: 24px;padding: 5px 0;}
	.contact .bbody ul li:before{display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: left;color: #fdb819;font-family: "odemedia";margin: 0 5px 0 0;}
	.contact .bbody ul li:nth-child(1):before{content: "\f3c5";}
	.contact .bbody ul li:nth-child(2):before{content: "\f879";}
	.contact .bbody ul li:nth-child(3):before{content: "\f0e0";}
	.flinks{width: 250px;position: absolute;left: 10px;top:330px;}
	.flinks .bbody{padding: 20px 0 0;}
	.flinks .bbody ul{font-size: 0;}
	.flinks .bbody ul li{display: inline-block;margin: 0 10px 10px 0;font-size: 14px;}
	.flinks .bbody ul li a{display: block;padding: 3px 10px;border: 1px solid #606060;transition: all .5s ease;}
	.flinks .bbody ul li a:hover{background: #fdb819;color: #FFF;border: 1px solid #fdb819;}
	
	.nav_footer{width: calc(100% - 270px);position: absolute;right: 10px;top: 120px;font-size: 0;}
	.nav_footer dl{display: inline-block;vertical-align: top;width: 25%;padding: 0 10px;font-size: 14px;}
	.nav_footer dl:nth-child(2){width: 50%;}
	.nav_footer dl dt{height: 20px;line-height: 20px;margin: 0 0 20px -10px;padding: 0 0 0 10px;border-left: 3px solid #fdb819;font-size: 18px;}
	.nav_footer dl dt a{color: #FFF;}
	.nav_footer dl dd{line-height: 24px;margin: 0;padding: 5px 0;}
	.nav_footer dl:nth-child(2){font-size: 0;}
	.nav_footer dl:nth-child(2) dd{display: inline-block;width: 50%;padding-right: 10px;font-size: 14px;}
	.nav_footer dl:nth-child(2) dd a{display: block;padding: 3px 10px;border: 1px solid #606060;transition: all .5s ease;}
	.nav_footer dl:nth-child(2) dd a:hover{background: #fdb819;color: #FFF;border: 1px solid #fdb819;}
	.copyright{width: 100%;height: 100px;line-height: 100px;position: absolute;left: 0;bottom: 0;text-align: center;}
	.copyright:before{display: block;content: "";height: 50px;position: absolute;left: 10%;right: 10%;top: 0;background: #fdb819;clip-path: polygon(0 0,100% 0,5% 100%);-webkit-clip-path: polygon(0 0,100% 0,5% 100%);}
	
	.banner{width: 100%;height: 320px;background: url(../temp/banner_2.jpg) center top repeat-x;position: fixed;left: 0;top: 100px;transition: all .5s ease;}
	.scroll .banner{top: 60px;}
	.banner_txt{width: 100%;padding: 20px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	.banner_txt strong{display: block;line-height: 80px;font-size: 60px;color: #fff;}
	.banner_txt strong span{color: #22abc3;}
	.banner_txt em{display: block;font-size: 40px;line-height: 50px;color: #fff;font-weight: bold;font-style: normal;}
	
	.wrap_i{width: 100%;position: absolute;left: 0;top: 420px;background: #fff;z-index: 0;box-shadow: 0 -5px 20px rgba(0,0,0,.6);transition: all .5s ease;}
	.scroll .wrap_i{top: 630px;}
	.main{padding: 90px 0;}
	
	.box_1 .bcategory{width: 100%;padding: 20px 0 0;text-align: center;}
	.box_1 .bcategory ul{font-size: 0;}
	.box_1 .bcategory ul li{display: inline-block;vertical-align: top;padding: 0 10px;font-size: 16px;}
	.box_1 .bcategory ul li a{display: block;line-height: 30px;padding: 10px 30px;background: #f1efef;transition: all .5s ease;}
	.box_1 .bcategory ul li a:hover,.box_1 .bcategory ul li.current_page_item a{background: #fdb819;color: #fff;}
	.about_content{line-height: 2em;}
	.about_content:after{display: block;content: "";clear: both;}
	.about_content p{text-indent: 2em;}
	.about_img{float: right;width: 360px;margin: 0 0 0 40px;overflow: hidden;}
	.about_img img{width: 100%;height: auto;transition: all .5s ease;}
	.about_img:hover img{transform: scale(1.1,1.1);}
	
	.about_num{padding: 60px 0 0;}
	.about_num ul{font-size: 0;}
	.about_num ul li{display: inline-block;vertical-align: top;width: 25%;padding: 0 40px;text-align: center;}
	.about_num ul li:before{display: block;width: 130px;height: 130px;line-height: 130px;margin: 0 auto 10px;text-align: center;background: #fafafa;border-radius: 100%;font-family: "odemedia";font-size: 40px;color: #fdb819;}
	.about_num ul li:nth-child(1):before{content: "\f3c5";}
	.about_num ul li:nth-child(2):before{content: "\f3c5";}
	.about_num ul li:nth-child(3):before{content: "\f3c5";}
	.about_num ul li:nth-child(4):before{content: "\f3c5";}
	.about_num ul li strong{display: block;line-height: 50px;margin: 0 0 10px;font-family: Impact, sans-serif;font-size: 45px;color: #fdb819;font-weight: normal;}
	.about_num ul li span{display: block;line-height: 18px;font-size: 14px;}
	
	.page_product .bbody{font-size: 0;position: relative;}
	.page_product .bbody:before{display: block;content: "";width: 180px;position: absolute;left: 20px;top: 50px;bottom: 0;background: #f9f9f9;z-index: -1;}
	.page_minor{display: inline-block;vertical-align: top;width: 180px;margin: 0 20px 0 0;font-size: 16px;}
	.box_category{}
	.box_category .hd{height: 100px;padding: 20px 0 0;background: #fdb819;color: #fff;text-align: center;}
	.box_category .hd em{display: block;line-height: 24px;font-size: 16px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-style: normal;font-weight: bold;}
	.box_category .hd strong{display: block;line-height: 30px;font-weight: bold;font-size: 24px;}
	.box_category .bd{padding: 40px 10px;}
	.box_category .bd ul li{margin: 0 0 2px;}
	.box_category .bd ul li a{display: block;line-height: 24px;padding: 10px 20px;background: #efefef;transition: all .5s ease;}
	.box_category .bd ul li a:hover,.box_category .bd ul li.current a{background: #fdb819;color: #fff;}
	
	.page_main{display: inline-block;vertical-align: top;width: calc(100% - 200px);font-size: 14px;}
	.list_product ul{font-size: 0;}
	.list_product ul li{display: inline-block;vertical-align: top;width: 33.33333333334%;margin: 0 0 20px;}
	.list_product ul li:nth-of-type(3n+1){padding: 0 14px 0 0;}
	.list_product ul li:nth-of-type(3n+2){padding: 0 7px;}
	.list_product ul li:nth-of-type(3n){padding: 0 0 0 14px;}
	.list_product ul li figure{margin: 0;}
	.list_product ul li figure>a{display: block;border: 1px solid #e8e8e8;overflow: hidden;}
	.list_product ul li figure>a img{width: 100%;height: auto;transition: all .5s ease;}
	.list_product ul li figure:hover>a img{transform: scale(1.1,1.1);}
	.list_product ul li figure figcaption{height: 200px;padding:15px; ;position: relative; background: #fafafa;}
	.list_product ul li figure figcaption strong{display: block;line-height: 20px;font-size: 18px;font-weight: bold; text-align: center;}
	.list_product ul li figure figcaption span{display: block;line-height: 18px;padding: 10px 0 0;color: #6c6c6c;font-size: 14px;text-align: center;}
	.list_product ul li figure figcaption em{display: block;padding: 10px 0 0;;font-size: 12px;font-style: normal;}
	.list_product ul li figure figcaption em a{color: #6c6c6c;font-size: 14px;}
	
	.article_product{font-size: 0;}
	.ode_gallery{display: inline-block;vertical-align: top;width: 100%;position: relative;}
	.ode_gallery .gallery_photo{overflow: hidden;}
	.ode_gallery .gallery_photo ul li.swiper-slide{overflow: hidden;}
	.ode_gallery .gallery_photo ul li.swiper-slide img{width: 100%;height: auto;transition: all .5s ease;}
	.ode_gallery .gallery_photo ul li.swiper-slide:hover img{transform: scale(1.1,1.1);}
	.ode_gallery .photo_nav{width: 40px;height: 100px;position: absolute;top: 50%;cursor: pointer;margin: -50px 0 0;}
	.ode_gallery .photo_nav:before{display: flex;content: "";width: 100%;height: 100%;line-height:100%;font-family: "odemedia";font-size: 64px;transition: all .3s;align-items: center;justify-content: center;}
	.ode_gallery .photo_nav.photo_nav_prev{left: 10%;z-index: 1;}
	.ode_gallery .photo_nav.photo_nav_next{right: 10%;z-index: 1;}
	.ode_gallery .photo_nav.photo_nav_prev:before{content: "\f104";}
	.ode_gallery .photo_nav.photo_nav_next:before{content: "\f105";}
	.ode_gallery .photo_nav:hover:before{color: #fff;}
	.ode_gallery .gallery_thumb{position: relative;}
	.ode_gallery .gallery_thumb_ul{margin:20px 30px 0;overflow: hidden;}
	.ode_gallery .gallery_thumb_ul ul li.swiper-slide img{width: 100%;height: auto;opacity: .6;transition: all .3s;max-width: 115px;}
	.ode_gallery .gallery_thumb_ul ul li.swiper-slide.swiper-slide-thumb-active img{opacity: 1;}
	.ode_gallery .thumb_nav{width: 20px;height: 100%;position: absolute;top: 0;cursor: pointer;}
	.ode_gallery .thumb_nav:before{display: flex;content: "";width: 100%;height: 100%;line-height:100%;background: #f6f6f6;font-family: "odemedia";font-size: 24px;transition: all .3s;align-items: center;justify-content: center;}
	.ode_gallery .thumb_nav.thumb_nav_prev{left: 0;}
	.ode_gallery .thumb_nav.thumb_nav_next{right: 0;}
	.ode_gallery .thumb_nav.thumb_nav_prev:before{content: "\f104";}
	.ode_gallery .thumb_nav.thumb_nav_next:before{content: "\f105";}
	.ode_gallery .thumb_nav:hover:before{background: #dedede;}
	
	.article_product .info{display: inline-block;vertical-align: top;width: 100%;padding: 40px 0 0;}
	.article_product .info h1{line-height: 40px;margin: 0 0 20px;font-size: 30px;font-weight: bold;}
	.article_product .info .intro{font-size: 12px;}
	
	.article_product .content{margin: 40px 0 0;font-size: 14px;}
	.article_product .content .hd{border-bottom: 2px solid #bbb;}
	.article_product .content .hd strong{display: inline-block;vertical-align: top;line-height: 36px;padding: 0 20px;background: #fdb819;color: #fff;font-size: 18px;}
	.article_product .content .bd{padding: 20px 0 0;}
	.article_product .content .bd p{text-indent: 2em;}
	.article_product .content .bd img{max-width: 100%;}
	.article_product .content .bd p img{margin: 0 0 0 -2em;}
	
	.list_news{}
	.list_news ul li{padding: 10px 10px 10px 120px;border-bottom: 1px solid #e5e5e5;position: relative;transition: all .5s ease;}
	.list_news ul li:hover{background: #f4f4f4;}
	.list_news ul li:after{display: block;content: "";clear: both;}
	.news_img{float: right;width: 200px;margin: 0 0 0 20px;overflow: hidden;}
	.news_img img{width: 100%;height: auto;transition: all .5s ease;}
	.list_news ul li:hover .news_img img{transform: scale(1.1,1.1);}
	.news_date{width: 120px;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;font-family: Arial, Helvetica, sans-serif;color: #c8c8c8;}
	.news_date span{position: absolute;right: 40px;top: 50%;transform: translateY(-40px);font-size: 14px;}
	.news_date strong{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 22px;}
	.news_txt strong{display: block;margin: 0 0 10px;line-height: 30px;font-size: 20px;}
	.news_txt span{display: block;margin: 0 0 10px;font-size: 14px;line-height: 18px;color: #6f6f6f;}
	.news_txt em{display: block;font-size: 14px;font-style: normal;}
	.news_txt em a{color: #6f6f6f;}
	.news_txt em a:after{content: "+";}
	
	.article_news h1{line-height: 40px;font-size: 30px;font-weight: bold;text-align: center;}
	.article_news .info{line-height: 30px;border-bottom: 1px dotted #c9c9c9;text-align: center;}
	.article_news .info ul{font-size: 0;}
	.article_news .info ul li{display: inline-block;padding: 0 10px;font-size: 14px;}
	.article_news .info ul li:before{margin: 0 5px 0 0;font-family: "odemedia";color: #aaa;}
	.article_news .info ul li.share:before{content: "\f1e0";}
	.article_news .info ul li.author:before{content: "\f007";}
	.article_news .content{padding: 40px;line-height: 1.8em;}
	.article_news .content p{text-indent: 2em;}
	.article_news .content img{max-width: 100%;}
	.article_news .content p img{margin: 0 0 0 -2em;}
	
	.article_prevnext{border-top: 1px solid #ccc;}
	.article_prevnext ol{}
	.article_prevnext ol li{line-height: 24px;padding: 10px 20px;border-bottom: 1px solid #ccc;}
	.article_prevnext ol li:before{margin: 0 10px 0 0;font-family: "odemedia";}
	.article_prevnext ol li:first-child:before{content: "\f077";}
	.article_prevnext ol li:last-child:before{content: "\f078";}
}
@media screen and (min-width:1024px){
	header{width: 100%;height: 180px;background: #fff;position: fixed;left: 0;top: 0;z-index: 9999;transition: all .5s ease;}
	.scroll header{height: 110px;box-shadow: 0 5px 10px rgba(0,0,0,.5);}
	.topbar{width: 100%;height: 45px;background: #020202;position: absolute;left: 0;top: 0;color: #fff;transition: all .5s ease;}
	.scroll .topbar{top: -60px;}
	.topbar:before{display: block;content: "";width: calc(50% - 250px);height: 56px;position: absolute;left: 0;top: 0;background: #fdb819;clip-path: polygon(0 0, calc(100% - 56px) 0,100% 100%,0 100%);-webkit-clip-path: polygon(0 0, calc(100% - 56px) 0,100% 100%,0 100%);}
	.topbar .tel{width: 180px;height: 45px;line-height: 45px;position: absolute;left: 50%;top: 0;transform: translateX(-500px);font-size: 19px;font-family: Impact, sans-serif;}
	.topbar .tel:before{display: inline-block;width: 24px;height: 24px;line-height: 24px;margin: 0 10px 0 0;text-align: center;content: "\f2a0";font-family: "odemedia";border-radius: 50%;background: #fff;color: #d19200;font-size: 18px;}
	.topbar .email{width: 230px;height: 45px;line-height: 45px;position: absolute;right: 50%;top: 0;transform: translateX(440px);}
	.topbar .email:before{margin: 0 5px 0 0;content: "\f1fa";font-family: "odemedia";color: #fff;font-size: 18px;}
	.topbar .language{width: 200px;height: 45px;line-height: 45px;position: absolute;right: 50%;top: 0;transform: translateX(500px);text-align: right;}
	.topbar .language:before{margin: 0 5px 0 0;content: "\f1ab";font-family: "odemedia";color: #fff;font-size: 18px;}
	.topbar .language a{color: #fff;}
	.logo{width: 292px;height: 60px;position: absolute;left: 50%;bottom: 25px;transform: translateX(-500px);background: url(../images/logo.png) no-repeat;}
	.logo a{display: block;height: 60px;text-indent: -9999px;overflow: hidden;}
	.nav_header{width: 1000px;height: 85px;margin: 95px auto 0;padding: 0 200px 0 300px;transition: all .5s ease;}
	.scroll .nav_header{margin: 25px auto 0;}
	.nav_header .btn_nav{display: none;}
	.nav_header .collapse{font-size: 0;display: flex;text-align: justify;}
	.nav_header .collapse li.nav-item{display: inline-block;width: 100%; font-size: 14px;flex-shrink: 1;text-align: center;position: static;}
	.nav_header .collapse li.nav-item i{display: none;}
	.nav_header .collapse li.nav-item>a{display: block;height: 85px;line-height: 60px;transition: all .3s;font-weight: bold;color: #616161;position: relative;}
	.nav_header .collapse li.nav-item.dropdown>a:after{content: "\f078";margin: 0 0 0 2px;font-family: "odemedia";font-size: 12px;color: #BBB;}
	.nav_header .collapse li.nav-item:hover>a{color: #fdb819;}
	.nav_header .collapse li.nav-item .dropdown-menu{display: block;width: 100%;margin: 0;position: absolute;left: 0;top: 110%;visibility: hidden;background: rgba(34,34,34,.95);border: none;border-radius: 0;padding: 0;transition: all .3s;opacity: 0;font-size: 0;color: #fff;}
	.nav_header .collapse li.nav-item .dropdown-menu:before{display: block;content: "";width: calc(50% - 300px);position: absolute;top: 0;right: 0;bottom: 0;background: #000;z-index: -1;}
	.nav_header .collapse li.nav-item:hover .dropdown-menu{visibility:visible;opacity: 1;top: 100%;}
	.nav_header .collapse li.nav-item .dropdown-menu a{color: #fff;}
	.nav_sub{display: inline-block;vertical-align: top;width: 50%;padding: 20px 20px 40px calc(50% - 500px);font-size: 14px;}
	.nav_sub .hd{font-size: 18px;padding: 0 0 0 10px;font-weight: bold;color: #fdb819;}
	.nav_sub .bd{padding: 10px 0 0;}
	.nav_sub .bd ul{font-size: 0;}
	.nav_sub .bd ul li{display: inline-block;vertical-align: top;width: 24%;height: 46px;line-height: 46px;padding: 0 10px;border-bottom: 1px solid rgba(255,255,255,.2);font-size: 14px;}
	.nav_sub .bd ul li:nth-of-type(3n){width: 50%;}
	.nav_img{display: inline-block;vertical-align: top;width: 300px;padding: 40px 20px;font-size: 14px;}
	.nav_img img{width: 100%;height: auto;}
	.nav_other{display: inline-block;vertical-align: top;width: calc(50% - 300px);height: 100%;padding: 20px calc(50% - 500px) 40px 40px;font-size: 14px;}
	.nav_other .hd{font-size: 25px;font-weight: bold;color: #fdb819;}
	.nav_other .bd{padding: 10px 0 0;}
	.nav_other .bd ul li{font-size: 20px;line-height: 1.8em;font-weight: bold;}
	.search{width: 180px;height: 54px;position: absolute;right: 50%;bottom: 28px;transform: translateX(500px);}
	.search:after{display: block;width: 60px;height: 54px;line-height: 54px;text-align: center;content: "\f002";font-family: "odemedia";position: absolute;right: 0;top: 0;font-size: 20px;color: #fff;background: #fdb819;z-index: -1;}
	.search .ipt_txt{width: 120px;height: 54px;line-height: 30px;padding: 11px 5px;border: 1px solid #e6e6e6;}
	.search .ipt_txt:focus,.search .ipt_btn:focus{outline: none;}
	.search .ipt_btn{width: 60px;height: 54px;background: none;border: none;border-radius: 0;position: absolute;right: 0;top: 0;}
	
	
	.slider{width: 100%;position: fixed;z-index: -5;left: 0;top: 180px;transition: all .5s ease;}
	.scroll .slider{top: 110px;}
	.slider ul.swiper-wrapper li.swiper-slide{background-position: center center;background-size: cover;position: relative;}
	.slider_index ul.swiper-wrapper li.swiper-slide{height: 826px;}
	.slider .slider_next,.slider .slider_prev{width: 63px;height: 63px;line-height: 63px;text-align: center; position: absolute;top: 50%;z-index: 99;margin: -31px 0 0;transition: all .5s ease;}
	.slider .slider_next:hover,.slider .slider_prev:hover{background: rgba(253,184,25,1);}
	.slider .slider_next{right: 20px;}
	.slider .slider_prev{left: 20px;}
	.slider .slider_next:before,.slider .slider_prev:before{font-family: "odemedia";color: rgba(255,255,255,1);font-size: 30px;}
	.slider .slider_next:before{content: "\f054";}
	.slider .slider_prev:before{content: "\f053";}
	.slider .slider_txt{width: 1000px;position: absolute;left: calc(50% - 500px);top: 100px;color: #fff;z-index: 99;}
	.slider .slider_txt span{display: block;line-height: 80px;font-size: 69px;font-family: Impact, sans-serif;text-transform: uppercase;color: rgba(255,255,255,.05);}
	.slider .slider_txt strong{display: block;font-size: 77px;line-height: 90px;}
	.slider .slider_txt em{display: block;font-size: 45px;line-height: 60px;font-weight: bold;font-style: normal;}
	.slider .slider_txt a{display: inline-block;line-height: 28px;margin: 40px 0 0;padding: 15px 20px;font-size: 18px;background: #fdb819;color: #fff;font-family: Arial, Helvetica, sans-serif;position: relative;top: 0;transition: all .3s ease;}
	.slider .slider_txt a:hover{top:-5px;transform: scale(1.1,1.1);}
	
	.wrap{width: 100%;position: absolute;left: 0;top: 1006px;background: #fff;z-index: 0;box-shadow: 0 -5px 20px rgba(0,0,0,.6);transition: all .5s ease;}
	.scroll .wrap{top: 936px;}
	.box_1{width: 100%;}
	.box_1 .bhead{width: 1000px;margin: 0 auto;}
	.box_1 .bhead:before{display: block;content: "JIANGTU";width: 140px;height: 37px;line-height: 37px;margin: 0 auto;background: #fdb819;color: #fff;font-family: Arial, Helvetica, sans-serif;text-align: center;font-size: 18px;font-weight: bold;clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);}
	.box_1 .bhead strong{display: block;line-height: 50px;margin: 10px 0 0;font-size: 36px;text-align: center;}
	.box_1 .bhead span{display: block;line-height: 40px;font-size: 16px;text-align: center;padding: 10px 0 0;}
	.box_1 .bbody{width: 1000px;margin: 0 auto;padding: 50px 0 0;}
	.product{padding: 100px 0 0;}
	.product .bbody{}
	.product .bbody ul{font-size: 0;}
	.product .bbody ul li{display: inline-block;width: 33.3333333333334%;}
	.product .bbody ul li:nth-of-type(3n+1){padding: 0 20px 150px 0;}
	.product .bbody ul li:nth-of-type(3n+2){padding: 0 10px 150px;}
	.product .bbody ul li:nth-of-type(3n){padding: 0 0 150px 20px;}
	.product .bbody ul li figure{margin: 0;position: relative;}
	.product .bbody ul li figure img{width: 100%;height: auto;}
	.product .bbody ul li figure figcaption{display: block;height: 200px;padding: 10px 20px 0;background: rgba(0,0,0,.6);color: #FFF;position: absolute;left: 20px;right: 20px;bottom: -60px;transition: all .5s ease;}
	.product .bbody ul li figure:hover figcaption{padding: 10px 40px 0;left: 0;right: 0;background: rgba(253,184,25,.6);color: #000;}
	.product .bbody ul li figure figcaption:before{display: block;content: "\e605";font-family: "odemedia";font-size: 40px;line-height: 40px;color: #fdb819;transition: all .5s ease;}
	.product .bbody ul li figure:hover figcaption:before{color: #000;}
	.product .bbody ul li figure figcaption a{color: #FFF;transition: all .5s ease; font-size: 22px;}
	.product .bbody ul li figure:hover figcaption a{color: #000;}
	.product .bbody ul li figure figcaption strong{display: block;font-size: 16px;}
	.product .bbody ul li figure figcaption span{display: block;font-size: 14px;}
	
	.slider_product ul.swiper-wrapper li.swiper-slide{height: 610px;background-position: center center;background-size: cover;}
	.slider_product .swiper-pagination{display: flex;width: 300px;height: 10px;position: absolute;left: 40px;bottom: 20px;font-size: 0;z-index: 999;}
	.slider_product .swiper-pagination span.swiper-pagination-bullet{flex: 1;width: 100%;height: 100%;opacity: 1;border-radius: 0;background: #000;cursor: pointer;}
	.slider_product .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fdb819;}
	
	.about{padding: 80px 0 120px;background: #f2f2f2;}
	.about .bbody{font-size: 0;}
	.about_txt{display: inline-block;vertical-align: top;width: 50%;font-size: 14px;padding: 0 40px 0 0;}
	.about_txt strong{display: block;font-size: 32px;line-height: 48px;}
	.about_txt h3{font-size: 24px;font-weight: bold;line-height: 48px;}
	.about_txt p{}
	.about_txt span{display: block;font-weight: bold;font-size: 22px;color: #494949;}
	.about_txt em{display: block;font-weight: bold;font-style: normal;font-size: 28px;}
	
	.about_sub{display: inline-block;vertical-align: top;width: 50%;}
	.about_sub ul li{display: inline-block;vertical-align: top;width: 50%;}
	.about_sub ul li:nth-of-type(2n+1){padding: 0 10px 0 0;}
	.about_sub ul li:nth-of-type(2n){padding: 0 0 0 10px;}
	.about_sub ul li figure{border: 10px solid #FFF;padding: 0 0 100px;position: relative;overflow: hidden;}
	.about_sub ul li figure:before{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 100%;background: rgba(34,171,195,.6);text-align: center;line-height: 200%;font-family: "odemedia";font-size: 80px;color: #FFF;z-index: 10;transition: all .5s ease;}
	.about_sub ul li figure:hover:before{top:0;}
	.about_sub ul li:nth-child(1) figure:before{content: "\e6df";}
	.about_sub ul li:nth-child(2) figure:before{content: "\e613";}
	.about_sub ul li figure img{width: 100%;height: auto;}
	.about_sub ul li figure figcaption{width: 100%;height: 120px;padding: 50px 0 0 10px;background: #22abc3;position: absolute;left: 0;right: 0;bottom: 0;clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);z-index: 11;transition: all .5s ease;}
	.about_sub ul li figure:hover figcaption{background: #FFF;clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);}
	.about_sub ul li figure figcaption strong{font-size: 22px;line-height: 40px;margin: 0 15px 0 0;float: left;color: #FFF;transition: all .5s ease;}
	.about_sub ul li figure:hover figcaption strong{color: #000;}
	.about_sub ul li figure figcaption span{font-size: 30px;font-family: Impact, sans-serif;line-height: 40px;color: rgba(222,222,222,.3);}
	
	.advantage{padding: 80px 0 0;background: url(../images/bg_advantage.jpg) center top repeat-x;}
	.advantage .bhead{color: #FFF;}
	.advantage .bbody{text-align: center;padding: 80px 0 0;}
	.advantage .bbody ul{font-size: 0;}
	.advantage .bbody ul li{display: inline-block;vertical-align: top;width: 300px;margin: 0 15px;padding: 40px 0 0;background: #f2f6f7;font-size: 14px;}
	.advantage .bbody ul li:before{display: block;line-height: 120px;text-align: center;font-family: "odemedia";transition: all .5s ease;}
	.advantage .bbody ul li:hover:before{color: #fdb819;}
	.advantage .bbody ul li:nth-child(1):before{content: "\e612";font-size: 80px;}
	.advantage .bbody ul li:nth-child(2):before{content: "\e659";font-size: 60px;}
	.advantage .bbody ul li:nth-child(3):before{content: "\e702";font-size: 110px;}
	.advantage .bbody ul li strong{display: block;line-height: 30px;margin: 0 0 20px;font-size: 24px;text-align: center;}
	.advantage .bbody ul li span{display: block;width: 100%;height: 260px;padding: 50px 20px 0;background: #22abc3;clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 10px,25% 20px,calc(100% + 1px) 0,calc(100% + 1px) 100%,0 100%);z-index: 11;transition: all .5s ease;color: #FFF;}
	.advantage .bbody ul li:hover span{clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);-webkit-clip-path: polygon(0 0,75% 20px,calc(100% + 1px) 10px,calc(100% + 1px) 100%,0 100%);}
	
	.apply{padding: 80px 0;}
	.apply .bbody ul{font-size: 0;}
	.apply .bbody ul li{display: inline-block;vertical-align: top;width: 33.3333333333334%;}
	.apply .bbody ul li:nth-of-type(3n+1){padding: 0 20px 0 0;}
	.apply .bbody ul li:nth-of-type(3n+2){padding: 0 10px 0;}
	.apply .bbody ul li:nth-of-type(3n){padding: 0 0 0 20px;}
	.apply .bbody ul li figure{margin: 0;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.2);}
	.apply .bbody ul li figure>a{display: block;overflow: hidden;}
	.apply .bbody ul li figure img{width: 100%;height: auto;transition: all .5s ease;}
	.apply .bbody ul li figure:hover img{transform: scale(1.1,1.1);}
	.apply .bbody ul li figure figcaption{display: block;height: 160px;padding: 20px 20px 0;background: #FFF;transition: all .5s ease;position: relative;}
	.apply .bbody ul li figure figcaption strong{display: block;font-size: 18px;line-height: 24px;margin: 0 0 10px;}
	.apply .bbody ul li figure figcaption span{display: block;font-size: 14px;line-height: 18px;}
	.apply .bbody ul li figure figcaption em{position: absolute;right: 20px;bottom: 20px;font-size: 12px;font-family: Arial, Helvetica, sans-serif;font-style: normal;color: #aaa;}
	.apply .bbody ul li figure figcaption em:after{content: "\f105";font-family: "odemedia";margin: 0 0 0 5px;}
	.apply .bbody ul li figure figcaption em a{color: #AAA;}
	
	.apply .bmore{padding: 40px 0 0;text-align: center;}
	.apply .bmore a{display: inline-block;padding:10px 20px;font-size: 18px;font-family: Arial, Helvetica, sans-serif;border: 1px solid #fdb819;color: #fdb819;font-weight: bold;transition: all .5s ease;}
	.apply .bmore a:hover{background: #fdb819;color: #fff;}
	
	footer{height: 640px;background: #111;color: #606060;position: relative;}
	footer:before{display: block;content: "";height: 50px;position: absolute;left: 10%;right: 10%;top: 0;background: #22abc3;clip-path: polygon(0 0,100% 0,95% 100%);-webkit-clip-path: polygon(0 0,100% 0,95% 100%);}
	footer a{color: #606060;}
	
	.box_2 .bhead{height: 20px;line-height: 20px;padding: 0 0 0 10px;border-left: 3px solid #fdb819;}
	.box_2 .bhead strong{font-size: 18px;color: #FFF;}
	.contact{width: 350px;position: absolute;left: 50%;top:120px;transform: translateX(-500px);}
	.contact .bbody{padding: 20px 0 0;}
	.contact .bbody ul li{line-height: 24px;padding: 5px 0;}
	.contact .bbody ul li:before{display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: left;color: #fdb819;font-family: "odemedia";margin: 0 5px 0 0;}
	.contact .bbody ul li:nth-child(1):before{content: "\f3c5";}
	.contact .bbody ul li:nth-child(2):before{content: "\f879";}
	.contact .bbody ul li:nth-child(3):before{content: "\f0e0";}
	.flinks{width: 350px;position: absolute;left: 50%;top:330px;transform: translateX(-500px);}
	.flinks .bbody{padding: 20px 0 0;}
	.flinks .bbody ul{font-size: 0;}
	.flinks .bbody ul li{display: inline-block;margin: 0 10px 10px 0;font-size: 14px;}
	.flinks .bbody ul li a{display: block;padding: 3px 10px;border: 1px solid #606060;transition: all .5s ease;}
	.flinks .bbody ul li a:hover{background: #fdb819;color: #FFF;border: 1px solid #fdb819;}
	
	.nav_footer{width: 620px;position: absolute;right: 50%;top: 120px;transform: translateX(500px);font-size: 0;}
	.nav_footer dl{display: inline-block;vertical-align: top;width: 25%;padding: 0 40px 0 10px;font-size: 14px;}
	.nav_footer dl:nth-child(2){width: 50%;}
	.nav_footer dl dt{height: 20px;line-height: 20px;margin: 0 0 20px -10px;padding: 0 0 0 10px;border-left: 3px solid #fdb819;font-size: 18px;}
	.nav_footer dl dt a{color: #FFF;}
	.nav_footer dl dd{line-height: 24px;margin: 0;padding: 5px 0;}
	.nav_footer dl:nth-child(2){font-size: 0;}
	.nav_footer dl:nth-child(2) dd{display: inline-block;width: 50%;padding-right: 10px;font-size: 14px;}
	.nav_footer dl:nth-child(2) dd a{display: block;padding: 3px 10px;border: 1px solid #606060;transition: all .5s ease;}
	.nav_footer dl:nth-child(2) dd a:hover{background: #fdb819;color: #FFF;border: 1px solid #fdb819;}
	.copyright{width: 100%;height: 100px;line-height: 100px;position: absolute;left: 0;bottom: 0;text-align: center;}
	.copyright:before{display: block;content: "";height: 50px;position: absolute;left: 10%;right: 10%;top: 0;background: #fdb819;clip-path: polygon(0 0,100% 0,5% 100%);-webkit-clip-path: polygon(0 0,100% 0,5% 100%);}
	
	.banner{width: 100%;height: 490px;background: url(../temp/banner_2.jpg) center top repeat-x;position: fixed;left: 0;top: 180px;transition: all .5s ease;}
	.scroll .banner{top: 110px;}
	.banner_txt{width: 1000px;position: absolute;left: 50%;top: 50%;transform: translate(-500px,-50%);}
	.banner_txt strong{display: block;line-height: 90px;font-size: 60px;color: #fff;}
	.banner_txt strong span{color: #22abc3;}
	.banner_txt em{display: block;font-size: 30px;line-height: 60px;color: #fff;font-weight: bold;font-style: normal;}
	
	.wrap_i{width: 100%;position: absolute;left: 0;top: 670px;background: #fff;z-index: 0;box-shadow: 0 -5px 20px rgba(0,0,0,.6);transition: all .5s ease;}
	.scroll .wrap_i{top: 570px;}
	.main{padding: 90px 0;}
	
	.box_1 .bcategory{width: 1000px;margin: 0 auto;padding: 20px 0 0;text-align: center;}
	.box_1 .bcategory ul{font-size: 0;}
	.box_1 .bcategory ul li{display: inline-block;vertical-align: top;padding: 0 10px;font-size: 16px;}
	.box_1 .bcategory ul li a{display: block;line-height: 30px;padding: 10px 30px;background: #f1efef;transition: all .5s ease;}
	.box_1 .bcategory ul li a:hover,.box_1 .bcategory ul li.current_page_item a{background: #fdb819;color: #fff;}
	.about_content{line-height: 2em;}
	.about_content:after{display: block;content: "";clear: both;}
	.about_content p{text-indent: 2em;}
	.about_img{float: right;width: 360px;margin: 0 0 0 40px;overflow: hidden;}
	.about_img img{width: 100%;height: auto;transition: all .5s ease;}
	.about_img:hover img{transform: scale(1.1,1.1);}
	
	.about_num{padding: 60px 0 0;}
	.about_num ul{font-size: 0;}
	.about_num ul li{display: inline-block;vertical-align: top;width: 25%;padding: 0 40px;text-align: center;}
	.about_num ul li:before{display: block;width: 130px;height: 130px;line-height: 130px;margin: 0 auto 10px;text-align: center;background: #fafafa;border-radius: 100%;font-family: "odemedia";font-size: 40px;color: #fdb819;}
	.about_num ul li:nth-child(1):before{content: "\f3c5";}
	.about_num ul li:nth-child(2):before{content: "\f3c5";}
	.about_num ul li:nth-child(3):before{content: "\f3c5";}
	.about_num ul li:nth-child(4):before{content: "\f3c5";}
	.about_num ul li strong{display: block;line-height: 50px;margin: 0 0 10px;font-family: Impact, sans-serif;font-size: 45px;color: #fdb819;font-weight: normal;}
	.about_num ul li span{display: block;line-height: 18px;font-size: 14px;}
	
	.page_product .bbody{font-size: 0;position: relative;}
	.page_product .bbody:before{display: block;content: "";width: 220px;position: absolute;left: 0;top: 50px;bottom: 0;background: #f9f9f9;z-index: -1;}
	.page_minor{display: inline-block;vertical-align: top;width: 220px;margin: 0 40px 0 0;font-size: 16px;}
	.box_category{}
	.box_category .hd{height: 100px;padding: 20px 0 0;background: #fdb819;color: #fff;text-align: center;}
	.box_category .hd em{display: block;line-height: 24px;font-size: 18px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-style: normal;font-weight: bold;}
	.box_category .hd strong{display: block;line-height: 30px;font-weight: bold;font-size: 24px;}
	.box_category .bd{padding: 40px 10px;}
	.box_category .bd ul li{margin: 0 0 2px;}
	.box_category .bd ul li a{display: block;line-height: 24px;padding: 10px 20px;background: #efefef;transition: all .5s ease;}
	.box_category .bd ul li a:hover,.box_category .bd ul li.current a{background: #fdb819;color: #fff;}
	
	.page_main{display: inline-block;vertical-align: top;width: 740px;font-size: 14px;}
	.list_product ul{font-size: 0;}
	.list_product ul li{display: inline-block;vertical-align: top;width: 33.33333333334%;margin: 0 0 20px;}
	.list_product ul li:nth-of-type(3n+1){padding: 0 14px 0 0;}
	.list_product ul li:nth-of-type(3n+2){padding: 0 7px;}
	.list_product ul li:nth-of-type(3n){padding: 0 0 0 14px;}
	.list_product ul li figure{margin: 0;}
	.list_product ul li figure>a{display: block;border: 1px solid #e8e8e8;overflow: hidden;}
	.list_product ul li figure>a img{width: 100%;height: auto;transition: all .5s ease;}
	.list_product ul li figure:hover>a img{transform: scale(1.1,1.1);}
	.list_product ul li figure figcaption{height: 200px;padding:15px;position: relative;background: #fafafa;}
	.list_product ul li figure figcaption strong{display: block;line-height: 20px;font-size: 18px;font-weight: bold; text-align: center;}
	.list_product ul li figure figcaption span{display: block;line-height: 18px;padding: 10px 0 0;color: #6c6c6c;font-size: 14px;text-align: center;}
	.list_product ul li figure figcaption em{display: block;padding: 10px 0 0;;font-size: 12px;font-style: normal;}
	.list_product ul li figure figcaption em a{color: #6c6c6c;font-size: 14px;}
	
	.article_product{font-size: 0;}
	.ode_gallery{display: inline-block;vertical-align: top;width: 400px;position: relative;margin: 0 20px 0 0;}
	.ode_gallery .gallery_photo{overflow: hidden;}
	.ode_gallery .gallery_photo ul li.swiper-slide{overflow: hidden;}
	.ode_gallery .gallery_photo ul li.swiper-slide img{width: 100%;height: auto;transition: all .5s ease;}
	.ode_gallery .gallery_photo ul li.swiper-slide:hover img{transform: scale(1.1,1.1);}
	.ode_gallery .photo_nav{width: 40px;height: 100px;position: absolute;top: 50%;cursor: pointer;margin: -50px 0 0;}
	.ode_gallery .photo_nav:before{display: flex;content: "";width: 100%;height: 100%;line-height:100%;font-family: "odemedia";font-size: 64px;transition: all .3s;align-items: center;justify-content: center;}
	.ode_gallery .photo_nav.photo_nav_prev{left: 10%;z-index: 1;}
	.ode_gallery .photo_nav.photo_nav_next{right: 10%;z-index: 1;}
	.ode_gallery .photo_nav.photo_nav_prev:before{content: "\f104";}
	.ode_gallery .photo_nav.photo_nav_next:before{content: "\f105";}
	.ode_gallery .photo_nav:hover:before{color: #fff;}
	.ode_gallery .gallery_thumb{position: relative;}
	.ode_gallery .gallery_thumb_ul{margin:20px 30px 0;overflow: hidden;}
	.ode_gallery .gallery_thumb_ul ul li.swiper-slide img{width: 100%;height: auto;opacity: .6;transition: all .3s;max-width: 115px;}
	.ode_gallery .gallery_thumb_ul ul li.swiper-slide.swiper-slide-thumb-active img{opacity: 1;}
	.ode_gallery .thumb_nav{width: 20px;height: 100%;position: absolute;top: 0;cursor: pointer;}
	.ode_gallery .thumb_nav:before{display: flex;content: "";width: 100%;height: 100%;line-height:100%;background: #f6f6f6;font-family: "odemedia";font-size: 24px;transition: all .3s;align-items: center;justify-content: center;}
	.ode_gallery .thumb_nav.thumb_nav_prev{left: 0;}
	.ode_gallery .thumb_nav.thumb_nav_next{right: 0;}
	.ode_gallery .thumb_nav.thumb_nav_prev:before{content: "\f104";}
	.ode_gallery .thumb_nav.thumb_nav_next:before{content: "\f105";}
	.ode_gallery .thumb_nav:hover:before{background: #dedede;}
	
	.article_product .info{display: inline-block;vertical-align: top;width: 320px;}
	.article_product .info h1{line-height: 40px;margin: 0 0 20px;font-size: 30px;font-weight: bold;}
	.article_product .info .intro{font-size: 12px;}
	
	.article_product .content{margin: 40px 0 0;font-size: 14px;}
	.article_product .content .hd{border-bottom: 2px solid #bbb;}
	.article_product .content .hd strong{display: inline-block;vertical-align: top;line-height: 36px;padding: 0 20px;background: #fdb819;color: #fff;font-size: 18px;}
	.article_product .content .bd{padding: 20px 0 0;}
	.article_product .content .bd p{text-indent: 2em;}
	.article_product .content .bd img{max-width: 100%;}
	.article_product .content .bd p img{margin: 0 0 0 -2em;}
	
	.list_news{}
	.list_news ul li{padding: 10px 10px 10px 180px;border-bottom: 1px solid #e5e5e5;position: relative;transition: all .5s ease;}
	.list_news ul li:hover{background: #f4f4f4;}
	.list_news ul li:after{display: block;content: "";clear: both;}
	.news_img{float: right;width: 200px;margin: 0 0 0 20px;overflow: hidden;}
	.news_img img{width: 100%;height: auto;transition: all .5s ease;}
	.list_news ul li:hover .news_img img{transform: scale(1.1,1.1);}
	.news_date{width: 180px;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;font-family: Arial, Helvetica, sans-serif;color: #c8c8c8;}
	.news_date span{position: absolute;right: 40px;top: 50%;transform: translateY(-40px);font-size: 14px;}
	.news_date strong{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 30px;}
	.news_txt strong{display: block;margin: 0 0 10px;line-height: 30px;font-size: 20px;}
	.news_txt span{display: block;margin: 0 0 10px;font-size: 14px;line-height: 18px;color: #6f6f6f;}
	.news_txt em{display: block;font-size: 14px;font-style: normal;}
	.news_txt em a{color: #6f6f6f;}
	.news_txt em a:after{content: "+";}
	
	.article_news h1{line-height: 40px;font-size: 30px;font-weight: bold;text-align: center;}
	.article_news .info{line-height: 30px;border-bottom: 1px dotted #c9c9c9;text-align: center;}
	.article_news .info ul{font-size: 0;}
	.article_news .info ul li{display: inline-block;padding: 0 10px;font-size: 14px;}
	.article_news .info ul li:before{margin: 0 5px 0 0;font-family: "odemedia";color: #aaa;}
	.article_news .info ul li.share:before{content: "\f1e0";}
	.article_news .info ul li.author:before{content: "\f007";}
	.article_news .content{padding: 40px;line-height: 1.8em;}
	.article_news .content p{text-indent: 2em;}
	.article_news .content img{max-width: 100%;}
	.article_news .content p img{margin: 0 0 0 -2em;}
	
	.article_prevnext{border-top: 1px solid #ccc;}
	.article_prevnext ol{}
	.article_prevnext ol li{line-height: 24px;padding: 10px 20px;border-bottom: 1px solid #ccc;}
	.article_prevnext ol li:before{margin: 0 10px 0 0;font-family: "odemedia";}
	.article_prevnext ol li:first-child:before{content: "\f077";}
	.article_prevnext ol li:last-child:before{content: "\f078";}
	
}
@media screen and (min-width:1320px){
	.topbar:before{width: calc(50% - 420px);}
	.topbar .tel{transform: translateX(-640px);}
	.topbar .email{transform: translateX(580px);}
	.topbar .language{transform: translateX(640px);}
	.logo{transform: translateX(-640px);}
	.nav_header{width: 1280px;padding: 0 240px 0 300px;}
	.nav_header .collapse li.nav-item{font-size: 18px;}
	.nav_header .collapse li.nav-item.dropdown>a:after{margin: 0 0 0 5px;}
	.nav_header .collapse li.nav-item .dropdown-menu:before{width: calc(50% - 400px);}
	.nav_sub{padding: 20px 20px 40px calc(50% - 640px);}
	.nav_img{width: 400px;}
	.nav_other{width: calc(50% - 400px);padding: 20px calc(50% - 640px) 40px 40px;}
	.search{width: 220px;transform: translateX(640px);}
	.search .ipt_txt{width: 160px;}
	
	.slider .slider_txt{width: 1280px;left: calc(50% - 640px);}
	
	.box_1 .bhead{width: 1280px;}
	.box_1 .bbody{width: 1280px;}
	.product .bbody ul li:nth-of-type(3n+1){padding: 0 30px 150px 0;}
	.product .bbody ul li:nth-of-type(3n+2){padding: 0 15px 150px;}
	.product .bbody ul li:nth-of-type(3n){padding: 0 0 150px 30px;}
	
	
	.about_txt{padding: 0 80px 0 0;}
	
	.about_sub ul li:nth-of-type(2n+1){padding: 0 20px 0 0;}
	.about_sub ul li:nth-of-type(2n){padding: 0 0 0 20px;}
	
	.advantage .bbody ul li{width: 350px;margin: 0 20px;}
	.advantage .bbody ul li span{padding: 50px 40px 0;}
	
	.apply .bbody ul li:nth-of-type(3n+1){padding: 0 30px 0 0;}
	.apply .bbody ul li:nth-of-type(3n+2){padding: 0 15px 0;}
	.apply .bbody ul li:nth-of-type(3n){padding: 0 0 0 30px;}
	
	.contact{transform: translateX(-640px);}
	.flinks{transform: translateX(-640px);}
	
	.nav_footer{transform: translateX(640px);}
	
	.banner{width: 100%;height: 490px;background: url(../temp/banner_2.jpg) center top repeat-x;position: fixed;left: 0;top: 180px;transition: all .5s ease;}
	.scroll .banner{top: 110px;}
	.banner_txt{width: 1000px;position: absolute;left: 50%;top: 50%;transform: translate(-500px,-50%);}
	.banner_txt strong{display: block;line-height: 90px;font-size: 60px;color: #fff;}
	.banner_txt strong span{color: #22abc3;}
	.banner_txt em{display: block;font-size: 30px;line-height: 60px;color: #fff;font-weight: bold;font-style: normal;}
	
	.wrap_i{width: 100%;position: absolute;left: 0;top: 670px;background: #fff;z-index: 0;box-shadow: 0 -5px 20px rgba(0,0,0,.6);transition: all .5s ease;}
	.scroll .wrap_i{top: 570px;}
	.main{padding: 90px 0;}
	
	.box_1 .bcategory{width: 1280px;}
	.about_content{font-size: 16px;}
	.about_img{width: 460px;margin: 0 0 0 60px;}

	.about_num ul li{padding: 0 80px;}
	
	.page_product .bbody:before{width: 260px;}
	.page_minor{width: 260px;margin: 0 60px 0 0;}
	.box_category .bd{padding: 40px 20px;}
	
	.page_main{width: 960px;}
	.list_product ul li:nth-of-type(3n+1){padding: 0 10px 0 0;}
	.list_product ul li:nth-of-type(3n+2){padding: 0 10px;}
	.list_product ul li:nth-of-type(3n){padding: 0 0 0 10px;}
	
	.ode_gallery{width: 560px;margin: 0 40px 0 0;}
	
	.article_product .info{width: 360px;}
	.article_product .info .intro{font-size: 14px;}
	
	.article_product .content{font-size: 16px;}

	.list_news ul li{padding: 20px 20px 20px 240px;min-height: 140px;}
	.news_img{width: 320px;}
	.news_date{width: 240px;}
	.news_date span{right: 60px;transform: translateY(-60px);}
	

	.article_news .content{font-size: 16px;}
	
	.article_prevnext{font-size: 16px;}
	.article_prevnext ol li{line-height: 30px;}


	.form_contact{width: 600px;margin: 0 auto;}
	.form_contact ul li{padding: 10px 0;}
	.form_contact ul li .ipt_txt{width: 100%;height: 40px;padding: 10px;line-height: 18px;border: 1px solid #eee;}
	.form_contact ul li .ipt_textarea{width: 100%;height: 100px;padding: 10px;border: 1px solid #eee;}
	.form_contact ul li .ipt_btn{width: 100%;height: 40px;line-height: 40px;background: #22abc3;color: #fff;border: none;}
}
.pages{text-align: center;padding: 20px 0;}
.pages ul{
	padding:12px 0px 12px 16px;
}
.pages ul li{font-size: 14px;
	display: inline-block;
	vertical-align: top;
	font-family:Tahoma;
	line-height:17px; padding:4px 20px 4px;
	
	border:1px solid #E9E9E9;
}
.pages ul li a{
	display: block;
	color:#777; font-size: 14px;
	display:block;
}
.pages ul li a:hover{
	color:#690;
	text-decoration:none;
	
}
.pages ul li.thisclass,
.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	font-weight:bold;
}
.pages .pageinfo{font-size: 14px;
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.page_main:after{content: "";display: block;clear: both;}