@charset "utf-8";
/* 移动端底部专用 */
/*font*/
@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot');
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
		url('../font/iconfont.woff2') format('woff2'),
		url('../font/iconfont.woff') format('woff'),
		url('../font/iconfont.ttf') format('truetype'),
		url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 0.12rem;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*font_end*/
.mh{height:0.65rem; background: #fff;}

.foot_height{height:0.5rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background-color:#666; }
.footer li{float:left; width:25%; height:auto; position:relative}
.footer li:before{content: ""; width:1px; height:0.3rem; background-color:#c9caca; 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 */

/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
.head_zw {height: 0.4rem;background-color: #fff;position: fixed;z-index: 9999;}
.head_top{ width:100%; height:40px;line-height:40px; position:fixed; top:0; left:0;background-color:#fff;  z-index:99999;}
.head_top .left{ float: left;padding-left:10px}
.head_top .right{float: right;font-size:0.12rem;padding-right:10px}
.head_menu{ background-color: #fff; height:0.6rem; position:fixed;  left:0;z-index:9999}
.menu_box{ overflow:hidden}
.menu_box .menu_box_left{float:left; width:80%; height:auto;}
.menu_box .menu_box_left img{max-width:100%; width:100%; height:auto}
.menu_box .menu_box_right{display:none}
.menu_box .mobile_menu{ float:right; width:15%; height:auto; padding-top:12px}

.top_head{width:100%; height:70px; position:fixed; background-color: rgba(0,0,0,0.1);border-bottom: 1px solid #ccc;top:0; left:0; z-index:99999; transition: all .3s ease .2s;}
.top_head2{width:100%; height:70px; position:fixed; background-color: #34469b;border-bottom: 1px solid #ccc;top:0; left:0; z-index:99999; transition: all .3s ease .2s;}

.bj{ float:left; width:100%; height:auto;  background:#eee;padding: 20px 0; }
.bj2{ float:left; width:100%; height:auto; background:url(../images/cpbj.png) no-repeat; }
.bj3{ float:left; width:100%; height:auto; margin-top:-20px;margin-bottom:-48px;background:url(../images/bj3.png) no-repeat;padding: 40px 0; }
.bjbj{ background-color:#1c5a84; box-shadow: 0 1px 10px rgba(0, 0, 0, 8);}
.base-crumbs22{display:none}
.base-crumbs{
    width: 100%;
    height:auto;
    background-color: #f6f6f6;
}
.base-crumbs .l{float:left;padding-left:10px;width: 47%; font-size:16px;color:#34469b;background-color: #f6f6f6;font-weight:bold; line-height: 50px;height:50px;}
.base-crumbs .r{float:right; width: 50%;background-color: #34469b;height:50px;line-height: 50px; margin-top:-1px;}
.title_202110{font-size: 0.12rem; margin-left:5px;line-height: 0.5rem;color:#fff;}
.title_202110 a{color:#fff; margin-right:10px;}
.title_202110 a:hover{ color:#dd0000}
.title_202110 a+a:before{ padding-right:10px; color:#fff; content: ">";}

.fenlei_box{width:100%; height:auto; background: #f1f4f8; margin-top:1px;}
.fl_menu_u1{ width:100%; 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:#fe5400; }
/*下拉菜单*/
.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:#fff; 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*/

/*logo*/
.logo{ overflow:hidden;padding:10px;height:0.6rem; }
.logo .l{float:left; width:50%; height:0.6rem;  }
.logo .l img{width:100%; max-width:100%; height:auto;}
.logo .mobile_menu{ float:right; width:15%; height:auto; padding-top:12px}
.logo .r{display:none}
.logo .c{display:none}

/*右侧隐藏菜单*/
.yc_menu{position:fixed; width:1.5rem; height:100%; right:0; top:0; bottom:0; z-index:999999; display:none}

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

.nav33 {
	width:100%; margin-top:1px;
}
.nav33 ul li {
        float: left;
        height: 40px;
        text-align: center;
        position: relative;
}
.nav33 ul li .tits {
          width: 120px;
          height: 30px;
          font-size: 16px;
          line-height: 40px;
          color: #333;
		  font-weight:400;
          display: block;
          position: relative; 
          box-sizing: content-box;
}

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

.nav33 ul li:hover dl {
        display: block;
}
.nav33 ul li.on .tits {
        background: #ae1628;
}
.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*/

/*导航菜单start*/
.menu_bj{ display:none}
.additional-features{ display:none}
/*电脑隐藏悬浮菜单*/
.pc_menu{display:none}


.foot_box_left3{display:none}
/*电脑隐藏悬浮菜单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;}
.h_sj{   text-align:center;margin:0 auto; }
.h_sj>img{ width:260px;  float:left; margin-left:50px;margin-right:17px;}
.h_sj>span i{  width:300px;  font-size:28px; color:#6eba34; margin:0px 20px; }
.h_sj>span i:hover{ color:#961677; cursor:pointer}
.h_sj>span i:hover{ color:#961677; cursor:pointer}

.kk{width:98%; height:auto; margin:0 auto; border:1px solid #ccc;overflow:hidden; margin-bottom:30px; margin-top:20px;}
.kk h7{font-size:17px;margin-top:10px;font-weight:bold; margin-left:-1px; }
.kk h8{font-size:16px; margin-top:-10px;margin-left:-1px; }
.kk h9{font-size:14px;margin-top:-10px;margin-left:-1px;  margin-bottom:-15px; }
.kk h10{font-size:14px;margin-top:-10px;margin-left:-1px;  margin-bottom:-1px;color:#222 }

/*产品框*/
.ul_product{ width:100%; height:auto; margin:0 auto; padding-top:20px;margin-bottom:20px; overflow:hidden}
.ul_product li{float:left; width:47%; height:auto;margin-right:3%!important; margin-bottom:10px;background:#e2e2e2; position:relative;}
.ul_product li span{display:block; width:100%; height:auto; box-sizing:border-box;margin-top:-50px; overflow:hidden}
.ul_product li span img{width:100%; height:auto;}
.ul_product li:nth-child(2n){margin-right:0;}
.ul_product li p{ padding:10px;text-align: left; font-weight:600; font-size:14px;line-height:25px;margin-top:-50px;color:#34469b;  overflow:hidden;}
.ul_product li dd{float:left;padding:10px;font-weight:500; font-size:14px;line-height:25px;color:#333;background:#e2e2e2;margin-top:-20px; overflow:hidden}
.ul_product li:hover{ color:#fff;background:#34469b;border:#34469b 1px solid;}
.ul_product li:hover span{background:#34469b;color:#fff;}
.ul_product li:hover p{text-align:center;font-weight:600; background:#34469b;font-size:14px;line-height:25px;color:#fff; overflow:hidden}
.ul_product li em{float:left;padding:10px;text-indent:28px;background:#f7f7f7;font-weight:400; font-size:14px;line-height:25px;color:#333; overflow:hidden;border-top:4px solid #d0d0d0}


.ul_product22{ width:100%; height:auto; margin:0 auto; padding-top:20px;margin-bottom:20px; overflow:hidden}
.ul_product22 li{float:left; width:100%; height:auto; background:#e4e4e4;background:#e2e2e2; margin-bottom:10px; position:relative;}
.ul_product22 li span{display:block; width:100%; height:auto; box-sizing:border-box;margin-top:-50px; overflow:hidden}
.ul_product22 li span img{width:100%; height:auto;}
.ul_product22 li:nth-child(1n){margin-right:0;}
.ul_product22 li p{ padding:10px;text-align: left; font-weight:600; font-size:16px;line-height:25px;margin-top:-50px;color:#34469b;  overflow:hidden;}
.ul_product22 li dd{float:right;padding:10px;font-weight:500; font-size:14px;line-height:25px;color:#333;margin-top:-45px; overflow:hidden}
.ul_product22 li:hover{ color:#fff;background:#34469b;border:#34469b 1px solid;}
.ul_product22 li:hover span{background:#34469b;color:#fff;}
.ul_product22 li:hover p{text-align:center;font-weight:600; background:#34469b;font-size:14px;line-height:25px;color:#fff; overflow:hidden}
.ul_product22 li em{float:left;padding:10px;text-indent:28px;background:#f7f7f7;font-weight:400; font-size:14px;line-height:25px;color:#333; overflow:hidden;border-top:4px solid #d0d0d0}

.ul_product33{ width:100%; height:auto; margin:0 auto; margin-top:20px;margin-bottom:20px; overflow:hidden}
.ul_product33 li{float:left; width:47%; height:auto; background:#e4e4e4;margin-right:4%;border:#e4e4e4 1px solid; margin-bottom:10px; position:relative;}
.ul_product33 li span{display:block; width:100%; height:auto; box-sizing:border-box; overflow:hidden}
.ul_product33 li span img{width:100%; height:auto;}
.ul_product33 li:nth-child(2n){margin-right:0;}
.ul_product33 li p{float:left;font-weight:600; font-size:14px;line-height:25px;margin-top:10px;color:#000; margin-left:10px;margin-right:10px;overflow:hidden;}
.ul_product33 li em{float:left;font-weight:400; font-size:14px;line-height:25px;color:#000; margin-left:10px;margin-right:10px;margin-bottom:20px; overflow:hidden;}
.ul_product33 li:hover{ color:#333;background:#e4e4e4;border:#e4e4e4 1px solid;}
.ul_product33 li:hover span{background:#e4e4e4;}
.ul_product33 li:hover p{text-align:center;font-weight:600; background:#e4e4e4;font-size:14px;line-height:25px;color:#fff; overflow:hidden}

.ul_product44{ width:100%; height:auto; margin:0 auto; margin-top:-40px;margin-bottom:-30px; overflow:hidden}
.ul_product44 li{float:left; width:100%; height:auto; margin-bottom:10px; position:relative;}
.ul_product44 li span{display:block; width:100%; height:auto; box-sizing:border-box; overflow:hidden}
.ul_product44 li span img{width:100%; height:auto;}
.ul_product44 li:nth-child(2n){margin-right:0;}
.ul_product44 li p{text-align: center; font-weight:600; font-size:14px;line-height:25px;margin-top:10px;color:#000;  overflow:hidden;}
.ul_product44 li:hover{ color:#34469b;}
.ul_product44 li:hover span{color:#34469b;}
.ul_product44 li:hover p{text-align:center;font-weight:600; font-size:14px;line-height:25px;color:#34469b;; overflow:hidden}

.ul_product5{ width:100%; height:auto; margin:0 auto; padding-top:20px;margin-bottom:20px; overflow:hidden}
.ul_product5 li{float:left; width:47%; height:auto;padding-right:3%; margin-bottom:10px;background:#e2e2e2; position:relative;}
.ul_product5 li span{display:block; width:100%; height:auto; box-sizing:border-box;margin-top:-50px; overflow:hidden}
.ul_product5 li span img{width:100%; height:auto;}
.ul_product5 li:nth-child(2n){margin-right:0;}
.ul_product5 li p{ width:100%;padding:10px;text-align: left; font-weight:600; font-size:14px;line-height:25px;margin-top:-50px;color:#34469b;  overflow:hidden;}
.ul_product5 li dd{width:100%;float:left;padding:10px;font-weight:500; font-size:14px;line-height:25px;color:#333;background:#e2e2e2;margin-top:-20px; overflow:hidden}
.ul_product5 li:hover{ color:#fff;background:#34469b;border:#34469b 1px solid;}
.ul_product5 li:hover span{background:#34469b;color:#fff;}
.ul_product5 li:hover p{text-align:center;font-weight:600; background:#34469b;font-size:14px;line-height:25px;color:#fff; overflow:hidden}
.ul_product5 li em{float:left;padding:10px;text-indent:28px;background:#f7f7f7;font-weight:400; font-size:14px;line-height:25px;color:#333; overflow:hidden;border-top:4px solid #d0d0d0}
/*产品框_end*/
.albj{ height:auto;background:url(../images/cpbj.jpg) center center no-repeat; overflow:hidden}
.section-title {
	margin-bottom: 40px;
	margin-top:20px;
	font-weight: bold;
	line-height: 1;
}
.section-title small {
    float:right; 
	display: block;
	font-size: 16px;
	color: #34469b;
	text-transform: uppercase;
}
.section-title strong {
	display: block;
	position: relative;
	color: #34469b;
	font-size: 20px;
	margin-top: 10px;
}
.section-title strong:after {
	position: absolute;
	right: 0;
	top: 90%;
	height: 1px;
	width: 75%;
	content: "";
	background: #34469b;
}
/* 点击弹窗相关样式 */
.cert-thumbnail {
    cursor: pointer;
    transition: 0.3s;
}
.cert-thumbnail:hover {
    opacity: 0.8;
}

.news_fl {margin-top: -64px; position: relative; z-index: 1; margin-bottom: 40px; text-align:right}

.section-title22 {
	margin-bottom: 40px;
	margin-top:60px;
	font-weight: bold;
	line-height: 1;
}
.section-title22 small {
    float:right; 
	display: block;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.section-title22 strong {
	display: block;
	position: relative;
	color: #fff;
	font-size: 20px;
	margin-top: 10px;
}
.section-title22 strong:after {
	position: absolute;
	right: 0;
	top: 90%;
	height: 1px;
	width: 75%;
	content: "";
	background: #fff;
}
/* 点击弹窗相关样式 */
.cert-thumbnail {
    cursor: pointer;
    transition: 0.3s;
}
.cert-thumbnail:hover {
    opacity: 0.8;
}

.news_fl22 {margin-top: -64px; position: relative;color: #fff; z-index: 1; margin-bottom: 40px; text-align:right}
.news_fl22 a{margin-top: -64px; position: relative;color: #fff; z-index: 1; margin-bottom: 40px; text-align:right}
/*通栏banner*/
.sub_banner{width:100%;position:relative; margin-top:78px; }
.sub_banner img{ width:100%; height:auto; }
.sub_banner p{ position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #000;}
.sub_banner .about_list{position:absolute; bottom:0; left:0; width:100%; height:0.4rem; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }
.sub_banner .all_list{position:absolute; bottom:0; left:0; width:100%; height:0.4rem; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }

.sub_banner2{width:100%;position:relative;margin-top:30px; }
.sub_banner2 img{ width:100%; height:auto}
.sub_banner2 p{ position:absolute; top:0; left:0; width:100%; height:30px;}
.sub_banner2 .about_list{position:absolute; bottom:0; left:0; width:100%; height:160px; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }
.sub_banner2 .all_list{position:absolute; bottom:0; left:0; width:100%; height:100px; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }
.sub_banner3{width:100%;position:relative;margin-top:50px;margin-bottom:50px;height:230px; }


/*主体盒子*/
.main{MARGIN: 0 auto; width:95%; height:auto; overflow:hidden; margin-top:5px;margin-bottom:20px;}
.main_right{width:100%; height:auto; overflow:hidden; }
.main_left{width:90%; height:auto; overflow:hidden; margin-top:85px; }

/*产品分类*/
.main_left22{display:none}
.main_right22{display:none}
.pro_fl_u1{text-align:center;  width:99%; height:auto; }
.pro_fl_u1 li{height:40px; line-height:40px;font-size:15px; text-align:left; border-right:4px solid #036dd0; background-color:#dfdcdc; position:relative;}
.pro_fl_u1 li a{display: block;  color:#333;font-size:16px; padding:0 15px}
.pro_fl_u1 li:hover a,.pro_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#34469b,#34469b); border-radius:5px;}
.pro_fl_u1 li:last-child{border-right:none}
.pro_fl_u122{display:none}
/*主体盒子_end*/
.main_left_title{height:60px; line-height:60px; background: #34469b; padding-left:40px; font-weight:bold; font-size:26px; color:#fff; border-radius: 0 50px 0 0;}
.main_left_ul{ width:100%; height:auto;}
.main_left_ul li{height:40px; line-height:40px;font-size:15px; text-align:left; border-right:4px solid #036dd0; background-color:#dfdcdc; position:relative;}
.main_left_ul li.active{background-color:#036dd0; margin-top:10px;}
.main_left_ul li.active a{color:#FFF}
.main_left_ul li+li{ margin-top:7px}
.main_left_ul li a{display:block; padding-left:20px; color:#333; transition-duration:500ms;	z-index:1; position:absolute; left:0; top:0; width:100%; height:100%;}
.main_left_ul li a:hover{text-decoration:none;	color:#fff;}
.main_left_ul li.visited{ background:#f8f8f8 url(../img/cpjt.png) no-repeat 10px center}
.main_left_ul li.visited a{ padding-left:30px;}
.main_left_ul li span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#036dd0; transition: 0.4s all ease}
.main_left_ul li:hover span{ right:0}
.bj245{background-color:#34469b; height:50px; margin-top:7px; border-radius:0 0 0 50px;}

/*盒子内标题*/
.main_title{height:0.1rem; line-height:0.1rem; font-size:0.14rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.hr{ height:20px; border-bottom:1px solid #CCC}

/*箱子主体*/
.main_box{overflow:hidden; margin-top:20px;}

.pro_fl{ width:95%; height:auto; margin:0 auto;}


/*产品分类 */
.sideMenu{  border:1px solid #96c6f6;  }
.sideMenu h1{ height:50px; line-height:50px;font-size:20px;text-align:center;  border-bottom:1px solid #e3e3e3;  background:#185daa;color:#FFFFFF;}
.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#185daa; cursor:pointer; font:normal 14px/32px "Microsoft YaHei"; color:#FFFFFF;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu h3 a {color:#FFFFFF}
.sideMenu h3 a:hover {color:#ffc600;height:32px; line-height:32px;background:#000;}
.sideMenu a:hover {color:#ffc600;}
.sideMenu ul{ padding:8px 15px; color:#000000; display:none; /* 默认都隐藏 */ }
.sideMenu ul li{ line-height:30px; border-bottom:1px dashed #cfcfcf}

/*关于我们*/
.about_h1{font-size:0.23rem; color: #333; margin-top:20px; text-align:center}
.about_h2{font-size:0.23rem; color: #fff; margin-top:20px; text-align:center}
.about_h3{font-size:0.22rem; color: #fff; font-family: Tahoma , "Microsoft Yahei"; text-transform: uppercase; text-align:center; margin-top:10px;}

.qywh{ background:url(../images/qywh.jpg); padding-top:20px; padding-bottom:50px; margin-top:50px; }
.qywh_box{width:100%; height:auto; overflow:hidden; margin-top:40px}
.qywh_box li{width:95%; height:320px; margin:0 auto; padding-top:35px; text-align:center;border:1px solid #fff; margin-bottom:15px}
.qywh_box li .pic{width:151px; height:137px; padding-top:37px; margin:auto; background:url(../images/k1.png) no-repeat center}
.qywh_box li .pic i{display:block;margin:auto;width:100px;height:100px;background:url(../images/ico_04.png) no-repeat}
.qywh_box li .pic .ico_01{background-position: 0 0}
.qywh_box li .pic .ico_02{background-position: -100px 0}
.qywh_box li .pic .ico_03{background-position: -200px 0}
.qywh_box li .pic .ico_04{background-position: -300px 0}
.qywh_box li h3{padding:20px;margin-top:-20px;margin-bottom:20px;font-size:24px;float:left;color:#fff;font-weight:400}
.qywh_box li p{ padding:20px;font-size:16px;margin-top:-25px;float:left;color:#fff;font-weight:400}
.qywh_box li:hover{background: #d61518}
.qywh_box li:hover .pic{background-image:url(../images/k2.png)}
.qywh_box li:hover h3,
.qywh_box li:hover p{color:#ffffff}


.ppln{width:95%; height:auto; overflow:hidden; margin-top:40px;}
.ppln .left{width:100%; height:auto;}
.ppln .left img{width:100%; height:auto}
.ppln .right{width:100%; height:auto;}
.ppln .right h3{ font-size:23px; font-weight:100; line-height:60px}
.ppln .right .div1{ margin-top:10px; line-height:28px}
/*关于我们_end*/

/*单页*/
.about_u1{font-size: 0; text-align:center}
.about_u1 li{display: inline-block; vertical-align:top; text-align:center; line-height:0.4rem; padding:0 20px}
.about_u1 li a{display: block; position: relative; font-size:0.14rem; color:#fff;}
.about_u1 li a:after{content: '';display: block; width:100%; height:2px; background:#ffd600; position:absolute; top:-1px; left: 0; transition: 0.4s ease-out; transform: scaleX(0);}
.about_u1 li:hover a:after,.about_u1 li.active a:after{transform: scaleX(1);}
.about_u1 li:hover a,.about_u1 li.active a{color: #ffd600;}

.about_bj{ background-color:#FFF; margin-top:10px}
.about_div{background:white; width:95%; height:auto; margin:0 auto;}

.about_foot{ width:95%; height:auto; margin:0 auto; margin-bottom:10px;}
.about_foot li{ width:100%; height:auto; border-bottom:2px solid #fccf1c; position:relative}
.about_foot li+li{ margin-top:10px;}
.about_foot li img{ width:100%; height:auto}
.about_foot li p{position:absolute; left:10px; top:35%; width:100%; height:auto; z-index:999; text-align:center}
.about_foot li p span{font-size:0.14rem; color:white;}
.about_foot li p span:before{content: '';display: inline-block; vertical-align:middle; width:50px; height:2px; background: rgba(250,250,250,.8); margin-right:15px; transition: 0.3s ease-in-out;}
.about_foot li:hover p span:before{width:80px;}

.about_pro{padding-top:40px; width:95%; height:auto; margin:0 auto}
/*单页_end*/

/***********新闻资讯***********/
.i_new{width:100%; height:auto; overflow:hidden}
.i_new li{width:100%; height:0.83rem; transition-duration:500ms; background-color:#F6F6F6}
.i_new li a{ display:block}
.i_new li .i_n_box{ padding:10px; height:0.62rem; overflow:hidden;}
.i_new li .i_n_box>.i_l{float:left; width:17%; height:auto; text-align:center; overflow:hidden; border-right:1px solid #CCC}
.i_new li .i_n_box>.i_l>.date{font-size:0.36rem; line-height: 1;}
.i_new li .i_n_box>.i_l>.year{ font-size:0.13rem; line-height:0.24rem}
.i_new li .i_n_box>.i_r{float:right; width:80%; height:0.6rem; overflow:hidden;}
.i_new li .i_n_box>.i_r h4{ font-size:0.16rem; line-height:0.20rem; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.i_new li .i_n_box>.i_r h5{ font-size:0.12rem; font-weight:100; line-height:0.2rem; margin-top:4px;}
.i_new li:hover{background-color:#1479d7}
.i_new li:hover a{color:#FFF}
.i_new li+li{ margin-top:10px;}
/***********新闻资讯_end***********/

.story_wrap{padding-top:10px}
.story_list{width:100%; height:auto}
.story_list li{width:100%; height:auto; background:#f8f5f6; overflow:hidden}
.story_list li .story_pic{float:left; width:40%; height:auto;margin-top:15px; }
.story_list li .story_pic img{width:100%; height:100%;}

.story_list li .story_text{float:left; width:100%; height:auto; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.story_list li .story_text .time{display:none}
.story_list li .story_text h3{font-size:15px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.story_list li .story_text .story_con{font-size:12px; margin-top:5px; line-height:20px; color:#999; height:auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4;/*显示几行*/-webkit-box-orient: vertical;}
.story_list li .story_text .go_detail{float:left;display:block;margin-top:2px;width:150px;height:26px;line-height:26px;color:#344f60;font-size:14px;}
.story_list li .story_text .go_detail:hover{background:#b19844;color:#fff}

.story_list li+li{ margin-top:10px;}

/*图片栏目start*/
.photo {width:100%; height:auto; overflow:hidden; margin-bottom:25px; }
.photo li{ float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; position:relative;}
.photo li img{display:block; width:100%; height:100%; max-width:100%;}
.photo li:nth-of-type(2n+0){margin-right:0px;}
.photo li ._txt{ position:absolute; left:0; bottom:0; right:0; padding:0 10px; font-size:0.12rem; height:0.3rem; line-height:0.3rem; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; background: rgba(0,0,0,0.4);}
/*图片栏目end*/


/*右侧245px*/
.zczc{ display:none}
.m_zc{height:0.5rem; line-height:0.5rem; background: #0256ac; padding-left:90px; font-weight:bold; font-size:0.22rem; color:#fff; margin-top:0.1rem; position:relative}

.m_fl{width:100%; height:0.5rem; line-height:0.5rem; background: #34469b; text-indent:15px; font-size:0.2rem; font-weight:bold; color:#fff; margin-bottom:10px;  text-transform:Capitalize; position:relative}

.donghua {width:30px; height: 20px; position:absolute; right:15px; top:13px}
.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{height: auto; text-indent: 15px; background:#ddd;color:#000; line-height: 0.45rem;border-right: 4px solid #34469b;}
.m_ul li a{display: block; font-size:0.16rem; color:#333;}
.m_ul li:hover a{color:#fff;}
.m_ul li:hover{background:#34469b url(../images/jiantou.png) no-repeat right 15px center;}
.m_ul li+li{ margin-top:10px}

/*右侧245px_end*/

/*产品框*/
.pro_ul{font-size:0;}
.pro_ul li{display:inline-block; vertical-align: top; width:47%; margin-right: 6%; margin-bottom:20px;}
.pro_ul li span{display: block;position: relative;}
.pro_ul li span:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,40,86,.1);position: absolute;top: 0;left: 0;transform: scale(0.87);z-index: 2;transition: 0.5s ease-out;}
.pro_ul li span:after{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;transform: scale(1);z-index: 2;transition: 0.5s ease-out;opacity: 0;}
.pro_ul li:hover span:after{transform: scale(0.87);opacity: 1;border: 1px solid #d3ae01;}
.pro_ul li:hover span:before{transform: scale(1);opacity: 0;}
.pro_ul li i{display: block;overflow: hidden;box-sizing: border-box;border: 3px solid #e8e8e8;transition: 0.5s ease-out;}
.pro_ul li i img{width: 100%;transition: 0.3s ease-out;}
.pro_ul li:hover i img{transform: scale(1.05);}
.pro_ul li:hover i{border-color:#1479d7;}
.pro_ul li:nth-child(2n){margin-right: 0;}
.pro_ul li p{text-align: center; font-size:0.14rem; color: #282828; margin-top:10px; transition: 0.5s ease-in-out; height:0.16rem; position:relative; z-index: 3;}
.pro_ul li:hover p{transform:translateY(-85px); font-size:0.15rem; font-weight:bold; color:white;}

.pro_ul22{width:95%; height:auto; margin:0 auto; overflow:hidden;margin-top:25px}
.pro_ul22 li{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}
.pro_ul22 li span{display: block;position: relative;}
.pro_ul22 li span:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,40,86,.1);position: absolute;top: 0;left: 0;transform: scale(0.87);z-index: 2;transition: 0.5s ease-out;}
.pro_ul22 li span:after{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;transform: scale(1);z-index: 2;transition: 0.5s ease-out;opacity: 0;}
.pro_ul22 li:hover span:after{transform: scale(0.87);opacity: 1;border: 1px solid #d3ae01;}
.pro_ul22 li:hover span:before{transform: scale(1);opacity: 0;}
.pro_ul22 li i{display: block;overflow: hidden;box-sizing: border-box;border: 3px solid #e8e8e8;transition: 0.5s ease-out;}
.pro_ul22 li i img{width: 100%;transition: 0.3s ease-out;}
.pro_ul22 li:hover i img{transform: scale(1.05);}
.pro_ul22 li:hover i{border-color:#1479d7;}
.pro_ul22 li:nth-child(2n){margin-right: 0;}
.pro_ul22 li p{text-align: center; font-size:0.14rem; color: #282828; margin-top:10px; transition: 0.5s ease-in-out; height:0.16rem; position:relative; z-index: 3;}
.pro_ul22 li:hover p{transform:translateY(-85px); font-size:0.15rem; font-weight:bold; color:white;}c
/*产品框_end*/

/*通用内容盒子*/
.content_box{width:100%; height:auto; overflow:hidden;}
.content_box .left{width:100%;float:left;  height:auto; overflow:hidden;position:relative; margin:0 auto;}
.content_box .right{width:100%;float:left;  height:auto; overflow:hidden;position:relative; margin:0 auto;margin-right:20px;}
.content_box h1{font-size:0.18rem;width:100%; line-height:30px; float:left;  border-bottom:1px solid #ae8336; color:#344f60}
.content_box h2{font-size:0.22rem; line-height:30px;  color:#344f60;font-weight:normal;margin-top:30px;}
.content_box h2 em{font-size:0.16rem; line-height:70px;  font-weight: normal;color:#e53333;}
.content_box h3{font-size:0.16rem; line-height:30px; font-weight: normal;margin-bottom:15px;margin-top:15px;color:#344f60;}
.content_box h4{font-size:0.16rem; line-height:30px;  font-weight: normal;color:#344f60;}
.content_box h4 img{max-width:100%;height:100%; }
.content_box h5{font-size:18px; line-height:40px; color:#ccc;font-weight: normal;text-transform:Uppercase;}
.content_box h6{ line-height:40px; font-weight: normal;font-size:24px;color:#344f60}
.content_box h7{width:100%;font-size:18px;float:left;padding-top:10px; line-height:30px; color:#d9970d;font-weight: normal;text-transform:Uppercase;}
.content_box h8{width:100%;font-size:18px;float:left; line-height:30px; color:#808080;font-weight: normal;text-transform:Uppercase;}
.content_box p{font-size:0.14rem; line-height:40px;  font-weight: normal;color:#344f60;}
.content_box .dd{font-size:0.16rem; line-height:40px; color:#fff;font-weight: normal;}
.content_box .date{ font-size:0.12rem; padding-top:10px; text-align:center; color:#999999}
.content_box .date span{ padding-right:15px;}
.content_box .pic{width:100%; height:auto; text-align:center}
.content_box .pic img{max-width:100%; margin:20px 0}
.content_box img{max-width:100%;  margin-top:50px;margin-bottom:50px;height:auto;}
.content_box .xxjs{ height:50px; background:url(../img/iou7pro.png) no-repeat;margin-top:50px;}
.content_box .view_content{width:100%; height:auto; margin-top:25px;font-size:16px;}
.content_box .view_content img{max-width:100%; margin:20px 0}
/*通用内容盒子_end*/

.imgimg{ width:100%; height:auto}
.imgimg img{ width:100%; height:auto}
.gg{ width:100%; height:auto; margin:0 auto; margin-top:10px;}
.ggul{width:100%; height:auto;position: static; overflow:hidden}
.ggul li{ float:left; width:18.8%; height:auto;  margin-right:1.5%; margin-bottom:10px;border:1px solid #EBEBEB}
.ggul li img{width:100%; height:auto;}
.ggul li span{text-align: center; color: #222; height:0.2rem;font-size:0.12rem;}
.ggul li:nth-child(5n){margin-right:0;}

.fzlc_about{ background:url(../images/shanmai_m.jpg); padding:50px 0; margin-top:50px;background-attachment: local}
.fzlc_about h2{ text-align:center; font-size:0.2rem; font-weight:100; color:#FFFFFF}
.fzlc_about h3{ text-align:center; font-size:0.3rem; font-weight:bold; color:#FFFFFF; line-height:0.6rem}

/* 多图滚动 */
.fzlc_scrollBox{ overflow:hidden; margin-top:10px;}
.fzlc_scrollBox .bd li{width:95%; height:auto; margin:0 auto; margin-bottom:10px;  background-color:#fff; color:#333333; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fzlc_scrollBox .bd li h4{ line-height:0.4rem; font-size:0.24rem;}
.fzlc_scrollBox .bd li p{ line-height:0.27rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}
.fzlc_scrollBox .bd li .xian{ width:100%; height:3px; margin-top:10px; margin-bottom:20px; background-color:#666666; position:relative;}
.fzlc_scrollBox .bd li .xian:before{content: ""; width:12px; height:12px; border-radius:50%; background-color:#E30005; position:absolute; left:-2px; top:-6px; transition:all 0.8s; z-index:1}
.fzlc_scrollBox .bd li:hover .xian:before{left:100%;}
.fzlc_scrollBox .hd{ height:20px; overflow:hidden; font-size:0; text-align:center; margin-top:20px}
.fzlc_scrollBox .hd ul{ display:inline-block; padding-top:5px; }	
.fzlc_scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.fzlc_scrollBox .hd .on{ background:#BA2636;  }
.fzlc_scrollBox .prev,.fzlc_scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.fzlc_scrollBox .next{ background-position:-105px 0; }
/* 多图滚动end */

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

/*fwzx*/
.fwzx_zili{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:20px; margin-top:20px;}
.fwzx_zili dl{float:left; width:48%; height:1.7rem; margin-right:4%; margin-bottom:15px; background-color:#fff}
.fwzx_zili dl dt{width:100%; height:1.35rem; position: relative; overflow:hidden}
.fwzx_zili dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.fwzx_zili dl dt img{width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.fwzx_zili dl dd{ text-align:center; line-height:0.35rem; color:#fff; font-size:0.12rem; position: relative; z-index:666; background-color:#d4e6f9; }
.fwzx_zili dl dd p{padding:0 10px; position:relative; z-index:5; transition: color 1s; margin:0 auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.fwzx_zili dl dd span{ width:0% ;  display:block; height:0.35rem; position:absolute; background-color:#0256ac; z-index:1; transition: width 0.6s;}
.fwzx_zili dl:hover span{ width:100%;}
.fwzx_zili dl:hover p{color:#fff;}
.fwzx_zili dl:hover img{ transform:scale(1.1,1.1);}
.fwzx_zili dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.fwzx_zili dl:nth-of-type(2n+0){margin-right:0px;}
.fwzx_zili dl dd a{ text-decoration:none}
/*fwzx*/

/*********footer*********/
.foot{padding: 10px 0; background-color:#666;}
.foot_box{overflow:hidden; color:#c9caca ;text-align:center;;}
.foot_box a{color:#c9caca; transition-duration:500ms;}
.foot_box a:hover{color:#FF0; text-decoration:none}

.foot_box h1{font-size:0.16rem; line-height:1; margin-bottom:15px; padding-bottom:10px; font-weight:bold; position:relative;}
.foot_box h1:after{content:''; position:absolute; left:0; bottom:0; width:50px; height:1px; background:#fff;}

.foot_text{display:none;}
.foot_text div{display:none}
.foot_text div2{width:100%; height:auto;float:left;margin-right:15px;}
.foot_text h6{ display:none}

.foot_ul{height:auto; margin-top:0.26rem}
.foot_ul li{  text-align:center;height:0.26rem; line-height:0.26; font-size:0.14rem}

.foot_box_left{width:90%; text-align:center; height:auto; margin:0 auto}
.foot_box_left dl{overflow:hidden; width:100%; height:auto}
.foot_box_left dl dd{ text-align:center; width:100%; height:auto; margin-bottom:20px; margin-right:2%;}
.foot_box_left dl dd:nth-of-type(2n+0){margin-right:0}

.foot_box_left2{width:90%; height:auto; margin:0 auto}
.foot_box_left2 h6{ float:left;margin-top:20px;margin-bottom:20px;}
.link_box{width:100%; height:auto; line-height:0.2rem;}
.link_box a{ padding-right:10px;}
.link_box a:hover{text-decoration:underline}


.foot_box_left3{width:90%; height:auto; margin:0 auto}

.foot_box_right{display:none;}



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

.foot_2021_box{ overflow:hidden}
.foot_2021_box .l{display:none;}
.foot_2021_box .l img{width:100%; max-width:100%; height:auto;}
.foot_2021_box .l li{ float:left;width:100%; height:auto;font-size:14px; line-height:30px }
.foot_2021_box .l li img{width:100%; max-width:100%; height:100%;}
.foot_2021_box .r{ width:100%; height:auto; text-align:center}
.ewm{display:none;}
.ewm img{display:block; width:100%; height:100%; max-width:100%;}
.ewm li{text-align:center; width:100%; height:auto; }
.ewm li img{text-align:center;display:block; width:100%; height:100%; max-width:100%;}
.ewm li p{ text-align:center; font-size:14px; line-height:30px}
.ewm li:nth-of-type(2n+0){margin-right:0}

.ewm22{text-align:center;width:100%; height:auto; overflow:hidden; color:#fff;margin-bottom:10px; }
.ewm22 img{width:100%; max-width:100%; height:100%;}
.ewm22 li{margin-left:100px; text-align:center; width:120px; height:auto;margin-top:30px; }
.ewm22 li img{display:block; width:100%; height:100%; max-width:100%;}
.ewm22 li p{ text-align:center; font-size:14px;margin-top:-20px;  line-height:30px}
.ewm22 li:nth-of-type(1n+0){margin-right:0}

.foot_ewm{ width:60%; height:auto;text-align:center; margin:0 auto; margin-top:30px;}
.foot_ewm img{width:100%; max-width:100%; height:auto;text-align:center;}
.foot_ewm li{width:100%; height:auto;  font-size:16px;color:#fff;}
.foot_ewm li img{width:100%; max-width:100%; height:auto;}
.foot_ewm li p{ float:right; font-size:16px;color:#fff;line-height:0.36rem}


/*最底部*/
.foot_foot{display:none;}
.foot_foot a{color:#a1a1a1;}
.foot_foot a:hover{ color:#FFCC00}
.foot_foot .l{width:100%; height:auto; line-height:0.36rem; text-align:center}
.foot_foot .r{width:100%; height:auto; line-height:0.36rem; text-align:center}
.foot_foot .r .yuan{ overflow:hidden}
.foot_foot .r .yuan li{ display:inline-table; width:35px; height:35px;line-height:35px; background-color:#ff5a00; border-radius:50%; margin-left:8px; text-align:center;}
.foot_foot .r .yuan li img{ }
.foot_foot .r .yuan li:hover{ background-color:#f08300}
.foot_foot .r .yuan li a{ display:block}
.foot_foot .web_link{ display:none}
/*********footer*********/
}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
.head_zw{width:100%; height:40px; background-color:#eee; position:fixed;  z-index:99999}
.head_top{overflow:hidden;background-color:#eee;}
.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}

.bj{ float:left; width:100%; height:auto; background:url(../images/cpbj.png) no-repeat;padding: 20px 0; }
.bj2{ float:left; width:100%; height:auto; margin-top:-140px;background:url(../images/cpbj.png) no-repeat;padding: 40px 0; }
.bj3{ float:left; width:100%; height:auto; margin-top:-20px;margin-bottom:-22px;background:url(../images/bj3.png) no-repeat;padding: 40px 0; }

.top_head{width:100%; height:100px; position:fixed; background-color: rgba(0,0,0,0.1);border-bottom: 1px solid #ccc;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}

.bjbj{ background-color:#1c5a84; box-shadow: 0 1px 10px rgba(0, 0, 0, 8);}
.bjbj .nav li a{color:#fff!important;}
.bjbj .33 li a{color:#fff!important;}
/*logo*/
.logo{width:100%; height:auto;}
.logo .l{float:left; width:300px; height:100px;line-height:100px;}
.logo .l img{max-width:100%; height:auto;}
.logo .r{float:right;width:950px; line-height:100px;margin-right:-210px;margin-top:2px}




.topbu{ background:url(../images/header_bg.png) repeat; }
.h_sj{  text-align:right; height:45px;}
.h_sj>img{ width:260px;  float:left; margin-left:10px;margin-right:17px;}
.h_sj>span i{  width:300px;  font-size:28px; color:#6eba34; margin:0px 20px; margin-left:10px;margin-right:17px;}
.h_sj>span i:hover{ color:#961677; 
cursor:pointer}

.head_menu{background-color:#fff; height:105px;}
.menu_box{ overflow:hidden}
.menu_box .menu_box_left{float:left; height:105px;}
.menu_box .menu_box_left img{max-width:100%; max-height:100%; }
.menu_box .menu_box_right{ overflow:hidden; background:url(../images/dh.png) no-repeat left center; margin-right:50px; padding-left:30px; margin-top:20px; float:right }
.menu_box .menu_box_right p{ font-size:16px; color:#333; margin-left:25px; }
.menu_box .menu_box_right h3{ font-size:32px;margin-left:25px; line-height:45px;color:#000}
.menu_box .mobile_menu{display:none}

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

/*导航菜单start*/
.menu_bj{height:50px; background-color:#fff;border-bottom:1px solid #f0831e;border-top:1px solid #f0831e}
.l{float:left;width:950px;}
.r{float:right;width:300px;margin-top:12px;}
.menu_box{ display:none; }
.menu {display:table; margin:0 auto; padding:0px; overflow:hidden;}
.menu li {float:left; line-height:50px;}
.menu li a {display:block; font-size:17px; color:#000; padding:0 26px;}
.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; font-weight:400; background-color:#167dc4}

.menu2 {display:table; margin:0 auto; padding:0px; overflow:hidden;}
.menu2 li {float:left; line-height:50px;}
.menu2 li a {display:block; font-size:14px; color:#fff; padding:0 26px;margin-left:-22px;}
.menu2 li:hover a,.menu li.active a{text-decoration:none; color:#fecb00; font-weight:400;}
/*导航菜单end*/
/*无js下拉菜单*/
.nav {
	width:100%;
}
.nav ul li {
        float: left;
        height: 100px;
        text-align: center;
        position: relative;
}
.nav ul li .tits {
          width: 120px;
          height: 100px;
          font-size: 18px;
          line-height: 100px;
          color: #fff;
		  font-weight:500;
          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 #f79505;
          display: none;
}
.nav ul li dl dd {
            width: 150px;
            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;
			  font-weight:bold;
              width: 100%;
              display: block;
}
.nav ul li:hover .tits {
             color: #da6b42;
			 font-weight:normal;
			 background-color: rgba(0,0,0,0.1);
			 border-bottom: 2px solid #f79505;
}

.nav ul li:hover dl {
        display: block;
}
.nav ul li.on .tits {
        background: #f79505;
}
.nav ul li.on>a:after{content: '';display: block; width: 60px; height:5px; background:#f36f2e; position:absolute; bottom:0.2rem; left:50%; margin-left:-30px; }
.nav ul li.on a{color:#f36f2e;}
.nav33 {
	width:100%;
}
.nav33 ul li {
        float: left;
        height: 110px;
        text-align: center;
        position: relative;
}
.nav33 ul li .tits {
          width: 160px;
          height: 110px;
          font-size: 20px;
          line-height: 110px;
          color: #fff;
		  font-weight:1000;
          display: block;
          position: relative; 
          box-sizing: content-box;
}

.nav33 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: 80px;
          left: 0;
		  border-top: 4px solid #ccc;
          display: none;
}
.nav33 ul li dl dd {
            width: 150px;
            height: auto;
            margin: 0 auto;
            line-height: 50px;
            font-size: 16px;
            text-align:center;
}
.nav33 ul li dl dd a {
              color: #000;
              width: 100%;
              display: block;
}
.nav33 ul li dl dd a:hover {
              color: #fff;
			  font-weight:bold;
              width: 100%;
              display: block;
			  background-color:#ccc;
}
.nav33 ul li:hover .tits {
             color: #a30303;
			 font-weight:bold;
}

.nav33 ul li:hover dl {
        display: block;
}
.nav33 ul li.on .tits {
        background: #ae1628;
}

.sousuo11{width:250px; height:35px; background-color:#167dc4; line-height:35px;  background-repeat:no-repeat; padding-left:10px; color:#fff; font-size:12px;}


/*右侧隐藏菜单*/
.yc_menu{display:none}
.allpage{display:none}
.allpage_close{display:none}
/* 隐藏菜单 end*/

/*电脑隐藏悬浮菜单*/
.pc_menu{ background-color:#fff; height:130px; position:fixed; top:0; left:0; z-index:9999999; box-shadow: 0 2px 4px #ddd; display:none}
/*电脑隐藏悬浮菜单end*/

/*通栏banner*/
.sub_banner{width:100%;position:relative; }
.sub_banner img{ width:100%;text-align:center; height:auto}
.sub_banner p{ position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #000;}
.sub_banner .about_list{position:absolute; bottom:0; left:0; width:100%; height:160px; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }
.sub_banner .all_list{position:absolute; bottom:0; left:0; width:100%; height:100px; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }

.sub_banner2{width:1350px;position:relative;margin-top:30px; }
.sub_banner2 img{ width:1350px; height:auto}
.sub_banner2 p{ position:absolute; top:0; left:0; width:100%; height:30px;}
.sub_banner2 .about_list{position:absolute; bottom:0; left:0; width:100%; height:160px; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }
.sub_banner2 .all_list{position:absolute; bottom:0; left:0; width:100%; height:100px; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }
.sub_banner3{width:100%;position:relative;margin-top:80px;height:230px; }
/*主体盒子*/
.main{ overflow:hidden; margin-top:50px; margin-bottom:50px;background-color:#FFFFFF}
.main_left{width:100%; height:auto; overflow:hidden;}
.main_right{ width:945px; height:auto; overflow:hidden;}
/*主体盒子_end*/
.main_left_title{height:90px; line-height:90px; background: #34469b; padding-left:40px; font-weight:bold; font-size:26px; color:#fff; border-radius: 0 50px 0 0;}
.main_left_ul{ width:100%; height:auto;}
.main_left_ul li{height:40px; line-height:40px;font-size:15px; text-align:left; border-right:4px solid #34469b; background-color:#dfdcdc; position:relative;}
.main_left_ul li.active{background-color:#34469b; margin-top:10px;}
.main_left_ul li.active a{color:#FFF}
.main_left_ul li+li{ margin-top:7px}
.main_left_ul li a{display:block; padding-left:20px; color:#333; transition-duration:500ms;	z-index:1; position:absolute; left:0; top:0; width:100%; height:100%;}
.main_left_ul li a:hover{text-decoration:none;	color:#fff;}
.main_left_ul li.visited{ background:#f8f8f8 url(../img/cpjt.png) no-repeat 10px center}
.main_left_ul li.visited a{ padding-left:30px;}
.main_left_ul li span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#34469b; transition: 0.4s all ease}
.main_left_ul li:hover span{ right:0}
.bj245{background-color:#34469b; height:50px; margin-top:7px; border-radius:0 0 0 50px;}

/*右侧245px*/
.zczc{ float:right;width:300px; height:auto; overflow:hidden; margin-top:15px; position:absolute;}
.zczc_title{height:90px; line-height:90px; background: #0256ac ; padding-left:20px; font-weight:bold; font-size:26px; color:#fff; border-radius: 0 50px 0 0;}
.zczc_ul{ width:100%; height:auto;}
.zczc_ul li{height:40px; line-height:40px;font-size:15px; margin-top:5px;text-align:left; border-right:4px solid #ffd600; background-color:#0256ac; position:relative;}
.zczc_ul li.active{background-color:#ffa200; margin-top:5px;}
.zczc_ul li a:after{content: '';display: block;width: 100%;height: 2px;background:#ffa200;position: absolute;top: -1px;left: 0;transition: 0.4s ease-out; transform: scaleX(0);}
.zczc_ul li+li{ margin-top:5px}
.zczc_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%;}
.zczc_ul li a:hover{text-decoration:none;	color:#fff;}
.zczc_ul li.visited{ background:#f8f8f8 url(../img/cpjt.png) no-repeat 10px center;color:#ff0030}
.zczc_ul li.visited a{ padding-left:30px;}
.zczc_ul li span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#0256ac; transition: 0.4s all ease}
.zczc_ul li:hover a:after,.about_u1 li.active a:after{transform: scaleX(1);}
.zczc_ul li:hover a,.about_u1 li.active a{color: #ffd600;}
.zczc_ul li:hover a{ right:0;background-color:#ffa200; color:#fff; }


.m_zc{ display:none}
.m_ul{display:none}
/*右侧245px_end*/


.about_u1 li a:after{content: '';display: block;width: 100%;height: 2px;background:#ffd600;position: absolute;top: -1px;left: 0;transition: 0.4s ease-out; transform: scaleX(0);}
.about_u1 li:hover a:after,.about_u1 li.active a:after{transform: scaleX(1);}
.about_u1 li:hover a,.about_u1 li.active a{color: #ffd600;}
/*产品分类*/
.main_left22{float:left; width:180px; height:50px; text-align:center;line-height:50px;font-size:16px; overflow:hidden;background:#f5f5f5;margin-top:30px; border:1px solid #e8e8e8}
.main_right22{ float:right; width:1416px; height:50px; line-height:50px; overflow:hidden;margin-top:30px;border:1px solid #e8e8e8}
.pro_fl_u1{float:left;  width:99%; height:auto; }
.pro_fl_u1 li{display:inline-block; height:40px; line-height:40px; margin-right:10px; text-align:center;  border-radius:5px;}
.pro_fl_u1 li a{display: block;  color:#333;font-size:16px; padding:0 25px}
.pro_fl_u1 li:hover a,.pro_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#34469b,#34469b); border-radius:5px;}
.pro_fl_u1 li:last-child{border-right:none}

.pro_fl_u122{float:right;  height:auto; }
.pro_fl_u122 li{display:inline-block; height:60px; line-height:60px; margin-right:10px; text-align:center; }
.pro_fl_u122 li a{display: block;  color:#333;font-size:16px; padding:0 25px}
.pro_fl_u122 li:hover a,.pro_fl_u122 li.active a{color:#fe5400; }
.pro_fl_u122 li:last-child{border-right:none}

/*产品框*/
.ul_product{ width:100%; height:auto; margin:0 auto; margin-top:160px;margin-bottom:20px; overflow:hidden}
.ul_product li{float:left; width:45%; height:auto; margin-right:3%;margin-left:20px;margin-right:20px;background:#e2e2e2; margin-bottom:50px; position:relative;border-radius:5px; }
.ul_product li span{display:block; width:100%; height:auto; box-sizing:border-box; overflow:hidden}
.ul_product li span img{width:100%; height:100%;}
.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{}
.ul_product li:hover span{color:#fff;}
.ul_product li p{float:left;font-weight:600; font-size:18px;line-height:30px;color:#1c5a84;padding: 15px 0;margin-left:20px; overflow:hidden}
.ul_product li dd{float:right;font-weight:500; font-size:15px;line-height:30px;color:#333;padding: 15px 0;margin-right:20px; overflow:hidden}
.ul_product li em{float:left;text-indent:28px;background:#f7f7f7;font-weight:400; font-size:14px;line-height:25px;color:#333;padding:15px; overflow:hidden;border-top:4px solid #d0d0d0}

.ul_product li:nth-child(6n){margin-right:0;}

.ul_product22{ width:100%; height:auto; margin:0 auto; margin-top:160px;margin-bottom:-150px; overflow:hidden}
.ul_product22 li{float:left; width:92%; height:auto; margin-left:20px;margin-right:20px;background:#e2e2e2; margin-bottom:50px; position:relative;border-radius:5px; }
.ul_product22 li span{display:block; width:100%; height:auto; box-sizing:border-box; overflow:hidden}
.ul_product22 li span img{width:100%; height:100%;}
.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{}
.ul_product22 li:hover span{color:#fff;}
.ul_product22 li p{float:left;font-weight:600; font-size:18px;line-height:30px;color:#1c5a84;padding: 15px 0;margin-left:20px; overflow:hidden}
.ul_product22 li dd{float:right;font-weight:500; font-size:15px;line-height:30px;color:#333;padding: 15px 0;margin-right:20px; overflow:hidden}
.ul_product22 li em{float:left;text-indent:28px; background:#f7f7f7;font-weight:400; font-size:14px;line-height:25px;color:#333;padding:15px; overflow:hidden;border-top:4px solid #d0d0d0}
.ul_product22 li em img{display:block; width:600px; height:200px; box-sizing:border-box; margin-left:260px;overflow:hidden}
.ul_product22 li:nth-child(4n){margin-right:0;}
/*产品框_end*/

/*产品框*/
.albj{ height:auto;background:url(../images/cpbj.jpg) center center no-repeat; overflow:hidden}
.ul_product33{ width:100%; height:auto; margin:0 auto; margin-top:10px;margin-bottom:20px; overflow:hidden}
.ul_product33 li{float:left; width:23%; height:auto; margin-right:2%;background:#e4e4e4; border:#e4e4e4 1px solid;margin-bottom:20px; position:relative;}
.ul_product33 li span{display:block; width:100%; height:auto; box-sizing:border-box; overflow:hidden}
.ul_product33 li span img{width:100%; height:100%;}
.ul_product33 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_product33 li:hover{color:#fff;background:#e4e4e4;border:#e4e4e4 1px solid;}
.ul_product33 li:hover span{background:#e4e4e4;color:#fff;}
.ul_product33 li p{float:left;font-weight:600; font-size:16px;line-height:30px;color:#333;margin-top:20px;margin-left:20px;margin-right:20px;overflow:hidden}
.ul_product33 li em{float:left;font-weight:400; font-size:14px;line-height:30px;color:#666; margin-left:20px;margin-right:20px;margin-bottom:20px;ooverflow:hidden}
.ul_product33 li:hover p{background:#e4e4e4;}
.ul_product33 li:nth-child(4n){margin-right:0;}

.ul_product44{ width:100%; height:auto; margin:0 auto; margin-top:10px;margin-bottom:-50px; overflow:hidden}
.ul_product44 li{float:left; width:92%; height:auto; margin-left:20px;margin-right:20px;background:#e2e2e2; margin-bottom:50px; position:relative;border-radius:5px; }
.ul_product44 li span{display:block; width:100%; height:auto; box-sizing:border-box; overflow:hidden}
.ul_product44 li span img{width:100%; height:100%;}
.ul_product44 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_product44 li:hover{}
.ul_product44 li:hover span{color:#fff;}
.ul_product44 li p{float:left;font-weight:600; font-size:18px;line-height:30px;color:#1c5a84;padding: 15px 0;margin-left:20px; overflow:hidden}
.ul_product44 li dd{float:right;font-weight:500; font-size:15px;line-height:30px;color:#333;padding: 15px 0;margin-right:20px; overflow:hidden}
.ul_product44 li em{float:left;text-indent:28px; background:#f7f7f7;font-weight:400; font-size:14px;line-height:25px;color:#333;padding:15px; overflow:hidden;border-top:4px solid #d0d0d0}
.ul_product44 li em img{display:block; width:600px; height:200px; box-sizing:border-box; margin-left:260px;overflow:hidden}
.ul_product44 li:nth-child(4n){margin-right:0;}

.section-title {
	margin-bottom: 40px;
	margin-top:20px;
	font-weight: bold;
	line-height: 1;
}
.section-title small {
    float:right; 
	display: block;
	font-size: 16px;
	color: #34469b;
	text-transform: uppercase;
}
.section-title strong {
	display: block;
	position: relative;
	color: #34469b;
	font-size: 24px;
	margin-top: 10px;
}
.section-title strong:after {
	position: absolute;
	right: 0;
	top: 90%;
	height: 1px;
	width: 93%;
	content: "";
	background: #34469b;
}
/* 点击弹窗相关样式 */
.cert-thumbnail {
    cursor: pointer;
    transition: 0.3s;
}
.cert-thumbnail:hover {
    opacity: 0.8;
}

.news_fl {margin-top: -64px; position: relative; z-index: 1; margin-bottom: 40px; text-align:right}

.section-title22 {
	margin-bottom: 40px;
	margin-top:60px;
	font-weight: bold;
	line-height: 1;
}
.section-title22 small {
    float:right; 
	display: block;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.section-title22 strong {
	display: block;
	position: relative;
	color: #fff;
	font-size: 24px;
	margin-top: 10px;
}
.section-title22 strong:after {
	position: absolute;
	right: 0;
	top: 90%;
	height: 1px;
	width: 93%;
	content: "";
	background: #fff;
}
/* 点击弹窗相关样式 */
.cert-thumbnail {
    cursor: pointer;
    transition: 0.3s;
}
.cert-thumbnail:hover {
    opacity: 0.8;
}

.news_fl22 {margin-top: -64px; position: relative;color: #fff; z-index: 1; margin-bottom: 40px; text-align:right}
.news_fl22 a{margin-top: -64px; position: relative;color: #fff; z-index: 1; margin-bottom: 40px; text-align:right}
/* 模态框遮罩层 */
.image-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

/* 模态框内大图 */
.modal-content {
    margin: auto;
    display: block;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 关闭按钮 */
.modal-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}
.modal-close:hover {
    color: #ccc;
}
/*产品框_end*/


/*盒子内标题*/
.main_title{ height:40px; font-size:16px;}

.hr{ height:30px; border-bottom:1px solid #CCC}

/*箱子主体*/
.main_box{overflow:hidden; margin-top:30px;}

.pro_fl{ background-color:#f1f1f1; height:61px; z-index:99999; transform: translateY(-50px);margin-top:80px;}

/*产品分类 */
.sideMenu{  border:1px solid #96c6f6;  }
.sideMenu h1{ height:50px; line-height:50px;font-size:20px;text-align:center;  border-bottom:1px solid #e3e3e3;  background:#185daa;color:#FFFFFF;}
.sideMenu li{ height:40px; line-height:40px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#185daa; cursor:pointer; font:normal 14px/40px "Microsoft YaHei"; color:#FFFFFF;}
.sideMenu li em{ float:right; display:block; width:40px; height:40px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu li.on em{ background-position:16px -57px; }
.sideMenu li a {color:#FFF;}
.sideMenu li a:hover {color:#ffc600;}
.sideMenu ul{ padding:8px 15px; color:#000000; display:none; /* 默认都隐藏 */ }
.sideMenu ul li{ line-height:30px; border-bottom:1px dashed #cfcfcf}

/*产品框*/
.pro_ul{font-size:0;}
.pro_ul li{display:inline-block; vertical-align: top; width:29.6%;margin-right: 5.5%;margin-bottom: 35px;}
.pro_ul li span{display: block;position: relative;}
.pro_ul li span:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,40,86,.1);position: absolute;top: 0;left: 0;transform: scale(0.87);z-index: 2;transition: 0.5s ease-out;}
.pro_ul li span:after{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;transform: scale(1);z-index: 2;transition: 0.5s ease-out;opacity: 0;}
.pro_ul li:hover span:after{transform: scale(0.87);opacity: 1;border: 1px solid #d3ae01;}
.pro_ul li:hover span:before{transform: scale(1);opacity: 0;}
.pro_ul li i{display: block;overflow: hidden;box-sizing: border-box;border: 3px solid #e8e8e8;transition: 0.5s ease-out;}
.pro_ul li i img{width: 100%;transition: 0.3s ease-out;}
.pro_ul li:hover i img{transform: scale(1.05);}
.pro_ul li:hover i{border-color:#1479d7;}
.pro_ul li:nth-child(3n){margin-right: 0;}
.pro_ul li p{text-align: center; font-size:16px; color: #282828; margin-top: 17px; transition: 0.5s ease-in-out; height:16px; position:relative; z-index: 3;}
.pro_ul li:hover p{transform: translateY(-85px);font-size: 20px;font-weight: bold;color: white;}


.pro_ul22{font-size:0;margin-top: 40px;}
.pro_ul22 li{display:inline-block; vertical-align: top; width:47%;margin-left:2%;margin-right: 1%;margin-bottom:20px;}
.pro_ul22 li span{display: block;position: relative;}
.pro_ul22 li span:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,40,86,.1);position: absolute;top: 0;left: 0;transform: scale(0.87);z-index: 2;transition: 0.5s ease-out;}
.pro_ul22 li span:after{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;transform: scale(1);z-index: 2;transition: 0.5s ease-out;opacity: 0;}
.pro_ul22 li:hover span:after{transform: scale(0.87);opacity: 1;border: 1px solid #d3ae01;}
.pro_ul22 li:hover span:before{transform: scale(1);opacity: 0;}
.pro_ul22 li i{display: block;overflow: hidden;box-sizing: border-box;border: 3px solid #e8e8e8;transition: 0.5s ease-out;}
.pro_ul22 li i img{width: 100%;transition: 0.3s ease-out;}
.pro_ul22 li:hover i img{transform: scale(1.05);}
.pro_ul22 li:hover i{border-color:#1479d7;}
.pro_ul22 li:nth-child(4n){margin-right: 0;}
.pro_ul22 li p{text-align: center; font-size:14px; color: #282828; margin-top: 17px; transition: 0.5s ease-in-out; height:16px; position:relative; z-index: 3;}
.pro_ul22 li:hover p{transform: translateY(-85px);font-size: 14px;color: white;}
/*产品框_end*/
.kk{width:900px; height:auto; margin:0 auto; border:1px solid #ccc;overflow:hidden; margin-bottom:30px; margin-top:20px;}
.kk h7{font-size:24px;margin-top:20px; margin-left:-1px; }
.kk h8{font-size:18px; margin-top:-10px;margin-left:-1px; }
.kk h9{font-size:20px;margin-top:20px;margin-left:-1px;  margin-bottom:-15px;color:#222 }
.kk h10{font-size:20px;margin-top:-10px;margin-left:-1px;  margin-bottom:-1px;color:#222 }

/*关于我们*/
.about_h2{font-size:30px; color: #fff; margin-top:20px; text-align:center}
.about_h3{font-size:35px; color: #fff; font-family: Tahoma , "Microsoft Yahei"; text-transform: uppercase; text-align:center; margin-top:10px;}

.about_h1{font-size:30px; color: #333; margin-top:20px; text-align:center}
.about_h4{font-size:35px; color: #333; font-family: Tahoma , "Microsoft Yahei"; text-transform: uppercase; text-align:center; margin-top:10px;}

.qywh{ background:url(../images/qywh.jpg); padding-top:60px; padding-bottom:100px; margin-top:50px;  background-attachment: scroll !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
  z-index: 1;}
.qywh_box{overflow:hidden; margin-top:60px}
.qywh_box li{float:left; width:580px; height:300px; padding-top:35px; text-align:center; border:1px solid #fff; margin-left:20px;margin-right:20px}
.qywh_box li .pic{width:151px; height:137px; padding-top:37px; margin:auto; background:url(../images/k1.png) no-repeat center}
.qywh_box li .pic i{display:block;margin:auto;width:100px;height:100px;background:url(../images/ico_04.png) no-repeat}
.qywh_box li .pic .ico_01{background-position: 0 0}
.qywh_box li .pic .ico_02{background-position: -100px 0}
.qywh_box li .pic .ico_03{background-position: -200px 0}
.qywh_box li .pic .ico_04{background-position: -300px 0}
.qywh_box li h3{padding:40px;margin-top:-40px;margin-bottom:20px;font-size:24px;float:left;color:#fff;font-weight:400}
.qywh_box li p{ padding:40px;font-size:16px;margin-top:-60px;float:left;color:#fff;font-weight:400}
.qywh_box li:hover{}
.qywh_box li:hover .pic{background-image:url(../images/k2.png)}
.qywh_box li:hover h3,
.qywh_box li:hover p{color:#ffffff}
.qywh_box li:nth-of-type(4n+0){margin-right:0}

.ppln{ overflow:hidden; margin-top:40px;}
.ppln .left{ float:left; width:530px; height:auto;}
.ppln .left img{width:100%; height:auto}
.ppln .right{float:right; width:680px; height:auto;}
.ppln .right h3{ font-size:23px; font-weight:100; line-height:60px}
.ppln .right .div1{ margin-top:10px; line-height:28px}
/*关于我们_end*/
.base-crumbs{
    width: 100%;
    height:80px;
	line-height: 80px;
    background-color: #f6f6f6;
	border-bottom:2px solid #34469b;
}
.base-crumbs .l{float:left;margin-left:200px; font-size:20px;color:#34469b;font-weight:bold; line-height: 35px;height:35px;padding:22px 0;}
.base-crumbs .r{float:right; width: 33%;background-color: #34469b;height:80px;line-height: 80px; margin-top:-1px;}
.base-crumbs22{
    width: 100%;
    height:60px;
	line-height: 60px;
    background-color: #eae8e4;
}
.base-crumbs22 .r{float:right;width:70%; font-size:16px;color:#000;font-weight:normal; line-height: 60px;height:60px;margin-top:-2px;}
.base-crumbs22 .l{ float:left;width: 30%;height:60px;line-height: 60px; }
.title_202110{ float:left;font-size:16px;color:#000; line-height: 60px;height:60px;}
.title_202110 a{color:#000; margin-right:10px;}
.title_202110 a:hover{ color:#dd0000}
.title_202110 a+a:before{ padding-right:5px; color:#000; content: ">";}

.fenlei_box{display:none}
/* 通用重置与基础样式 */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.container {
    width: 1090px;
    margin: 0 auto;
    position: relative;
}

/*发展历程*/
.fzlc_about{ width:100%;min-height:540px;  background:url(../images/shanmai.jpg); padding:60px 0; margin-top:50px; background-attachment: scroll !important;background-size: cover !important;background-repeat: no-repeat !important;position: relative;z-index: 1;}
.fzlc_about h2{ text-align:center; font-size:26px; font-weight:100; color:#FFFFFF}
.fzlc_about h3{ text-align:center; font-size:30px; font-weight:bold; color:#FFFFFF; line-height:60px}

/* 多图滚动 */
.fzlc_scrollBox{ overflow:hidden; margin-top:50px;background-attachment: scroll}
.fzlc_scrollBox .bd li{float:left; width:30%; height:260px; margin-right:3%;  background:#eef3f7;  color:#333333; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fzlc_scrollBox .bd li h4{ line-height:50px; font-size:24px;margin-left:-3px;font-weight:bold; }
.fzlc_scrollBox .bd li h5{font-size:22px; line-height:35px; margin-top:30px;margin-left:-3px; font-weight:bold; color:#000}
.fzlc_scrollBox .bd li .xian{ width:100%; height:3px; margin-top:10px; background-color:#666666; position:relative;}
.fzlc_scrollBox .bd li .xian:before{content: ""; width:12px; height:12px; border-radius:50%; background-color:#E30005; position:absolute; left:-2px; top:-6px; transition:all 0.8s; z-index:1}
.fzlc_scrollBox .bd li:hover .xian:before{left:100%;}
.fzlc_scrollBox .bd li p{ line-height:27px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}
.fzlc_scrollBox .bd li:nth-of-type(3n+0){margin-right:0}

.fzlc_scrollBox .hd{ height:20px; overflow:hidden; font-size:0; text-align:center; margin-top:50px}
.fzlc_scrollBox .hd ul{ display:inline-block; padding-top:5px; }	
.fzlc_scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.fzlc_scrollBox .hd .on{ background:#f1f1f1;  }
.fzlc_scrollBox .prev,.fzlc_scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.fzlc_scrollBox .next{ background-position:-105px 0; }
/* 多图滚动end */
/*发展历程_end*/


/*单页*/
.about_u1{font-size: 0;}
.about_u1 li{display: inline-block; vertical-align:top; width: 16%; text-align:center; line-height:100px;}
.about_u1 li a{display: block; position: relative; font-size:16px; color:#fff;}
.about_u1 li a:after{content: '';display: block;width: 100%;height: 2px;background:#ffd600;position: absolute;top: -1px;left: 0;transition: 0.4s ease-out; transform: scaleX(0);}
.about_u1 li:hover a:after,.about_u1 li.active a:after{transform: scaleX(1);}
.about_u1 li:hover a,.about_u1 li.active a{color: #ffd600;}

.about_bj{ background:url(../images/about.jpg) no-repeat center center;margin-top:40px;}
.about_div{background: white; box-sizing: border-box; font-size:0; padding: 55px 90px; box-shadow:0 0px 29px -1px grey; transform: translateY(-60px);}

.about_foot{ overflow:hidden}
.about_foot li{ float:left; width:50%; height:auto; border-bottom:2px solid #fccf1c; position:relative}
.about_foot li img{ width:100%; height:auto}
.about_foot li p{position:absolute; left:10px; top:45%; width:100%; height:auto; z-index:999; text-align:center}
.about_foot li p span{font-size: 24px; font-weight:bold; color:white;}
.about_foot li p span:before{content: '';display: inline-block;vertical-align: middle; width:65px; height:2px; background: rgba(250,250,250,.8); margin-right:25px; transition: 0.3s ease-in-out;}
.about_foot li:hover p span:before{width:120px;}

.about_pro{background:url(../images/jt.jpg) no-repeat top center; padding-top:40px}
/*单页_end*/

/***********新闻资讯***********/
.i_new{ width:100%; height:auto; overflow:hidden}
.i_new li{float:left; width:620px; height:110px; margin-right:30px; margin-bottom:20px; transition-duration:500ms; background-color:#F6F6F6;}
.i_new li a{ display:block}
.i_new li .i_n_box{ padding:15px; height:80px; overflow:hidden}
.i_new li .i_n_box>.i_l{float:left; width:95px; height:auto; text-align:center; overflow:hidden; border-right:1px solid #CCC}
.i_new li .i_n_box>.i_l>.date{font-size:55px; line-height: 1;}
.i_new li .i_n_box>.i_l>.year{ font-size:14px; line-height:25px}
.i_new li .i_n_box>.i_r{float:right; width:480px; height:80px; overflow:hidden;}
.i_new li .i_n_box>.i_r h4{ font-size:20px; line-height:26px; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.i_new li .i_n_box>.i_r h5{ font-size:14px; font-weight:100; line-height:23px; margin-top:10px;}
.i_new li:nth-of-type(2n+0){margin-right:0px;}
.i_new li:hover{ background-color:#185daa}
.i_new li:hover a{color:#FFF}
/***********新闻资讯_end***********/

.story_wrap{margin-top:10px;position:relative;z-index:11}
.story_list{width:100%;margin:0 auto;}
.story_list li{padding:30px; height:auto; border:1px solid #e7eaf1; box-shadow:0px 0px 10px #dddbdb; border-radius: 5px; margin-bottom:20px}
.story_list li .story_pic{width:230px;height:185px;overflow:hidden;float:left}
.story_list li .story_pic img{width:100%;height:100%;display:block}
.story_list li .story_text{padding:15px 20px 0 10px;height:170px;}
.story_list li .story_text .time{font-size:14px;color:#333}
.story_list li .story_text h3{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;margin-top:8px;}
.story_list li .story_text .story_con{font-size:14px;color:#999;margin-top:14px;line-height:25px;height:60px;overflow:hidden}
.story_list li .story_text .go_detail{float:left;display:block;margin-top:2px;width:150px;height:26px;line-height:26px;color:#344f60;font-size:16px;background:#fff;}
.story_list li .story_text .go_detail:hover{background:#b19844;color:#fff}

/*图片栏目start*/
.photo {width:100%; height:auto; overflow:hidden; margin-bottom:25px; }
.photo li{ float:left; width:235px; height:176px; margin-right:20px; margin-bottom:20px; position:relative;}
.photo li img{display:block; width:100%; height:100%; max-width:100%;}
.photo li:nth-of-type(4n+0){margin-right:0px;}
.photo li ._txt{ position:absolute; left:0; bottom:0; right:0; padding:0 10px; height:35px; line-height:35px; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; background: rgba(0,0,0,0.4);}
/*图片栏目end*/

/*通用内容盒子*/
.content_box{width:100%; height:auto; overflow:hidden;}
.cp{ width:100%; height:auto;}
.content_box .l{width:40%;float:left;  height:auto; overflow:hidden;position:relative; margin:0 auto;margin-left:100px;}
.content_box .c{width:15%; float:left; height:auto; overflow:hidden;position:relative;  margin-top:20px;}
.content_box .r{width:45%; float:left; height:auto; overflow:hidden;position:relative; margin-top:20px;}
.content_box .z{width:40%;float:left;  height:auto; overflow:hidden;position:relative; margin:0 auto;margin-left:100px;}
.content_box .y{width:45%; float:right; height:auto; overflow:hidden;position:relative; margin-top:20px;}
.content_box .left{width:30%;float:left;  height:auto; overflow:hidden;position:relative; margin:0 auto;}
.content_box .right{width:65%;float:left;  height:auto; overflow:hidden;position:relative; margin:0 auto;margin-right:20px;}
.content_box h1{width:100%;font-size:24px; line-height:80px; float:left;margin-bottom:10px; border-bottom:1px solid #ae8336; color:#344f60}
.content_box h1 p{font-size:24px; line-height:80px; float:right;margin-bottom:10px; color:#344f60}
.content_box h2{font-size:24px; line-height:30px;  margin-left:80px;color:#333;font-weight:normal;}
.content_box h2 em{font-size:16px; line-height:70px;  font-weight: normal;color:#e53333;}
.content_box h3{font-size:16px; line-height:35px; font-weight: normal;margin-bottom:15px;margin-top:15px;margin-left:50px; color:#666;}
.content_box h4{font-size:14px; line-height:30px; margin-left:80px; font-weight: normal;color:#333;}
.content_box h5{font-size:18px; line-height:40px; color:#ccc;margin-left:20px;font-weight: normal;text-transform:Uppercase;}
.content_box h6{ line-height:40px; color:#ccc;margin-left:20px;font-weight: normal;font-size:30px;color:#344f60}
.content_box h7{width:100%;font-size:18px;float:left; line-height:30px; color:#d9970d;font-weight: normal;text-transform:Uppercase;}
.content_box h8{width:100%;font-size:18px;float:left; line-height:30px; color:#808080;font-weight: normal;text-transform:Uppercase;}
.content_box .date{ width:100%;font-size:12px; padding-top:10px; float:left;margin-bottom:35px; color:#999999}
.content_box .date span{ padding-right:15px;}
.content_box .pic{width:98%; height:auto; text-align:center; }
.content_box .pic img{max-width:100%; margin:20px 0;}
.content_box .xxjs{ height:55px;line-height:55px; background:url(../img/iou7pro.png) no-repeat;margin-top:600px; }
.content_box .xxjs p{ height:30px;line-height:30px;color:#FFF; margin-left:20px;font-weight:700;}
.content_box .xxjs22{ border-bottom:1px solid #c5c5c5;margin-bottom:45px;margin-top:45px;}
.content_box .view_content{width:100%; height:auto; margin-top:25px;font-size:16px;}
.content_box .view_content img{max-width:100%; margin:20px 0}
/*通用内容盒子_end*/

.imgimg{ width:100%; height:auto}
.imgimg img{ width:100%; height:auto}
.gg{ width:100%; height:auto; margin:0 auto;}
.ggul{width:100%; height:auto;position: static; overflow:hidden}
.ggul li{ margin-left:50px;text-align: center; width:50%; height:auto;  margin-right:1.5%; margin-bottom:10px;border:1px solid #EBEBEB}
.ggul li img{width:100%; height:auto;}
.ggul li span{text-align: center; color: #222; height:0.2rem;font-size:0.12rem;}
.ggul li:nth-child(5n){margin-right:0;}

/*相关图片*/
.pic_xg{width:100%; height:auto; margin-top:50px; overflow:hidden;}
.pic_xg li{float:left; text-align:center; width:235px; height:176px; margin-right: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:140px; 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:140px; 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(5n+0){margin-right:0px;}
/*相关图片_end*/

/*相关产品前6个*/
#list_pro_tj{width:100%; height:auto; overflow:hidden; margin-top:30px; }
#list_pro_tj li{ float:left; width:235px; height:176px; margin-right:20px; margin-bottom:15px; position: relative; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#list_pro_tj li img{display:block; width:100%; height:100%; max-width:100%;}
#list_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}
#list_pro_tj li:hover h2{ background-color:#000}
#list_pro_tj li:nth-of-type(5n+0){margin-right:0px;}
/*产品前6个end*/
.m_fl{ display:none}
/*fwzx*/
.fwzx_zili{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}
.fwzx_zili dl{float:left; width:235px; height:211px; margin-bottom:15px; margin-right:20px; background-color:#fff}
.fwzx_zili dl dt{width:235px; height:176px; position: relative; overflow:hidden}
.fwzx_zili dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.fwzx_zili dl dt img{width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.fwzx_zili dl dd{ text-align:center; line-height:35px; color:#fff; font-size:14px; position: relative; z-index:666; background-color:#d4e6f9; }
.fwzx_zili dl dd p{padding:0 10px; position:relative; z-index:5; transition: color 1s; margin:0 auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.fwzx_zili dl dd span{ width:0% ;  display:block; height:35px; position:absolute; background-color:#0256ac; z-index:1; transition: width 0.6s;}
.fwzx_zili dl:hover span{ width:100%;}
.fwzx_zili dl:hover p{color:#fff;}
.fwzx_zili dl:hover img{ transform:scale(1.1,1.1);}
.fwzx_zili dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.fwzx_zili dl:nth-of-type(4n+0){margin-right:0px;}
.fwzx_zili dl dd a{ text-decoration:none}
/*fwzx*/
.index_product_ct{
	overflow:hidden;
	margin-top:40px;
}
.index_product_ct ul{
	width:100%; height:auto
}

.index_product_ct ul li{
	float:left;
	width:224px;
	height:168px;
	margin-right:20px;
	margin-bottom:20px
}

.index_product_ct ul li span{
	width:222px;
	height:166px;
	display:block;
	border:1px solid #eaeaea;
	position:relative;
	border-radius:10px;
}

.index_product_ct ul li span em img{
	width:100%;
	height:166px;
	border-radius:10px;
}

.index_product_ct ul li span b{
	width:0;
	height:0;
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	text-align:center;
	border-radius:10px;
	background:url(/images/ind_21.png);
	opacity:0;
	transition-duration:500ms;
}

.index_product_ct ul li span b i{
	margin:60px auto 0;
	display:block;
	width:41px;
	height:41px;
	border-radius:50%;
}

.index_product_ct ul li span b i img{
	width:41px;
	height:41px;
	border-radius:50%;
}
.index_product_ct ul li:hover span b{
	width:100%;
	height:100%;
	top:0%;
	left:0%;
	opacity:1;
	transition-duration:500ms;
}

.index_product_ct ul li:nth-of-type(5n+0){margin-right:0px;}

/*新闻*/
.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;}

/*********footer*********/
.foot{padding: 10px 0; background-color:#000;}
.foot_box{overflow:hidden; color:#fff;margin-top:60px; }
.foot_box a{color:#fff; transition-duration:500ms;}
.foot_box a:hover{color:#FF0; text-decoration:none}

.foot_box h1{font-size:20px;  color:#fff; line-height:1;margin-bottom:20px; position:relative; padding-bottom:20px; font-weight:700;}
.foot_box h1 a{color:#fff; transition-duration:500ms;}
.foot_box h1 a:hover{color:#FF0; text-decoration:none}
.foot_box h1:after{content:''; position:absolute; left:0; bottom:0; width:20px; height:3px; background:#fecb00;}



.foot_box_left{  text-align:center; width:1000px; height:auto;}
.foot_box_left dl{overflow:hidden; width:100%;text-align:center; height:auto}
.foot_box_left dl dd{ text-align:center; width:1000px; height:auto; }
.foot_box_left dl dd:nth-of-type(1n+0){margin-right:0}



.foot_box_left3{ float:left; width:150px; height:auto; margin-right:20px;}

.foot_box_right{ float:right; width:300px; height:auto;}



/*********footer*********/
/*********footer*********/
.foot_2021{ margin-top:60px;background-color:#3a596c;color:#c9caca}
.foot_2021 a{color:#c9caca}
.foot_2021 a:hover{ color:#FFCC00}

.foot_2021_box{ overflow:hidden;width:1270px;height:auto;padding-top:60px; }
.foot_2021_box .l{ float:left; width:370px; height:auto;margin-right:15px;}
.foot_2021_box .l li{ float:left;width:370px; height:auto;font-size:14px; line-height:30px }
.foot_2021_box .r{ float:right; width:870px; height:auto;}
.ewm{float:left;width:100%; height:auto; overflow:hidden; color:#c9caca;margin-bottom:110px; }
.ewm li{ text-align:center; width:100%; height:auto;margin-top:300px; }
.ewm li img{display:block; width:100%; height:100%; max-width:100%;}
.ewm li p{ text-align:center; font-size:14px; line-height:30px}
.ewm li:nth-of-type(2n+0){margin-right:0}

.ewm22{float:right;width:250px; height:auto; overflow:hidden; color:#c9caca; padding-top:-50px;}
.ewm22 li{ text-align:center; width:120px; height:auto; }
.ewm22 li img{display:block; width:100%; height:100%; max-width:100%;}
.ewm22 li p{ text-align:center; font-size:14px; line-height:30px}
.ewm22 li:nth-of-type(2n+0){margin-right:0}

.foot_ewm{display:none;}

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

.foot_box_left2{ float:left; width:150px; padding-right:50px; height:auto;}
.link_box{width:100%; height:auto; line-height:26px;}
.link_box a{ padding-right:10px;}
.link_box a:hover{ padding-left:0px; text-decoration:underline}

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

/*最底部*/
.foot_foot{ width:100%; height:80px;text-align:center; border-top:1px solid #c9caca;  margin-top:30px;color:#c9caca; }
.foot_foot a{color:#c9caca;}
.foot_foot a:hover{ color:#FFCC00}
.foot_foot .l{ float:left; width:100%; height:auto; margin-left:12px; line-height:80px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.foot_foot .c{ float:left; width:33%; height:auto; line-height:80px;margin-left:30px;  overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.foot_foot .r{ float:right; width:28%; height:auto; overflow:hidden;margin-top:20px; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; }


.foot_foot .r .yuan{ overflow:hidden}
.foot_foot .r .yuan li{ display:inline-table; width:35px; height:35px; background-color:#ff5a00; border-radius:50%; margin-left:15px; text-align:center;}
.foot_foot .r .yuan li img{ margin-top:8px;}
.foot_foot .r .yuan li:hover{ background-color:#f08300}
.foot_foot .r .yuan li a{ display:block}

.foot_foot .r .foot_menu{ float:right}
.foot_foot .r .foot_menu a{ margin-right:12px}
.foot_foot .r .web_link{ float:right; width: 180px; height:30px; line-height:30px; margin-top:22px; margin-left:12px; box-sizing: content-box; border: 1px solid #777777; cursor: pointer; background:url(../images/web_link.jpg) no-repeat right 8px center; text-indent:10px; position: relative;}
.web_list{position: absolute; bottom:32px; left: -1px; width: 100%; height:auto; border: 1px solid #cdcdcd; background: #fff; box-sizing: content-box; display:none}
.web_list a{display: block; line-height:26px; color: #666; border-bottom: 1px solid #cdcdcd; padding: 8px 10px;}
.web_list a:hover{ background-color:#444444; color:#CCC}
.web_list a:last-child{ border-bottom: none}
/*********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: 100px;
  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: 100px;
  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: #34469b;
  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: #34469b;
  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: #34469b;
 /*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;}

}