@charset "utf-8";body{background:#fff;color:#393939;font-size:18px;}
@font-face {font-family: "gljgbt";src:url("gljgbt.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;sans-serif; font-family: Arial,Microsoft YaHei,SimSun,"sans-serif";}
body,html{ background: #000;}
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:#ff8800;}

.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;}
.top_area{height: 100px; width: 100%; overflow: hidden; display: block; background: #000;}
.top_bg:hover .top_menu,.top_bg:hover .top_lang{opacity: 1;}
.logo{position: absolute; left: 32px; top: 15px;}
.logo a{width: 200px; height: 70px; display: block; background: url("/images/logo_en_w.png") no-repeat center center; background-size: 100% auto; text-indent: -99999px;}
.logo_en a{width: 200px; height: 70px; display: block; background: url("/images/logo_en_w.png") no-repeat center center; background-size: 100% auto; text-indent: -99999px;}

.top_menu{text-align:center; margin:0px auto; margin-top: 20px; opacity: 1; transition: all 0.2s linear;}

.top_menu .menu_box{margin-right:18px;margin-left:18px;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_ico{padding-right: 20px;}
.top_menu .menu_ico: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_ico:hover:after{opacity: 0;}

.top_menu .small_menu{position: absolute; left: 50%; top: 45px; background: #fff; box-shadow: 0 0 50px 0 rgba(0,0,0,.15);  transform: translateX(-50%) scale(.2); transition: .5s cubic-bezier(.165,.84,.44,1); transform-origin: top center; visibility:hidden;transition:all .3s ease; border-radius: 8px; opacity: 0; padding: 8px 12px 12px 12px;}
.top_menu .small_menu:before{content: " "; position: absolute; left: 50%; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; top: -6px; z-index: 1; transform: translateX(-50%); font-size: 0px;}
.top_menu .menu_box:hover .small_menu{opacity: 1; transform: translateX(-50%) scale(1);}
.top_menu .small_menu a{color: #666; white-space: nowrap; padding-left: 12px; padding-right: 12px;transition:all .3s ease; font-size: 15px; line-height: 36px; height: 36px;}

.top_menu .small_menu a:hover{color: #ff8800;}
.top_menu .menu_ico:hover .small_menu{visibility: visible; opacity: 1}

.top_lang{position: absolute; top: 30px; right: 35px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; transition: all 0.2s linear;}
.top_lang a{color: #fff; padding-left: 5px; padding-right: 5px;}.top_lang a:hover{color: #ff8800}

.page_on div,.page_out div{transition:.5s;}
.page_on .top_bg{background: rgba(0, 0, 0, 1); box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);}
.page_on .top_menu{opacity: 1;}
.page_on .top_lang{opacity: 1;}
.page_on .top_menu a{color: #FFF}
.page_on .top_menu .menu_on a,.page_on .menu_box:hover a{color: #FFF;}
.page_on .top_menu .menu_box:after{background: #FFF;}
.page_on .top_menu .menu_ico:before{color: #FFF;}
.page_on .top_menu .menu_on:before{color: #FFF;}
.page_on .top_menu .small_menu a{color: #666;}
.page_on .top_menu .small_menu a:hover,.page_on .top_menu .menu_box:hover:before{color: #000;}
.page_on .top_search,.page_on .top_lang{color: #FFF;}
.page_on .top_lang a{color: #FFF;}.top_lang a:hover{color: #FFF}

.swiper{width:100%; height:650px; position: relative; overflow: hidden;}
.swiper a{display: block; width: 100%; height: 100%; text-indent: -99999px;}
.swiper_top_bg{position: absolute; top: 0px; left: 0px; background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); height: 272px; width: 100%; z-index: 2}
.swiper-slide{background-position:center;background-size:cover;}
.swiper-slide img{display:block;width:100%;height:650px;}
.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;bottom:-50px; left:50%; transform: translateX(-50%); width:45%;transition:.6s;}
.swiper-fade .swiper-slide-active .swiper-text{transform:translate(-50%,-120px);}
.swiper-slide .swiper-text div{display:block; overflow: hidden;}

.st_title1{color:#ff8800;}
.st_title2{color:#fff; font-size: 42px;}
.st_title3{color:#fff; font-size: 24px; line-height: 28px; height: 56px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.st_title4{color:#b0b0b0;}
.swiper-slide-active .swiper-text .st_title1{transform:translateY(-60px); transition:.8s;transition-delay:.1s}
.swiper-slide-active .swiper-text .st_title2{transform:translateY(-60px); transition:.8s;transition-delay:.2s}
.swiper-slide-active .swiper-text .st_title3{transform:translateY(-50px); transition:.8s;transition-delay:.3s}
.swiper-slide-active .swiper-text .st_title4{transform:translateY(-60px); transition:.8s;transition-delay:.3s}
.swiper-slide-active .swiper-text .btn-main{transform:translateY(-42px); transition:.8s;transition-delay:.2s}

.btn-main{text-align: center; overflow: hidden; margin-top: 18px;}
.btn-main a{position:relative; z-index:99; border-radius:3px; background:#ff8800; color:#FFF; 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-radius: 0px 50px 50px 0px; background:#970303; 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:#970303;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;}

/* 顶部图片 */
.top_banner{height: 342px; overflow: hidden; position: relative;}
.top_banner .tb_text{left: 20%; position: absolute; top: 50%; transform: translateY(-50%); color: #fff;}
.top_banner .tb_text div:first-child{font-size: 36px; font-family: "gljgbt"}
.top_banner .tb_text div:last-child{color: #ccc;}

/* 产品分类 */
.categories_list{max-width: 1420px; margin: 0px auto; padding-top: 42px; display: flex; flex-wrap: wrap; overflow: hidden; padding-bottom: 72px;}
.categories_list .cl_box{width: 31.3%; overflow: hidden; margin: 18px 1%; background: #fff; padding-bottom: 28px; border-radius: 8px; cursor: pointer;}
.categories_list .cl_box .cl_picture{width: 80%; margin: 0px auto; overflow: hidden;}
.categories_list .cl_box img{width: 100%;}
.cl_box .cl_title{width: 80%; margin: 0px auto; text-align: center;}
.cl_box .cl_info{font-size: 14px; width: 80%; margin: 0px auto; padding-top: 8px; color: #999; transition: height 0.3s; line-height: 16px; height: 32px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.cl_box .cl_more{text-align: center; font-size: 12px; margin: 0px auto; width: 88px; padding-top: 18px;}
.cl_box .cl_more a{height: 28px; line-height: 28px; background: #ff8800; display: block; color: #fff; border-radius: 5px;}
.categories_list .cl_box:hover{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);}
.categories_list .cl_box:hover .cl_info{height: 0px; overflow: hidden;}
.categories_list .cl_box:hover .cl_title{transform: scale(1.3);}
.categories_list .cl_box:hover .cl_more{transform: scale(1.2);}

/*产品列表*/
.p_body{max-width: 1420px; margin: 0px auto; display: flex; justify-content: space-between; padding: 42px 0px;}
.p_left{width: 23%; padding-bottom: 32px;}
.p_right{width: 75%; background: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); padding: 28px; box-sizing: border-box; position: relative;}
.p_left .pl_title{width: 100%; background: #ff8800; height: 72px; color: #fff; position: relative;}
.p_left .pl_title p{padding-left: 25px; padding-top: 18px; font-weight: bold; position: relative; padding-bottom: 10px; font-size: 20px;}
.p_left .pl_title p:before{position: absolute; bottom: 0px; content: ' '; width: 50px; height: 3px; background: #fff;}
.p_left .pl_menu{padding: 12px 5px;}
.p_left .pl_box{margin-bottom: 28px; background: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); overflow: hidden; }
.p_left .pl_box:first-child{padding-bottom: 32px;}
.p_left .pl_big{line-height: 60px; position: relative; border-bottom: 1px solid #d5d5d5;}
.p_left .pl_big>a{display: block; padding-left: 18px;}
.p_left .pl_big>a:after{font-family: "remixicon"; content: '\EA6E'; position: absolute; right: 10px;}
.p_left .pl_big_select{padding-bottom: 18px;}
.p_left .pl_big_select>a,.pl_join_select>a{color: #ff8800; font-weight: bold;}
.p_left .pl_big_select>a:after{content: '\EA4E';}
.p_left .pl_big:hover:before,.p_left .pl_big_select:before,.pl_join_select:before{position: absolute; bottom: 0px; content: ' '; width: 100%; height: 3px; background: #ff8800;}
.p_left .pl_small{padding-left:28px; font-size:14px; }
.p_left .pl_small a{display: block; width: 100%; overflow: hidden; line-height: 32px; border-bottom: 1px dotted #f0f0f0;}
.p_left .pl_small a:before{font-family: "remixicon"; content: '\EA6D';}
.p_left .pl_small .pl_small_select,.p_left .pl_small a:hover{color: #ff8800; font-weight: bold;}
.p_left .pl_contact{padding: 18px 28px;}
.p_left .pl_contact li{line-height: 32px; font-size: 14px;}
.p_left .pl_contact li:before{font-family: "remixicon"; content: '\EA6D';}

.p_right .pr_box{width: 23%; margin-left: 1%; margin-right: 1%; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); float: left; padding-bottom: 18px; margin-bottom: 28px;}
.pr_box .pr_picture{width: 80%; margin: 0px auto; display: flex; align-items: center; height: 242px; overflow: hidden; text-align: center;}
.pr_box .pr_picture img{width: 80%;}
.pr_box .pr_title{font-size: 16px; height: 24px; line-height: 24px; text-align: center; width: 90%; margin: 0px auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pr_box .pr_info{font-size: 14px; color: #ccc; width: 80%; margin: 0px auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 16px; height: 32px;}
.pr_box .pr_more{text-align: center; line-height: 24px; height: 24px; font-size: 14px; padding-top: 5px;}
.pr_box .pr_more a{color: #ff8800;}

/* 产品详情 */
.pr_top{width: 100%; display: flex; justify-content: space-between;}
.pr_top_left{width: 45%; padding-bottom: 28px;}
.pr_top_left img{width: 100%; transition: all 0.3s linear;}
.ptl_thumbnail{width: 100%; display: flex;}
.ptl_thumbnail div{width: 18%; box-sizing: border-box; border: 1px solid #ccc; margin-right: 8px; cursor: pointer; font-size: 0px;}
.pr_top_right{width: 50%; display: flex; padding-top: 72px;}
.pr_top_right .ptr_title{padding-bottom: 18px;}
.pr_top_right .ptr_info{line-height: 28px;}
.pr_top_right .ptr_contact{padding-top: 18px;}
.pr_top_right .ptr_contact b{font-size: 28px;}

.prc_title{width: 100%; height: 42px; line-height: 42px; background: #f3f3f3;}
.prc_title p{font-size: 16px; padding-left: 18px;}
.prc_content{padding: 28px; font-size: 15px; line-height: 24px;}
.prc_content img{max-width: 100%; height: auto;}
.pr_foot{width: 100%; display: flex; justify-content: space-between; padding-top: 18px;}

/* 新闻列表 */
.news_list{width: 100%; overflow: hidden; padding-top: 18px;}
.news_list div{width: 100%; display: flex; justify-content: space-between; line-height: 60px; height: 60px; border-bottom: 1px solid #d5d5d5;}
.news_list div a{flex: 1; display: block; font-size: 15px;}
.news_list div a:before{font-family: "remixicon"; content: '\EA6D';}
.news_list div span{width: 100px; text-align: right; color: #999; font-size: 14px;}

.news_title{text-align: center; padding-top: 28px;}
.news_content{padding: 28px; line-height: 32px;}
.news_content img{width: 65%;}


/* 加入我们 */
.join_title{text-align: center; padding-top: 28px;}
.join_content,.contact_content{padding: 28px; line-height: 32px;}
.join_content img,.contact_content img{max-width: 100%; height: auto;}
.cc_box{width: 100%; display: flex; justify-content: space-between;}
.cc_left{width: 68%;}
.cc_right{width: 30%;}

/* 公司简介 */
.about_title{background: #f6f6f6; height: 42px; line-height: 42px; font-size: 18px;}
.about_title h2{font-size: 18px; padding: 0px 12px; position: relative; float: left; text-align: center;}
.about_title h2:before{position: absolute; left: 0px; bottom: 0px; height: 3px; background: #ff8800; content: ' '; width: 100%;}
.about_content,.partner_content{padding:28px 0px;}
.about_content img{width: 65%; height: 65%;}
.about_box{width:33.33%; text-align: center; margin-top: 12px;}
.partner_content img{width: 90%; height: auto;}

/* 工厂 */
.p_right .fc_box{width: 31.33%; margin-left: 1%; margin-right: 1%; background: #f5f5f5; float: left; margin-top: 28px;}
.fc_box .fc_picture{width: 100%; margin: 0px auto; display: flex; align-items: center; height: 242px; overflow: hidden;}
.fc_box .fc_picture img{width: 100%;}
.fc_box .fc_title{font-size: 16px; height: 42px; line-height: 42px; text-align: center; width: 90%; margin: 0px auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.p_right .fc_box:hover{background: #ff8800;}
.p_right .fc_box:hover a{color: #fff;}

/* 位置  */
.location{width: 100%; height: 66px; line-height: 66px; font-size: 16px; background: #222; color: #fff;}
.location .location_box{max-width: 1420px; margin: 0px auto; display: flex; justify-content: space-between;}
.location .location_text{display: flex; float: left;}
.location .location_text span{padding-left: 18px; position: relative;}
.location .location_text span:before{font-family: "remixicon"; content: "\EE1B"; position: absolute; left: 0px;}
.location .location_text a{padding-left: 5px; padding-right: 5px; color: #fff;}
.location .location_text a:after{font-family: "remixicon"; content: "\EA6E"}
.location .location_search{width: 300px; float: right;}
.location .search_box{box-shadow: inset 0 0 8px rgba(0,0,0,0.2); height: 36px; line-height: 36px; margin-top: 15px; padding-left: 12px; padding-right: 12px; width: 200px; float: right; background: #fff}
.location .search_box input{border: none; background: none; height: 36px; line-height: 36px; width: 100%}
.location .search_btn{float: right; font-size: 12px; text-align: center; width: 68px; background: #ff8800; color: #fff; height: 36px; line-height: 36px; margin-top: 15px; cursor: pointer;}

.index_pro{overflow:hidden;margin-top:18px;width:100%;height:650px; position: relative; background-size:auto 100%;}
.index_pro_content{width:100%;color:#fff; position: absolute; top: 50%; transform: translateY(-50%);}
.index_pro_content a{display: block; width: 100%; height: 650px; text-indent: -999999px;}
.index_pro_title{font-size:42px;}
.index_pro_info{font-size:24px;}
.index_pro .btn-main{margin-top:28px;width:208px;}

.index_number{overflow:hidden;margin-top:18px;width:100%; padding-bottom: 28px;}
.in_title{margin:0 auto;margin-top:72px;width:540px;color:#FFF;text-align:center; font-size:28px; font-family: "gljgbt"}
.in_info{margin:0 auto;width:80%;color:#fff; font-size:20px; text-align: center;}
.in_list{margin:0 auto;padding-top:92px;max-width:1320px;color:#fff;text-align:center;}
.in_box{position:relative;display:inline-block;box-sizing:border-box;padding-left:28px;width:24%;cursor:pointer;}
.in_box .in_number{position:relative;z-index:99;float:left;font-weight:500;font-size:60px;}
.in_box .in_text{position:relative;z-index:99;float:left;margin-top:40px;margin-left:5px;color:rgba(255,255,255,.7);text-align:left;font-size:14px;font-family:'Open Sans',sans-serif;line-height:16px;}
.in_box:before{position:absolute;top:-24px;left:-15px;z-index:9;width:70px;height:70px;border:5px solid rgba(255,255,255,.102);border-radius:50%;content:'';-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-ms-transition:all .3s ease;}
.in_box:hover:before{border-color:#ff8800;}

.in_picture{width: 80%; margin: 0px auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 72px;}
.in_picture_box{font-size: 0px; margin-bottom: 36px; border-radius: 5px; overflow: hidden; width: 18%; cursor: pointer;}
.in_picture_box img{width: 100%; opacity: 0.6;}
.in_picture_box:hover img{opacity: 1;}


.foot_bg{width: 100%; overflow: hidden; background: url("/images/foot_bg.jpg") center center no-repeat; background-size: cover;}
.foot{max-width: 1320px; margin: 0px auto; width: 100%; padding-top: 72px; padding-bottom: 32px; overflow: hidden; color: rgba(255,255,255,0.6);}
.foot a{ color: rgba(255,255,255,0.6);}.foot a:hover{color: #ff8800;}
.foot_box{float: left; width: 25%; box-sizing: border-box;}
.foot_box:nth-child(2){padding-left: 120px;}
.foot_box:nth-child(3){padding-left: 100px;}
.foot_about{width: 25%; font-size: 14px;}
.foot_about_info{ padding-top: 5px; line-height: 28px;}

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

.foot_products{padding-left: 5%;}
.foot_products li{width: 100%; float: left; box-sizing: border-box; overflow: hidden; margin-right: 5%;white-space: nowrap;text-overflow: ellipsis;}

.foot_contact{float: right;}
.foot_text{width: 100%; overflow: hidden; color: #fff; text-align: center; padding-top: 48px; font-size: 14px;}
.foot_text a{color: #ff8800;}.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:#ff8800; border:1px solid #ff8800; color:#fff;}
.page a.active{color:#fff;}


/* Ipad */
@media (max-width: 1199px) {
	.logo{position: absolute; left: 10px; top: 15px;}
	.logo a{width: 150px;}
	.top_lang{right: 10px;}
	.top_menu,.top_lang{opacity: 1;}

	.swiper{height:550px;}
	.swiper-slide img{height:550px;}
	.index_pro{height: 450px;}
	.index_pro_list .ipl_box{height:750px;}
	.index_pro_list .ipl_picture{height:750px;}
	.foot{width: 100%; max-width: 100%;}

	.foot_box{padding-left: 20px;}
	.foot_box:nth-child(2){padding-left: 60px;}
	.foot_box:nth-child(3){padding-left: 70px;}


	.top_box_text{max-width: 80%; margin: 0px auto; position: relative;}
	.top_box_text p{padding-top: 200px;}

	.products_list{width: 94%; margin: 0px auto;}
	.products_list .products_box{width: 48.5%;}
	.index_container{width: 94%; margin: 0px auto;}
	.products_left{width: 100%;}
	.products_left p{width: 100%; text-align: center;}
	.products_left .pl_box {text-align: center;}
	.products_left .pl_box li{display: inline-block; padding: 0px;}
	.products_left .pl_box li:before{display: none;}
	.products_left .pl_box li a{padding: 8px 20px; margin-right: 5px; margin-left: 5px; background: #0071dc; color: #fff; border-radius: 5px; font-size: 14px;display: inline-block; margin-bottom: 18px;}
	.products_left .pl_box li a:hover,.products_left .pl_box li a.active{background: #ff8800;}

	.left_search,.left_contact{display: none;}
	.products_right{width: 100%;}
	.pr_top{display: flex;}
	.pr_top .pr_info{flex: 1;}

	.p_right .pr_box{width: 31%; margin-left: 1%; margin-right: 1%; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); float: left; padding-bottom: 18px; margin-bottom: 28px;}
	/* 顶部图片 */
	.top_banner{height: 232px; overflow: hidden; position: relative;}
	.top_banner .tb_text{left: 15%; position: absolute; top: 50%; transform: translateY(-50%); color: #fff;}
	.top_banner .tb_text div:first-child{font-size: 36px; font-family: "gljgbt"}
	.top_banner .tb_text div:last-child{color: #ccc;}
	}

@media (max-width: 767px) {
	.top_bg{background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, .3); height: 60px;}
	.top_area{width: 100%; height: 60px; display: block;}
	.logo{top: 10px;}
	.logo a{background: url("/images/logo_c.png") no-repeat center center;  background-size: 100% auto; width: 100px; height: 40px;}
	.top_search,.top_lang{color: #666; top: 15px;}
	.top_lang{right: 40px;}
	.top_search{line-height: 30px; right: 120px; top: 14px;}
	.top_lang{opacity: 1;}
	.top_lang a{color: #666;}.top_lang a:hover{color: #ff8800}
	.ri-search-line:before{font-size: 20px;}

	.search_window{width: 80%; margin: 0px auto;}

	.swiper{height:220px;}
	.swiper .swiper_top_bg{height: 72px;}
	.swiper-slide img{height:220px;}
	.swiper-slide .swiper-text{position:absolute;bottom:-150px; left: 50%; transform: translateX(-50%); text-align: center; width:75%;transition:.6s;}
	.swiper-fade .swiper-slide-active .swiper-text{transform:translate(-50%,-142px);}
	.swiper-slide-active .swiper-text .btn-main{transform: translateY(-50px);}
	.swiper .btn-main{margin: 0px auto; margin-top: 0px;}
	.swiper .btn-main a{width: 100px; height: 36px; line-height: 36px; font-size: 12px; margin: 0px auto; transform: scale(0.8);}

	.st_title2{color:#fff; font-size: 20px;}
	.st_title3{color:#fff; font-size: 14px; height: 40px; line-height: 20px; overflow: hidden;}
	.st_title4{color:#b0b0b0; font-size: 14px; line-height: 18px;}

	.in_picture{padding-top: 8px;}
	.in_picture .in_picture_box{width: 45%;}
	.in_picture .in_picture_box:last-child{display: none;}

	.index_pro_list{margin: 0px;}
	.index_pro{height: 172px;  background-size:100% auto;}
	.index_pro_list .ipl_box{height:172px; width: 100%; padding: 0px;}
	.index_pro_list .ipl_picture{height:172px;}
	.ipl_box .ipl_title{font-size: 20px;}
	.ipl_box .ipl_info{font-size: 14px; line-height: 18px;}
	.ipl_box .btn-main{margin-top: 0px;}
	.ipl_box .btn-main a{transform: scale(0.6);}

	.index_pro_content{width: 100%; color:#fff; margin-left: 5%;}
	.index_pro_title{width:80%;font-size:16px; font-weight: bold;}
	.index_pro_info{width:80%;font-size:18px; line-height: 20px; display: none;}
	.index_pro .btn-main{margin-top: 0px; margin-left: -42px;}
	.index_pro .btn-main a{transform:scale(0.6);}
	.in_info,.in_title{width: 90%; margin: 0px auto;}
	.in_title{margin-top: 36px; font-size: 18px;}
	.in_info{font-size: 18px;}


	.in_list{width: 90%; margin-left: 10%; max-width: 90%; display: flex; justify-content: space-evenly; flex-wrap: wrap; padding-top: 52px;}
	.in_list .in_box{width: 40%; padding-left: 0px; margin-bottom: 72px;}
	.in_box .in_number{font-size: 32px;}
	.in_box .in_text{margin-top: 18px;}


	.foot{width: 100%; max-width: 100%; padding-top: 42px; padding-bottom: 42px;}
	.foot_about_info{line-height: 24px;}
	.foot_box{width: 100%; box-sizing: border-box; padding-right: 20px; padding-bottom: 20px;}
	.foot_box:nth-child(2),.foot_box:nth-child(3){padding-left: 20px;}
	.foot_box p{padding-bottom: 3px;}

	.foot_products li,.foot_link li{width: 50%; float: left; margin-right: 0px; line-height: 28px; height: 28px;}
	.foot_link li{width: 33%;}
	.foot_contact li{width: 100%; line-height: 24px; height: 24px;}
	.foot_text{padding-top: 28px;}
	
	.index_box{padding-top: 18px; padding-bottom: 18px;}
	.products_menu{padding-bottom: 28px; width: 100%;}
	.products_menu a{margin-bottom: 10px; font-size: 12px; padding: 3px 10px; margin-left: 1px; margin-right: 1px;}

	.products_list .products_box{width: 100%;}
	.products_left .pl_box{padding: 18px 5px;}
	.products_left .pl_box li a{margin-bottom: 12px; padding: 5px 8px;}

	/*	产品*/
	.location{height: auto; padding-top: 12px; padding-bottom: 18px;}
	.location_box{flex-wrap: wrap;}
	.location_box .location_text{width: 100%; line-height: 32px; font-size: 14px; padding-left: 10px;}
	.location_box .location_text span{display: none;}
	.location .location_search{clear: both; margin: 0px auto;}
	.location .search_btn,.location .search_box{margin-top: 8px;}

	.categories_list .cl_box{width: 48%;}
	.categories_list .cl_box .cl_info{line-height: 16px; height: 32px; overflow: hidden; padding-top: 0px; margin-top: 8px;}

	.p_body{padding-top: 0px; padding-bottom: 32px; flex-wrap: wrap;}
	.p_body .p_left{width: 100%; padding-bottom: 0px;}
	.p_body .pl_title{display: none;}
	.p_body .p_left .pl_box:last-child{display: none;}
	.pl_menu{display: flex; flex-wrap: wrap;}
	.pl_menu .pl_big{text-align: center; position: relative; line-height: 36px;}
	.pl_menu .pl_big a{padding: 0px 8px;}
	.pl_menu .pl_big a:after{display: none;}
	.pl_menu .pl_small{display: none;}
	.p_left .pl_big:hover:before, .p_left .pl_big_select:before, .pl_join_select:before{left: 0px;}
	.p_left .pl_big_select{padding-bottom: 0px;}
	.p_left .pl_box:first-child{padding-bottom: 12px;}

	.p_right{width: 100%; padding-bottom: 0px;}
	.p_right .pr_top{flex-wrap: wrap;}
	.p_right .pr_box{width: 48%;}
	.p_right .pr_box .pr_picture{height: 200px;}
	.p_right .pr_top_left{width: 100%;}
	.p_right .pr_top_right{width: 100%; padding-top: 0px; padding-bottom: 18px;}
	.p_right .prc_content{padding: 28px 0px;}

	.p_right .fc_box{width: 48%;}
	.p_right .fc_box .fc_picture{height: 200px;}

	.p_right .pr_foot{position: relative; padding-top: 28px; font-size: 14px; flex-wrap: wrap;}
	.p_right .pr_foot div{width: 100%;}
	.about_content, .partner_content{padding: 0px; padding-bottom: 28px;}
	.about_content img{width: 65%; height: auto;}
	.about_box{width:50%; text-align: center; padding-top: 12px; overflow: hidden;}

	/* 顶部图片 */
	.top_banner{height: 172px; overflow: hidden; position: relative;}
	.top_banner .tb_text{left: 10%; position: absolute; top: 50%; transform: translateY(-50%); color: #fff; width: 80%;}
	.top_banner .tb_text div:first-child{font-size: 24px; font-family: "gljgbt"}
	.top_banner .tb_text div:last-child{color: #ccc; font-size: 14px;}


	.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 #333;}
	.menu_list:after{content: ''; position: absolute; bottom: 0px; width: 100%; border-top: 3px solid #333;}
	.menu_list span{border-top: 3px solid #333; height: 1px; width: 100%; display: block; position: absolute; top: 9px; left: 0px;}

	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: #ff8800; 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{display: 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;}
	.page_on .top_menu .menu_on a, .page_on .menu_box:hover a{color: #fff;}

}