@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:900px){
.w{ width:98%;}	
header{ display:none;}	
.slideBox9{margin-top: 50px;}
.cpxx{margin-top: 50px;}
.sp_header{ display:block}
.sjj_nav{ display:block}
.sp_header{height:50px;overflow:hidden;background:#e73c2a;width:100%;  position:fixed; top:0; z-index:999}
.banner{margin-top: 50px;}
.slideBox{margin-top:50px;}
.sp_logo{padding:5px 7px;float:left;}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:46px;float:right;position:relative;cursor:pointer;height:30px;margin-top:17px}
.sp_nav span{display:block;background:#fff;width:23px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:9px}
.sp_nav span:nth-of-type(3){top:18px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background:#FFF;width:100%;height:calc(100% - 104px);font-size:15px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; padding-top:10px;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li h3{font-weight:normal;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}	
	
.slideBox2 .bd .tp{display:none;}	
.slideBox .hd{display:none;}
.h100{ height:10px;}
.h30{ height:5px;}	
.box{ width:50%; margin:10px 0; float:left; }	
.box .bi{width:87%; height:auto; margin-bottom:20px;}

.box img{ width:100%; height:auto;}	
	
.sec2 {  padding:20px 0;}
.slideBox2 .bd{ left:0; float:none;}	
.slideBox2 .bd summary i b img{max-width:40%; width:auto; padding:0; vertical-align:middle;}
.slideBox2 .bd img{ width:100%; max-width:100%;}	
.fl223 p{  height:auto; line-height:25px; font-size:14px;}
.fl223 p a{padding:0px 5px;}
.fl223{padding:10px;}
.messlist{ float:none; width:100%; margin:0 auto; border-bottom:solid 1px #ccc; border-right:0;}
.messlist input{width:200px;}

.slideBox2 .bd summary{ width:100%; margin-top:10px; text-align:center;}
.slideBox2 .bd summary h4{ font-size:20px; line-height:30px;}
.slideBox2 .bd summary i{ width:95%; text-align:left; margin:0 auto;}
.slideBox2 .hd{ position:relative; bottom:0;}
.slideBox2 .hd ul li{ width:50%; text-align:center; float:left;}
.slideBox2 .bd .fl{margin-top: 50px;}

.slideBox2 .bd summary a.morea{ background:#e6241b; color:#fff; text-align:center; text-indent:0;width:100px; font-size:14px; height:30px; line-height:30px;}
.slideBox2 .bd summary a.moreb{ background:#bfbfbf;}
.swiper-slide{ margin: 10px auto;}
.slideBox2 .bd summary a.morea{height:30px; line-height:30px;}
.picFocus .hd ul li{width:48%;}
.sec4 ul .ddd5 .map{display: none;}


.ani{padding:10px;}
.slideBox3 .hd h3{ display:block; width:100%; float:none; text-align:center;}
.slideBox3 .hd ul{ width:100%; text-align:left;}
.slideBox3 .hd ul li{ width:30%;}

.slideBox3 .bd{ margin-top:20px;}
.slideBox3 .bd summary{ width:100%; padding:10px; position: static;}
.slideBox3 .bd summary h4{ font-size:18px; line-height:30px;}
.slideBox3 .bd summary p{ height: auto; line-height:25px; font-size:14px; overflow:hidden;}
.slideBox3 .bd summary a{ display:none;}
.videofr1 .video_c{width: 100%; left: 0; margin-left: 0;}

.sec4{ background-size:contain; min-height:auto;}
.sec4 ul{ width:100%; padding-top:20px;}
.sec4 ul h3{ margin-bottom:10px; text-align:center;}
.sec4 ul li{ font-size:20px; text-align:center; color:#333; margin-bottom:20px;}
.sec4 ul li strong{ font-size:30px; line-height:35px;}
.sec4 ul span{ text-align:center;}

.newstit{ padding-top:10px;  text-align:center; font-size:30px;}
.slideTxtBox .hd{ margin-top:20px; padding-bottom:20px;}
.news-hots{ width:100%; margin-top:20px; height:240px; display: none;}
.newsr{ width:100%; height:auto; padding:20px 0;}
.newsr h3{ margin-top:0;}
.sec5{min-height: auto !important;}

.sec6 .fuwua,.sec6 .fuwub{ width:100%; float:none; background-size:cover; height:auto; padding:20px 30px; margin-bottom:10px;}
.sec6 .fuwua a{ padding:20px 50px; font-size:20px; line-height:30px;}
.sec6 .fuwua a strong{ font-size:18px;}
.sec6 .fuwub a{ margin-top:10px;}
.sec6 .fuwub strong{font-size:20px;}

footer{ padding-top:15px; min-height:auto; padding-bottom:15px;}
footer .top_l{ display:none;}
.top_r{ width:100%; float:none; text-align:center;}
footer .share{ text-align:center;}
footer .top_r .tel2{background: url(../images/tel2.jpg) no-repeat left 15% center;}

.ani2 ul li{width:50%;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
.ani2 ul li strong{font-size:24px;line-height: 35px;}
.ani2 ul li i{ font-size:15px;}
.mm img{display:block; width:100%; height:auto;}

.ab1-img{height: 420px;}
.foot{line-height: 30px; text-align:left}
.contact ul.cont2 small{text-align: left;}
	
	
.bg1{ min-height:auto; padding-top:10px;}	
.ab1-img video{ height:auto!important;}	

.cells-title h2{ font-size:24px; line-height:50px;}	
.cells-title{ margin:10px 0;}
.cells-title p{ line-height:30px;}
.contact ul{ width:90%; text-align:center;  padding:10px; float:none; margin:0 auto; margin-bottom:10px;}
.contact ul .img-box img{ margin:0 auto;}
.contact ul.cont2{ width:90%; margin:0 auto 10px auto;height:auto;}	
	
.contact ul span{ font-size:20px;}	
.contact ul.cont2 span{ line-height:30px; height:auto;}	
.contact ul.cont2 i{ margin:10px auto;}
	
	
.seabtn2{ font-size:18px; width:20%;}
.seabtn{ width:35%;}

.jop{ margin-top:0; margin-bottom:0px;}	
.jobserch{ margin-bottom:20px; display:none;}
.list-text h4{margin:10px 0px;}
.list-text p{margin:0;}
.jop ul .active .list-text a.toudi{display:none;}
	
.jop .list-a{ font-size:24px; line-height:30px;}
.jop .list-b, .jop .list-c{ width:100%; line-height:30px;}
.jop .list-e{ width:15%; top:0; height:90px;}
.jop ul .active .list-text a.toudi{ position:relative; line-height:35px; margin:50px auto 0 auto; display:block;}
.list-text{ padding-bottom:0;}


.protit2 a{ width:31.33%; line-height:35px; font-size:16px;}
.protit{ margin-bottom:10px; display:none;}
.jinengt{ text-align:center; font-size:24px; margin-top:10px; line-height:50px;}
.news ul li{ width:90%; margin:0 auto; float:none; margin-bottom:10px;}
.news ul{ margin-top:0px;}
.news ul li img{ width:100%; height:auto;}
a.more2{ margin:20px auto 0 auto; width:70%; line-height:40px; font-size:16px;}
.slideTxtBox .arrow{ display:none;}
.news2{ padding:0; height:auto;}

.news ul li p{ margin-top:0;}
.news ul li span{ margin-top:0; line-height:30px; height:60px; font-size:14px; width:90%;}
.news ul li i{ margin-top:0; width:90%;}
.news ul li a u{ display:none;}
.news2 .news-hots{ height:auto;}
.hots-pic{ height:auto;}
.hots-pic img{ min-height:auto !important;}
.hots-name{ height:150px; padding:0 2%; font-size:14px;}
.hots-name strong{ font-size:18px; line-height:30px; margin-bottom:0;}
.news-hots a{ margin-top:10px; height:auto;}
.jinengt2{ padding-top:20px;}

.shipin a{ width:31.33%;}

.hynewl2{ width:90%; margin:0 auto; float:none;}
.hynewr2 { display:none;}
.newshowt{ padding:10px 0 0 0; margin-bottom:10px;}
.newshowt h3{ font-size:20px; width:90%; margin:0 auto; text-align:left;}
.det-cont{ line-height:30px; font-size:14px;}
.fenpian ul li{ width:100%; float:none; margin-bottom:10px;}


.hynewl{ width:96%; margin:0 auto; float:none;}
.hynewr{ display:none;}
.hynewal{ width:100%; float:none;}
.hynewapic{ height:auto;}
.hynewatxt{ padding:0;}

.hynewar{ width:100%; float:none; margin-top:10px;}
.hynewb li{ padding:5px;}
.hynewb li .ne-l h2 a{ line-height:30px; font-size:16px; height:60px; overflow:hidden;}
.hynewb li .ne-l p{ max-height:50px; font-size:14px; line-height:25px;}
.hynewb li .date{ margin-top:0;}


.protit a{ width:48%; font-size:18px; line-height:35px; margin-bottom:10px;}
.prolist2 li{width:46%; display:block; margin:0 2% 20px 2%; padding:10px;}
.prolist2 li span{ font-size:16px; height:30px; line-height:30px; overflow:hidden;}
.prolist2 li span strong{ font-size:16px;}
.prolist2 li span small{ font-size:15px; line-height:25px; height:25px; overflow:hidden;}
.prolist2 li big{ font-size:12px; line-height:25px;}
.prolist2 li a.more{ margin-top:10px; height:30px; line-height:30px;}


.radio-box span{ display:block; width:100%; float:none;}
.radio-box label{ margin-bottom:0;}
.shaixuan{ padding-top:20px; margin-bottom:20px; display:none;}
.serbtn{ text-align:center; padding-bottom:20px;}
.serbtn a{ position:relative; display:inline-block;}
.g_page li{width:auto; display:inline-block;}
.proxx{display:block;}

.serbtn a.serbtna { bottom:0;}
.serbtn a.serbtnb{ bottom:0;}

.protit4{width:100%;}
.protit4 ul li{width:50%; margin-bottom:10px;}
.protit3 ul li a{font-size:15px;}
.h50{height:30px;}
.cc4{height:auto;}
.cc4 img{min-height:auto !important;}
.d1 .text-r{padding:20px;}
.d1 .text-r h3{font-size:24px;}
.slideTxtBox3 .hd ul li{width:100%; float:none;}
.slideTxtBox3 .hd ul{height:auto;}
.jinenga .tp5 img{min-height:auto;}
.jinenga .tp5{height:auto;}

.prolist li{ width:46%; margin:0 2% 20px 2%; padding:10px 0;}
.prolist li span{ line-height:25px; font-size:14px; height:50px; overflow:hidden;}
.prolist li span strong{ font-size:16px; line-height:30px;}
.prolist li a.more{ margin-top:10px;}
.proimg{ margin-bottom:0; height:auto;}
.cc4{width:100%; height:auto; float:none;}
.d1{padding:0;}
.slideTxtBox3 .hd ul li a{height:auto; margin:0 auto;}
.slideTxtBox3 .hd ul li a img{ height:50px;}
.slideTxtBox3 .hd ul li a img{height:auto;}
.bd2{float:none; width:100%;}
.d1 .text-r{width:100%; height:auto; float:none;}

.jinenga .tp5{width:100%; float:none;}
#share{display:none;}
.jinenga .left-5{width:100%; float:none; padding:20px;}
.jinenga .left-5 h3 {
    font-size: 28px;
    color: #fff;
    height: 30px;
    line-height: 30px;
}
.slideTxtBox3 .hd ul li a b{font-size:13px;}
.right-5 h3{height:50px; line-height:25px;}

.rp1{width:100%; float:none; height:auto;}
.rp1 img{min-height:auto !important;}
.right-5{float:none; width:100%; height:auto; padding:25px;}
.cpxx-z,.cpxx-y{ width:100%;}
.cpxx-y h2{ font-size:18px; line-height:30px;}
.cpxx-y p.pjj{ margin:0; font-size:12px; line-height:25px;}

.cpxx-y .xjtel a.azx{ width:46%; margin:0 2%; line-height:35px; float:left; height:35px;}
.cpxx-y .xjtel a.azx2{ width:46%; margin:0 2%; line-height:35px; float:left; height:35px;}


.liucheng2{display:none;}
.hynewb li .ne-l img{width:100%; height:auto;}
.lic{display:none;}
.cpxx-y .xjtel a.azx3{ width:46%; float:right; position:relative; margin-right:2%; }
.cpxx-y .cans-ul{ margin-top:10px; padding-bottom:0;}
.proxx big{ width:100%; display:block;}
.proxx small{ width:100%; line-height:30px; margin:0 auto; display:block; background:#fff; border:none;}
.proxx2 small{ background:#fff;}
.proxx3 small{text-align:center;}
.proxx4 small{ background:#fff; text-align:center;}


.dth-cont a .dth-img,.dth-cont2 a .dth-img,.dth-cont3 a .dth-img,.dth-cont6 a .dth-img,.dth-cont9 .dth-img{ width:100%;}
.dth-cont a .dth-tex,.dth-cont2 a .dth-tex,.dth-cont3 a .dth-tex,.dth-cont6 a .dth-tex,.dth-cont9 .dth-tex{ width:100%; position:relative; right:0; padding:0 20px;}
.dth-cont a .dth-tex h3,.dth-cont2 a .dth-tex h3,.dth-cont3 a .dth-tex h3,.dth-cont6 a .dth-tex h3,.dth-cont9 .dth-tex h3{ font-size:20px; margin-bottom:0; line-height:40px;}
.dth-cont3 a .dth-tex,.dth-cont6 a .dth-tex{ font-size:14px; line-height:30px;}

.sert h3{ width:100%; font-size:24px; text-align:center;}
.sert .text{ width:100%; padding:0 2%; font-size:14px; line-height:30px;}
.sert .text big{ font-size:18px;}
.sert .text small{ font-size:14px;}


.dth-cont2 a .dth-tex big{ margin-bottom:0; font-size:16px;}
.dth-cont4 a{ width:48%;}
.dth-cont4 a big{ font-size:16px; line-height:30px;}




.dth-cont5l,.dth-cont5r{ width:100%; }
.dth-cont5l .jinenga h3{ font-size:20px; line-height:30px;}
.dth-cont5l .jinenga{ font-size:14px; padding:0 20px; line-height:30px;}
.dth-cont5l .jinengb a{ padding:10px 2%; background:#000; opacity:0.9; top:auto; bottom:0;}
.dth-cont5l .jinengb a big{ font-size:18px; line-height:35px;}
.dth-cont5l .jinengb a small{ font-size:14px; line-height:30px;}
.dth-cont5l .jinengb{ margin:20px 0;}

.dth-cont5r .jinengc a{ font-size:18px; line-height:40px;}


.dth-cont6 a .dth-tex{ left:0; top:0;}
.dth-cont7 .jinengc{ width:100%;}
.dth-cont7 .jinengc a{ line-height:40px; font-size:20px; height:40px; padding:0px 20px;}
.dth-cont8 .dth-tex{ width:100%;}
.dth-cont8 .dth-tex h3{ margin:0; font-size:18px;}
.dth-cont8 .dth-tex big{ font-size:16px; margin-bottom:0;}
.dth-cont8 .dth-tex a{ font-size:14px;}

.dth-cont9 .dth-tex small{ font-size:14px; line-height:25px;}
.dth-cont7 .jinengc a big{ line-height:40px;}
.dth-cont7 .jinengc:hover a{  display:none;}
.cc9{display:block; width:100%;}
.liucheng{display:none;}
.dth-cont9 a{ margin:10px 0;}


.liu1,.liu2,.liu3,.liu4,.liu5,.liu6{ width:31%; background-size:contain; height:120px;}
.liucheng h3{ font-size:24px; line-height:50px;}
.about-video video{ height:auto!important;}
.shipin2 a big{ font-size:15px;}
.w2{width:100%;}
.sec1{display:none;}

.slideBox3 .hd h3{font-size:26px;}
.sec3{margin-top:20px;}
.cpxx2 img{display:block; width:auto !important; height:auto !important; max-width:100%;}

#layui-layer1{display:block; width:90%; height:200px;}
.layui-layer-setwin{    right: 26px;top: 26px;}
.layui-layer-setwin .layui-layer-close2{right: -15px;top: -15px;}
.shipin2 ul li{display:block; width:50%; margin-bottom:15px;}
.shipin2 ul li .s11-item .s11-img .pic img{min-height:120px;}
.shipin2 ul li .s11-item .s11-img .pic{height:120px;}
.layui-layer-iframe iframe{width:100%; height:300px;}
.link{padding-top:15px;}
.link p a{padding-right:10px; line-height:25px; font-size:14px;}
#share{display:none;}
.link p{font-size:16px;}

}
    @media only screen and (max-width:750px){
    .ab1-img{height:192px;}}