@charset "utf-8";
h1{font-size: 17px; font-weight: normal; display: inline; line-height: 50px;}
h1 a{color: #fff;}
h1 a:hover{color: #fff;}
/*
----------NAV----------
*/
.head{position:fixed;top:0px;left:0px;width:100%;min-width:1000px;z-index:9999;background:rgba(255,255,255,0);border-bottom:1px solid rgba(255,255,255,.2);height:100px;transition:all .3s}
.solid{background:rgba(0,0,0,.7);}
.logo{padding-top:12px;padding-left:2.18%;transition:all .3s}
.logo_name{font-size:27px; color: #fff; padding: 15px 0 0 20px; font-weight: bold;}
.logo_name p{font-size: 16px;letter-spacing:19px;}
.logo a{display:block;position:relative;overflow:hidden}
.logo img{width:113px;position:relative;z-index:100}
.logo .p1{background:#ff6d07;position:absolute;top:0%;left:0px;width:100%;height:80%;}
.nav{width:60%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav ul li{float:left;width:14.28%;height:100px;background:url(../images/1_02.jpg) right center no-repeat;transition:all .3s;}
.nav ul li:last-child{background: none;}
.nav ul li .a1{line-height:100px;display:block;text-align:center;font-size:16px;color:#fff;transition:all .3s}
.nav ul li:hover .a1{color:rgba(255,255,255,.8);transition:all .3s}
.nav ul li .div1{display:none;background:rgba(255,255,255,.1);width:100%;left:0px;position:absolute;top:100px;z-index:100}
.nav ul li .div2{background:rgba(0,0,0,.7);}
.nav ul li .div1 .p1{width:57.4%;float:right;height:65px;line-height:65px}
.nav ul li .div1 .p1 a{color:rgba(255,255,255,.8);font-size:14px;text-transform:uppercase;background:url(../images/1_26.png) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;margin-right:5%;transition:all .5s}
.nav ul li .div1 .p1 a:hover{background:url(../images/sub_border.jpg) center bottom no-repeat;color:rgba(255,255,255,1);}
.nav ul li .mad3 .p1 .pad{margin-left:30%}
.nav ul li .mad4 .p1 .pad{margin-left:44%}
.nav ul li .mad5 .p1 .pad{margin-left:45%}
.nav ul li .mad6 .p1{text-align:right}
.a_txt{display:none}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:15px}
.nav ul li .div1 .p1 a{font-size:14px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
}

/*小于1600大于1200稍微调整下字体*/
@media screen and (min-width:1024px) {
.moblie_head{display:none;}
}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.head{display:none}
.moblie_head{display:block;height:44px;background:#bd0000;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:0px solid #000}
.moblie_head .lf{padding-left:2%; padding-top: 5px;}
.moblie_head .lf img{height:34px}
.moblie_head .name{font-size:16px; padding: 0 0 0 5px; font-weight: bold; color: #fff; line-height: 44px;}
.moblie_head .rg{padding-right:5%;padding-top:14px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}
/*
------INDEX-TITLE------
*/
.index_titles img{margin: 70% 0 0 90%; display: block;}
.index_title img{margin: 30% 0 0 30%; display: block;}
.index_title_m{text-align: center; display: none; clear: both; margin-top: 20px;}

/*
------OEM------
*/
.oem_wrapper{background: url(../images/ico_bg.jpg) top center no-repeat; background-size: cover;}
.oem li{text-align: center; padding: 0 3%;}
.oem li:before{
    content: '';
	display: block;
	width: 100%;
	height: 0;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: ease-in .35s;}
.oem li:hover:before{height: 100%;}
.oem li .ico{width:70%; height: auto; text-align: center; margin-top: 30px;}
.oem li .ico i{font-size: 60px; text-align: center; color: #000; display: block; line-height: normal;transition: ease-in .35s;}
.oem li:hover i{color: #b72024; transform: rotate(360deg);}
.oem li .con{font-weight: bold; color: #000; font-size: 20px; text-align: center; padding: 5% 0; height: 300px;transition: ease-in .35s;}
.oem li:hover .con{transform: translateY(55px);}
.oem li .con p{font-size: 16px; color: #666; line-height: 30px;}
.oem li .pic{width:100%; text-align: center; margin-bottom: 30px;}

/*
------PRODUCTS------
*/
.pro_wrapper{background: url(../images/pro_bg.jpg) top center no-repeat; background-size: cover;}
.pro_frame{position: relative;}
.pro_box{}
.pro_box li{position: relative; height:500px; overflow: hidden;}
.pro_box li img{transition: ease-in .35s; margin-top: 20%;}
.pro_box li .txt{position: absolute; top:30%; left: 0; right: 0; margin: 0 auto;z-index: 999; font-weight: bold; color: #fff; text-align: center; font-size: 24px;transition: ease-in .3s;}
.pro_box li .con{position: absolute; top:110%; left: 0; right: 0; margin: 0 auto;z-index: 999; font-weight: normal; color:rgba(255,255,255,0); text-align: center; font-size: 16px;transition: ease-in .4s; width: 90%; line-height: 25px;}
.pro_box li .mask{position: absolute;width: 100%; z-index: 99; left: 0; right: 0; height: 100%;  background: rgba(144,6,6,.4);transition: ease-in .3s;}
.pro_box li:hover{}
.pro_box li:hover .txt{ top:60%; color: rgba(255,255,255,1)}
.pro_box li:hover .con{top:70%; color:rgba(255,255,255,1);}
.pro_box li:hover .mask{background: rgba(144,6,6,0);}
/*------owl箭头------*/
.pro_frame .owl-prev,.pro_frame .owl-next{position: absolute; background: none!important; left: -8%; top:30%; width: 52px; height: 52px; z-index: 9999; padding: 0!important;}
.pro_frame .owl-prev img,.pro_frame .owl-next img{width: 52px!important; height: 52px!important;}
.pro_frame .owl-next{top:50%;}
.pro_frame .owl-dots{display: none!important;}
/*
------ABOUT------
*/
.about_wrapper{background: url(../images/about_bg.jpg) top center no-repeat; background-size: cover;}
.about_img{margin: 50px 0;}
.about_container{margin: 50px 0;}
.about_title{height: 87px; background: url(../images/about_ico.png) left no-repeat; line-height: 87px; text-indent: 30px; color: #000; font-size: 24px; font-weight:bold;}
.about_con{height: 87px; line-height: 87px; color: #d8b308; font-size: 18px;}
.about_con p{line-height:30px; color: #000; font-size: 16px;}
.about_number{margin: 200px auto 0 auto; clear: both;}
.about_number ul{ margin: 0 auto;}
.about_number ul li{width:20%; height: 125px; font-size: 36px; text-align: center; font-weight: bold; line-height: 60px; color: #bd0000; float: left; margin: 0 2.5%;}
.about_number ul li p{font-size: 15px; color: #000; line-height:30px;}
/*
------JOIN------
*/
.join_wrapper{background:#171717 url(../images/join_bg.jpg) top center no-repeat; background-size:contain;}
.join{margin-top: 0;}
.join_txt{float:left;}
.join_img{margin: 7vh 0;}
.join_container{margin:5% 0;}
.join_ico{margin:13% 0 0 0;}
.join_ico li{height: 125px; font-size: 36px; text-align: center; font-weight: bold; line-height: 60px; color: #bd0000; float: left;}
.join_ico li .icon{width: 50px; float: left;}
.join_ico li .icon i{ float: left; font-size: 45px; color: #ac0808;transition:all .4s ease-in-out;}
.join_ico li .con{width: 60%; float:left;}
.join_ico li .con p{font-size: 18px; line-height: 20px; font-weight: bold; color: #fff; text-align: left; }
.join_ico li .con span{font-size: 14px; font-weight: normal; color: #fff; line-height: 20px;text-align: left;display: block;}
.join_ico li:hover .icon i{transform: rotateY(180deg)!important;}
/*
------NEWS------
*/
.news_wrapper{background: url(../images/news_bg.jpg) top center no-repeat; background-size: cover; }
.news_img{margin: 50px 0;}
.news_container{margin: 40px 0 30px 0;}
.news_title{height: 87px; line-height: 87px;  position: relative;color: #000; font-size: 24px; font-weight:bold;}
.news_title span{width: 45px; float: left;height: 5px; position: absolute; left: 0; top: 60px; background: #d31d1d; display: block;}
.news_more{width: 140px; float: left;height: 35px; background: #fff; color: #999; text-align: center; line-height: 35px;}
.news_container img{float: left; width: 146px; height: 146px; margin-right:1vw;}
.news_container li:first-child{margin: 3vh 0 7vh 0;}
.news_container li{margin:0 0 7vh 0; font-size: 16px; color: #333; font-weight: bold; transition: all ease .3s;}
.news_container li:hover{color: #ac0808;}
.news_container li p{font-size: 14px; color: #999; line-height: 20px;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}
.news_container li span{font-size: 14px;margin-top:35px; color: #ac0808;}
.news_con{height: 87px; line-height: 87px; color: #d8b308; font-size: 18px;}
.news_con p{line-height:30px; color: #000; font-size: 16px;}

/*
-----------------------------------------
BOTTOM
-----------------------------------------
*/
.bottom_wrapper{background: #111; padding: 50px 20px; position: relative;}
.bottom_logo{text-align: center;}
.bottom_container{font-size: 14px; color: rgba(255,255,255,.6); line-height: 30px; text-align: left;}
.bottom_container a{color: rgba(255,255,255,.6);}
.bottom_tel {font-weight: bold; color: rgba(255,255,255,.6); font-size: 26px; font-style: italic; text-align: right; float: right; display:inline; }
footer{display: none;}
/*
-----------------------------------------
SUB-BANNER
-----------------------------------------
*/
.sabout_banner{width: 100%; background: url(../images/1.jpg) top center no-repeat; height:450px; background-size:cover;}
/*
-----------------------------------------
SUB-CATALOG
-----------------------------------------
*/
.sub_catalog{width: 100%; background:#f5f5f5; border-bottom: 2px solid #cf0d0d; margin: 0 auto; text-align: center;}
.sub_catalog ul{list-style:none; padding:20px 0; display:table;width: 100%; text-align: center;}
.sub_catalog ul li{width:18%; background: #fff; color:#777; display: inline-block; height:45px; line-height:45px; font-size: 16px; text-align:center; vertical-align:middle; margin:0 1%; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sub_catalog ul li a{color:#777; display:block;}
.sub_catalog ul li:hover{color:#fff; background:#cf0d0d; }
.sub_catalog ul li a:hover {color: #fff;}
/*
-----------------------------------------
SUB-TITLE
-----------------------------------------
*/
.sub_title{width: 100%; font-size: 24px; color: #800; font-weight: bold; text-align: center; line-height: 50px; margin: 30px 0;}
.sub_title p{font-size: 16px; color: #000; text-align: center; line-height: 12px;}
.sub_content{width: 100%; max-width: 1350px; padding:15px; font-size: 16px;}
.sub_content p{white-space:normal!important;}
.sub_content p span{white-space:normal!important;}
.sub_content img{width: 100%; max-width:100%;}
/*
-----------------------------------------
SUB-PRO-CONTENT
-----------------------------------------
*/
.sub_fourser{ margin:0px auto; float: left; width: 100%;}
.sub_fourser ul{margin:0; padding:0; list-style:none;}
.sub_fourser_li{height:350px; margin:0 0 1% 0; float:left;  color:#efdba5; text-align:left; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; clear:inherit;}
.sub_fourser_li p{font-size:16px; text-align:center; overflow:hidden; line-height:25px; padding:5px; box-sizing:border-box; color: #777; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; }
.sub_fourser_li span{width:100%; line-height:15px; height: 15px; text-align: center; color: #777; font-size: 14px; display: block; transition: all .3s ease;}
.sub_fourser_li img{max-width:100%; max-height:100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin:auto; transition: all .7s ease;}
.sub_fourser_li:hover img{transform: scale(1.14);}
.sub_fourser_li .proimg{ height:225px; text-align: center; overflow:hidden;box-sizing:border-box; position: relative;}
.sub_fourser_li_more{width: 78px; height: 22px; text-align: center; line-height: 22px; color: #fff; background: #cf0d0d; margin: 10px auto; font-size: 13px; transition: all .3s ease;}
.sub_fourser_li:hover .sub_fourser_li_more{width:80%;}
.sub_fourser_li_more i{font-size: 20px;}
.sub_fourser_li_line{width: 100%; height: 1px; background: #eee; margin: 10px 0 5px 0;}
.pro_name{text-align: center; color: #000; font-size: 20px; font-weight: bold;}
.pro_pic{width: 100%; text-align: center; margin: 20px auto 0 auto;}
.pro_pic img{max-width:800px; width: 100%;}
/*
-----------------------------------------
PRODUCT-CONTENT
-----------------------------------------
*/
.prodct_content_title{width:100%; margin:10px auto 0 auto;height:40px; border-bottom:1px #cf0d0d solid;}
.prodct_content_title li{float:left; width:150px; height:40px; line-height:40px; text-align:center; margin:0;}
.bgcolor_on{background:#cf0d0d; color:#FFF}
.neirong {padding: 20px 0 0 0;}
/*
-----------------------------------------
NEXT&PREV
-----------------------------------------
*/
.pre_nex li:nth-last-child(odd){float: left;}
.pre_nex li:nth-last-child(even){float: right;}
.pre_nex li{width: 48%; height: 40px; line-height: 40px; color: #aaa; background: #f8f8f8; text-align: center;}
.pre_nex li a{display: block; color: #777; font-size: 14px;}
.pre_nex li a:hover{color: #000; background: #f1f1f1;}
/*
-----------------------------------------
NEWS
-----------------------------------------
*/
.sub_xinwen{width:100%; margin: 0 auto 30px auto; padding: 0;}
.sub_xinwen ul{list-style: none;}
.sub_xinwen li{ background: #fff; margin:35px 0; width: 100%;
    shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    box-shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;}
.snews_content{width:100%; height: 250px; padding: 0; background: #fff; transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out; position: relative;}
.snews_content:hover{background:#fcfcfc;}
.snews_content_time{width: 100%; background: #f5f5f5; height: 40px; line-height: 40px; text-align: center; color: #1f5f61; font-size: 12px; margin-bottom: 30px;}
.sub_pic{width:20%; height:225px; margin:0;  float:left;}
.sub_pic img{width:100%; max-height: 225px; height:auto; margin: 7px 0 0 7px;}
.sub_text{width:65%; height:55px; line-height:55px; float:left; margin:10px 0 0 25px; color:#1f5f61; font-weight: bold; font-size:18px;}
.sub_text a{color:#000; text-decoration:none;}
.sub_text a:hover{color:#666; text-decoration:none;}
.sub_text span{float:left; margin:0; color:#777; font-size:14px; line-height:25px; display: block; font-weight: normal;}
.sub_text p{font-size: 14px; color: #fff; line-height:25px; height: 25px; box-sizing: border-box; padding: 0 10px; width:130px; text-align: center; background:#cf0d0d;  position: absolute; bottom:38px;}
.sub_news_title{font-size:24px; text-align:center; color:#000; margin: 15px auto;}
/*
-----------------------------------------
PAGE
-----------------------------------------
*/
.page_info{text-align:center;margin:10px;color:#999;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:10px;margin-top:20px; padding: 0 0 70px 0;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*
-----------------------------------------
-----------------------------------------
@MEDIAScreen
-----------------------------------------
-----------------------------------------
*/
/*
1600-1920
*/
@media screen and (max-width:1920px) and (min-width:1600px){
.about_number{margin: 230px auto 0 auto; clear: both;}
}
/*
1200-1600
*/
@media screen and (max-width: 1600px) and (min-width:1200px){
.oem li .con{height: 260px;}
.oem li .con p{font-size: 15px; color: #666; line-height: 25px; padding: 20px 0 0 0;}
.pro_box{ height:400px;}
.pro_box li{position: relative; height:400px; overflow: hidden;}
.pro_box li:hover .txt{ top:70%; color: rgba(255,255,255,1)}
.pro_box li:hover .con{top:80%; color:rgba(255,255,255,1);}
.about_wrapper{background-size: cover;}
.about_container{margin: 50px 0 30px 0;}
.about_title{height: 67px; line-height: 67px; text-indent: 30px; color: #000; font-size: 20px; font-weight:bold; background-size: contain;}
.about_img{margin: 80px 0 30px 0;}
.about_con{height:57px; line-height:57px;font-size: 18px;}
.about_con p{line-height:28px; color: #000; font-size: 16px;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 7;overflow: hidden;}
.about_number{margin: 210px auto 0 auto; clear: both;}
.about_number ul{}
.about_number ul li{width:20%; height: 125px; font-size: 26px; text-align: center; font-weight: bold; line-height: 50px; color: #bd0000; float: left; margin: 0 2.5%;}
.about_number ul li p{font-size: 14px; color: #000; line-height:25px;}
.join_container{margin:0;}
.join_txt{margin-top:4vh;}
.join_img{margin:5vh 0;}
.join{}
.join_ico{margin:11vh 0 0 0;}
.join_ico li .con p{font-size: 16px; line-height: 20px; font-weight: bold; color: #fff; text-align: left; }
.join_ico li .con span{font-size: 13px; font-weight: normal; color: #fff; line-height: 20px;text-align: left;display: block;}
}
/*
992-1200
*/
@media screen and (max-width:1200px) and (min-width:992px) {
.logo_name{font-size:22px; color: #fff; padding: 15px 0 0 20px; font-weight: bold;}
.logo_name p{font-size: 16px;letter-spacing:12px;}
.oem li .con{height: 260px;}
.oem li .con p{font-size: 15px; color: #666; line-height: 20px; padding: 20px 0 0 0;}
.pro_box{ height:300px;}
.pro_box li{position: relative; height:300px; overflow: hidden;}
.pro_box li:hover .txt{ top:70%; color: rgba(255,255,255,1)}
.pro_box li:hover .con{top:80%; color:rgba(255,255,255,1);}
.pro_box li .txt{font-size: 18px;}
/*------owl箭头------*/
.pro_frame .owl-prev,.pro_frame .owl-next{position: absolute; background: none!important; left: -10%; top:30%; width: 32px; height: 32px; z-index: 9999; padding: 0!important;}
.pro_frame .owl-prev img,.pro_frame .owl-next img{width: 32px!important; height: 32px!important;}
.pro_frame .owl-next{top:50%;}
.pro_frame .owl-dots{display: none!important;}
.about_wrapper{background-size: cover;}
.about_title{height: 67px; line-height: 67px; text-indent:20px; color: #000; font-size:16px; font-weight:bold; background-size: contain;}
.about_con{height:57px; line-height:57px;font-size: 18px;}
.about_con p{line-height:28px; color: #000; font-size: 16px;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 7;overflow: hidden;}
.about_number{margin: 210px auto 0 auto; clear: both;}
.about_number ul{}
.about_number ul li{width:20%; height: 125px; font-size: 26px; text-align: center; font-weight: bold; line-height: 50px; color: #bd0000; float: left; margin: 0 2.5%;}
.about_number ul li p{font-size: 14px; color: #000; line-height:25px;}
.join_container{margin:0;}
.join_txt{margin-top:4vh;}
.join_img{margin:5vh 0;}
.join{}
.join_ico{margin:5vh 0 0 0;}
.join_ico li .con p{font-size: 16px; line-height: 20px; font-weight: bold; color: #fff; text-align: left; }
.join_ico li .con span{font-size: 12px; font-weight: normal; color: #fff; line-height: 20px;text-align: left;display: block;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
}
/*
768-992
*/
@media screen and (max-width:992px) and (min-width:769px) {
.index_titles{display: none;}
.index_title{display: none;}
.index_title_m{display: block;}
.oem li .con{height: 200px;}
.about_wrapper{height: 750px;}
.about_img{display: none;}
.join_wrapper{background:#171717 url(../images/join_bg.jpg) top center no-repeat; background-size:cover;}
.join_container{margin:5vh 0;}
.join_ico{background: #171717; padding-top:5%;margin:5% 0 0 0;}
.join_img{display: none;}
.pro_box li .txt{ top:60%; color: rgba(255,255,255,1)}
.pro_box li .mask{display: none;}
.pro_box li .con{top:70%; color:rgba(255,255,255,1);}
.pro_box li:hover .txt{ top:60%; color: rgba(255,255,255,1)}
.pro_box li:hover .con{top:70%; color:rgba(255,255,255,1);}
.pro_box li:hover .mask{display: none;}
.news_container{margin:30px 0 0px 0; padding: 0 0 30px 0;}
}
/*
>768
*/
@media screen and (max-width:768px) {
.sub_content img{width: 100%!important; max-width:100%!important; height: auto!important;}
.oem li .ico{width:70%; height: auto; text-align: center; margin-top:10px;}
.oem li .ico i{font-size: 60px; text-align: center; color: #000; display: block; line-height: normal;transition: ease-in .35s;}
.oem li{ padding: 6% 3% 0% 3%;}
.oem li:hover:before{height:0}
.oem li:hover .con{transform: translateY(0);}
.index_titles{display: none;}
.index_title{display: none;}
.index_title_m{display: block;}
.oem li .con{font-weight: bold; color: #000; font-size: 18px; text-align: center; padding: 5% 0; height: 200px;}
.oem li .con p{font-size: 13px; color: #666; line-height: 30px; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 5;overflow: hidden;}
.pro_box{margin-top:1%; margin-bottom:20px;height: auto;}
.pro_box li{position: relative; height: auto; padding: 0 0 30px 0;}
.pro_box li .txt{ top:40%;text-shadow:5px 2px 6px #000; font-weight: bold;color: rgba(255,255,255,1); font-size: 16px;}
.pro_box li .mask{display: none;}
.pro_box li .con{display: none;}
.pro_box li:hover .txt{ top:160px; color: rgba(255,255,255,1)}
.pro_box li:hover .con{display: none;}
.pro_box li:hover .mask{display: none;}
.about_container{margin:10px 0;}
.about_img{display: none;}
.about_wrapper{background-size: cover; height: auto;}
.about_title{display: none;}
.about_con{height:57px; line-height:57px;font-size:16px;}
.about_con p{line-height:28px; color: #000; font-size: 14px;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 7;overflow: hidden;}
.about_number{margin: 210px auto 0 auto; clear: both;}
.about_number ul{}
.about_number ul li{width:43%; height:95px; font-size: 26px; text-align: center; font-weight: bold; line-height:40px; color: #bd0000; float: left; margin: 0 2.5%;}
.about_number ul li p{font-size: 14px; color: #000; line-height:25px;}
.join_wrapper{background:url(../images/join_bg.jpg) top center no-repeat; background-size:cover; padding: 0 5px;}
.join_container{margin:0;}
.join_txt{margin-top:4vh;}
.join_img{margin:0;}
.join_ico{margin:10% 0 0 0;}
.join_ico li{height: 125px; font-size: 36px; text-align: center; font-weight: bold; line-height: 60px; color: #bd0000;}
.join_ico li .icon{width: 50px; text-align: center; float: none;}
.join_ico li .icon i{font-size: 45px; color: #fff;}
.join_ico li .con{width: 100%; float:left;}
.join_ico li .con p{font-size: 14px; width: 100%; line-height: 20px; font-weight: bold; color: #fff; text-align: center; }
.join_ico li .con span{display: none;}
.news_container{margin:10px 0 0px 0; padding: 0 0 20px 0;}
.news_container img{float: left; width: 120px; height: 120px; margin-right:2vw;}
.news_container li:first-child{margin: 3vh 0 7vh 0;}
.news_container li{margin:0 0 2vh 0; font-size: 16px; color: #333; font-weight: bold;}
.news_container li p{font-size: 14px; color: #999; line-height: 20px;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.news_container li span{font-size: 14px;margin-top:35px; color: #ac0808;}
.news_con{height: 87px; line-height: 87px; color: #d8b308; font-size: 18px;}
.news_con p{line-height:30px; color: #000; font-size: 16px;}
.sub_content{width: 100%; max-width: 1350px; padding:10px; font-size: 14px;}
.sub_title{width: 100%; font-size: 24px; color: #800; font-weight: bold; text-align: center; line-height: 50px; margin:15px 0;}
.sub_title p{font-size: 16px; color: #000; text-align: center; line-height: 12px;}
.sub_news_title{font-size:16px; text-align:center; color:#000; font-weight: bold;margin:5px auto;}   
.sub_xinwen{width:100%; margin: 0 auto 10px auto; padding: 0;}
.sub_xinwen ul{list-style: none;}
.sub_xinwen li{ background: #fff; margin:5px 0; width: 100%;
    shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    box-shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;}
.snews_content{width:100%; height:110px; padding: 0; background: #fff; transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out; position: relative;}
.snews_content:hover{background:#fcfcfc;}
.snews_content_time{width: 100%; background: #f5f5f5; height: 40px; line-height: 40px; text-align: center; color: #1f5f61; font-size: 12px; margin-bottom: 30px;}
.sub_pic{width:20%; height:105px; margin:0;  float:left;}
.sub_pic img{width:100%; max-height:125px; height:auto; margin: 7px 0 0 7px;}
.sub_text{width:70%; height:auto; line-height:18px; float:left; margin:10px 0 0 25px; color:#1f5f61; font-weight: bold; font-size:14px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sub_text a{color:#000; text-decoration:none;}
.sub_text a:hover{color:#666; text-decoration:none;}
.sub_text span{float:left; margin:0; color:#777;font-size:12px; line-height:25px; font-weight: normal;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sub_text p{font-size: 12px; color: #cf0d0d; line-height:25px; height: 25px; box-sizing: border-box; padding: 0; background: none; text-align: left;  position: absolute; top:55px;}

    

.index_map{width: 100%; height: 1017px; background: url(../images/inmap_bg.jpg) center no-repeat; padding:20px 0 0 0; margin: 30px 0 0 0;}
.index_map_content{width: 650px; height: 375px; background:#3377d4;}
.index_map_content img{width: 650px; height: 375px;}
.index_map_title{width: 486px; height:70px; line-height:70px; margin: 30px 0 0 50px; color: #fff;}
.index_map_title .icon{width: 64px; float: left;}
.index_map_title .icon i{font-size:50px;}
.index_map_title .title{width:418px; font-size: 30px; font-weight: lighter; float: right; text-align: left; border-bottom: 1px dashed #fff;}
.index_map_list{width: 418px; float: left; margin: 20px 0 0 0;}
.index_map_list li{line-height: 50px; color: #fff; height: 50px; font-size: 16px;}
.index_map_list li i{font-size: 22px; color: #fff;}
.index_map_content_map{width: 650px; height: 375px; background: #fff;}
.index_map_content_sub{width: 650px; height: 375px; background: #3ca1db;}
.index_map_content_sub img{width: 650px; height: 375px;}
.sub_catalog ul li{width:20%; background: #fff; color:#777; display: inline-block; height:45px; line-height:45px; font-size: 12px; text-align:center; vertical-align:middle; margin:0 1%; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sub_catalog ul li a{color:#777; display:block;}
.sub_catalog ul li:hover{color:#fff; background:#cf0d0d; }
.sub_catalog ul li a:hover {color: #fff;}
}



@media screen and (max-width:568px) {
    
.about_number{margin: 270px auto 0 auto; clear: both;}
.about_con p{ -webkit-line-clamp: 6;overflow: hidden;}
    
}
@media screen and (max-width:992px) and (min-width:300px){
.bottom_wrapper{display: none;}
/*MOBILE*/
body{padding: 0 0 45px 0;}
footer{display: block; position:fixed; z-index: 9; padding:5px 0;width:100%;height:50px;bottom:5px;background: linear-gradient(to right,#dc1010,#930303);box-shadow: 5px 0 15px rgba(251, 72, 72, 0.5); border-radius: 60px;}
footer ul{height:50px;  position: relative;}
footer ul li{width:33.33%;float:left;color:#fff;}
footer ul li dl{width:auto;margin:0 auto;text-align:center;}
footer ul li dt{width:auto;height:25px;overflow:hidden;}
footer ul li dd{width:auto;height:20px; font-size:0.8em; color:#fff;line-height:20px;}
.sabout_banner{width: 100%; background: url(../images/1.jpg) top center no-repeat; height:250px; background-size:cover;}
}