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

/*logo*/
.logo{ overflow:hidden}
.logo .l{float:left; width:80%; height:0.6rem; padding-top:10px}
.logo .l img{max-width:100%; height:auto;}
.logo .c{ display:none}
.logo .r{ display:none}
.logo .mobile_menu{ float:right; width:15%; height:auto; padding-top:12px}
.subbg{ display:none}
.head_top{display:none}
.additional-features{display:none}
/*下拉菜单*/
.nav_donghua {width:40px; height: 30px;}
.linyiok {width: 100%; height:4px; position: relative; margin:6px 0}
.linyiok:before {animation: ywxywx 1s linear 0s infinite alternate; position: absolute; left:0; top:0; width: 100%; height:4px; background:#2079e6; content: ""; display: block; opacity: 0;}
.linyiok:nth-child(2):before {animation-delay: 0.5s;}
.linyiok:nth-child(3):before {animation-delay: 0.2s;}
@keyframes ywxywx {
	0%{width:30%; opacity: 1;}
	50%{width:100%; opacity:0.5;}
}
/*下拉菜单_end*/
.nav{position:fixed; }
/*右侧隐藏菜单*/
.yc_menu{position:fixed; width:1.5rem; height:100%; right:0; top:0; bottom:0; z-index:99999; display:none}

.nav{width:1.5rem; height:auto; position:absolute; right:0; top:0; bottom:0; z-index:2; background:#2079e6;}
.nav li{width:100%; height:0.4rem; border-bottom:1px solid #303030; text-align:center;}
.nav li a{display:block; font-size:0.16rem; line-height:0.4rem; color:#fff; }

.allpage{ position:fixed; background: rgba(0, 0, 0, 0.7); top:0; right:0; bottom:0; left:0; z-index:9999; display:none}
.allpage_close{ position:fixed; top:20px; right:1.8rem; font-size:0.3rem; line-height:1.2; color:#FFF; z-index:99999; display:none}
/* 隐藏菜单 end*/

/*首页菜单*/
.menu{width:100%; height:auto; overflow:hidden;}
.menu li{
	float: left;
	width:33.333333%;
	text-align: center;
	color: #fff;
	overflow: hidden;
	font-size: 0.16rem;
	height:0.43rem;
	line-height: 0.43rem;
	border-right: 1px solid #8e72c0;
	white-space: nowrap;/*规定段落中的文本不进行换行*/
	text-overflow: ellipsis;/*当文本溢出包含元素时显示省略符号来代表被修剪的文本。*/
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	background:linear-gradient(to bottom,#6036ab,#432774);
}
.menu li a{display: block; color: #fff;}
.menu li:nth-of-type(3n+0){border-right:0;}

/*通栏banner*/
.sub_banner{position:relative; }
.sub_banner img{ width:100%; height:auto; object-fit: cover;}
.sub_banner p{ position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #000;}

/*新闻图片分类*/
.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}

/*产品分类*/
.pro_fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ flex-wrap: wrap;/*换行，第一行在上方*/}
.pro_fl_u1 li{width:50%;  height:0.45rem; line-height:0.45rem; 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);}
.pro_fl_u1 li a{display: block; font-weight:400; font-size:0.14rem; color:#fff;}
.pro_fl_u1 li:hover a,.pro_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#d71f1f,#f03827);}
.pro_fl_u1 li:nth-child(2n){border-right:none}

.pro_fl_u122{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ flex-wrap: wrap;/*换行，第一行在上方*/}
.pro_fl_u122 li{width:50%;  height:0.45rem; line-height:0.45rem; text-align:center; }
.pro_fl_u122 li a{display: block; font-weight:400; font-size:0.16rem; color:#000;}
.pro_fl_u122 li:hover a,.pro_fl_u122 li.active a{color:#5254d9; }
.pro_fl_u122 li:nth-child(2n){border-right:none}

/*产品详情标题*/
.product_list{height:0.36rem; border-bottom:1px solid #CCC; margin-top:0px;}
.product_list span{ font-size:0.16rem; font-weight:bold; line-height:0.36rem; position:relative;}
.product_list span:before{content: ""; width:150px; height:4px; background-color:#d13845; position:absolute; left:0; top:0.27rem}
/*通用内容盒子_end*/

.about_h2{font-size:0.23rem; color: #1d1d1d; margin-top:20px; text-align:center}
.about_h3{font-size:0.22rem; color: #d61518; font-family: Tahoma , "Microsoft Yahei"; text-transform: uppercase; text-align:center; margin-top:10px;}

.main_right{width:100%; height:auto; overflow:hidden; margin-top:15px; }
/*主体盒子_end*

/*右侧245px*/
.main_right_title{width:100%; height:0.6rem; line-height:0.6rem; background: #a26b2b url(../img/main_right_title.png) no-repeat 89% center; padding-left:20px; font-weight:bold; font-size:0.26rem; color:#fff;}
.main_right_ul{ width:100%; height:auto;}
.main_right_ul li{height:0.4rem; line-height:0.4rem; text-align:left; border-right:4px solid #7c5220; background-color:#f8f8f8; position:relative;}
.main_right_ul li.active{background-color:#7c5220; margin-top:10px;}
.main_right_ul li.active a{color:#FFF}
.main_right_ul li+li{ margin-top:7px}
.main_right_ul li a{display:block; padding-left:20px; color:#666666; transition-duration:500ms;	z-index:1; position:absolute; left:0; top:0; width:100%; height:100%;}
.main_right_ul li a:hover{text-decoration:none;	color:#fff;}
.main_right_ul li.visited{ background:#f8f8f8 url(../img/cpjt.png) no-repeat 10px center}
.main_right_ul li.visited a{ padding-left:30px;}
.main_right_ul li span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#7c5220; transition: 0.4s all ease}
.main_right_ul li:hover span{ right:0}
/*右侧245px_end*/

/*产品框*/
.ul_product{ width:100%; height:auto; margin:0 auto; margin-top:20px; overflow:hidden}
.ul_product li{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:10px; }
.ul_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.ul_product li span img{width:100%; height:auto;}
.ul_product li:nth-child(2n){margin-right:0;}
.ul_product li p{text-align: center; color: #282828; height:0.4rem; line-height:0.4rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.ul_product22{ width:100%; height:auto; margin:0 auto; margin-top:20px; overflow:hidden}
.ul_product22 li{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:10px; }
.ul_product22 li span{display:block; width:100%; height:auto; overflow:hidden;}
.ul_product22 li span img{width:100%; height:auto;}
.ul_product22 li:nth-child(2n){margin-right:0;}
.ul_product22 li p{text-align: center; color: #282828; height:0.4rem; line-height:0.4rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
/*产品框_end*/

/*新闻*/
.ul_news{ padding:6px; height:auto; overflow:hidden; margin-top:10px;}
.ul_news li{ padding:15px; height:auto; border:1px solid #e7eaf1; box-shadow:0px 0px 10px #dddbdb; border-radius: 5px; margin-bottom:20px}
.ul_news li h4{ font-size:0.18rem; font-weight:400; height:auto; line-height:0.32rem}
.ul_news li h4 a{ color:#333333}
.ul_news li h4 a:hover{ color:#FF0000}
.ul_news li p{ font-size:0.14rem; color:#999999; margin-top:10px; height:auto; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.ul_news li span{color: #a3afb7; font-size:0.14rem; display:inline-table; margin-top:10px}
.ul_news li i{color: #a3afb7; font-size:0.14rem; display:inline-table; margin-top:10px; background:url(../images/click.png) no-repeat left center; padding-left:26px; margin-left:20px;}

/*相关图片*/
.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_5{width:100%; height:auto; overflow:hidden; margin-top:30px; }
.pro_tj_5 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_5 li img{display:block; width:100%; height:100%; max-width:100%;}
.pro_tj_5 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_5 li:hover h2{ background-color:#000}
.pro_tj_5 li:nth-of-type(2n+0){margin-right:0px;}
/*产品前6个end*/

/*详情页标题*/
.view_title{height:1rem; line-height:1rem; background:#1560e4 url(../images/view_title.jpg) no-repeat center center; border-top:1px solid #518cf4; color:#FFFFFF}
.view_title a{ color:#FFFFFF}
.view_title a:hover{ color:#FFCC00}

/*标题*/
.title_202110{ margin-top:10px; padding-left:26px; height:0.4rem; line-height:0.4rem; color:#666; background: #f1f4f8; border-radius:4px; position:relative}
.title_202110:before{content: ""; width:10px; height:0.36rem; background-color:#432774; 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: "/";}

/*********footer*********/
.foot_2021{margin-top:30px; padding:30px 0; background:#273966 url(../images/bottombg.png) no-repeat bottom center;color:#FFFFFF}
.foot_2021 a{color:#FFFFFF}
.foot_2021 a:hover{ color:#FFCC00}

.foot_2021_box{ overflow:hidden}
.foot_2021_box .l{ float:left; width:70%; height:auto;}
.foot_2021_box .r{ float:right; width:30%; height:auto;}
.foot_2021_box .r img{width:100%; height:auto}
.foot_2021_box .r p{text-align:center; line-height:36px}
.foot_2021_box .r img{width:100%; height:auto}
.foot_2021_box .r p{text-align:center; line-height:36px}

.foot_text{width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.foot_text div{display:none}
.foot_text div2{width:100%; height:auto;float:left;margin-right:15px;}
.foot_text h6{ display:none}


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

.foot_foot{ line-height:30px; padding:20px 0}
.foot_foot li{text-align:center}
.foot_link2{ display:none}
/*********footer*********/
}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
.head_zw{height:40px; background-color:#eee; position:fixed;  z-index:99999}
.head_top{overflow:hidden}
.head_top .left{ float:left; width:700px; height:40px; line-height:40px; color:#000}
.head_top .right{ float:right; width:500px; height:40px; line-height:40px; color:#fff; text-align:right; text-shadow: -2px -2px #000;}
.head_top .right a{ color:#fff; }


.top_head{width:100%; height:100px;line-height:100px;   background-color:#fff; position:fixed; top:0; left:0; z-index:99999; transition: all .3s ease .2s;}
.top_head_box{ overflow:hidden; color:#53555a}
.top_head_box .l{ float:left;}
.top_head_box .r{ float:right}
.top_head_box a{color:#53555a}


/*logo*/
.logo{width:100%; height:auto;  }
.logo .l{float:left; width:300px; height:auto;}
.logo .l img{max-width:100%; height:auto;}
.logo .c{float:left; width:950px; height:auto;}
.logo .r{float:right; width:100px; height:auto;}

/*电话*/
.top_text{background:url(../images/tel2.png) no-repeat left 2px; height:50px; padding-left:65px; margin-top:5px}
.top_text p{ color:#333;}
.top_text span{ display:block; color:#0f3c8b; font-size:30px; font-weight: bold; line-height:40px}

/*无js下拉菜单*/
.nav {
	width:100%;
}
.nav ul li {
        float: left;
        height: 100px;
        text-align: center;
        position: relative;
}
.nav ul li .tits {
          width: 130px;
          height: 100px;
          font-size: 18px;
          line-height: 110px;
          color: #000;
          display: block;
          position: relative; 
          box-sizing: content-box;
}

.nav ul li dl {
          width: 150px;
		  box-shadow:0 0 10px #000;
          height: auto;
		  background-color:#fff;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
          position: absolute;
          top: 100px;
          left: 0;
		  border-top: 4px solid #271671;
          display: none;
}
.nav ul li dl dd {
            width: 120px;
            height: auto;
            margin: 0 auto;
            line-height: 50px;
            font-size: 16px;
            text-align:center;
}
.nav ul li dl dd a {
              color: #000;
              width: 100%;
              display: block;
}
.nav ul li dl dd a:hover {
              color: #fff;
              width: 100%;
              display: block;
			  background-color:#271671;
}
.nav ul li:hover .tits {
text-decoration:none; color:#fff; font-weight:400; background-color:#2e3759
}

.nav ul li:hover dl {
        display: block;
}
.nav ul li.on .tits {
        background: #ae1628;
}
/*导航菜单start*/
.menu {display:table; margin:0 auto; padding:0px; overflow:hidden;}
.menu li {float:left; line-height:105px;}
.menu li a {display:block; font-size:16px; color:#fff; padding: 0 26px;}
.menu li a:hover {text-decoration:none; color:#fff; background-color:#ef6e2d}
.menu li.hover a {color:#fff; background-color:#246532}

.yc_menu{ display:none}
.allpage{display:none}
.allpage_close{ display:none}
/*隐藏菜单*/
.subbg {
	position: fixed;
	left:0;
	top:105px;
	z-index:800;
	background: none rgba(67, 39, 116, 0.82);
	width:80%;
	height:auto;
	min-width:1350px;
	margin:0 auto;
	padding:0 10%;
	display:none;
}
.subbg a:link, .subbg a:visited {color: #ffffff;}
.subbg a:active, .subbg a:hover {color: #fc021f;}

.subbox {overflow: hidden; float:right; border-right: 1px solid #77639f; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.subnav {
    float: left;
    width: 116px;
    height: 280px;
	text-align:center;
    border-left: 1px solid #77639f;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	position:relative;
}
.subnav a {display: block; line-height:30px;}
.subnav em{ color:#FFFFFF; text-transform: uppercase; line-height:50px;}

.subnav .cbg {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ef6e2d;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.subnavAct .cbg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/*隐藏菜单end*/

/*通栏banner*/
.sub_banner{position:relative; }
.sub_banner img{ width:100%; height:auto; object-fit: cover;}
.sub_banner p{ position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #000;}

/*以下是主体部分*/

.about_h2{font-size:30px; color: #1d1d1d; margin-top:20px; text-align:center}
.about_h3{font-size:35px; color: #d61518; font-family: Tahoma , "Microsoft Yahei"; text-transform: uppercase; text-align:center; margin-top:10px;}

/*图片新闻分类*/
.fenlei_box{width:100%; height:auto; background: #f1f4f8;}
.fl_menu_u1{ width:100%; 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}

/*产品分类*/
.pro_fl_u1{ width:100%; height:auto; margin-top:20px;}
.pro_fl_u1 li{display:inline-block; height:50px; line-height:50px; margin-right:10px; text-align:center; background:linear-gradient(to bottom,#6e90be,#546fa6); border-radius:5px;}
.pro_fl_u1 li a{display: block; font-weight:bold; color:#FFF; padding:0 17px}
.pro_fl_u1 li:hover a,.pro_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#d71f1f,#f03827); border-radius:5px;}
.pro_fl_u1 li:last-child{border-right:none}

.pro_fl_u122{ width:100%; height:auto; margin-bottom:20px;text-align:center;}
.pro_fl_u122 li{display:inline-block; height:42px;background-color:#2079e6; font-size:16px;line-height:42px; border-radius: 25px;margin-right:10px; text-align:center; }
.pro_fl_u122 li a{display: block; font-weight:normal; color:#fff; padding:0 17px}
.pro_fl_u122 li:hover a,.pro_fl_u122 li.active a{color:#fff;background-color:#e08d16 ;border-radius: 25px;}
.pro_fl_u122 li:last-child{border-right:none}
/*产品详情标题*/
.product_list{height:36px; border-bottom:1px solid #CCC; margin-top:30px;}
.product_list span{ font-size:16px; font-weight:bold; line-height:36px; position:relative;}
.product_list span:before{content: ""; width:200px; height:4px; background-color:#d13845; position:absolute; left:0; top:27px}
/*通用内容盒子_end*/

/*产品框*/
.ul_product{ width:100%; height:auto; margin:0 auto; margin-top:20px; overflow:hidden}
.ul_product li{float:left; width:23.5%; height:auto; margin-right:2%; margin-bottom:20px; position:relative;}
.ul_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.ul_product li span img{width:100%; height:auto;}
.ul_product li .mask{
	position:absolute; 
	top:0; 
	left:-250px;
	width:200px;
	height:300px;
	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; 
}
.ul_product li:hover .mask{left:400px;}
.ul_product li:nth-child(4n){margin-right:0;}
.ul_product li p{text-align: center; font-size:16px; color: #282828; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.ul_product22{ width:100%; height:auto; margin:0 auto; margin-top:20px; overflow:hidden}
.ul_product22 li{float:left; width:23.5%; height:auto; margin-right:2%; margin-bottom:20px; position:relative;}
.ul_product22 li span{display:block; width:100%; height:auto; overflow:hidden;}
.ul_product22 li span img{width:100%; height:auto;}
.ul_product22 li .mask{
	position:absolute; 
	top:0; 
	left:-250px;
	width:200px;
	height:300px;
	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; 
}
.ul_product22 li:hover .mask{left:400px;}
.ul_product22 li:nth-child(4n){margin-right:0;}
.ul_product22 li p{text-align: center; font-size:16px; color: #282828; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
/*产品框_end*/

/*新闻*/
.ul_news{ padding:12px; height:auto; overflow:hidden; margin-top:30px;}
.ul_news li{ padding:30px; height:auto; border:1px solid #e7eaf1; box-shadow:0px 0px 10px #dddbdb; border-radius: 5px; margin-bottom:20px}
.ul_news li h4{ font-size:22px; font-weight:100; height:auto}
.ul_news li h4 a{ color:#333333}
.ul_news li h4 a:hover{ color:#FF0000}
.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;}
.ul_news li span{color: #a3afb7; font-size: 16px; display:inline-table; margin-top:10px}
.ul_news li i{color: #a3afb7; font-size: 16px; display:inline-table; margin-top:10px; background:url(../images/click.png) no-repeat left center; padding-left:26px; margin-left:20px;}

/*相关图片,图片详情下面*/
.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_5{width:100%; height:auto; overflow:hidden; margin-top:30px; }
.pro_tj_5 li{ float:left; width:19.2%; height:auto; margin-right:1%; position: relative; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pro_tj_5 li img{display:block; width:100%; height:100%; max-width:100%;}
.pro_tj_5 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_5 li:hover h2{ background-color:#000}
.pro_tj_5 li:nth-of-type(5n+0){margin-right:0px;}
/*产品前5个end*/

/*详情页标题*/
.view_title{ height:150px; line-height:150px; background:#1560e4 url(../images/view_title.jpg) no-repeat center center; border-top:1px solid #518cf4; color:#FFFFFF}
.view_title a{ color:#FFFFFF}
.view_title a:hover{ color:#FFCC00}

/*标题*/
.title_202110{ margin-top:20px; padding-left:26px; height:40px; line-height:40px; color:#666; background: #f1f4f8; border-radius:4px; position:relative}
.title_202110:before{content: ""; width:10px; height:40px; background-color:#432774; 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: "/";}

/*右侧245px*/
.main_left{ float:right;width:1000px; height:auto; overflow:hidden; margin-top:15px; }
.main_right{ float:left;width:245px; height:auto; overflow:hidden; margin-top:50px; }
.main_right_title{height:90px; line-height:90px; background: #273966 url(../img/main_right_title.png) no-repeat 80% center; padding-left:40px; font-weight:bold; font-size:26px; color:#fff; border-radius: 0 50px 0 0;}
.main_right_ul{ width:100%; height:auto;}
.main_right_ul li{height:40px; line-height:40px;font-size:15px; text-align:left; border-right:4px solid #f6740c; background-color:#273966; position:relative;}
.main_right_ul li.active{background-color:#273966; margin-top:10px;}
.main_right_ul li.active a{color:#FFF}
.main_right_ul li+li{ margin-top:7px}
.main_right_ul li a{display:block; padding-left:20px; color:#fff; transition-duration:500ms;	z-index:1; position:absolute; left:0; top:0; width:100%; height:100%;}
.main_right_ul li a:hover{text-decoration:none;	color:#fff;}
.main_right_ul li.visited{ background:#f8f8f8 url(../img/cpjt.png) no-repeat 10px center}
.main_right_ul li.visited a{ padding-left:30px;}
.main_right_ul li span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#f6740c; transition: 0.4s all ease}
.main_right_ul li:hover span{ right:0}
.bj245{background-color:#273966; height:50px; margin-top:7px; border-radius:0 0 0 50px;}
/*右侧245px_end*/

/*********footer*********/
.foot_2021{margin-top:30px; padding:60px 0; background:#273966 url(../images/bottombg.png) no-repeat bottom center; color:#fff}
.foot_2021 a{color:#fff}
.foot_2021 a:hover{ color:#FFCC00}

.foot_2021_box{ overflow:hidden;width:1350px;height:auto;padding-top:10px; }
.foot_2021_box .l{ float:left; width:1200px; height:auto;}
.foot_2021_box .r{ float:right; width:140px; height:auto;}
.foot_2021_box .r img{width:100%; height:auto}
.foot_2021_box .r p{text-align:center; line-height:36px}

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


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

.foot_foot{ overflow:hidden;background: #363636;border-top: 2px solid #484747; }
.foot_foot li{ width:990px;margin-top:30px; text-align:left; line-height:38px}
.foot_link2{ width:128px; float:right; margin-left:40px; height:38px; position:relative;background:url(../images/foot_pic2.png) right 10px top 17px no-repeat; background-size:8px 4px;border:1px solid #484747;margin-top:-40px}
.foot_link2 span{ display:block; overflow:hidden;line-height:38px; height:38px;border:1px solid #2a2a2a; text-indent:20px;  background-size:15px 16px; font-size:14px; cursor:pointer; position:relative; z-index:1; text-align:left; color:#888888;}
.foot_link2 .link2{ overflow:hidden; position:absolute; bottom:48px; left:0; width:100%; background:#fff;transition:all 0.3s; height:0;z-index:0; text-align:left;}
.foot_link2 .link2 a{ float:left; width:100%; height:30px; line-height:30px; color:#333; font-size:13px; text-indent:25px; overflow:hidden;}
.foot_link2 .link2 a:hover{ background:#58b661; color:#fff;}
.foot_link2:hover .link2{ height:auto;bottom:38px; }
/*********footer*********/
/*客服*/
.additional-features {
  position: fixed;
  right: 10px;
  bottom: 180px;
  z-index: 200;
 /* width: 80px;*/
  box-sizing: border-box;
 /* display:none;*/
  /*border:1px solid #e5e5e5;*/ box-shadow: 2px 2px 25px rgba(0,0,0,0.1);
    
}
.additional-features.show{ display:block;}
.additional-features li {
  position: relative;
  padding-top:1px;
 
/* border-bottom:1px solid #e5e5e5;*/
  width: 72px;
  height: 77px;
  line-height: 1;
  cursor: pointer;
  background-color: rgba(255,255,255,1.0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)";
  transition: all 0.2s linear;
  box-sizing: border-box;
  
}
/*.additional-features li.kf{
  background-color: #00b43c;
}
.additional-features li.kf:hover{
  background-color: #009632;
}*/
.db { position: fixed;cursor:pointer;
  right: 10px;
  bottom: 94px;
  padding-top:6px; width: 72px;
  height:66px; border-radius:6px;  background-color: rgba(0,0,0,0.25); box-sizing: border-box;
}
.db:hover{ background-color: rgba(0,0,0,1.0);}
.additional-features li.xx{border-bottom:0;border-radius:6px 6px 0 0; }
.additional-features li.xx .xx-dot{
  position: absolute;
  display: block;
  top:13px;
  right:13px;
  width: 7px;
  height: 7px;
  background-color: #ff1e00;
  border-radius: 50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}

.additional-features li.rx .revi-hotline-wrapper {
  display: none;
  position: absolute;
  left: -235px;
  bottom: 0;
  width: 235px;
  height: 77px;
}
.additional-features li.rx.active .revi-hotline-wrapper { display:block;}
.additional-features li.rx .revi-hotline {
  position: absolute;
  left: 0;
  width: 221px;
  height: 77px;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: text;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: -2px 3px 25px rgba(0,0,0,0.1);
  padding-left:12px;
}
.additional-features li.rx .revi-hotline h3 {
  margin: 13px 0 8px;
  font-family: 'Arial',"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,PingFang SC,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
  font-size: 28px;
  color: #273966;
  font-weight:normal;
}
.additional-features li.rx .revi-hotline h4{ font-weight:normal; font-size:13px;}
.additional-features li.xz{border-bottom:0;border-radius: 0 0 6px 6px; }
.additional-features li.xz .xz-ewm {
  display: none;
  position: absolute;
 /* top: -55px;*/
 bottom:28.5px;
  left: -188px;
  width: 188px;
  height: 174px;
}
.additional-features li.xz.active .xz-ewm { display:block;}
.additional-features li.xz a {
  position: absolute;
  left: 0;
  width: 174px;
  height: 174px;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: url("/images/weixin.jpg") #fff center center;
  background-size: cover;
  box-shadow: 2px 2px 25px rgba(0,0,0,0.1);
}
.additional-features li p {
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.additional-icon {
  margin:0 auto 4px;
  width: 36px;
  height: 36px;
  margin-top:10px;
/*  background: url("/images/tiny-icon.png");
  background: url("/images/tiny-icon@1x.png")\9;
  background-size: 72px 591px;*/
}
.additional-features li .additional-icon.icon1 {
background:url(/images/right_pic1.png) center center no-repeat;
}
.additional-features li .additional-icon.icon2 {
background:url(/images/right_pic2.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon2 {background-image:url(/images/right_pic2_on.png)}
.additional-features li .additional-icon.icon3 {
background:url(/images/right_pic3.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon3 {background-image:url(/images/right_pic3_on.png)}
.additional-features li .additional-icon.icon4 {
  background:url(/images/right_pic4.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon4 {background-image:url(/images/right_pic4_on.png)}
.db .additional-icon.icon5 {
 background:url(/images/right_pic5_on.png) center center no-repeat;
}
.db.active .additional-icon.icon5 {background-image:url(/images/right_pic5_on.png); }
.additional-features li.active {
  background-color: #273966;
 /*background:url(/images/right_bg1.jpg) center center no-repeat; background-size:cover;*/
  /*border-color: #118aa7;*/
}
.additional-features li.active span {
  display: none;
}
.additional-features li.active p {
  color: #fff;
}
.opa-0{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0); display:none;}


}

/* 移动端底部专用 */
.foot_height{height:0.67rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background: rgba(0, 0, 0, 0.8);}
.footer li{float:left; width:25%; height:auto; border-right:#4d5054 solid 1px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.footer li:nth-child(4){ border: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:#CCCCCC;}
/* 移动端底部专用_end */