﻿@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1600px) {
    .main-width2{max-width:95%; }
    .moshi .moshibox li{width:1449px;}

}

@media screen and (max-width: 1500px) {
	.moshi .moshibox li{width:1382px;}

}

@media screen and (max-width: 1400px) {

	.hea_rc{width: 22%}
	.banner_boxtxth .ppbt{font-size: 50px}
	.jjfa .conleft .lbox{margin-bottom: 4%}
	.jjfa .conleft .lbox p span{font-size: 16px}
	.ft-box{width: 10%}
	.moshi .moshibox li{width:1254px;}
}

@media screen and (max-width: 1300px) {
	.moshi .moshibox li{width:1164px;}
	.str_tbt .ysbt p{font-size:32px;}
}

@media screen and (max-width: 1180px) {

	.main-width{max-width:98%; }
	.main-width2{max-width:98%; }
	.secd-width{max-width:98%; margin:0 auto;}
	.hea_rc{width: 25%}
	.banner_boxtxth .ppbt{font-size:36px}
	.inbtny_cn{font-size:36px}
	.ft-box{width: 18%}
	.ft-right{width: 100%; overflow: hidden;}
    .str_tbt .ysbt p{font-size:30px;}
	.moshi .moshibox li{width:1000px;}

}

@media screen and (max-width: 980px) {
	
	.top1, .hea_bc, .nav_bg, .g_navbox{display: none;}
	.sp_header,.sjj_nav, .casesj, .social_nav5, .social_nav5{ display:block;}

	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
	.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;left: 0px;top: 0px;z-index:10;width:100%; border-bottom: 1px solid #e2e2e2;}
	.sp_logo{padding:1.5%;box-sizing: border-box;display: inline-block;overflow: hidden; vertical-align: middle;border-right: 1px solid #e6e6e6;}
	.sp_logo img{height:40px;}
	.sp_logozi{display: inline-block; vertical-align: middle;margin-left: 1%;}
	.sp_logozi i {}
	.sp_logozi i b {display: block; font-size:20px; margin-bottom:1%; }
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
	.sp_nav span{display:block;background:#014fa2;width:30px;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:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.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:99;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:70px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{}
	.sjj_nav>ul>li:first-child .language{float:right;width:140px;overflow:hidden;line-height:45px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:40px;float:left;border-left:1px #ddd solid;text-align:center;color:#777;}
	.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 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:16px; color: #000;}
	.sjj_nav ul li a{line-height: 40px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#444;width:80%}
	.sjj_nav ul li ul li a{color:#444;display:block;text-align:left; line-height:45px;font-size:14px; }
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#014fa2}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/




	.banner_boxtxtp p{font-size: 16px}
	.banner_boxtxth .ppbt{font-size: 28px}
	.inbtny_cn{font-size:28px}
	.banner_boxtxtp{margin-top: 0}
	.product_list ul li{width: 48%}
	.jjfa .conleft{width: 100%}
	.jjfa .conleft .lbox{padding: 2%; margin-bottom: 2%}
	.jjfa .conleft .lbox.cur{width: auto}
	.jjfa .conright{width: 100%}
	.jjfa .conright .boxmore .p1{font-size: 18px; line-height: 36px}
	.jjfa .conright .boxmore .p2{font-size: 14px; line-height: 22px}
	.jjfa .conright .boxmore .p2 a{font-size: 14px; line-height: 22px}
	.xb1 .xb1_l .gbt{font-size: 18px; padding-top: 3%}
	.xb1 .xb1_l .gbt em{font-size: 24px}
	.xb1 .xb1_l .gbt2{font-size: 16px; margin-top: 0}
	.home-about-text{width: 100%}
	.right .arbt{font-size: 30px}
	.right .arbten{font-size: 20px}
	.home-about-pic{width: 100%; margin-top: 2%}
	.home-about-pic video{height: auto}
	.tit01 .ybt{font-size: 28px; line-height: 36px}
	.tit01 p{line-height: 28px}
	.news-tit2{float: left; position: inherit; margin-top: 3%}
	.news-tit2 a{height: auto; font-size: 20px}
	.news1 dl{width: 100%}
	.news1 dd{padding: 2%}
	.news1 ul{width: 100%; margin-top: 2%}
	.linkTagcs li a{line-height: 26px}
	.ft-box{width: 18%}
	.ft-box-contact .ft-title{width: auto;}
	.xinwenxiangqing .nd_text{font-size: 15px; line-height: 26px}
	.cooperation ul li{width: 98%}
	.newsleft{width: 100%}
	.newsright{width: 100%; margin-top: 2%}
	.index-tit{font-size: 28px}
	.mtit .t{font-size: 26px}
	.ny_workshop ul li{width: 31.333%}
	.list .items{width: 48%}
	.moshi .moshibox li{width:980px;}
	.str_tbt .ysbt p{font-size:28px;}
	.moshi .menu li{font-size:14px;}
	.str_tbt .ysbt span{font-size:14px;}
	.str_tcon p{font-size:14px; line-height:24px;}


}


@media screen and (max-width: 780px) {
	.sp_logozi{}
	.sp_logozi i b{font-size: 18px}
	.sp_logozi i{font-size: 13px}
	.protit .pbt{font-size:26px}
	.banner_boxtxth .ppbt{font-size: 24px}
	.inbtny_cn{font-size:24px}
	.inbtny_en{font-size: 14px}
	.banner_boxtxtp p{font-size: 14px; line-height: 22px}
	.product_list ul li .info p.title{font-size: 14px}
	.right .arbt{font-size: 24px}
	.right .arbten{font-size: 18px}
	.xb1{background: #004098; height: auto; padding: 2% 0; overflow: hidden;}
	.xb1 .xb1_f{width:100%;}
	.right p{font-size: 15px; line-height: 28px}

	span{font-size: 14px}
	.prolist .lpbt{padding:5% 10%}
	.fanhui{display: none;}
	.hon_rc ul li p span{font-size: 36px}
	.trade-box-item{width: 45%; margin-bottom: 3%}
	.wraptop_4_2{width: 100%}
	.wraptop_4_1 span{line-height: 40px}
	.wraptop_4_1 div{height: auto; line-height: 35px}
	.wraptop_4_1 div a:link, .wraptop_4_1 div a:visited{line-height: 35px}
	.wraptop_4_2{margin: 0 0 2% 0}
	.hon_tit p{font-size:20px}
	.hon_tit{font-size:20px}
	.hon_info{margin-top: 2%; line-height: 30px}
	.pro_lt>p{font-size:28px}
	.infors .tit{font-size: 28px}
	.whonytitles{font-size: 16px}
	.item-title{font-size: 18px}
	.con-nav ul li, .con-nav .line{display: none;}
	.con_nav_fr em, .con_nav_fr i{height: 50px}
	.con_nav_fr span{line-height:50px;  font-size: 14px}
	.con_nav_fr a{line-height: 50px; font-size: 14px}
	.about-tit{font-size: 22px}
	.ny-about{font-size: 14px; line-height: 25px}
	.ny_al ul li{width: 0.486%}
	.ym364.iserve dl{width: 48%; min-height:290px}
	.ym364.iserve dd .clbt{font-size: 24px}
	.ym364.iserve dd p{font-size: 14px; line-height: 25px}
	.product-w-words .pwzs{font-size: 14px}
	.promore_l{width: 100%}
	.pros_right{width: 100%; margin-top: 3%}
	.pros_right_top .pbt{font-size: 20px}
	.jjfa ul li .jjfa_bt{font-size: 14px}
	.news-tt-pic{width: 100%;}
	.news-tt-right{width: 100%; margin-top: 3%}
	.news-more{float: left;}
	.index-news-right-top-nr-title a{font-size: 18px;}
	.xinwenxiangqing .nd_head p{font-size: 24px}
	.ContactBlock .l_cont{width: 100%}
	.ContactBlock .map{width: 100%}
	.ContactBlock .map #map_container{height: 400px}
	.ContactBlock .bot .title{font-size: 26px}
	.ft-box{width: 18%}
	.ft-box-contact{width: 100%; margin-top: 2%}
	.ft-box-contact .ft-title{width: auto}
	.khjz .item .cpzs_wb .cpzs_wb_t{font-weight: 300; font-size: 16px}
	.sNav{position: inherit; margin-top: 0; line-height: 45%}
	.nybanner{bottom: 22%}
	.nybanner .nybten{font-size: 26px}
	.index-tit{font-size: 24px}
	.aboutA-b{width: 100%}
	.aboutA-c{width: 100%}
	.mtit .t{font-size: 22px}
	.comVision-list li{width: 48%}
	.ny_workshop ul li{width: 48%}
	.ny_workshop ul li .wwz{font-size: 14px}
	.view-page {margin: 0;padding: 20px 0;}
    .view-page .prev, .view-page .back, .view-page .next{width: 100%; position: static; margin-top: 10px; text-align: center;}
    .view-page .prev a{padding-left: 0}
    .view-page .back{left:0%;margin-left:0px;width:100%; float:none;}
    .view-page .back a{padding-left: 0}
    .cooperation ul li dl dt{width: 100%}
    .cooperation ul li a dl dd{width: 100%}
    .cooperation ul li a dl dd .sbt{font-size: 18px}
    .productPic li{width: 48%}
    .downloads ul li{width: 98%}
    .str_tbt .ysbt p{font-size:26px;}
    .protext{display:inline;}
    .protext_right{width:98%; margin:0% 2% 2% 2%;}
    .protext_img{float:none;}
	.protext_img{margin:0 2%;}
	.moshi .moshibox li{width:700px;}
	.moshi .menu li{width:33.333%;}



}



@media screen and (max-width: 500px) {
	.sp_logo{border-right: none;}
	.sp_logozi{display: none;}
	.banner_boxtxth .ppbt{font-size: 20px}
	.inbtny_cn{font-size:20px}
	.protit .pbt{font-size:22px}
	.hon_tit p{font-size:18px}
	.hon_tit{font-size:18px}
	.hon_info{font-size:14px; line-height: 25px}
	.infors .tit{font-size: 22px}
	.foot_b .box .t_m{float: none;margin-bottom: 5%;}
	.foot_b .box .t_m p{line-height: 25px}
	.foot_b .box .t_r{float: none; margin:auto; width: 100%; text-align: center; overflow: hidden;}
	.foot_b .box .t_r .dblx{float: none;}
	.xinwenxiangqing .nd_head p{font-size: 20px}
	.relatedNews_font ul li{width: 97%}
	.col-sm-6{width: 100%; padding:0;}
	.col-xs-12{padding: 0}
	.ContactBlock .bot .title{font-size: 22px}
	.ContactBlock .l_cont .title{font-size: 22px}
	.news1 li .desc{width: 100%}
	.news1 li span{display: none;}
	.ft-left{display: none;}
	.footer-top{margin-bottom: 6%}
	.ft-box-p{line-height: 25px}
	.khjz .item .cpzs_wb .cpzs_wb_t{font-weight: 300; font-size: 14px}
	.index-tit{font-size: 22px}
	.mtit .t{font-size: 20px}
	.comVision-list li{width: 98%}
	.list .items{width: 98%}
	.str_tbt .ysbt p{font-size:22px;}
	.moshi .menu li{width:50%;}
	.moshi .moshibox{height:360px;}
	.moshi .moshibox li{width:466px;}

}
@media screen and (max-width: 320px) {
    
    .moshi .moshibox li{width:304px;}
    .str_tbt .ysbt p{font-size:20px;}
}