@charset "utf-8";body{background:#fff;color:#000;font-size:18px;}
@font-face {font-family: "MetropolisLight";src:url("Metropolis/MetropolisLight.ttf");}
@font-face {font-family: "MetropolisRegular";src:url("Metropolis/MetropolisRegular.ttf");}
@font-face {font-family: "MetropolisSemiBold";src:url("Metropolis/MetropolisSemiBold.ttf");}

body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,span,td,textarea,th,ul{margin:0;padding:0;outline:0;border:0;font-family:MetropolisRegular,sans-serif;}
fieldset,form,input,legend,textarea{outline:0;}
li{list-style:none;}
img{border:0;}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block;}
a:link{color:#373737;text-decoration:none;}
a:visited{color:#373737;text-decoration:none;}
a:hover{color:#e62129;}


.wait03s,.wait03s img{transition: all 0.3s linear;}
.image:hover img{transform: scale(1.1);}
.wait1{-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.wait2{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.wait3{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}


.top_bg{position:fixed;top:0;left:0;z-index:999;width:100%;height:100px; min-width: 1500px;}
.logo{position: absolute; left: 50px; top: 30px;}
.logo a{width: 138px; height: 36px; display: block; background: url("/images/logo_w.png") no-repeat left center; background-size: auto 100%; text-indent: -99999px;}
.logo_text{position: absolute; left: 200px; top: 30px; color: #fff; height: 36px; line-height: 36px;}

/* Top menu and box  */
.top_menu{position: absolute; top: 30px; right: 10%; text-align: right;}
.top_menu .menu_box{margin-right:12px;margin-left:12px;color:#fff; position: relative; display: inline-block; height: 48px; line-height: 48px;}
.top_menu a{color: #fff; display: block; line-height: 48px;}
.top_menu .menu_on a,.menu_box:hover a{color:#FFF;}
.top_menu .menu_ico1,.top_menu .menu_ico2{padding-right: 20px;}
.top_menu .menu_ico1:before,.top_menu .menu_ico2:before{content: '\ea4e'; font-family:"remixicon"; position: absolute; top: 2px; right: 0px; color: #fff;}
.top_menu .menu_box:after{position:absolute;bottom:0px;left:0;visibility:hidden;width:0;height:3px;background-color:#FFF;content:"";opacity:1;transition:all .3s ease;}
.top_menu .menu_box:hover:after,.top_menu .menu_on:after{visibility:visible;width:100%;opacity:1;}
.top_menu .menu_box:hover:before{color: #FFF;}

.menu_box_small{position: absolute; top: 60px; left: 50%; transform: translateX(-50%); background: #fff;box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); visibility:hidden;transition:all .3s ease; opacity: 0;}
.top_menu .menu_box_small a{white-space: nowrap; color: #333; text-align: center; display: block; padding-left: 10px; padding-right: 10px; font-size: 14px;}
.top_menu .menu_box_small a:hover{background: #333; color: #fff;}

.small_menu{position: absolute; left: 0px; top: 80px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); visibility:hidden;transition:all .3s ease; opacity: 0; width: 100%;}
.small_menu a{color: #666; white-space: nowrap; padding-left: 12px; padding-right: 12px;transition:all .3s ease;}
.small_menu a:hover{color: #fff; background: #333;}

.small_list{width: 80%; margin: 0px auto; padding: 32px;  display: flex; flex-wrap: wrap;}
.small_list .small_box{padding: 15px; box-sizing: border-box; width: 14.28%; cursor: pointer;}
.small_list .small_box:hover{background: #333; border-radius: 10px;}
.small_list .small_box:hover a{color: #fff;}
.small_list .small_box div{width: 100%;}
.small_list .small_box img{width: 100%; border-radius: 10px;}
.small_list .small_box a{padding: 0px; display: block; text-align: center; white-space:normal;}
.small_list .small_box a:hover{background: none;}
.top_menu .menu_on:before{color: #FFF;}
.page_on div,.page_out div{transition:.5s;}
.page_on .layui-layer{transition: 0s;}
.page_on .top_bg{background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);}
.page_on .logo a{background: url("/images/logo_c.png") no-repeat left center;  background-size: auto 100%; }
.page_on .top_menu a{color: #000}
.page_on .top_menu .menu_on:before{color: #333;}
.page_on .top_menu .menu_box:after{background: #333;}
.page_on .top_menu .menu_ico1:before,.page_on .top_menu .menu_ico2:before{color: #000;}
.page_on .top_language{color: #000;}
.page_on .logo_text{color: #000;}


/* swiper */
.swiper{width:100%;height:780px;}
.swiper-slide{background-position:center;background-size:cover; position: relative;}
.swiper-slide img{display:block;width:100%;height:780px;}
.swiper-button-next,.swiper-button-prev{font-size:148px;}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:30px;}
.swiper-button-prev,.swiper-rtl .swiper-button-next{left:30px;}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{color:rgba(255,255,255,.5);content:"\ea6e";font-size:72px; font-weight: 500; font-family:"remixicon";transition:all .3s linear;}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{color:rgba(255,255,255,.5);content:"\ea64";font-size:72px;font-family:"remixicon";transition:all .3s linear;}
.swiper-button-next:hover:after,.swiper-button-prev:hover:after,.swiper-rtl .swiper-button-next:hover:after,.swiper-rtl .swiper-button-prev:hover:after{color:#fff;}
.swiper-pagination-bullet{width:30px;height:12px;border-radius:5px;background:#fff;transition:all .5s linear;}
.swiper-pagination-bullet-active{width:50px;}
.swiper-slide .swiper-text{position:absolute; left:5%; bottom: -300px; width:45%; transition:.6s;}
.swiper-slide .swiper-text div{display:block; overflow: hidden;}
.swiper-slide-active .swiper-text{bottom: 100px; transition:.8s; transition-delay:.2s}
.st_title1{color:#FFF; font-size: 28px; font-weight: bold;}
.st_title2{color:#fff; font-size: 65px; padding-bottom: 18px; padding-top: 8px;}
.st_title3{color:#fff; font-size: 32px;}
.st_title4{color:#b0b0b0;}

.btn-main{text-align: center; overflow: hidden; margin-top: 18px;}
.btn-main a{position:relative;z-index:99;border-radius:3px;background:#48beb6;color:#FFF;text-transform:uppercase;letter-spacing:0;font-weight:400;font-size:18px; display: block;width: 180px; height: 60px; line-height: 60px; padding-left: 28px; cursor: pointer;}
.btn-main a::before{position:absolute;top:0;left:0;z-index:9;width:34px;height:100%;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:3px;border-top-left-radius:3px;background:#1e867f;content:'';-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease;}
.btn-main a span{position: relative; z-index: 99}
.btn-main a i{position:absolute;left:3px;z-index:99;}
.btn-main a:hover:before{position:absolute;top:0;left:0;z-index:9;width:100%!important;border-top-right-radius:3px!important;border-bottom-right-radius:3px!important;background:#1e867f;color:#11161e!important;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease;}

/* Index Css */
.index_title{text-align: center; padding-bottom: 28px; padding-top: 28px;}
.index_title p{font-size: 28px; font-weight: bold; padding-bottom: 8px;}
.index_title span{font-size: 18px; color: #333333; line-height: 28px; height: 28px;}

/* index products */
.index_products{padding: 66px 5%; margin: 0px auto; min-width: 1500px; box-sizing: border-box; background: #f2f2f2;}
.index_products .ip_list{display: flex; flex-wrap: wrap;}
.index_products .ip_box{width: 24.4%; margin-left: 0.3%; margin-right: 0.3%; box-sizing: border-box; padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}
.index_products .ip_box img{width: 100%;}
.index_products .ip_box .ip_picture{font-size: 0px; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative;}
.index_products .ip_box .ip_title{position: absolute; height: 50px; line-height: 50px; overflow: hidden; padding: 0px 15px; box-sizing: border-box; width: 100%; bottom: 0px; left: 0px; text-align: center; font-size: 18px;}
.index_products .ip_box .ip_title a{color: #333; font-weight: bold;}
.index_products .ip_mark{position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0;}
.index_products .ip_mark a{display: block; color: #fff; font-size: 16px; height: 100%; text-align: center;}
.index_products .ip_mark a span{ position:absolute; top:20%; left:50%; transform:translateX(-50%); padding-top: 24px;}
.index_products .ip_mark a span:before{font-size:32px;font-family:"remixicon"; width: 100%; display: block;}
.index_products .ip_box:hover .ip_mark{visibility: visible; opacity: 1;}
.index_products .ip_box:hover .ip_mark a span{top: 30%;}

.index_about{padding: 42px 0px 72px 0px; box-sizing: border-box;}
.index_about .ia_box{display: flex; justify-content: space-between; padding: 10px 0px; width: 90%; margin: 0px auto; min-width: 1500px; align-items: center;}
.index_about .ia_picture{width: 48%; position: relative; cursor: pointer; font-size: 0px;}
.index_about .ia_picture img{width: 100%;}
.index_about .ia_info{width: 48%;}
.index_about .ia_title{padding-bottom: 8px;}
.index_about .ia_content{color: #000;}
.index_about .in_list{display: flex; justify-content: space-between;}
.index_about .in_box{width: 32%; text-align: center; margin-top: 28px; padding: 18px 0px; background: #333; border-radius: 10px; color: #fff;}
.index_about .in_box .in_number{font-size: 30px;}
.index_about .ia_video{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 60px; height: 60px; line-height: 60px; border-radius: 60px; border: 7px solid #fff; text-align: center; z-index: 2; opacity: 0.6; text-indent: 5px;}
.index_about .ia_video{color: #fff; font-size: 42px; opacity: 0.6; margin-left: 5px;}
.index_about .ia_video_bg{position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; background: rgba(0, 0, 0, 0.3);}
.index_about .ia_picture:hover .ia_video{opacity: 1;}
.index_about .ia_picture:hover .ia_video_bg{background: rgba(0, 0, 0, 0);}

.index_news{width: 100%; padding: 66px 0px; box-sizing: border-box; background: #f2f2f2;}
.index_news .in_list{display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin: 0px auto; min-width: 1500px;}
.index_news .in_box{width: 24%; box-sizing: border-box; padding: 25px; margin-bottom: 10px; margin-bottom: 28px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); border-radius: 5px; background: #fff;}
.index_news .in_title{margin-top: 5px; overflow: hidden; font-size: 22px;}
.index_news .in_title a{color: #333; font-weight: bold; display: block;}
.index_news .in_title a:hover{color: #ff6600;}
.index_news .in_box .in_picture{font-size: 0px; border-radius: 5px; overflow: hidden;}
.index_news .in_box .in_picture img{width: 100%;}
.index_news .in_box .in_date{color: #adadad; font-size: 12px; padding-top: 8px; padding-bottom: 10px;}
.index_news .in_box .in_info{font-family: 'MetropolisLight'; font-size: 15px; line-height: 18px; height: 54px; overflow: hidden; margin-top: 12px; margin-bottom: 18px;}
.index_news .in_box .in_more{text-align: center;}
.index_news .in_box .in_more a{font-size: 13px; color: #000; height: 42px; line-height: 42px;background: #333; color: #fff; padding-left: 12px; padding-right: 12px; display: inline-block;}
.index_news .in_box .in_more a:hover{background: #ff6600;}
.index_news .in_box:hover{margin-top: -5px;}

.index_service{width: 100%; padding: 66px 0px; box-sizing: border-box;}
.index_service .is_list{display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin: 0px auto; min-width: 1500px;}
.index_service .is_box{width: 24%; box-sizing: border-box; padding: 25px; margin-bottom: 10px; margin-bottom: 28px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); border-radius: 5px; background: #fff;}
.index_service .is_title{margin-top: 5px; overflow: hidden; font-size: 22px; padding-top: 18px; padding-bottom: 18px;}
.index_service .is_title a{color: #333; font-weight: bold; display: block; text-align: center;}
.index_service .is_title a:hover{color: #ff6600;}
.index_service .is_box .is_picture{font-size: 0px; border-radius: 5px; overflow: hidden;}
.index_service .is_box .is_picture img{width: 100%;}
.index_service .is_box .is_more{text-align: center;}
.index_service .is_box .is_more a{font-size: 13px; color: #000; height: 42px; line-height: 42px;background: #333; color: #fff; padding-left: 12px; padding-right: 12px; display: inline-block;}
.index_service .is_box .is_more a:hover{background: #ff6600;}
.index_service .is_box:hover{margin-top: -5px;}

.index_partner{padding: 66px 0px; box-sizing: border-box; background: #f2f2f2;}
.ib_list{display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin: 0px auto; min-width: 1500px;}
.ib_list .ib_picture{width: 16.66%; text-align: center; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); background: #fff; overflow: hidden; font-size: 0px;}
.ib_list .ib_picture img{width: 80%;}

.index_feedback{}
.if_box{min-width: 1500px; display: flex; justify-content: space-between;}
.if_box .if_picture,.if_box .if_form{width: 50%;}
.if_box .if_form{padding: 50px;}
.if_box .if_form .iff_form{padding-top: 32px; width: 80%;}
.if_box .if_form .iff_title{font-size: 55px; color: #333; font-weight: bold;}
.if_box .if_form .iff_subtitle{color: #333; font-size: 26px; padding-top: 18px; padding-bottom: 25px;}
.if_box .iff_form_50{display: flex; justify-content: space-between;}
.if_box .iff_form_50>div{width: 49%;}
.if_box .if_form input{width: 100%; border-radius: 5px; border: 1px solid #d5d5d5; height: 36px; line-height: 36px; padding-left: 8px; box-sizing: border-box; font-size: 16px;}
.if_box .iff_content{width: 100%; border-radius: 5px; border: 1px solid #d5d5d5; height: 72px; padding: 8px; box-sizing: border-box;}
.if_box .if_note{color: #ff6600; padding-top: 8px;}
.if_box .iff_botton{font-size: 13px; color: #000; height: 42px; line-height: 42px;background: #333; color: #fff; padding-left: 18px; padding-right: 18px; display: inline-block; margin-top: 18px; cursor: pointer; user-select: none;}
.if_box .iff_botton:hover{background: #ff6600;}
.if_box p i{font-size: 12px; color: #ff6600;}

.index_reviews{padding: 66px 0px 50px 0px; background: #f2f2f2; min-width: 1500px;}
.swiper-container2{width: 90%; padding-bottom: 50px; padding-top: 28px; margin: 0px auto; min-width: 1500px; overflow: hidden;}
.swiper-container2 .swiper-wrapper{}
.swiper-container2 .swiper-slide{text-align: center;font-size: 18px; background: #fff; transition: 300ms;transform: scale(0.8); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); padding: 32px; box-sizing: border-box; user-select: none;}
.swiper-container2 .swiper-slide-active,.swiper-container2 .swiper-slide-duplicate-active{transform: scale(1);}
.swiper-slide .reviews_ico{display: block; text-align: center; width: 100%; font-size: 42px; color: #f0ad4e;}
.swiper-slide .reviews_star{color: #f0ad4e;}
.swiper-slide .reviews_text{padding: 20px; line-height: 32px;}
.swiper-slide .reviews_logo{width: 100px; height: 100px; text-align: center; border-radius: 100px; overflow: hidden; margin: 0px auto;}
.swiper-slide .reviews_logo img{width: 100%; height: auto;}
.swiper-slide .reviews_name span{display: block; font-weight: bold; padding-top: 12px; padding-bottom: 12px;}
.swiper-slide .reviews_name p{color: #888888;}
/* index End */


/* products */
.top_banner{width: 100%; height: 372px; position: relative;}
.top_mark{position: absolute; height: 132px; top: 0px; left: 0px; width: 100%; display: block; background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); z-index: 1;}
.top_text{position: absolute; z-index: 2; top: 50%; color: #fff; left: 50%; transform: translateX(-30%);}
.top_text .top_text_title{font-size: 32px; font-weight: bold;}
.top_text .top_text_info{line-height: 18px; margin-top: 8px; max-width: 65%;}




.location{width: 100%;}
.location_text{max-width: 1300px; margin: 0px auto; overflow: hidden; line-height: 72px; height: 72px;}
.location_text span{padding-right: 2px;}
.location_text span i{padding-right: 5px;}

.pt_bg{background: #f2f2f2; padding: 66px 0px;}
.products_top{width: 1300px; margin: 0px auto; display: flex;}
.products_top .proshow_pic{width: 480px;}
.products_top .proshow_pic .pc_box{border: 5px solid #f2f2f2;}
.products_top .products_other{flex: 1;}
.products_top .products_other .page_title{position: relative;}
.products_top .products_other .page_title h1{position: absolute; opacity: 0; width: 100%; height: 28px; overflow: hidden; top: 0px; left: 0px;}
.products_top .products_other .page_subtitle{padding-top: 18px; line-height: 22px; padding-bottom: 8px;}
.products_top .page_tel{padding-top: 12px; font-size: 24px; font-weight: bold;}
.products_top .page_tel i{margin-right: 5px;}
.products_top .page_contact{width: 100%; text-align: center; display: block; overflow: hidden;}
.products_top .page_contact a{width: 30%; margin-top: 28px; background: #ff6600; color: #fff; display: block; height: 36px; line-height: 36px; border-radius: 8px;}
.products_top .page_contact a:hover{color: #fff; background: #ff0000;}

.products_body{display: flex; justify-content: space-between; max-width: 1300px; margin: 0px auto; padding-bottom: 72px;}
.products_body .products_categroies{width: 25%;}
.products_body .mg32{ margin-top: 32px;}
.left_menu{ box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); box-sizing: border-box; border-radius: 8px;}
.left_menu p{font-size: 24px; padding-left: 18px; line-height: 65px; height: 65px; background: #48beb6; color: #fff; position: relative;}
.left_menu p i{padding-right: 5px;}
.left_menu .left_big_list{ line-height:50px; height:50px; padding-left:16px; margin-top: 2px;}
.left_menu .left_big_list a{display: block;}
.left_menu .on_big,.left_menu .left_big_list:hover{background: #333;}
.left_menu .on_big a,.left_menu .left_big_list:hover a{color: #fff;}

.products_show_list{width: 72%; display: flex; flex-wrap: wrap; box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3); padding-bottom: 72px;}
.products_show_list .ip_box{width: 23%; margin-left: 1%; margin-right: 1%; overflow: hidden; text-align: center; margin-bottom: 15px; margin-top: 15px;}
.products_show_list .ip_picture{overflow: hidden;}
.products_show_list .ip_picture img{width: 100%;}

.ppp{text-align: center;}
.ppw{text-align: center; padding-top: 18px;}
.ppw img{width: 100%;}
.products_show_content{margin-top: 32px; margin-bottom: 28px; width: 72%;}
.products_show_content .products_content_title{padding: 0px 20px; border-radius: 10px 10px 0px 0px; background: #333; line-height: 42px; height: 42px; color: #fff; display: inline-block;}
.products_show_content .products_content{box-sizing: border-box; padding: 32px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); line-height: 28px;}



.foot_feedback{max-width: 1300px; margin: 0px auto; margin-bottom: 72px; overflow: hidden;}


/* blog */
.blog_list{width: 100%; display: flex; box-sizing: border-box; padding: 42px 32px;}
.blog_list .blog_left{flex: 1; display: flex; flex-wrap: wrap;}
.blog_list .blog_left .index_title{width: 100%;}
.blog_list .blog_box{width: 32%; margin-right: 1.33%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); margin-bottom: 28px; overflow: hidden; border-radius: 5px;}
.blog_list .blog_box:hover{box-shadow: 0px 0px 5px rgba(10, 31, 143, 1.0);}
.blog_list .blog_box .blog_picture img{width: 100%;}
.blog_list .blog_box .blog_picture{margin-bottom: 10px;}
.blog_list .blog_box .blog_title{ padding:0px 18px; font-size:22px; font-weight: bold;}
.blog_list .blog_box a{color: #333;}
.blog_list .blog_box .blog_info{line-height: 20px; overflow: hidden; padding: 0px 20px; margin: 18px 0px 12px 0px;}
.blog_list .blog_box .blog_more{padding: 0px 20px 20px 20px; font-size: 13px;}
.blog_list .blog_right{width: 21%; padding-left: 2%;}
.blog_list .blog_right p{padding-bottom: 18px; font-size: 24px; font-weight: bold; padding-top: 36px;}
.blog_list .blog_right .blog_article div{padding-top: 12px; padding-bottom: 12px; border-bottom: 2px solid #f2f2f2; padding-left: 28px; position: relative;}
.blog_list .blog_right .blog_article div i{position: absolute; top: 50%; left: 0px; transform: translateY(-50%); color: #ff6600;}
.blog_list .blog_right .blog_form{padding-left: 0px;}
.blog_list .blog_right .blog_form p{padding-top: 12px;}
.blog_list .blog_right .blog_form div{margin-top: 12px;}
.blog_list .blog_right .blog_form input,.blog_list .blog_right .blog_form textarea{width: 100%; border: 1px solid #d5d5d5; line-height: 42px; height: 42px; padding-left: 12px; box-sizing: border-box;}
.blog_list .blog_right .blog_form div textarea{height: 132px;}

.ff_botton{font-size: 13px; color: #000; height: 42px; line-height: 42px;background: #333; color: #fff; margin-top: 12px; cursor: pointer; width: 100%; text-align: center;}
.ff_botton:hover{background: #ff6600;}



.blog_show{max-width: 1300px; margin: 0px auto; display: flex; justify-content: space-between; padding: 42px 32px;}
.blog_show .blog_show_left{width: 73%; box-sizing: border-box; padding: 36px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); border-radius: 5px; background: #fff}
.blog_show .blog_show_title{text-align: center; position: relative;}
.blog_show .blog_show_title h1{opacity: 0; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 28px; overflow: hidden;}
.blog_show .blog_show_content{padding-top: 28px; color: #444; line-height: 28px;}
.blog_show .blog_show_content img{max-width: 100%; height: auto;}
.blog_show .blog_show_right{width: 25%; }
.blog_show .bsr_box{box-sizing: border-box; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); border-radius: 5px; background: #fff; padding: 28px; margin-bottom: 20px;}
.blog_show .bsr_box p{font-size: 22px; font-weight: bold; border-bottom: 1px solid #f2f2f2; padding-bottom: 8px;}
.blog_show .bsrl_box{border-bottom: 1px solid #f2f2f2; padding-bottom: 12px; margin-top: 18px;;}
.blog_show .bsrl_box .bsrl_picture img{width: 100%;}
.blog_show .bsrl_box .bsrl_picture:hover img{opacity: 0.8}

.bsr_article div{height: 32px; line-height: 32px; overflow: hidden; border-bottom:1px solid #f2f2f2; margin-top: 8px;}

.news_foot{width: 100%; padding-top: 72px;}
.news_foot div{ padding-top:5px; }
.blog_hot{max-width: 1300px; margin: 0px auto; padding: 0px 32px 72px 32px;}
.blog_hot_list{width: 73%; box-sizing: border-box; padding: 32px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); border-radius: 5px; background: #fff;}
.blog_hot_list p{display: block; width: 100%; font-size: 22px; font-weight: bold; border-bottom: 1px solid #f2f2f2; padding-bottom: 8px;}
.blog_hot_list .blog_hot_container{display: flex; justify-content: space-between;}
.blog_hot .blog_hot_box{width: 19%;}
.blog_hot .blog_hot_box .bhb_picture{overflow: hidden; width: 100%; height: auto; font-size: 0px;}
.blog_hot .blog_hot_box img{width: 100%;}
.blog_hot .blog_hot_box .bhb_title{height: 24px; line-height: 24px; font-size: 15px; overflow: hidden; text-align: center;}



.article_show{max-width: 1300px; margin: 0px auto; display: flex; justify-content: space-between; box-sizing: border-box; padding: 72px 32px;}
.article_show .article_show_left{width: 73%; box-sizing: border-box; padding: 36px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); border-radius: 5px; background: #fff}
.article_show .article_show_content{padding-top: 28px; color: #444;}
.article_show .article_show_content img{max-width: 100%;}
.article_show .article_show_right{width: 25%; }
.article_show .bsr_box{box-sizing: border-box; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); border-radius: 5px; background: #fff; padding: 28px; margin-bottom: 20px;}
.article_show .bsr_box p{font-size: 22px; font-weight: bold; border-bottom: 1px solid #f2f2f2; padding-bottom: 8px;}
.article_show .bsrl_box{border-bottom: 1px solid #f2f2f2; padding-bottom: 12px; margin-top: 18px;;}
.article_show_list{display: flex; flex-wrap: wrap;}
.article_show_list .asl_box{width: 29.33%; margin-right: 2%; margin-left: 2%; margin-top: 28px;}
.article_show_list .asl_box_picture{overflow: hidden; font-size: 0px;}
.article_show_list .asl_box img{width: 100%;}
.article_show_list .asl_box_title{font-size: 15px; margin-top: 8px; height: 36px; line-height: 18px; overflow: hidden;}
.article_show_list .asl_box_more a{color: #333; font-size: 13px; padding-top: 5px; display: block;}

.feedbac_form{width: 100%;}
.feedbac_form div{margin-top: 12px;}
.feedbac_form div input,.feedbac_form div textarea{width: 100%; border: 1px solid #d5d5d5; line-height: 42px; height: 42px; padding-left: 12px; box-sizing: border-box;}
.feedbac_form div textarea{height: 132px;}
.ff_botton{font-size: 13px; color: #000; height: 42px; line-height: 42px;background: #333; color: #fff; margin-top: 12px; cursor: pointer; width: 100%; text-align: center;}
.ff_botton:hover{background: #ff6600;}

.about_video{padding: 66px 0px;}
.video_list{display: flex; width: 90%; margin: 0px auto; min-width: 1500px; justify-content: space-between; flex-wrap: wrap;}
.video_list .video_box{width: 23%; border-radius: 8px; overflow: hidden; cursor: pointer; margin-bottom: 28px;}
.video_list .video_box img{width: 100%;}
.video_list .video_picture{position: relative; font-size: 0px;}

.video_list .ico_video{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 60px; height: 60px; line-height: 60px; border-radius: 60px; border: 7px solid #fff; text-align: center; z-index: 2; opacity: 0.6; text-indent: 5px;}
.video_list .ico_video{color: #fff; font-size: 42px; opacity: 0.6; margin-left: 5px;}
.video_list .ico_video_bg{position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; background: rgba(0, 0, 0, 0.3);}
.video_list .video_box:hover .ico_video{opacity: 1;}
.video_list .video_box:hover .ico_video_bg{background: rgba(0, 0, 0, 0);}
.video_list .video_title{padding-top: 8px;}
.oc{padding: 66px 0px;}
.oc_list{max-width: 1300px; display: flex; margin: 0px auto; justify-content: space-between; flex-wrap: wrap;}
.oc_list .oc_box{width: 20%; text-align: center;}
.oc_list .oc_box img{width: 80%;}
.oc_list .oc_box .oc_title{text-align: center;}

.other_page{width: 100%; padding: 66px 0px; overflow: hidden;}
.other_page .other_box{width: 1300px; margin: 0px auto;}

/* Contact Us Page Css */
.contact_bg{background: #f2f2f2; width: 100%; padding: 66px 0px; overflow: hidden;}
.contact_top{width: 1300px; margin: 0px auto;}
.contact_left{width: 42%; float: left;}
.contact_left .contact_title{font-size: 28px; font-weight: bold; text-align: center; display: block;}
.contact_left>div{width: 100%; overflow: hidden; padding-bottom: 28px; display: flex;}
.contact_left p{float: left; width: 120px; font-size: 20px; color: #11161e;}
.contact_left span{color: #777; display: block; float: left; flex: 1}
.contact_right{width: 55%; float: right;}
.contact_right p{font-size: 24px;}
.contact_right span{font-size: 14px;}
.contact_right .cr_form{padding-top: 28px; display: flex; justify-content: space-between;}
.contact_right .cr_form div{width: 48%;}
.contact_right .cr_form div input,.contact_right .cr_form2 input{width: 100%; box-sizing: border-box; padding: 10px 20px; border: 1px solid rgba(17,22,30,0.1);}
.contact_right .cr_form2{padding-top: 12px;}
.contact_right .cr_text{padding-top: 18px;}
.contact_right .cr_text textarea{width: 100%; box-sizing: border-box;padding: 15px 20px; border: 1px solid rgba(17,22,30,0.1); height: 200px;}
.submit_btn{width: 30%; margin-top: 18px; background: #ff6600; color: #fff; display: block; height: 36px; line-height: 36px; border-radius: 8px; text-align: center; cursor: pointer;}
.submit_btn:hover{color: #fff; background: #ff0000;}
.google_map iframe{width: 100%; height: 650px;}


.foot_choose{padding: 66px 0px; width: 100%; overflow: hidden;}
.foot_choose .foot_choose_title{width: 100%;font-size: 24px; text-align: center; font-weight: bold;}
.foot_choose .foot_choose_box{max-width: 1300px; margin: 0px auto; display: flex; justify-content: space-between;}
.foot_choose .fcb_box{width: 23%; overflow: hidden; text-align: center; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); margin-top: 32px; padding-top: 22px;}
.foot_choose .fcb_picture{font-size: 0px; width: 100%; overflow: hidden;}
.foot_choose .fcb_box img{width: 100%}
.foot_choose .fcb_info{font-size: 12px; padding: 10px 20px; box-sizing: border-box;}
.foot_choose .foot_choose_btn a{width: 232px; margin: 0px auto; margin-top: 28px; background: #ff6600; color: #fff; display: block; height: 36px; line-height: 36px; border-radius: 8px; text-align: center;}
.foot_choose .foot_choose_btn a:hover{color: #fff; background: #ff0000;}

.foot_bg{width: 100%; overflow: hidden;}
.foot{min-width: 1500px; width: 100%; margin: 0px auto; padding-top: 72px; padding-bottom: 32px; overflow: hidden; color: rgba(255,255,255,0.6); display: flex; justify-content: space-between;}
.foot a{ color: rgba(255,255,255,0.6);}.foot a:hover{color: #333;}
.foot_box{float: left; box-sizing: border-box;}
.foot_box:nth-child(1){width: 25%; margin-left: 2%}
.foot_box:nth-child(2){ width:45% }
.foot_box:nth-child(3){ width:25%; margin-right: 1%}
.foot_about{width: 25%; font-size: 16px;}
.foot_about_info{ padding-top: 5px; line-height: 24px;}

.fb_share{padding-top: 18px;}
.fb_share img{width: 30px; height: 30px;}
.fb_share img:hover{opacity: 0.8;}

.foot_box p{color: #fff; padding-bottom: 12px;}
.foot_box li{font-size: 16px; line-height: 32px;}

.foot_products{padding-left: 5%;}
.foot_products li{width: 33.33%; float: left; box-sizing: border-box; overflow: hidden; padding-right: 3%;white-space: nowrap;text-overflow: ellipsis;}
.foot_products li a:hover{color: #fff}
.foot_contact{float: right;}
.foot_text{width: 100%; overflow: hidden; color: #fff9; text-align: center; padding-bottom: 32px; font-size: 14px;}
.foot_text a{color: #333; color: #fff9;}.foot_text a:hover{color: #ccc;}


/* Default Css*/
.page{padding-top:32px; padding-bottom:25px; overflow:hidden; width:100%; text-align: center;}
.page a{text-decoration:none; font-size:14px; color:#333; background:#FFF; border:1px solid #ccc;  display: inline-block; height: 32px; width: 32px; line-height: 32px; margin-left: 3px; margin-right: 3px; border-radius: 3px;}
.page a:hover,.page  a.active{background:#333; border:1px solid #333; color:#fff;}
.page a.active{color:#fff;}
.page a:first-child,.page a:last-child{width: auto; padding-left: 10px; padding-right: 10px;}

.page_bg{position: fixed; top: 0px; left: 0px; bottom: 0px; width: 100%; background: rgba(0, 0, 0, 0.3); z-index: 99; display: none;}
.page_video{position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 900px; height: 506px; display: none; z-index: 10000; background: #fff;}
.page_video iframe{width: 100%; height: 100%;}
.page_video .page_close{position: absolute; top: 20px; right: 20px; color: #333; z-index: 111; font-size: 28px; cursor: pointer;}
.page_video .page_close:hover{color: #ff6600;}


/* Service Online  */
.so{position:fixed; top:142px; right:10px; width:120px; background:#fff; z-index: 9999999;}
.so .so_top{border-bottom:6px solid #d02323; background:#363a3b; height:28px; line-height:28px; text-align:center; color:#fff; font-size:12px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
.so .so_mid{border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #d5d5d5; text-align:center; padding-top:5px; padding-bottom: 15px; font-size: 14px;}
.so .so_skype{line-height: 20px; height: 20px; padding-bottom: 3px; padding-top: 3px;}
.so .so_qq{text-align:center; padding-bottom:8px; padding-top: 8px;}
.so .so_qrcode{text-align:center; font-size:12px; padding-top:12px; margin-top: 6px; border-top: 1px dashed #d5d5d5;}


.top_translate{position: absolute; right: 20px; top: 32px; font-size: 0px; text-indent: -999999px; z-index: 2}
.top_translate div>div:first-child{font-size: 12px; line-height: 32px; height: 32px; font-size: 14px;}
.top_translate .goog-te-gadget{font-size: 0px;}
.top_translate span{display: none;}
.top_translate .goog-te-combo{display: block; width: 100px; opacity: 0;}
.top_language{position: absolute; right: 20px; top: 38px; width: 100px; text-align: center; line-height: 32px; height: 32px; z-index: 1; color: #fff;}

/* Ipad */
@media (max-width: 1199px) {
	.logo_text{display: none;}
	.page_on .logo_text{display: none;}

	.top_bg{width: 100%; min-width: 0px;}
	.logo{left: 25px;}
	.top_menu{right: 13%; top: 24px;}
	.top_menu .menu_box{font-size: 16px; margin-left: 5px; margin-right: 5px;}
	
	.swiper-slide .swiper-text{left: 10%;}
	.index_products,.swiper-container2,.foot,.index_reviews,.index_about .ia_box,.index_news .in_list,.index_service .is_list,.ib_list,.if_box{width: 100%; min-width: 0px; box-sizing: border-box;}
	.index_about .ia_box{padding: 10px 1%;}
	.index_products{padding: 50px 1%;}
	.index_news .in_list,.index_service .is_list,.ib_list{padding: 0px 1%;}


	.location,.products_top,.products_body,.video_list,.contact_top,.foot_choose .foot_choose_box{width: 96%; margin: 0px auto; min-width: 0px;}
	.products_content img{max-width: 100%; height: auto;}

	.blog_list .blog_box .blog_info{line-height: 20px; height: 40px; overflow: hidden;}
	.blog_list .blog_box .blog_title{height: 48px; line-height: 24px; overflow: hidden;}

	.video_list .video_box{margin-left: 1%;}

	.if_box .if_form .iff_form{width: 90%;}
	.foot_about_info{font-size: 16px; line-height: 18px;}
}

@media (max-width: 820px) {
	.logo{top: 10px; left: 50%; transform: translateX(-50%);}
	.top_language{top: 10px; right: 20px; font-size: 14px;}
	.top_menu{left: 50%; right: 50%; top: 45px; width: 90%; transform: translateX(-50%); text-align: center;}

	.swiper{width:100%;height:500px;}
	.swiper-slide img{display:block;width:100%;height:500px;}

	.swiper-slide .swiper-text{width: 80%;}
	.st_title2{font-size: 36px;}
	.st_title3{font-size: 18px;}

	.index_about .ia_box{flex-wrap: wrap;}
	.index_about .ia_picture,.index_about .ia_info{width: 96%; margin: 0px auto;}

	.index_news .in_box,.index_service .is_box{width: 49%;}


}

@media (max-width: 600px) {
	.logo{left: 2%; transform: translateX(0px);}
	.logo a{width: 172px; background-size: 100% auto;}
	.page_on .logo a{background-size: 100% auto;}
	.top_menu,.small_menu{display: none;}
	.top_bg{height: 60px; overflow: hidden; position: fixed; z-index: 10000002}
	.top_language{right: 50px; font-size: 16px; top: 15px;}
	.top_menu .menu_ico1:before, .top_menu .menu_ico2:before{display: none;}
	.top_menu .menu_ico1, .top_menu .menu_ico2{padding-right: 0px;}

	.swiper{height: 232px;}
	.swiper-slide .swiper-text{width: 80%;}
	.swiper-slide-active .swiper-text{bottom: 50px;}
	.st_title1{font-size: 12px;}
	.st_title2{font-size: 18px; padding-bottom: 0px;}
	.swiper-slide .swiper-text .st_title3{display: none;}
	.st_title3{font-size: 14px; display: none;}
	.btn-main{margin-top: 5px;}
	.btn-main a{height: 30px; line-height: 30px; font-size: 12px; width: 80px; padding-left: 15px;}
	.btn-main a::before{width: 18px;}

	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: 28px;}
	.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0px;}
	.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0px;}
	.swiper-pagination-bullet{width: 20px; height: 8px;}


	.index_products{padding: 18px 1%;}
	.index_title{padding-top: 12px; padding-bottom: 12px;}
	.index_title p{font-size: 18px;}
	.index_title span{width: 90%; margin: 0px auto; line-height: 14px; display: inline-block; font-size: 14px;}

	.index_products .ip_box{width:48%; margin-left: 1%; margin-right: 1%; padding-left: 5px; padding-right: 5px; margin-bottom:15px;}
	.index_products .ip_box .ip_title{line-height: 28px; height: 28px; font-size: 14px;}

	.index_about{padding: 42px 0px 32px 0px}
	.index_about .ia_content span:nth-child(1){font-size: 14px;}
	.index_about .ia_picture,.index_about .ia_info{width: 98%; margin: 0px auto;}
	.index_about .ia_box{flex-wrap: wrap;}
	.index_about .ia_title{padding-top: 18px;}
	.ia_content{font-size: 12px;}

	.index_about .in_list{width: 92%; margin: 0px auto;}
	.index_about .in_box{width: 30%;}
	.index_about .in_box .in_number{font-size: 20px;}
	.index_about .in_box .in_text{font-size: 14px;}

	.index_news,.index_service,.index_partner,.index_reviews{padding: 18px 1%;}
	.index_news .in_box,.index_service .is_box{width: 49%; margin-bottom:8px;}
	.index_news .in_title a{font-size: 14px; height: 28px; line-height: 14px; overflow: hidden;}
	.index_news .in_box .in_info{height: 36px;}
	.index_news .in_box .in_more a{font-size: 12px; height: 28px; line-height: 28px;}
	.index_news .in_box .in_info{margin: 5px 0px;}

	.ib_list .ib_picture{width: 25%;}
	.if_box .if_picture{display: none;}
	.if_box .if_form{width: 100%; padding: 28px;}
	.if_box .if_form .iff_subtitle{padding-bottom: 12px; padding-top: 8px; font-size: 14px;}
	.if_box .if_form .iff_form{padding-top: 18px;}
	.if_box .if_form .iff_form p{font-size: 14px;}

	.index_service .is_title a{font-size: 14px;}
	.index_service .is_title{padding: 10px 0px;}
	.index_service .is_box .is_more a{font-size: 12px; height: 28px; line-height: 28px;}

	.swiper-container2{padding-bottom: 18px; padding-top: 10px;}
	.swiper-slide .reviews_text{line-height: 20px;}

	.foot{flex-wrap: wrap; padding-top: 28px;}
	.foot_box,.foot_box:nth-child(1),.foot_box:nth-child(2),.foot_box:nth-child(3){width: 92%; margin: 0px auto; padding-left: 0px; margin-left: 4%;}
	.foot_box:nth-child(2),.foot_box:nth-child(3){margin-top: 28px;}
	.foot_box li{line-height: 24px;}

	.foot_choose{padding: 18px 0px;}
	.foot_choose .foot_choose_box,.products_body{flex-wrap: wrap;}
	.foot_choose .fcb_box img{width: 80%}
	.foot_choose .fcb_box .fcb_title{font-size: 14px;}
	.foot_choose .fcb_box{width: 48%;}
	.foot_choose .fcb_info{padding: 10px; box-sizing: border-box;}

	.top_banner{height: 172px;}
	.top_text{left: 10%; transform: translateX(0px);}
	.top_text .top_text_title{font-size: 18px;}
	.top_text .top_text_info{font-size: 12px; line-height: 12px; margin-top: 5px;}

	.location_text{height: 50px; line-height: 50px; font-size: 14px;}
	.products_body .products_categroies{width: 100%;}

	.left_menu{display: flex; flex-wrap: wrap; padding: 12px}
	.left_menu p{display: none;}
	.left_menu>div{width: 33.33%;overflow: hidden;}
	.left_menu .left_big_list{font-size: 14px; height: 24px; line-height: 24px;}

	.products_show_list{width: 100%; margin-top: 18px;}
	.products_show_list .ip_box{width: 31.33%}

	.pt_bg{padding: 24px 0px;}
	.products_top{flex-wrap: wrap;}
	.products_top .proshow_pic,body #magnifier,body .small-box{width: 100%; height: auto; overflow: hidden;}
	.page_title h2{font-size: 20px;}
	.products_top .page_tel{font-size: 16px;}
	.products_show_content{width: 100%;}



	.blog_list{flex-wrap: wrap; padding:18px 12px;}
	.blog_list .blog_left{width: 100%; flex: auto; justify-content: space-between;}
	.blog_list .blog_box{width: 48%; margin-right: 0px;}
	.blog_list .blog_box .blog_picture img{width: 80%;}
	.blog_list .blog_box .blog_picture{text-align: center;}
	.blog_list .blog_box .blog_title{font-size: 14px; line-height: 14px; height: 28px; overflow: hidden;}
	.blog_list .blog_box .blog_info{margin: 5px 0px; font-size: 12px; line-height: 14px; display: none;}
	.blog_list .blog_box .blog_more{padding: 20px; padding-top: 10px;}
	.blog_list .blog_right{width: 100%;}

	.blog_show{width: 100%; flex-wrap: wrap; padding: 12px; box-sizing: border-box;}
	.blog_show .blog_show_left{width: 100%; padding: 12px; overflow: hidden;}
	.blog_show_title h2{font-size: 18px;}
	.blog_show .blog_show_content{line-height: 1.2;}
	.blog_show .blog_show_right{width: 100%; margin-top: 12px;}
	.blog_list .blog_right p{font-size: 16px;}

	.blog_hot_list{width: 100%; padding: 12px; margin-bottom: 32px;}
	.blog_hot{padding: 0px; width: 94%; margin: 0px auto;}
	.blog_hot_list .blog_hot_container{flex-wrap: wrap;}
	.blog_hot .blog_hot_box{margin-top: 12px;}

	.oc,.other_page{padding: 16px 0px;}
	.page{padding: 12px;}
	.about_video{padding: 12px 0px;}
	.video_list .video_title{font-size: 14px;}
	.other_page{width: 100%; min-width: auto;}
	.other_page .other_box{width: 100%; min-width: auto;}
	.other_page .other_content{width: 92%; margin: 0px auto;}
	.oc_list .oc_box .oc_title{font-size: 12px;}

	.menu_btn{position: absolute; top: 20px; right: 5px; width: 26px; z-index: 999; display: block;}
	.menu_list{position: relative; height: 20px; width: 26px;}
	.menu_list:before{content: ''; position: absolute; top: 0px; width: 100%; border-bottom: 3px solid #FFF;}
	.menu_list:after{content: ''; position: absolute; bottom: 0px; width: 100%; border-top: 3px solid #FFF;}
	.menu_list span{border-top: 3px solid #FFF; height: 1px; width: 100%; display: block; position: absolute; top: 9px; left: 0px;}

	.video_list .video_box{width: 48%;}
	.page_video{width: 90%; height: 300px;}
	.contact_bg{padding: 12px 0px;}
	.contact_left{width: 100%;}
	.contact_left>div{padding-bottom: 12px; font-size: 14px;}
	.contact_left p{font-size: 16px;}
	.contact_right{width: 100%; margin-top: 28px;}
	.contact_right .cr_form{padding-top: 12px;}
	.submit_btn{font-size: 14px; width: 50%; margin: 0px auto; margin-top: 18px; margin-bottom: 12px;}

	.if_box .if_form .iff_title{font-size: 18px;}
	.contact_left .contact_title{font-size: 20px;}

	.page_on .menu_list:before{border-bottom: 3px solid #333;}
	.page_on .menu_list:after{border-top: 3px solid #333;}
	.page_on .menu_list span{border-top: 3px solid #333;}

	body .mb_on{height: auto; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}

	.top_menu{position: fixed; top: 60px; width: 100%; background: #333; z-index: 999; height: 0px; overflow: hidden; padding: 0px; margin: 0px; transition: all 0.3s linear; display: block;}
	.top_menu .menu_box{width: 100%; margin: 0px; display: block; width: 80%; margin: 0px auto; text-align: center; height: auto;}
	.top_menu .menu_box:first-child{margin-top: 32px;}
	.top_menu .menu_on a, .menu_box:hover a{color: #fff;}
	.top_menu a{display: block; line-height: 36px; padding-top: 10px;}
	.top_menu .menu_ico{padding-right: 0px;}
	.top_menu .small_menu{opacity: 1; visibility: visible; display: block; position: relative; transform: translateX(0%); left: auto; top: auto; background: none; box-shadow: none;}
	.top_menu .small_menu:before{display: none;}
	.top_menu .small_menu a{font-size: 16px; color: #eee; line-height: 28px; padding-top: 0px;}
	.menu_active .top_menu{height: 100%; display: block; visibility: 1}

	.menu_active .menu_list:before,.menu_active .menu_list:after{opacity: 0;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
	.menu_active .menu_list span:first-child{transform:rotate(45deg);}
	.menu_active .menu_list span:last-child{transform:rotate(-45deg);}
	.top_menu .menu_on, .top_menu a:hover,.page_on .top_menu a{color: #fff;}

	.so{display: none;}
}