@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
.head_box{width: 100%; height:auto; background-color:#FFF}

/*logo*/
.logo{width:95%; height:auto; margin:0 auto; padding:0.1rem 0; overflow:hidden}
.logo .l_pc{display:none}
.logo .l_mobile{ float:left; width:70%; height:auto;}
.logo .l_mobile img{max-width:100%; height:auto;}

.logo .r{float:right; width:20%; height:26px; margin-top:6px; overflow:hidden; }
.logo .r>.tel{ display:none}
.logo .r>.sosou{ float:left; width:50%; height:auto; }
.logo .r>.donghua_menu{ float:right; width:30px; height: 20px; padding-top:2px;}

.dh {width: 100%; height:3px; position: relative;}
.dh:before {animation: dhxgdhxg 1s linear 0s infinite alternate; position: absolute; left:0; top:0; width: 100%; height:4px; background:#999999; content: ""; display: block; opacity: 0; }
.dh:nth-child(2):before {animation-delay: 0.5s; margin-top:5px}
.dh:nth-child(3):before {animation-delay: 0.2s; margin-top:10px}
@keyframes dhxgdhxg {
	0%{width:30%; opacity: 1;}
	50%{width:100%; opacity:0.5;}
}

/*手机菜单*/
.allpage{ position:fixed; background-color:#fff; top:0.55rem; right:0; bottom:0; left:0; z-index:9999; display:none}
.allpage_close{ position:fixed; width:23%; height:0.55rem; line-height:0.55rem; top:0px; right:0; z-index:99999; background:#fff url(../images/cl.png) no-repeat right 20px center; display:none}

.nav_mobile{ width:93%; height:auto; margin:0 auto; margin-top:20px}
.nav_mobile li{ height:0.45rem; line-height:0.45rem; font-size:0.15rem; background:url(../img/jt.jpg) no-repeat right center;}
.nav_mobile li+li{border-top:1px solid #E6E6E6;}
.nav_mobile li a{ display:block; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
/*手机菜单end*/

/*电脑菜单*/
.menu{display:none}

.head_top{ display:none}

/*关于我们菜单*/
.about_menu {width:95%; height:55px; margin:0 auto; margin-top:20px; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.about_menu li {width:100%; height:55px; line-height: 55px; font-size: 18px; text-align: center; background: #f4f4f4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.about_menu li a {display: block; color: #a8a8a8;}
.about_menu li:hover {background: url(../images/p16-icon6.png) no-repeat bottom center #0059b5;}
.about_menu li:hover a{color:#fff; }
.about_menu li.active a{color:#fff; background: url(../images/p16-icon6.png) no-repeat bottom center #0059b5;}

/*标题*/
.title_202110{width:95%; height:0.4rem; line-height:0.4rem; margin:0 auto; margin-top:10px; text-indent:26px; color:#FFF; background: #f1f4f8; border-radius:4px; position:relative}
.title_202110:before{content: ""; width:10px; height:0.36rem; background-color:#dd0000; position:absolute; left:0; top:0; border-radius:4px 0 0 4px; }
.title_202110 a{ color:#666; margin-right:10px;}
.title_202110 a:hover{ color:#dd0000}
.title_202110 a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*通栏banner*/
.sub_banner{position:relative; }
.sub_banner img{ width:100%; height:auto; object-fit: cover;}
.sub_banner:before{content: ""; position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #666666}
.sub_banner .posi {
	position: absolute;
	top: 0;
	left: 10px;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	align-items: center;
}
.sub_banner .posi em{ display:block; color:#FFFFFF; font-family: 'syh_b'; font-size:0.22rem; text-transform: uppercase; position:relative}
.sub_banner .posi em:before{content: ""; width:50px; height:3px; background-color:#fff; position:absolute; left:0; top:0.35rem}
.sub_banner .posi i{display:block; color:#FFFFFF; font-size:0.14rem; margin-top:15px}

/*单页标题*/
.about_title{ width:100%; height:auto; padding:0.3rem 0; border-bottom:1px solid #d2d2d2}
.about_title span{ display:block; text-align:center; font-size:0.23rem}
.about_title em{ display:block; text-align:center; font-size:0.18rem; margin-top:10px; text-transform: uppercase;}

.list_title{ width:100%; height:auto; padding:0.3rem 0;}
.list_title span{display:block; text-align:center; font-size:0.23rem}
.list_title em{display:block; text-align:center; font-size:0.18rem; margin-top:10px; text-transform: uppercase;}

/*以下是主体部分*/
.main{width:95%; height:auto; margin:0 auto;}

.main_box{width:95%; height:auto; margin:0 auto; margin-top:15px; overflow:hidden}
.main_box .l_left{margin-top:26px; width:100%; height:auto}
.main_box .l_right{width:100%; height:auto;}

.pc_fl{ display:none}

.m_fl{width:100%; height:0.45rem; line-height:0.45rem; background: #546fa6; text-indent:10px; font-size:0.16rem; color:#fff; margin-bottom:10px; position:relative}

.donghua {width:30px; height: 20px; position:absolute; right:10px; top:10px}
.dhdh {width: 100%; height:3px; position: relative; margin:4px 0}
.dhdh:before {animation: dhxg 1s linear 0s infinite alternate; position: absolute; left:0; top:0; width: 100%; height:4px; background:#FFFFFF; content: ""; display: block; opacity: 0;}
.dhdh:nth-child(2):before {animation-delay: 0.5s;}
.dhdh:nth-child(3):before {animation-delay: 0.2s;}
@keyframes dhxg {
	0%{width:30%; opacity: 1;}
	50%{width:100%; opacity:0.5;}
}

.m_ul{width:100%; height:auto; margin-bottom:10px; overflow:hidden; display:none;}
.m_ul li{float:left; width:50%; height:0.4rem; line-height:0.4rem; text-align:center; border-right:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:linear-gradient(to bottom,#6e90be,#546fa6);}
.m_ul li a{display: block; font-weight:400; font-size:0.14rem; color:#fff;}
.m_ul li:hover a{color:#fff; background-color:#0b308e}
.m_ul li:nth-child(2n){border-right:none}

/*左侧部分*/
.l_right_title{height:0.8rem; background:#204c97; color:#fff; text-align:center;}
.l_right_title .span1{ display:block; font-size:0.22rem; font-weight:700; padding-top:0.15rem;}
.l_right_title .span2{ display:block; font-size:12px; color:#EFFCF7; padding-top:5px; text-transform:uppercase}

.ul_l_right{ width:100%; height:auto; margin-top:10px;}
.ul_l_right li{height:0.5rem; line-height:0.5rem; font-size:0.16rem; background-color:#f2f2f2; color:#000; position: relative; border-left:3px solid #ea6103; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.ul_l_right li a{display:block; color:#737373; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; padding-left: 24px;}
.ul_l_right li a:hover{ color:#FFF}
.ul_l_right li span{ display:inline-block; position: absolute;z-index: 10; right:20px; top:0; width:27px; height:100%; background:url(../images/jiantou.png) left center no-repeat;}
.ul_l_right li em{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#204c97; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.3s; }
.ul_l_right li:hover em{ width:100%; }
.ul_l_right li.active a{color:#fff; background:#204c97;}

.l_left .images{display:none}
.left_tel{ display:none}

/*新闻图片分类*/
.fenlei_box{width:100%; height:auto; background: #f1f4f8;}
.fl_menu_u1{ width:95%; height:auto; margin:0 auto; overflow:hidden}
.fl_menu_u1 li{float:left; height:0.5rem; line-height:0.5rem;  text-align:center; }
.fl_menu_u1 li a{display: block; font-weight:400; font-size:0.15rem; color:#333333; padding:0 15px;}
.fl_menu_u1 li:hover a,.fl_menu_u1 li.active a{color:#000000; font-weight:bold; background-color:#FFFFFF}

/*产品详情标题*/
.product_list{height:0.45rem; line-height:0.45rem; background-color:#f3f3f3; margin-top:30px; font-size:0.16rem; font-weight:bold; text-indent:30px; position:relative;}
.product_list:before{content: ""; width:5px; height:0.25rem; background-color:#037773; position:absolute; left:10px; top:10px}

/*弹性布局产品*/
.index_pro{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.index_pro li{width:48%; height:auto; margin-bottom:20px; background-color:#FFF}
.index_pro li span{display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.index_pro li span img{width:100%; height:auto;}
.index_pro li p{ width:95%; height:0.5rem; line-height:0.5rem; margin:0 auto; text-align: center; font-size:0.14rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pro li a{ display:block}
/*产品框_end*/

/*图片新闻*/
.news_photo{ width:100%; height:auto; background-color:#f6f6f6; overflow:hidden}
.news_photo .l{width:100%; height:auto}
.news_photo .l img{ width:100%; height:auto}
.news_photo .r{width:100%; height:auto; padding:20px;}
.news_photo .r i{ display:block; color:#999; font-size:0.14rem}
.news_photo .r h5{ line-height:0.35rem; font-size:0.18rem; font-weight:100; margin-top:7px; color:#333}
.news_photo .r p{ margin-top:15px; line-height:0.26rem; color:#999; font-size:0.14rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}
.news_photo .r span{ display:block; margin-top:15px; font-size:0.14rem; color:#666; position:relative}
.news_photo .r span:before{content: ""; width:40px; height:1px; background-color:#00ac97; position:absolute; left:0; top:23px}
.news_photo a{ display:block}

/*新闻*/
.ul_news{height:auto; overflow:hidden;}
.ul_news li{ padding:0.2rem; height:auto; background-color:#f6f6f6; margin-bottom:20px}
.ul_news li h5{ height:0.8rem; border-bottom:1px solid #d2d2d2; font-weight:100; position:relative}
.ul_news li h5 em{ position:absolute; left:0; top:0; font-size:0.16rem; color:#999999}
.ul_news li h5 b{ position:absolute; left:8px; top:26px; font-size:0.26rem; font-weight:100; color:#999999}
.ul_news li h5 span{ position:absolute; right:0; top:12px; font-size:20px; font-weight:100; color:#666666; padding-bottom:5px; border-bottom: 2px solid #00ac97;}
.ul_news li h4{ font-size:0.18rem; line-height:0.3rem; font-weight:100; height:auto; margin-top:15px}
.ul_news li h4 a{ color:#333333}
.ul_news li a:hover{ color:#00ac97}
.ul_news li p{ font-size:0.14rem; color:#999999; margin-top:10px; height:auto; line-height:0.27rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

/*新闻详情*/
.view_news{padding:10px 0; font-size:0.22rem; line-height:0.35rem; border-bottom: 1px solid #d2d2d2;}
.view_news_date{ width:100%; height:auto; border-bottom: 1px solid #d2d2d2; color:#999; overflow:hidden}
.view_news_date .l{ float:left; width:35%; height:auto; line-height:50px; background:url(../images/click.png) no-repeat left center; padding-left:30px; }
.view_news_date .r{ float:right; width:40%; height:auto; line-height:50px; text-align:right}

.view_news_foot{width:100%; height:auto; background: #f6f6f6; padding:40px 0; margin-top:50px}
.view_news_foot h4{ height:70px; font-size:0.26rem; font-weight:100; text-align:center; border-bottom: 1px solid #d2d2d2}

.view_news_ul{ width:100%; height:auto;}
.view_news_ul li{ width:100%; height:auto; padding:20px 0}
.view_news_ul li+li{ border-top:1px solid #CCC}
.view_news_ul li em{ display:block; color:#999;}
.view_news_ul li h6{ line-height:0.5rem; font-size:0.18rem; font-weight:100; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.view_news_ul li p{ color:#666; line-height:0.26rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.view_news_ul li a{ display:block}

/*相关图片*/
.pic_xg{width:100%; height:auto; margin-top:40px; overflow:hidden;}
.pic_xg li{float:left; text-align:center; width:48%; height:1.35rem; margin-right:4%; margin-bottom:15px;  position:relative; overflow:hidden; border:1px solid #EBEBEB}
.pic_xg li img{display:block; width:100%; height:100%; max-width:100%;}
.pic_xg li p{ position:absolute; left:0; top:1rem; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}
.pic_xg li:hover p{top:0; }
.pic_xg li span{ display:block; position:absolute; left:0; top:1rem; color:#FFF; width:100%; height:0.35rem; line-height:0.35rem; z-index:1; font-size:0.12rem; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pic_xg li:hover span{top:45%; }
.pic_xg li:nth-of-type(2n+0){margin-right:0px;}
/*相关图片_end*/

/*相关产品前6个*/
.pro_tj{width:100%; height:auto; overflow:hidden; margin-top:30px; }
.pro_tj li{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:15px; position: relative; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pro_tj li img{display:block; width:100%; height:100%; max-width:100%;}
.pro_tj li h2{ position:absolute; left:0; bottom:0; right:0; height:0.35rem; line-height:0.35rem; color:#FFF; text-align:center; font-size:0.12rem; font-weight:100; background-color:#333; opacity: 0.7; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; padding:0 10px}
.pro_tj li:hover h2{ background-color:#000}
.pro_tj li:nth-of-type(2n+0){margin-right:0px;}
/*产品前6个end*/

/*标题专用*/
.view_title{ width:100%; height:auto; background: #e2e1e1; }
.tocnc{width:100%; height:auto; margin:0 auto;}
.case{width:100%; height:auto; overflow:hidden}
.case li{ float:left; width:50%; height:0.5rem; line-height:0.5rem; font-size:0.18rem; text-align:center; border-bottom:1px solid #c9c8c8; border-right:1px solid #c9c8c8; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.case li a{ display:block}
.case li:nth-of-type(2n+0){ border-right:none; }
.case li:hover{color:#fff; background:#00ac97;}
.case li:hover a{ color:#FFFFFF}
.case li.active a{color:#fff; background:#00ac97;}

/*案例view*/
.case_view{ width:100%; height:auto; border-bottom: 1px solid #d2d2d2; font-size:0.14rem; overflow:hidden}
.case_view .l{width:100%; height:auto; line-height:50px;}
.case_view .l a{ color:#666; margin-right:10px;}
.case_view .l a:hover{ color:#00ac97}
.case_view .l a+a:before{ padding-right:10px; color:#999999; content: ">";}

.case_view .r{ display:none}

/*下载*/
.boxbox{width:100%; height:auto}
.boxbox:hover{background: #f6f6f6;}

.down{ width:100%; height:auto; padding:20px 0; border-bottom:1px dashed #CCCCCC; overflow:hidden}
.down .l{ float:left; width:15%; height:auto; overflow:hidden}
.down .l span{ display:block; text-align:center; font-size:0.18rem}
.down .l em{ display:block; text-align:center; font-size:0.14rem; color:#999; margin-top:5px;}

.down .r{ float:right; width:82%; height:auto; overflow:hidden;}
.down .r h6{ font-size:0.17rem; font-weight:100; color:#00ac97; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.down .r p{ margin-top:7px; font-size:0.14rem; color:#999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.down .r i{ display:none}

/*产品view*/
.pro_list{ width:100%; height:auto; margin-top:20px; overflow:hidden; border-bottom:1px solid #CCC; padding-bottom:50px}
.pro_list .l{width:100%; height:auto; border:1px solid #F2F2F2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pro_list .r{width:100%; height:auto; margin-top:30px}
.pro_list .r h5{ font-size:0.23rem; line-height:30px; font-weight:100}
.pro_list .r h6{ font-size:0.18rem; margin-top:15px; color:#999; font-weight:100}
.pro_list .r .p{ width:100%; height:auto; font-size:0.17rem; line-height:30px; border-top:1px solid #CCC; padding-top:40px; margin-top:40px; color:#999}

/*小幻灯片*/
.index_hdp{width:100%; height:auto; overflow:hidden; position:relative}
.index_hdp .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.index_hdp .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.index_hdp .hd li.on{ background:#fff; }
.index_hdp .prev{ display:none}
.index_hdp .next{display:none}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li{width:100%; height:auto; text-align:center}
.index_hdp .bd li img{max-width:100%; height:auto;}

/*产品分类*/
.order{ width:100%; height:auto; margin:0 auto; border-bottom: 1px solid #d2d2d2; 
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.order li{ width:33.333%; height:auto; text-align:center; margin-bottom:40px}
.order li span{ display:block; width:80%; height:auto}
.order li span img{ max-width:100%; height:auto; filter: grayscale(1); transition: 0.4s;}
.order li h6{ font-size:0.17rem; font-weight:100; color:#999; text-align:center; margin-top:30px}
.order li.active h6{color:#00ac97}
.order li.active img{filter: grayscale(0);}
.order li a{ display:block}
.order li:hover h6{ color:#00ac97}
.order li:hover img{filter: grayscale(0);}

/*产品小类*/
.pro_samll{width:95%; height:auto; margin:0 auto; overflow:hidden; margin-top:50px; text-align:center}
.pro_samll a{padding:0 0.22rem; background-color:#EEE; display:inline-table; margin-bottom:20px; margin-right:0.1rem; color:#666; font-size:0.16rem; line-height:0.4rem; border-radius:0.2rem;}
.pro_samll a:hover{ background-color:#00ac97; color:#FFF}
.pro_samll a.active{background-color:#00ac97; color:#FFF}

/*产品分类页面*/
.item_pro{width:100%; height:auto; margin-top:30px;}
.item_pro li{width:100%; height:auto; padding:40px; position:relative; background-color:#FFFFFF; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.item_pro li:before {width: 100%; height:40%; content: ''; position: absolute; top: 0; left: 0; background: #f6f6f6;}
.item_pro li span{display:block; width:100%; height:auto; margin:0 auto; text-align:center; position:relative;}
.item_pro li span img{max-width:100%; height:auto;}
.item_pro li p{ width:95%; height:auto; line-height:0.4rem; margin:0 auto; text-align: center; font-size:0.2rem; color:#666; margin-top:30px}
.item_pro li em{ display:block; width:95%; height:auto; line-height:0.3rem; margin:0 auto; text-align: center; font-size:0.17rem; color:#999; margin-top:10px}
.item_pro li i{ display:block; width:60px; height:auto; line-height:0.3rem; margin:0 auto; text-align: center; font-size:0.18rem; color:#999; margin-top:30px; position:relative}
.item_pro li i:before{content: ""; width:44px; height:2px; background-color:#00ac97; position:absolute; left:8px; top:35px}
.item_pro li a{ display:block}
.item_pro li:hover{background-color:#00ac97}
.item_pro li:hover p,.item_pro li:hover em,.item_pro li:hover i{ color:#FFF}
.item_pro li:hover i:before{background-color:#fff;}
/*产品框_end*/

/*********footer*********/
.foot{ display:none}

.foot_foot{width:100%; height:auto; background:#3c3c3c; color:#999; padding:40px 0; margin-top:30px}

.foot_foot_box{width:93%; height:auto; margin:0 auto;}
.foot_foot_box a{color:#999;}
.foot_foot_box a:hover{color:#00ac97}

.foot_foot_box .l{width:100%; height:auto; margin-top:30px}
.foot_foot_box .l li{line-height:0.3rem; text-align:center}

.foot_foot_box .r{width:100%; height:auto}
.foot_foot_box .r .ll{ display:none}
.foot_foot_box .r .rr{width:100%; height:auto; text-align:center}
.foot_foot_box .r .rr img{ width:40%; height:auto}
/*********footer*********/
}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
.head_box{position:fixed; left:0; top:0; background-color:#FFF; width: 100%; height:100px; z-index:999999; box-shadow: 0px 2px 4px #cffff9;}

/*logo*/
.logo{width:93%; height:100px; margin:0 auto; padding-top:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
.logo .l_pc{position:absolute; left:0; top:0; width:400px; height:100px;}
.logo .l_pc img{max-width:100%;}
.logo .l_mobile{ display:none}
.logo .r{position:absolute; right:0; top:30px; width:290px; height:40px; overflow:hidden;}
.logo .r>.tel{ float:left; width:150px; height:40px; line-height:40px; padding-left:40px; border-radius:20px; background:#00ac97 url(../images/tel20.png) no-repeat 10px center; color:#fff; font-size:20px}
.logo .r>.sosou{ float:right; width:20px; height:21px; margin-top:8px}
.logo .r>.donghua_menu{ display:none}

/*导航菜单start*/
.menu {display:table; margin:0 auto; overflow:hidden;}
.menu li{display:inline-block; line-height:60px;}
.menu li a{display:block; padding:0 23px; font-size:16px; color:#666; font-weight:400; position:relative}
.menu li a:after{content: '';display: block; width: 60px; height:3px; background:#00ac97; position:absolute; bottom:0; left:50%; margin-left:-30px; transition: 0.4s ease-out; transform: scaleX(0);}
.menu li:hover a,.menu li.active a,.menu li:hover a:after,.menu li.active a:after{text-decoration:none; color:#00ac97; transform: scaleX(1);}

.head_top{ height:100px;}

/*手机菜单*/
.allpage{display:none}
.allpage_close{display:none}
/*手机菜单end*/

/*标题*/
.title_202110{width:1380px; min-width:1380px; margin:0 auto; height:40px; line-height:40px; margin-top:20px; text-indent:26px; color:#FFF; background: #f1f4f8; border-radius:4px; position:relative}
.title_202110:before{content: ""; width:10px; height:40px; background-color:#dd0000; position:absolute; left:0; top:0; border-radius:4px 0 0 4px; }
.title_202110 a{ color:#666; margin-right:10px;}
.title_202110 a:hover{ color:#dd0000}
.title_202110 a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*通栏banner*/
.sub_banner{width:100%; height:auto; min-width:1380px; margin:0 auto; position:relative;}
.sub_banner img{max-width:100%; height:auto; object-fit: none;}
.sub_banner:before{content: ""; position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #666666}
.sub_banner .posi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	align-items: center;
}
.sub_banner .posi em{ display:block; color:#FFFFFF; font-family: 'syh_b'; font-size:50px; text-transform: uppercase; position:relative}
.sub_banner .posi em:before{content: ""; width:60px; height:3px; background-color:#fff; position:absolute; left:0; top:75px}
.sub_banner .posi i{display:block; color:#FFFFFF; font-size:18px; margin-top:30px}

.about_title{ width:100%; height:auto; padding:50px 0; border-bottom:1px solid #d2d2d2}
.about_title span{ display:block; text-align:center; font-size:30px}
.about_title em{ display:block; text-align:center; font-size:26px; margin-top:10px; text-transform: uppercase;}

.list_title{ width:100%; height:auto; padding:50px 0;}
.list_title span{ display:block; text-align:center; font-size:30px}
.list_title em{ display:block; text-align:center; font-size:26px; margin-top:10px; text-transform: uppercase;}

/*关于我们菜单*/
.about_menu {width:1380px; min-width:1380px; margin:0 auto; height: 55px; margin-top:20px; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.about_menu li {width:100%; height:55px; line-height: 55px; font-size: 18px; text-align: center; background: #f4f4f4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.about_menu li a {display: block; color: #a8a8a8;}
.about_menu li:hover {background: url(../images/p16-icon6.png) no-repeat bottom center #0059b5;}
.about_menu li:hover a{color:#fff; }
.about_menu li.active a{color:#fff; background: url(../images/p16-icon6.png) no-repeat bottom center #0059b5;}

/*以下是主体部分*/
.main{width:1380px; min-width:1380px; margin:0 auto; height:auto;}

.main_box{width:1380px; min-width:1380px; margin:0 auto; height:auto; margin-top:30px; overflow:hidden}
.main_box .l_left{float:left; width:240px; height:auto;}
.main_box .l_right{float:right; width:990px; height:auto;}

.m_fl{ display:none}
.m_ul{ display:none}

/*产品分类*/
.l_right_title{height:90px; background:#204c97; color:#fff; text-align:center;}
.l_right_title .span1{ display:block; font-size:31px; font-weight:700; padding-top:11px;}
.l_right_title .span2{ display:block; font-size:12px; color:#EFFCF7; padding-top:8px; text-transform:uppercase}

.ul_l_right{ width:100%; height:auto; margin-top:10px; overflow:hidden}
.ul_l_right li{height:54px; line-height:54px; font-size:15px; background-color:#f2f2f2; color:#000; position: relative; border-left:3px solid #ff6a00;  border-top: 1px solid #ddd;}
.ul_l_right li:last-child{border-bottom: 1px solid #ddd;}
.ul_l_right li a{display:block; color:#737373; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; padding-left: 24px;}
.ul_l_right li a:hover{ color:#FFF}
.ul_l_right li span{ display:inline-block; position: absolute;z-index: 10; right:0px; top:0; width:27px; height:100%; background:url(../images/jiantou.png) left center no-repeat;}
.ul_l_right li em{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#204c97; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.3s; }
.ul_l_right li:hover em{ width:100%; }
.ul_l_right li.active a{color:#fff; background:#204c97;}
.left_tel{width:100%; height:auto; padding:15px 0; color:#fff; font-size:22px; font-weight:bold; text-indent:60px; background:#204c97 url(../images/prolist4.png) no-repeat 25px center}

/*图片新闻分类*/
.fenlei_box{width:100%; height:auto; background: #f1f4f8;}
.fl_menu_u1{width:1380px; min-width:1380px; margin:0 auto; height:auto; overflow:hidden}
.fl_menu_u1 li{float:left; height:60px; line-height:60px; text-align:center;}
.fl_menu_u1 li a{display: block; font-size:16px; color:#333333; padding:0 45px;}
.fl_menu_u1 li:hover a,.fl_menu_u1 li.active a{color:#000000; font-weight:bold; background-color:#FFFFFF}

/*产品详情标题*/
.product_list{height:45px; line-height:45px; background-color:#f3f3f3; margin-top:30px; font-size:18px; font-weight:bold; text-indent:30px; position:relative;}
.product_list:before{content: ""; width:5px; height:25px; background-color:#037773; position:absolute; left:10px; top:10px}

/*弹性布局产品*/
.index_pro{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.index_pro li{width:32%; height:auto; margin-bottom:30px; background-color:#FFFFFF}
.index_pro li span{display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.index_pro li span img{width:100%; height:auto;}
.index_pro li span:before{
	content: "";
	position:absolute; 
	top:0; 
	left:-250px;
	width:200px;
	height:400px;
	background:-webkit-linear-gradient(0deg,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0)); 
	-webkit-transform:skewx(-25deg); 
	-webkit-transition:all .9s;
	z-index:1
}
.index_pro li:hover span:before{left:400px;}
.index_pro li p{ width:95%; height:60px; line-height:60px; margin:0 auto; text-align: center; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pro li a{ display:block}
/*产品框_end*/

/*图片新闻*/
.news_photo{ width:100%; height:auto; background-color:#f6f6f6; overflow:hidden}
.news_photo .l{ float:left; width:50%; height:auto}
.news_photo .l img{ width:100%; height:auto}
.news_photo .r{ float:right; width:50%; height:auto; padding:50px;}
.news_photo .r i{ display:block; color:#999; font-size:18px}
.news_photo .r h5{ line-height:45px; font-size:25px; font-weight:100; margin-top:15px; color:#333}
.news_photo .r p{ margin-top:20px; line-height:30px; color:#999; font-size:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}
.news_photo .r span{ display:block; margin-top:30px; font-size:16px; color:#666; position:relative}
.news_photo .r span:before{content: ""; width:48px; height:3px; background-color:#00ac97; position:absolute; left:0; top:30px}
.news_photo a{ display:block}

/*新闻*/
.ul_news{height:auto; overflow:hidden; margin-top:10px;}
.ul_news li{ padding:30px; height:auto; background-color:#f6f6f6; margin-bottom:20px}
.ul_news li h5{ height:80px; border-bottom:1px solid #d2d2d2; font-weight:100; position:relative}
.ul_news li h5 em{ position:absolute; left:0; top:0; font-size:16px; color:#999999}
.ul_news li h5 b{ position:absolute; left:8px; top:26px; font-size:30px; font-weight:100; color:#999999}
.ul_news li h5 span{ position:absolute; right:0; top:12px; font-size:20px; font-weight:100; color:#666666; padding-bottom:5px; border-bottom: 2px solid #00ac97;}
.ul_news li h4{ font-size:22px; font-weight:100; height:auto; margin-top:15px}
.ul_news li h4 a{ color:#333333}
.ul_news li a:hover{ color:#00ac97}
.ul_news li p{ font-size:16px; color:#999999; margin-top:10px; height:auto; line-height:27px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

/*新闻详情*/
.view_news{padding:40px 0; font-size:26px; border-bottom: 1px solid #d2d2d2;}
.view_news_date{ width:100%; height:auto; border-bottom: 1px solid #d2d2d2; color:#999; overflow:hidden}
.view_news_date .l{ float:left; width:40%; height:auto; line-height:80px; background:url(../images/click.png) no-repeat left center; padding-left:30px; }
.view_news_date .r{ float:right; width:40%; height:auto; line-height:80px; text-align:right}

.view_news_foot{width:100%; height:auto; background: #f6f6f6; padding:90px 0; margin-top:50px}
.view_news_foot h4{ height:70px; font-size:36px; font-weight:100; text-align:center; border-bottom: 1px solid #d2d2d2}

.view_news_ul{ width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/ -webkit-flex-direction:row;/*项目的排列方向,从左到右排*/}
.view_news_ul li{ width:33.3333%; height:auto; padding:30px; position:relative;}
.view_news_ul li:before{content: ""; width:1px; height:70%; background-color:#d2d2d2; position:absolute; right:0; top:30px; bottom:30px}
.view_news_ul li:nth-child(3):before{ display:none}
.view_news_ul li em{ display:block; color:#999}
.view_news_ul li h6{ line-height:60px; font-size:20px; font-weight:100; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.view_news_ul li p{ color:#666; line-height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.view_news_ul li a{ display:block}

/*相关图片,图片详情下面*/
.pic_xg{width:100%; height:auto; margin-top:30px; overflow:hidden;}
.pic_xg li{float:left; text-align:center; width:23.5%; height:auto; margin-right:2%; margin-bottom:20px; position:relative; overflow:hidden; border:1px solid #EBEBEB}
.pic_xg li img{display:block; width:100%; height:100%; max-width:100%;}
.pic_xg li p{ position:absolute; left:0; top:80%; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}
.pic_xg li:hover p{top:0; }
.pic_xg li span{ display:block; position:absolute; left:0; top:82%; color:#FFF; width:100%; height:35px; line-height:35px; z-index:1; font-size:12px; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pic_xg li:hover span{top:45%; }
.pic_xg li:nth-of-type(4n+0){margin-right:0px;}
/*相关图片_end*/

/*相关产品前5个*/
.pro_tj{width:100%; height:auto; margin-top:26px; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.pro_tj li{width:100%; height:auto; position: relative; margin-right:10px; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pro_tj li img{display:block; width:100%; height:auto}
.pro_tj li h2{ position:absolute; left:0; bottom:0; right:0; height:35px; line-height:35px; color:#FFF; text-align:center; font-size:12px; font-weight:100; background-color:#333; opacity: 0.7; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; padding:0 10px}
.pro_tj li:hover h2{ background-color:#000}
.pro_tj li:last-child{ margin-right:0}
/*产品前5个end*/

/*标题专用*/
.view_title{ width:100%; height:60px; line-height:60px; background: #e2e1e1; }
.tocnc{width:1380px; min-width:1380px; margin:0 auto; height:auto;}
.case{width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.case li{width:100%; height:60px; line-height:60px; font-size:18px; text-align:center; border-right:1px solid #c9c8c8}
.case li a{ display:block}
.case li:last-child{ border:none}
.case li:hover{color:#fff; background:#00ac97;}
.case li:hover a{ color:#FFFFFF}
.case li.active a{color:#fff; background:#00ac97;}

/*案例view*/
.case_view{ width:100%; height:100px; line-height:100px; border-bottom: 1px solid #d2d2d2; font-size:16px; overflow:hidden}
.case_view .l{ float:left; width:79%; height:auto; line-height:100px;}
.case_view .l a{ color:#666; margin-right:10px;}
.case_view .l a:hover{ color:#00ac97}
.case_view .l a+a:before{ padding-right:10px; color:#999999; content: ">";}

.case_view .r{ float:left; width:19%; height:auto; line-height:100px; text-align:right}

/*下载*/
.boxbox{width:100%; height:auto}
.boxbox:hover{background: #f6f6f6;}

.down{ width:100%; height:auto; overflow:hidden}
.down .l{ float:left; width:120px; height:auto; padding:40px 0; position:relative; overflow:hidden}
.down .l:before{content: ""; width:100%; height:2px; background-color:#333; position:absolute; left:26px; bottom:0}
.down .l span{ display:block; text-align:right; font-size:35px}
.down .l em{ display:block; text-align:right; font-size:18px; color:#999; padding-right:7px; margin-top:10px;}

.down .r{ float:right; width:1200px; height:auto; padding:40px 0; position:relative; overflow:hidden}
.down .r:before{content: ""; width:100%; height:1px; border-bottom:1px dashed #CCCCCC; position:absolute; left:0; bottom:0}
.down .r h6{ font-size:30px; font-weight:100; color:#00ac97;}
.down .r p{ margin-top:14px; font-size:18px; color:#999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.down .r i{ display:block; position:absolute; right:0; top:40px; width:76px; height:auto; text-align:center}
.down .r i img{filter: grayscale(1); transition: 0.4s;}
.down .r:hover img{filter: grayscale(0);}
.down .r i b{ display:block; text-align:center; font-size:17px; font-weight:100; color:#999; margin-top:10px;}

/*产品view*/
.pro_list{ width:100%; height:auto; margin-top:50px; overflow:hidden; border-bottom:1px solid #CCC; padding-bottom:50px}
.pro_list .l{ float:left; width:50%; height:auto; border:1px solid #F2F2F2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pro_list .r{ float:right; width:40%; height:auto}
.pro_list .r h5{ font-size:36px; line-height:50px; font-weight:100}
.pro_list .r h6{ font-size:20px; margin-top:15px; color:#999; font-weight:100}
.pro_list .r .p{ width:100%; height:auto; font-size:18px; line-height:30px; border-top:1px solid #CCC; padding-top:40px; margin-top:40px; color:#999}

/*小幻灯片*/
.index_hdp{width:100%; height:auto; overflow:hidden; position:relative}
.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:40px; left:0; z-index:1; text-align:center}
.index_hdp .hd li{display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.index_hdp .hd li.on{ background:#00ac97; }
.index_hdp .hd img{ width:40px; height:40px; margin-right:10px}
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li{width:100%; height:auto; text-align:center}
.index_hdp .bd li img{max-width:100%; height:auto;}

/*产品分类*/
.order{ width:100%; height:auto; margin:0 auto; text-align:center; padding-bottom:70px; border-bottom: 1px solid #d2d2d2;}
.order li{ display:inline-block; padding:0 50px; text-align:center;}
.order li span{ display:block; width:85px; height:auto}
.order li span img{ max-width:100%; height:auto; filter: grayscale(1); transition: 0.4s;}
.order li h6{ font-size:20px; font-weight:100; color:#999; text-align:center; margin-top:30px}
.order li.active h6{color:#00ac97}
.order li.active img{filter: grayscale(0);}
.order li a{ display:block}
.order li:hover h6{ color:#00ac97}
.order li:hover img{filter: grayscale(0);}

/*产品分类页面*/
.item_pro{
	width:100%;
	height:auto;
	margin-top:60px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.item_pro li{width:50%; height:auto; padding:50px; position:relative; background-color:#FFFFFF; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.item_pro li:before {width: 100%; height:50%; content: ''; position: absolute; top: 0; left: 0; background: #f6f6f6;}
.item_pro li span{display:block; width:70%; height:auto; margin:0 auto; text-align:center; position:relative}
.item_pro li span img{max-width:100%; height:auto;}
.item_pro li p{ width:92%; height:auto; line-height:45px; margin:0 auto; text-align: center; font-size:30px; color:#666; margin-top:50px}
.item_pro li em{ display:block; width:92%; height:auto; line-height:30px; margin:0 auto; text-align: center; font-size:20px; color:#999; margin-top:10px}
.item_pro li i{ display:block; width:60px; height:auto; line-height:30px; margin:0 auto; text-align: center; font-size:18px; color:#999; margin-top:30px; position:relative}
.item_pro li i:before{content: ""; width:44px; height:2px; background-color:#00ac97; position:absolute; left:8px; top:35px}
.item_pro li a{ display:block}
.item_pro li:hover{background-color:#00ac97}
.item_pro li:hover p,.item_pro li:hover em,.item_pro li:hover i{ color:#FFF}
.item_pro li:hover i:before{background-color:#fff;}
/*产品框_end*/

/*产品小类*/
.pro_samll{width:92%; height:auto; margin:0 auto; overflow:hidden; margin-top:50px; text-align:center}
.pro_samll a{padding:0 22px; background-color:#EEE; display:inline-table; margin-bottom:30px; margin-right:20px; color:#666; font-size:18px; line-height:44px; border-radius:22px;}
.pro_samll a:hover{ background-color:#00ac97; color:#FFF}
.pro_samll a.active{background-color:#00ac97; color:#FFF}

/*********footer*********/
.foot{width:100%; height:auto; margin-top:30px; padding:60px 0; background:#3c3c3c; color:#FFFFFF}
.foot a{color:#FFFFFF}
.foot a:hover{ color:#00ac97}

.foot_box{width:93%; height:auto; margin:0 auto; overflow:hidden}
.foot_box .l{ float:left; width:900px; height:auto;}
.foot_box .r{ float:right; width:600px; height:auto; position:relative;}
.foot_box .r:before{content: ""; width:1px; height:100%; background-color:#313131; position:absolute; left:-50px; top:0}

.f_r{ width:100%; height:auto; overflow:hidden}
.f_r .ll{ float:left; width:170px; height:auto;}
.f_r .rr{ float:right; width:420px; height:auto;}

.f_r div{height:60px;}
.f_r div em{ display:block; font-size:12px; color:#666666}
.f_r div span{ display:block; font-size:17px; line-height:40px; color:#FFFFFF}

.foot_text{width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.foot_text div{width:100%; height:auto; text-align:left; margin-right:10px;}
.foot_text h6{ color:#FFFFFF; font-size:18px; font-weight:400;}

.foot_ul{width:100%; height:auto; color:#999; margin-top:20px}
.foot_ul li{ line-height:27px; color:#999;}
.foot_ul li a{ display:block; color:#999;}

.foot_foot{width:100%; height:auto; border-top:1px solid #333; background:#3c3c3c; color:#999; padding:40px 0;}

.foot_foot_box{width:93%; height:auto; margin:0 auto; overflow:hidden}
.foot_foot_box a{color:#999;}
.foot_foot_box a:hover{color:#00ac97}

.foot_foot_box .l{ float:left; width:49%; height:auto}
.foot_foot_box .l li{ line-height:35px; text-align:left}

.foot_foot_box .r{ float:right; width:40%; height:auto; overflow:hidden}
.foot_foot_box .r .ll{ float:left; width:50%; height:auto;}
.foot_foot_box .r .rr{ float:right; width:120px; height:auto}
.foot_foot_box .r .rr img{ width:100%; height:auto}

.share{ width:100%; height:auto; margin-top:40px;}
.share a{opacity:0.3; margin-right:5px}
.share a:hover {opacity:1;}
/*********footer*********/
}

/* 移动端底部专用 */
.foot_height{height:0.5rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background-color:#00ac97; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.footer li{float:left; width:25%; height:auto; position:relative}
.footer li:before{content: ""; width:1px; height:0.3rem; background-color:#019c89; position:absolute; right:0; top:0.15rem}
.footer li:nth-child(4):before{ display:none}
.footer li a{display:block}
.footer li span{display:block; width:100%; height:0.26rem; padding-top:0.07rem; text-align:center;}
.footer li span img{height:100%}
.footer li p{width:100%; height:0.26rem; line-height:0.26rem; text-align:center; font-size:0.12rem; font-weight:100; color:#fff;}
/* 移动端底部专用_end */