@charset "utf-8";
/*通栏banner*/
.sub_banner{position:relative; }
.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;}

/*箱子主体*/
.main_box{ width:100%; height:auto; overflow:hidden; margin-top:10px;}

/* 移动端底部专用 */
/*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){
.logo_nav{overflow:hidden; height:auto;}
.logo_nav_left{float:left; width:75%; height:auto; padding:5px 0; padding-left:6px; text-align:center}
.logo_nav_left img{width:100%; height:auto}
.logo_nav_right{display:none; position:fixed; left:0; top:60px; right:0; width:100%; height:auto; z-index:20; background-color:#F0F0F0; padding:5px 0; box-shadow:inset 0px 15px 10px -15px #bababa;}
.logo_nav_right_menu{float:right; width:15%; height:auto; cursor:pointer; text-align:center; }
.zyc{ position:fixed; left:0; top:60px; right:0; bottom:0; width:100%; height:100%; background-color:#333; opacity: 0.7; z-index:9; display:none}

/*下拉菜单*/
.logo_nav_right_menu .point{
	position: relative;
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top:18px;
	z-index:11
}
.logo_nav_right_menu .point:hover .navbtn,
.logo_nav_right_menu .point:hover .navbtn::after,
.logo_nav_right_menu .point:hover .navbtn::before{width: 28px;}
.logo_nav_right_menu .navbtn{
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	width: 28px;
	height:3px;
	-webkit-transition: all .3s ease-out 0s;
	   -moz-transition: all .3s ease-out 0s;
		-ms-transition: all .3s ease-out 0s;
		 -o-transition: all .3s ease-out 0s;
			transition: all .3s ease-out 0s;
	background:#333;
}
.logo_nav_right_menu .navbtn::after,
.logo_nav_right_menu .navbtn::before{
	position: absolute;
	right: 0;
	display: inline-block;
	width: 28px;
	height:3px;
	content: '';
	-webkit-transition: all .3s ease-out 0s;
	   -moz-transition: all .3s ease-out 0s;
		-ms-transition: all .3s ease-out 0s;
		 -o-transition: all .3s ease-out 0s;
			transition: all .3s ease-out 0s;
	background:#333;
}
.logo_nav_right_menu .navbtn::after{top: -10px;}
.logo_nav_right_menu .navbtn::before{top: 10px;}
.logo_nav_right_menu .point.active .navbtn{background: transparent;}
.logo_nav_right_menu .point.active .navbtn::after{
	top: 0;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}
