@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: #235cb2;}
.footer{width:100%; height:0.65rem; position:fixed; bottom:0; right:0; z-index:999; background: rgba(0, 0, 0, 0.8);}
.footer a{display:block; float:left; width:25%; color:#73767a; border-right:#4d5054 solid 1px; height:0.65rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.footer a:nth-child(4){ border:none;}
.footer a span{display:block; width:100%; text-align:center; font-size:0.26rem; line-height:0.4rem;}
.footer a h3{width:100%;text-align:center; font-size:0.14rem; line-height:0.2rem; font-weight:100; color:#CCCCCC}
.footer a:hover{ text-decoration:none}
/* 移动端底部专用_end */

/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
.top_bj{height:0.7rem; background-color:#324776}

.logo{ overflow:hidden; padding:10px 0;}
.logo .left{float:left; width:75%; height:auto; padding-left:10px;}
.logo .left img{width:100%; height:auto}

.logo .right{ float:right; width:20%; height:auto}
.logo .right .menu{ display:none}
.logo .right .mobile_menu{padding-top:8px}

/*下拉菜单*/
.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*/

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

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

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

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

/*分类*/
.fl_box{height:auto;}
.fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ }
.fl_u1 li{width:100%; height:0.5rem; line-height:0.5rem;  text-align:center; background:linear-gradient(to bottom,#6e90be,#546fa6);}
.fl_u1 li a{display: block; font-weight:400; font-size:0.15rem; color:#fff;}
.fl_u1 li:hover a,.fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#3e5485,#6684b6);}


/*产品分类*/
.cp_fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ flex-wrap: wrap;/*换行，第一行在上方*/}
.cp_fl_u1 li{width:50%;  height:0.45rem; line-height:0.45rem; text-align:center; border-right:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:linear-gradient(to bottom,#5ed9df,#5dc6cd);}
.cp_fl_u1 li a{display: block; font-weight:400; font-size:0.14rem; color:#fff;}
.cp_fl_u1 li:hover a,.cp_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#5dc6cd,#324776);}
.cp_fl_u1 li:nth-child(2n){border-right:none}

/*通用内容盒子*/
.content_box{width:100%; height:auto; overflow:hidden; margin-top:10px;}
.content_box h1{font-size:0.2rem; line-height:0.4rem; text-align:center; border-bottom:1px dotted #999999; color:#333}
.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 .xxjs{ height:50px; background:url(../img/iou7pro.gif) no-repeat;}
.content_box .view_content{width:100%; height:auto; margin-top:10px;}
.content_box .view_content img{max-width:100%; display: block; margin:20px auto 1px auto !important;}
/*通用内容盒子_end*/

/*more*/
.news_more{background: #324776; border-radius: 0 0 30px 0; padding:0 20px; font-size:16px; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:0.4rem; line-height:0.4rem; transition: 0.5s all ease;}
.news_more span{ float:right; font-size:17px; padding-right:22px; transition:all .8s ease 0s;}
.news_more a{ display:block; color:#FFFFFF}
.news_more:hover span{padding-right:8px}
.news_more:hover{ background-color:#ff6700}


/*产品框*/
.pro_ul{ width:95%; height:auto; margin:0 auto; font-size:0; margin-top:10px;}
.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:#324776;}
.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; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pro_ul li:hover p{transform:translateY(-85px); font-size:0.15rem; font-weight:bold; color:white;}
/*产品框_end*/

/*news列表页*/
.news_ul_li{ overflow:hidden; margin-top:15px;}
.news_ul_li li{ height:0.4rem; line-height:0.4rem; border-bottom:1px solid #DFDFDF; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_ul_li li span{background: #324776; padding:3px 10px; font-size:12px; margin-right:15px; color:#FFFFFF; border-radius:4px;}
.news_ul_li li em{ display:none}
.news_ul_li li a{ display:block}

/***********新闻资讯***********/
.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:#324776}
.i_new li:hover a{color:#FFF}
.i_new li+li{ margin-top:10px;}
/***********新闻资讯_end***********/

/*图片栏目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*/

/*相关图片*/
.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{margin-top:30px; padding: 26px 0; background-color:#324776}
.foot_ov{width:95%; height:auto; margin:0 auto; overflow:hidden}
.foot_ov .l{width:100%; height:auto}
.foot_ov .r{width:100%; height:auto; margin-top:10px; }
.foot_ov .r h3{ color:#fff; font-weight:400; font-size:14px; line-height:26px}
.foot_ov .r h3 b{ display:block; color:#FFF; padding-top:5px;}
.foot_ov .r img{ width:150px; height:150px}

.foot_box{width:100%; height:auto;}
.foot_box li{width:100%; height:auto; margin-bottom:12px; color:#FFF;}
.foot_box li h3{font-weight:400; font-size:14px; line-height:26px; padding-left:50px}
.foot_box li h3 b{ display:block; font-size:16px; font-weight:100}
.foot_box li h3 a{ color:#FFF}
.foot_box li:nth-child(1){background:url(../images/foot_add.png) no-repeat left 8px}
.foot_box li:nth-child(2){background:url(../images/foot_mobile.png) no-repeat left 8px}
.foot_box li:nth-child(3){background:url(../images/foot_tel.png) no-repeat left 8px}
.foot_box li:nth-child(4){background:url(../images/foot_weixin.png) no-repeat left 8px}

.foot_link{ display:none}

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
.top_bj{height:80px; background-color:#324776}

.logo{ width:95%; height:auto; overflow:hidden; padding:10px 0;}
.logo .left{ float:left;}
.logo .right{ float:right}

/*导航菜单start*/
.menu {display:table; margin:0 auto; padding:0px; margin-top:5px; overflow:hidden;}
.menu li {float:left; line-height:50px;}
.menu li a {display:block; font-size:16px; color:#fff; padding: 0 26px; position: relative;}
.menu li:hover a{color:#fff; font-weight:bold}
.menu li a:after{content: '';display: block;width: 100%; height:3px; background:#fff; position: absolute; bottom:0; left: 0;transition: 0.4s ease-out; transform: scaleX(0);}
.menu li:hover a:after{transform: scaleX(1); }
.menu li.active a{color:#fff; font-weight:bold; background-color:#c3a215; border-radius:5px}

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

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

/*以下是主体部分*/
/*分类*/
.fl_box{height:auto;}
.fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ }
.fl_u1 li{width:100%; height:60px; line-height:60px;  text-align:center; background:linear-gradient(to bottom,#6e90be,#546fa6);}
.fl_u1 li a{display: block; font-weight:bold; font-size:16px; color:#FFF;}
.fl_u1 li:hover a,.fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#3e5485,#6684b6);}

/*产品分类*/
.cp_fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ flex-wrap: wrap;/*换行，第一行在上方*/}
.cp_fl_u1 li{width:12.5%; height:60px; line-height:60px;  text-align:center; border-right:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:linear-gradient(to bottom,#6e90be,#546fa6);}
.cp_fl_u1 li a{display: block; font-weight:bold; font-size:16px; color:#FFF;}
.cp_fl_u1 li:hover a,.cp_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#3e5485,#6684b6);}
.cp_fl_u1 li:last-child{border-right:none}

/*通用内容盒子*/
.content_box{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.content_box h1{font-size:20px; line-height:50px; border-bottom:1px dotted #999999; color:#333}
.content_box h1 span{background-image: linear-gradient(180deg, #F24343 0%, #E02020 100%); padding:5px 10px;  margin-right:15px; color:#FFFFFF; border-radius:8px; font-weight:100}
.content_box .date{ font-size:12px; 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 .xxjs{ height:50px; background:url(../img/iou7pro.gif) no-repeat;}
.content_box .view_content{width:100%; height:auto; margin-top:25px;}
.content_box .view_content img{max-width:100%; margin:20px 0}
/*通用内容盒子_end*/

/*more*/
.news_more{width:95%; height:auto; background: #324776; border-radius: 0 0 40px 0; padding:0 20px; font-size:16px; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:60px; line-height:60px; transition: 0.5s all ease;}
.news_more span{ float:right; font-size:17px; padding-right:22px; transition:all .8s ease 0s;}
.news_more a{ display:block; color:#FFFFFF}
.news_more:hover span{padding-right:8px}
.news_more:hover{ background-color:#ff6700}

/*产品框*/
.pro_ul{ width:95%; height:auto; margin:0 auto; font-size:0; margin-top:20px;}
.pro_ul li{display:inline-block; vertical-align: top; width:22.75%;margin-right:3%;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:#324776;}
.pro_ul li:nth-child(4n){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:30px; position:relative; z-index: 3; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pro_ul li:hover p{transform: translateY(-85px);font-size: 20px;font-weight: bold;color: white;}
/*产品框_end*/

/*news列表页*/
.news_ul_li{ overflow:hidden; margin-top:20px;}
.news_ul_li li{ height:60px; line-height:60px; border-bottom:1px solid #DFDFDF; overflow:hidden}
.news_ul_li li span{background: #324776; padding:3px 10px; font-size:12px; margin-right:15px; color:#FFFFFF; border-radius:4px;}
.news_ul_li li em{ float:right; color:#BABABA}
.news_ul_li li a{ display:block}

/*单页*/
.about_bj{ background:url(../images/about.jpg) no-repeat center center}
.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*/

/*图片栏目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*/

/*相关图片*/
.pic_xg{width:100%; height:auto; margin-top:30px; overflow:hidden;}
.pic_xg li{float:left; text-align:center; width:238px; height:179px; 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:238px; height:179px; 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*/

/*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*/

/*********footer*********/
.foot{margin-top:30px; padding: 26px 0; background-color:#39424b}
.foot_ov{width:95%; height:auto; margin:0 auto; overflow:hidden}
.foot_ov .l{ float:left; width:89%; height:auto}
.foot_ov .r{ float:right; width:10%; height:auto; text-align:right}
.foot_ov .r h3{ color:#fff; font-weight:400; font-size:14px; line-height:26px}
.foot_ov .r h3 b{ display:block; color:#FFF; padding-top:5px;}
.foot_ov .r img{ width:130px; height:130px}

.foot_box{width:100%; height:auto;}
.foot_box li{ float:left; width:25%; height:auto; color:#FFF;}
.foot_box li h3{font-weight:400; font-size:12px; line-height:26px; padding-left:50px}
.foot_box li h3 b{ display:block;  font-size:16px; font-weight:100; }
.foot_box li h3 a{ color:#FFF}
.foot_box li:nth-child(1){background:url(../images/foot_add.png) no-repeat left 8px}
.foot_box li:nth-child(2){background:url(../images/foot_mobile.png) no-repeat left 8px}
.foot_box li:nth-child(3){background:url(../images/foot_tel.png) no-repeat left 8px}
.foot_box li:nth-child(4){background:url(../images/foot_weixin.png) no-repeat left 8px}

.foot_link{ width:95%; height:auto; margin:0 auto; border-top:1px solid #CCC; margin-top:20px; padding:15px 0}
.foot_link a{ color:#FFF; padding-right:12px; line-height:26px;}
.foot_link a:hover{ color:#FC0}
/*********footer*********/

}