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

@media screen and (min-width:240px) and (max-width:968px){


.nav{ display:none;}

.footer {padding: 20px;}

.f_pro_nav{	display: none;}
.foot_ewm {	display: none;}
.footer_copyright {width: 90%;margin: 0 auto;display: block;overflow: hidden; border-top: 0px solid rgba(255,255,255,0.2);padding: 20px 0;}
.f_box_top{	display: none;}
.footer_copyright p {width: 100%;margin: 0 auto;margin-bottom: 0; display: block;overflow: hidden}
.footer .inner:after {content: "";display: none;overflow: hidden}


.header .topicons {display: block;position: absolute;top: 1.1rem;right: 3rem;cursor: pointer;color: #fff;padding: 0.2rem 10px;  background:#cd2d20;border-radius: 0.3rem;width: auto;height: 2rem;z-index: 9999;	/* background: rgba(255,255,255,0.6); */}
.header .topicons>ul {height: auto;margin: 0px;padding: 0px;}
.header .topicons>ul>li {width: auto;height: auto;position: relative;padding-left: 0px}
.header .topicons>ul>li a.btn_lang {width: auto;height: 2rem; font-size:16px; line-height:2rem}
.header .topicons>ul>li a.btn_gouwu {display: none;}
.header .topicons>ul>li a.btn_search {display: none;}



#warper {max-width: 100%;margin: 0 auto;overflow: hidden}
.w {margin-left: auto;margin-right: auto;padding-left: 1%;padding-right: 1%}
.w_col {max-width: 100%;margin-left: auto;	margin-right: auto;padding-left: 1%;padding-right: 1%}

/*index_title*/

.index_title {}
.index_title span {display: block;font-size: 14px;line-height: 22px;margin: 0 0 10px;color: #cd2d20;font-family: "CenturyGothicRegular"}
.index_title b {display: block;font-size: 24px;line-height: 30px;color: #000}
.index_title:after {content: "";display: block;width: 60px;height: 1px;line-height: 1px;background-color: #cd2d20;margin: 10px 0 10px}
.index_title0 span {display: block;font-size: 16px;line-height: 22px;margin: 0 0 5px;color: #cd2d20;font-family: "CenturyGothicRegular"}
.index_title0 b {display: block;font-size: 24px;line-height: 30px;color: #000}

.title01 span {display: block;font-size: 16px;line-height: 22px;margin: 0 0 10px;font-family: 'CenturyGothicRegular';color: #cd2d20}
.title01 b {display: block;font-size: 28px;line-height: 30px;color: #cd2d20}


/*banner*/
.index_banner  {display: block;width: 100%; overflow:hidden;}
.index_banner .item {display: block;width: 100%;height: auto;position: relative;}

/*jianjie*/
.index_intro {padding-top: 1%;padding-bottom: 1%;}
.index_intro .txt { float:left;width: 100%;padding-right: 0px;padding-left: 0px;}
.index_intro .img { display:none}

.index_intro .txt .icons {margin: 20px 0;display: block;}
.index_intro .txt .icons>ul>li {list-style-type: none;width: 20%; float:left; text-align:center;margin: auto;}

.index_intro .txt .icons>ul>li>a .icon {width: 32px;height: 32px;color: #cd2d20;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;padding: 10px;background-color: #cd2d20;margin: auto;}
	
.index_intro .txt .icons>ul>li>a span {display: block;color: #666;font-size: 14px;}

.slideBox{width:100%; height:auto; overflow:hidden; position:relative; float:right;}
.slideBox .bd img{width:100%; height:auto; display:block;}

/*news*/

.index_news {display: block; overflow:hidden;padding: 20px 0;background-color: #eee;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);}
.index_news .w .title {text-align: center}
.index_news .w .title b {display: block;font-size: 28px;font-weight: normal;color: #343434}
.n-news .ul .li { width: 95%; box-sizing: border-box; margin:10px auto; float: none; overflow: hidden; position: relative; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);background: #fff;}
.n-news .ul .li:nth-child(3n) {margin:10px auto;}

/*shuzi*/

.index_shuzi {padding-top: 30px;padding-bottom: 30px;background:#fff url(../images/sz_bg.jpg) 0px 0px no-repeat;}
.index_shuzi .w>ul {margin: 0;padding: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between}
.index_shuzi .w>ul>li {list-style-type: none;}
.index_shuzi .w>ul>li p {margin-bottom: 0}
.index_shuzi .w>ul>li p.num {color: #cd2d20;font-family: Tahoma, Geneva, sans-serif;font-size: 28px;height: 30px;line-height:30px; text-align:center}
.index_shuzi .w>ul>li p.num.numline2 {font-size: 28px;height: 30px;line-height: 30px;text-align:center}
.index_shuzi .w>ul>li p.txt {margin-top: 10px;display: block;font-size: 14px;line-height: 20px;color: #333;text-align:center}

/*title*/
.isolution{ padding:20px 0 20px 0;}
.isolutiont{ text-align:center;}
.isolutiont_cn{ font-size:24px; line-height:30px; color:#cd2d20; padding:10px 0 10px 0; font-weight:bolder; letter-spacing:1px;}
.isolutiont_cn span{ color:#000000;}
.isolutiont_en{font-size:12px;	width:100%;}
.isolutiont_en p{ display:inline-block; padding:0 25px; background:#fff; font-size:12px; line-height:20px;font-family:Arial, Helvetica, sans-serif;}
.index_news .isolutiont_en p{ background:#eee;}


/*配套厂家*/
.service{display: block; overflow:hidden;height:auto;background:#ECEDEF;padding-top:20px;min-width:100%;padding-bottom:20px;}
.service .isolutiont_en p{ background:#ECEDEF;}
.ul{height:auto;overflow:hidden;}
.row ul{width:100%;}
.row .li span{color:#111;font-size:16px;display:block;font-weight:500;}
.row li{ float: left;background:#fff url(../images/hzhb_bg.jpg) 0px 0px no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height:120px; width:25%; overflow: hidden;}
.row li:nth-child(2),.row li:nth-child(4),.row li:nth-child(5),.row li:nth-child(7),.row li:nth-child(10),.row li:nth-child(12){background:#cd2d20;} 
.row li span{display: block; font-size: 16px;text-align: center; color:#111;  line-height:120px;font-weight: 200;}
.row li:nth-child(2) span,.row li:nth-child(4) span,.row li:nth-child(5) span,.row li:nth-child(7) span,.row li:nth-child(10) span,.row li:nth-child(12) span{color:#fff;} 
.row li:nth-child(6),.row li:nth-child(9),.row li:nth-child(11){background:#fff url(../images/hzhb_bg.jpg) 0px 0px no-repeat;} 
.row li:nth-child(6) span,.row li:nth-child(9) span,.row li:nth-child(11) span{color:#111;} 


/*应用领域*/

.home2{position:relative;padding:30px 0 30px 0; min-width:100%;}
.home2 .line1{top:0;}
.home2 .list{margin-top:20px;padding:0;width:100%;}
.home2 .list .item{display:inline-block;overflow:hidden; width:31.98%;margin:0px 0 5px;position:relative;opacity:0;transform:translateY(0px);-webkit-transform:translateY(0px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.home2 .list .item img{width:100%;height:auto;vertical-align:top;transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .mask{background:none;position:absolute;left:0;top:50%;width:100%;height:100%;text-align:center;opacity:1;filter:alpha(opacity='100');
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .mask .cell{position:absolute;left:0;top:0;width:100%;margin-top:10px;}
.home2 .list .item .mask .h3{font-size:18px;color:#fff;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .mask p{ display:none}
.home2 .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');}
.home2 .list .item:hover .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);}
.home2 .list .item .more{position:absolute;left:0;top:0;width:100%;height:100%;}


/*产品优势*/

.index_pro {width: 100%; background-size: cover;background: url(../images/index_pro_bg.jpg) 0px 0px repeat;display:block; overflow:hidden; position:relative;}
.index_pro_title {width:100%; float:none;}
.index_pro_title .index_title {padding: 30px 0 0 0px}
.index_pro_title .index_title b {color: #fff}
.index_pro_list {width: 100%;float:none;padding-top: 10px;padding-bottom: 20px;}

.chara{font-family: "Microsoft Yahei";line-height:28px;height:auto;padding:66px 0 50px;color: #fff;overflow: hidden;clear: both;background:#000;text-align: center;}
.chara .til01,.chara .til01 p{color: #fff;}

.procl{	display:block;height:auto;float:none;width:80%;	margin:0px auto;}
.procl .procl_1{ display:block; width:100%; margin:0px auto; position:relative; z-index:9; overflow:hidden;}
.procl .procl_1 img{  width:100%; }
.procla_cate{ position:absolute; z-index:999; top:30px; left:30px; padding:0 15px; height:25px; background:url(../images/i_case_icon.png) repeat; line-height:25px; text-align:center; color:#fff;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.procla{ display:none}

.proclb{ text-align:left; z-index:100; width:100%; height:auto; background:none; left:0;opacity: 1; position: absolute; top: auto; bottom:10px; transform: scale(0.8);padding:0px;transform:translateY(0px);-webkit-transform:translateY(0px);}
.proclb_t{ float:left; width:100%; font-size:30px; color:#fff; padding-top:30px;padding-left:30px; }
.proclb_c{float:left;font-size:18px; line-height:30px; color:#fff;padding:30px;}
.proclb_c li{float:left;padding-right:20px;}
.proclb a{color:#fff;}
.proclb a:hover{color:#fff;opacity: 0.8;transform: scale(1); transition: all 0.3s ease-out 0.3s;}
.procl .procl_1:hover .proclb{ display:block;opacity: 1; top:0; transform: scale(1); transition: all 0.3s ease-out 0.3s;}


/*neiyedingtu*/
.mt {margin-top: 20px}
.pt {padding-top: 20px}
.n_banner .txt b.t {display: block;font-size: 28px;line-height: 60px;margin: 0 auto;}
.n_banner .txt {width: 100%;height: auto;margin: 0 auto;}


/* 二级菜单 */
	.sub_nav {padding: 20px 20px 0}
	.sub_nav ul {margin: 0 -10px;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-webkit-justify-content: start;	-ms-flex-pack: start;justify-content: start}
	.sub_nav ul li {width: 31%;padding: 0px 1%;margin: 0 0 10px}
	.sub_nav ul li a  {	padding: 0;text-align: center;font-size: 16px;line-height: 50px;border: 1px solid #ddd}

/* neirong */
.info{width:100%;height:auto;padding-top:20px; padding-bottom:20px; overflow:hidden;}
.w1000 { overflow:hidden;display: block; padding-left:1%; padding-right:1%;}

/* 公司简介 */
.n-about{ position: relative; z-index: 2;}
.choho_about01{padding-top: 10px;padding-bottom: 10px;display:block ; overflow:hidden}
.choho_about01 .txt .des{padding:10px;font-size:16px;line-height:35px;color:#666;padding-bottom:20px;text-indent:2em; text-align:justify}
.choho_about02{width:100%;padding-top:20px;padding-bottom:0px;background-color:#eee;display:block ; overflow:hidden}
.choho_about02 .txt .des{padding:10px;font-size:16px;line-height:35px;color:#666;padding-bottom:20px;text-indent:2em;text-align:justify}
.choho_about01 .img{width:100%; float:left;}
.choho_about02 .img{width:100%; float:right;}
.choho_about01 .img  img,.choho_about02 .img img{width:100%;position:relative;z-index:2;}
.choho_about01 .txt{width:100%; float:right;padding-left:0px;}
.choho_about02 .txt{width:100%; float:left;padding-right:0px;}

.n-about .index_shuzi{padding-top: 0px;}

.gspic {overflow:hidden;padding-top:10px; margin-left:-30px;}
.gspic ul {padding:0px; margin:0px;}
.gspic ul li {overflow:hidden;display: block;width:100%; margin-right:0px; float:left;}
.gspic ul li img { width:100%;height:auto;}

/* fanye */
.page_p a { text-decoration: none; color: #111; padding: 10px 15px; margin: 5px; font-size: 18px; display: inline-block; background: #fff; border: 1px solid #fff; font-weight: normal; -webkit-transition: all .5s;transition: all .5s;}

.bread {padding: 0px;font-size: 14px;line-height: 40px;color: #666}
/* chanpin */

.pro_con_top {padding-top: 0px;padding-bottom: 20px;display: block;justify-content: space-between}
.product_single_top {padding-bottom: 20px;display: block;}
.pro_pic_topslide {width: 95%;display: block;overflow:hidden;margin:auto;}
.pro_mcon_txt {width: 95%;padding-left: 0px;display: block;overflow:hidden; margin:auto}
.pro_mcon_txt .des {font-size: 16px;line-height: 30px;color: #111;padding:0px}
.pro_mcon_txt .downlist {display: block;margin-top:20px}
.mingche b.t {padding: 0px 0 10px;display: block;font-size: 18px;	color: #000}
.mingche ul li span{font-size: 16px;}
.pro_pic_topslide .swiper-slide a .img {width: 100%;height: auto;background-color:#FFF;padding:0px;}
.pro_pic_topslide .swiper-slide a b.t {	padding: 0px 0;}
.pro_pic_topslidepage {width: 100%;text-align: center;	position: absolute;	left: 0;top: 80%;z-index: 2}
.pro_con_td {width: 100%;min-height: auto;display: block}
.pro_con_td .video {width: auto;overflow: hidden;background:#e5e5e5; padding:1px;position: relative; text-align:center; }
.pro_con_td .video img{width: auto;max-width: 100%; height:auto; margin:auto;vertical-align:middle;}
.pro_con_td .txt {width: auto;padding:20px;}
.pro_con_td .txt .inner {color: #fff;width: 100%;}
.pro_con_td .txt .inner .t {display: block;margin-bottom: 00px;font-size: 24px}
.npro_list {padding-top: 10px;padding-bottom: 10px;display: block}
.npro_list_cate {width: 100%;position: relative;z-index: 20}
.npro_list_list {flex: 1;margin: 0px auto}
.npro_list_list>ul>li {list-style-type: none;width: 100%;padding: 0px;margin-bottom: 0px;float: none;background:#eee;}
.npro_list_list ul li a .img {width: 95%;height: 225px; margin:auto;background-color: #fff;display: block;position: relative}
.npro_list_list ul li a .title {display: block;width: 100%;padding: 10px 0;position: relative;transition: all 0.5s}
.npro_list_list ul li a {display: block;border: 0px solid #dcdcdc}
.pro_v_content {padding: 20px 0 20px;width: 100%;display: block;border-top: 1px solid #ddd;overflow: hidden;}



/*touzizheguanxi*/

.pbanner{ position:relative; overflow:hidden;}
.pbanner img{ display:block; width:100%; height:auto;}
.pbanner .inver{width: 100%;height: 100%;color: #fff;position: absolute;left: 0;top: 30%;z-index: 2; text-align:center}
.pbanner .inver h3{ line-height:normal; color:#ffffff; font-size:28px; margin-bottom:10px;}
.pbanner .inver small{ display:none; }
.pbanner .inver h3:after {content: "";display: block;width: 40px;height: 2px;line-height: 2px;background-color: #cd2d20;margin: 0px auto}

.incerRight{ display:none;}

/*投资者关系*/
.mod-listedcompanies{width: auto;border-radius: 8px;margin: 0px auto;padding: 30px;}	
.item-desc{ width: 100%; height: auto; float: none; padding: 0px; }
.item-pic { width: 100%; float: none;}
.item-pic img{height:auto; width:100%;}
.listed-tab a{border-radius: 10px;display: inline-block;font-size: 18px; margin: 0 3px;min-width: 118px; padding: 0 10px; height: 50px;line-height: 50px;}
.item-cnt{width: 100%;margin: 10px auto;padding: 10px;}
.listed-left{ float: none; width: 100%;}
.listed-right{ float: none;width: 100%;}
.listed-right img{ width: 100%; height: auto;}


}