.logo_nav_right_menu .point.active .navbtn::before{
	top: 0;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
/*下拉菜单_end*/

/*导航菜单start*/
.menu {width:95%; height:auto; margin:0 auto;}
.menu li {color:#666666; font-size: 0.15rem; height:0.4rem; line-height: 0.4rem; background:url(../images/jt.png) no-repeat right center; }
.menu li a {display: block; color:#666666;}
.menu li+li{ border-top:1px solid #E6E6E6}
.menu li a:hover{ text-decoration:none; color:#F00; text-indent:15px; transition-duration:500ms; }
/*导航菜单end*/

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

/*盒子内标题*/
.main_title{height:0.4rem; background:url(../img/main_title.jpg) repeat-x left bottom}

/*新闻列表页*/
.news_list{ width:100%; height:auto; overflow:hidden;}
.news_list li{ height:0.35rem; line-height:0.35rem; border-bottom:1px dashed #E3E3E3; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_list li span{ font-family:"宋体"}
.news_list li em{ float:right; color:#666666}
.news_list li a:hover{ text-decoration:none}

.news_list .pic_box{ width:100%; height:1rem; overflow:hidden; border-bottom:1px dashed #E3E3E3; margin-top:10px; padding-bottom:10px;}
.news_list .pic_box .pic{ float:left; width:33%; height:1rem}
.news_list .pic_box .pic img{display:block; width:100%; height:100%; max-width:100%;}
.news_list .pic_box .text{ float:right; width:63%; height:auto}
.news_list .pic_box .text h1{ height:0.23rem;  color:#333333; font-size:0.14rem; }
.news_list .pic_box .text p{ font-size:0.12rem; color:#666666; line-height:0.21rem; }
.news_list .pic_box a{ display:block;}
/*新闻列表页end*/

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

/*右侧联系方式*/
.contactleft{display:none}
/*右侧联系方式_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*/

/*产品列表*/
.pro_list{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pro_list li{float:left; width:48%; height:1.7rem; margin-right:4%; margin-bottom:20px; border:solid 1px #ddd; overflow:hidden}
.pro_list li p{width:100%; height:1.35rem;}
.pro_list li p img{display:block; width:100%; height:100%; max-width:100%;}
.pro_list li h6{ height:0.35rem; line-height:0.35rem; background:#ddd; font-weight:100; font-size:0.12rem; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pro_list li:nth-of-type(2n+0){margin-right:0px;}
.pro_list li a:hover{ color:#000; text-decoration:none}
/*产品列表*/

/*通用内容盒子*/
.content_box{width:100%; height:auto; overflow:hidden;}
.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:25px; text-indent:2em;}
.content_box .view_content img{max-width:100%; display: block; margin:20px auto 1px auto !important;}
/*通用内容盒子_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: 20px 0; margin-top:30px; background:url(../images/footer_bg.jpg);}
.foot_box{overflow:hidden; color:#FFF;}
.foot_box a{color:#FFF; 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_ul{height:auto; margin-top:0.26rem}
.foot_ul li{ height:0.26rem; line-height:0.26; font-size:0.14rem}

.foot_box_left{width:90%; height:auto; margin:0 auto}
.foot_box_left dl{overflow:hidden; width:100%; height:auto}
.foot_box_left dl dd{float:left; width:49%; 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}
.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{ display:none}

.foot_box_right{width:90%; height:auto; margin:0 auto; margin-top:26px;}
.ewm{ overflow:hidden}
.ewm li{ float:left; width:45%; height:auto; margin-right:10%; text-align:center;}
.ewm li img{display:block; width:100%; height:100%; max-width:100%;}
.ewm li p{ text-align:center; font-size:0.12rem; line-height:0.3rem}
.ewm li:nth-of-type(2n+0){margin-right:0}

/*最底部*/
.foot_text{background:#282b32; padding:15px 0; text-align:center; color:#fff;}
.foot_text p{ width:95%; height:auto; line-height:0.25rem; font-size:0.12rem; margin:0 auto}
.foot_text i{ padding-left:15px;}
.foot_text a{color:#fff;}
.foot_text a:hover{color:#FC0; text-decoration:none}
/*********footer*********/

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
.logo_nav{height:90px; position:fixed; left:0; top:0; right:0; z-index:999999999; background-color: rgba(255,255,255,0.9); box-shadow: 0 0 30px 0 rgba(0,0,0,0.15);}
.logo_nav_left{float:left; height:auto; padding-left:30px;}
.logo_nav_right{float:right; height:auto; padding-right:30px;}

/*导航菜单start*/
.menu {width:100%; height:auto;overflow:hidden;}
.menu li {
	float:left;
	line-height:90px;
	position:relative;
	overflow:hidden;
	padding: 0 18px;
	text-transform: uppercase;
}
.menu li a {
	display:block;
	font-size:18px;
	font-weight: bold;
	color:#333;
}
.menu li a:hover {
	text-decoration:none;
	color:#ff6700;
}
.menu li span{width:0%; display:block; height:4px; position:absolute; bottom:0px; left:0px; background-color:#ff6700; z-index:1; transition: width 0.6s;}
.menu li:hover span{ width:100%;}
/*导航菜单end*/

/*主体盒子*/
.main{ overflow:hidden; margin-top:20px; background-color:#FFFFFF}
.main_left{float:left; width:1000px; height:auto; overflow:hidden;}
.main_right{ float:right; width:245px; height:auto; overflow:hidden;}
/*主体盒子_end*/

/*盒子内标题*/
.main_title{ height:40px; background:url(../img/main_title.jpg) repeat-x left bottom}

/*新闻列表页*/
.news_list{ width:100%; height:auto; overflow:hidden;}
.news_list li{ height:35px; line-height:35px; transition-duration:500ms; border-bottom:1px dashed #E3E3E3; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_list li a{display:block}
.news_list li span{ font-family:"宋体"}
.news_list li em{ float:right; color:#666666}
.news_list li a:hover{ text-decoration:none}
.news_list li:hover{padding-left:5px;}

.news_list .pic_box{ width:100%; height:98px; overflow:hidden; border-bottom:1px dashed #E3E3E3; transition-duration:500ms; margin-top:10px; padding-bottom:10px;}
.news_list .pic_box .pic{ float:left; width:130px; height:98px}
.news_list .pic_box .pic img{width:130px; height:98px}
.news_list .pic_box .text{ float:left; margin-left:20px; width:700px}
.news_list .pic_box .text h1{ height:30px; line-height:30px; color:#333333; font-size:14px; }
.news_list .pic_box .text p{ font-size:12px; color:#666666; line-height:26px; margin-top:5px;}
.news_list .pic_box a{ display:block;}
.news_list .pic_box:hover{padding-left:5px;}
/*新闻列表页end*/

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

/*右侧联系方式*/
.contactleft{height:auto;;margin-top:10px; background-color:#333333; overflow:hidden; padding:10px; color:#ffc59a;}
.contactleftbian{height:auto; border:1px solid #717171; padding:10px}
.conleft_list{height:auto;}
.conleft_list p{width:100%; height:45px; line-height:45px; font-size:26px; font-family:impact; text-align:center; }
.conleft_list dl{width:100%; height:auto;  line-height:26px; overflow:hidden}
.conleft_list dl dt{ width:45px; float:left; text-align:right;}
.conleft_list dl dd{width:155px; float:right;}
/*右侧联系方式*/

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

/*产品列表*/
.pro_list{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pro_list li{float:left; width:320px; height:275px; margin-right:20px; margin-bottom:20px; border:solid 1px #ddd; overflow:hidden;}
.pro_list li p{width:320px; height:240px;}
.pro_list li p img{display:block; width:100%; height:100%; max-width:100%;}
.pro_list li h6{ height:35px; line-height:35px; background:#ddd; font-weight:100; font-size:12px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pro_list li:nth-of-type(3n+0){margin-right:0px;}
.pro_list li a:hover{ color:#000; text-decoration:none}
.pro_list li:hover{-moz-box-shadow:0px 3px 5px #bdbcbc; -webkit-box-shadow:0px 3px 5px #bdbcbc; box-shadow:0px 3px 5px #bdbcbc;}
/*产品列表*/

/*通用内容盒子*/
.content_box{width:100%; height:auto; overflow:hidden;}
.content_box h1{font-size:20px; line-height:50px; text-align:center; border-bottom:1px dotted #999999; color:#333}
.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; text-indent:2em;}
.content_box .view_content img{max-width:100%; margin:20px 0}
/*通用内容盒子_end*/

/*相关图片*/
.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(4n+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(4n+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{padding: 30px 0; margin-top:40px; background:url(../images/footer_bg.jpg);}
.foot_box{overflow:hidden; color:#FFF;}
.foot_box a{color:#FFF; transition-duration:500ms;}
.foot_box a:hover{color:#FF0; text-decoration:none}

.foot_box h1{font-size:20px; line-height:1;margin-bottom:20px; position:relative; padding-bottom:20px; font-weight:100;}
.foot_box h1:after{content:''; position:absolute; left:0; bottom:0; width:20px; height:1px; background:#fff;}

.foot_ul{height:auto}
.foot_ul li{ height:30px; line-height:30px;}

.foot_box_left{ float:left; width:660px; height:auto;}
.foot_box_left dl{overflow:hidden; width:100%; height:auto}
.foot_box_left dl dd{ float:left; width:145px; height:auto; border-right:1px solid #45484f; margin-right:20px;}
.foot_box_left dl dd:nth-of-type(4n+0){margin-right:0}

.foot_box_left2{ float:left; width:280px; 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_box_left3{ float:left; width:150px; height:auto; margin-right:20px;}

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

/*最底部*/
.foot_text{background:#282b32; padding:15px 0; text-align:center; color:#fff; border-top:1px solid #45484f}
.foot_text p{ line-height:30px;}
.foot_text i{ padding-left:20px;}
.foot_text a{color:#fff;}
.foot_text a:hover{color:#FC0; text-decoration:none}
/*********footer*********/

}