@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){
.head_zw{height:0.6rem;}
.head_menu{ background-color: #388eef; height:0.6rem; position:fixed; top:0; left:0; z-index:9999}
.menu_box{ overflow:hidden}
.menu_box .menu_box_left{float:left; width:80%; height:auto; padding-top:3px}
.menu_box .menu_box_left img{max-width:100%; width:100%; height:100%;padding-top:12px}
.menu_box .menu_box_right{display:none}
.menu_box .mobile_menu{ float:right; width:15%; height:auto; padding-top:12px}

/*下拉菜单*/
.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:#0953c0}
.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*/

/*导航菜单start*/
.menu_bj{ display:none}

/*电脑隐藏悬浮菜单*/
.pc_menu{display:none}
/*电脑隐藏悬浮菜单end*/

/*通栏banner*/
.sub_banner{position:relative; margin-top:0.6rem}
.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;}
.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; line-height:0.4rem; font-size:0.20rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; text-align:center; margin-top:10px;}

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

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

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

/*右侧245px*/
.main_right_ul{ width:100%; height:auto; margin-top:15px; text-align:center; overflow:hidden}
.main_right_ul li{ float:left; width:48%; height:auto; margin-right:4%; background-color:#1479d7; font-size:0.16rem; font-weight:500; margin-bottom:10px;}
.main_right_ul li.active{background-color:#0256ac; margin-top:10px;}
.main_right_ul li.active a{color:#FFF}
.main_right_ul li a{display:block; color:#666; transition-duration:500ms; padding:10px 20px;}
.main_right_ul li a:hover{text-decoration:none;	color:#fff; background-color:#a60304; }
.main_right_ul li.visited{ background:#ff820c; text-align:center;}
.main_right_ul li.visited a{ color:#fff}
.main_right_ul li.visited a:hover{ background-color:#f7c71e; color:#a60304}
.main_right_ul li:nth-of-type(2n+0){margin-right:0px;}
/*右侧245px_end*/

/*关于我们*/
.about_h2{font-size:0.23rem; color: #1d1d1d; margin-top:20px; text-align:center}
.about_h3{font-size:0.14rem; color: #000; font-family: Tahoma , "Microsoft Yahei"; text-transform: uppercase; text-align:center; margin-top:5px;}
.about_h4{position:relative;text-align:center; margin:10px auto 0;width:80px;height:5px; background-color: #388eef;}
.about_h5{position:relative;text-align:center; margin-top:10px;margin-bottom:30px;width:80px;height:5px; background-color: #388eef;}

.qywh{  padding-top:10px; }
.qywh_box{width:95%; height:auto; overflow:hidden; margin-top:10px}
.qywh_box li{width:100%; height:auto; margin:0 auto; padding-top:35px; text-align:center; background:#ffffff; margin-bottom:15px}
.qywh_box li img{ text-align:center;width:100%;height:auto; }
.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{margin-top:30px;font-size:20px;color:#1d1d1d;font-weight:400}
.qywh_box li p{font-size:14px; color:#000; width:90%; height:auto; margin:0 auto; line-height:26px; padding-top:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
.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:#000}

.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:98%; height:auto; margin-top:20px;margin-bottom:20px;overflow:hidden}
.i_new li{width:98%; height:0.9rem; margin-top:10px;  margin-left:1%;transition-duration:500ms; background-color:#fff;box-shadow:1px 1px 6px 1px rgba(0,0,0,0.2);}
.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;color: #333;  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;color:#666}
.i_new li:hover{ box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.5)}
.i_new li:hover a{color:#388eef}

/***********新闻资讯_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_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%;}
.pro_ul li span:after{content: '';display: block;width: 100%;height: 100%;}
.pro_ul li:hover span:after{transform: scale(0.87);opacity: 1;box-shadow: darkgrey 0px 0px 10px 0px ;}
.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;}
/*产品框_end*/

/*通用内容盒子*/
.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:10px;}
.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-color:#333}
.foot_box{overflow:hidden; color:#bbb;}
.foot_box a{color:#bbb; 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;width:100%; left:0; bottom:0;  height:1px; background:#fff;}
.foot_box h2{font-size:0.16rem; line-height:1; margin-bottom:15px; padding-bottom:10px; font-weight:bold; position:relative;}
.foot_box h2:after{content:''; position:absolute;width:100%; left:0; bottom:0;  height:1px; background:#fff;}
.foot_box h3{text-align:center; font-size:20px; color:#fff;line-height:1;margin-top:20px; position:relative; padding-bottom:10px; font-weight:100;}
.foot_box h4{text-align:center; font-size:30px; font-weight:bold;color:#fff;line-height:1; position:relative; padding-bottom:20px; font-weight:100;}

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

.foot_ul22{height:auto}
.foot_ul22 li{ ppadding-top:12px;margin: 0px 20px 18px 13px;height:45px; line-height:45px;font-size:20px;display:inline-block;background:#b2b2b2;text-align:center;width:300px;color:#666;cursor:pointer}
.foot_ul22 li a{text-align:center;color:#666}
.foot_ul22 li a:hover{color:#388eef;height:45px; line-height:45px;}

.foot_box_left{width:95%; height:auto; margin:0 auto}
.foot_box_left dl{overflow:hidden; width:100%; height:auto}
.foot_box_left dl dd{float:left; width:100%; height:auto; margin-bottom:20px; }
.foot_box_left dl dd:nth-of-type(5n+0){margin-right:0}

.foot_box_left2{width:95%; height:auto; margin:0 auto}
.link_box{width:100%; height:auto; line-height:0.2rem;}
.link_box li{ float:left; width:25%; line-height:30px;}
.link_box a{ padding-right:10px;}
.link_box a:hover{text-decoration:underline}

.about_avi{ width:95%; height:auto; margin-top:10px;}

.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:#333; padding:15px 0; text-align:center; color:#bbb;border-top:1px solid #bbb;}
.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:#dbac2b; text-decoration:none}
/*********footer*********/

.tcbox{position:fixed; z-index: 960; transition-property: transform, opacity; transition-duration: .2s; background: url(../images/tcbox2.png); width: 360px; height: 262px; right: 50%; bottom: 50%; margin-right: -180px; margin-bottom: -131px; opacity: 1; overflow: hidden; display:none}
.tcbox .close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
.head_zw{height:40px; background-color:#1479d7}
.head_top{overflow:hidden}
.head_top .left{ float:left; width:50%; height:40px; line-height:40px; color:#FFFFFF}
.head_top .right{ float:right; width:50%; height:40px; line-height:40px; color:#FFFFFF; text-align:right}

.head_menu{background-color:#333333a8; height:140px; position:fixed; top:0; left:0; z-index:99999; transition: all .3s ease .2s;}
.menu_box{ overflow:hidden}
.menu_box .menu_box_left{float:left; height:140px;line-height:140px; }
.menu_box .menu_box_left img{max-width:100%; max-height:100%;}
.menu_box .menu_box_right{float:right; }
.menu_box .menu_box_right s{overflow:hidden; background:url(../images/tel.jpg) no-repeat right center;  margin-top:10px; float:right }
.menu_box .menu_box_right p{   font-size:18px;margin-top:-120px; color:#fff; margin-left:900px; }
.menu_box .menu_box_right p em{ font-size:30px;margin-left:15px; line-height:45px;color:#fff;font-weight:bold;}
.menu_box .menu_box_right x{float:right;}
.menu_box .mobile_menu{display:none}


/*导航菜单start*/
.menu_bj{height:60px; background-color:#ab0918;}
.menu {display:table; margin:0 auto; padding:0px; overflow:hidden;float:right;}
.menu li {float:left; line-height:60px;}
.menu li+li{ background:url(../images/ifl.jpg) no-repeat left center}
.menu li a {display:block; font-size:16px; color:#fff; padding: 0 20px; position: relative;}
.menu li a:hover{color:#fff; font-weight:bold;border-bottom:2px solid #fff}
.menu li a:after{content: '';display: block;width: 100%; position: absolute; bottom:0; left: 0;transition: 0.4s ease-out; transform: scaleX(0);}
.menu li:hover a:after{transform: scaleX(1); }
/*导航菜单end*

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

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

/*通栏banner*/
.sub_banner{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_banner22{width:100%;position:relative;margin-top:30px; }
.sub_banner22 img{ width:100%; height:auto}
.sub_banner22 p{ position:absolute; top:0; left:0; width:100%; height:30px;}
.sub_banner22 .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_banner22 .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: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:58px; text-align:center; font-size: 30px; line-height: 58px; font-weight: normal;}

.main_right_ul{ width:100%; height:auto; margin-top:15px; text-align:center}
.main_right_ul li{display:inline-block; background-color:#efefef; font-size:16px; font-weight:500;}
.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-left:5px;}
.main_right_ul li a{display:block; color:#666; transition-duration:500ms; padding:10px 20px;}
.main_right_ul li a:hover{text-decoration:none;	color:#fff; background-color:#a60304; }
.main_right_ul li.visited{ background:#ff820c; text-align:center;}
.main_right_ul li.visited a{ color:#fff}
.main_right_ul li.visited a:hover{ background-color:#f7c71e; color:#a60304}

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

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

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

/*产品框*/
.pro_ul{font-size:0;}
.pro_ul li{display:inline-block; vertical-align: top; width:23.5%;margin-right: 2%;margin-bottom: 35px;}
.pro_ul li span{display: block;position: relative;}
.pro_ul li span:before{content: '';display: block;width: 100%;height: 100%;}
.pro_ul li span:after{content: '';display: block;width: 100%;height: 100%;}
.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%; height:auto}
.pro_ul li:hover i img{transform: scale(1.05);}
.pro_ul li:hover i{border-color:#1479d7;}
.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:16px; position:relative; z-index: 3;}
.pro_ul li:hover p{transform: translateY(-85px);font-size: 20px;font-weight: bold;color: white;}
/*产品框_end*/

/*关于我们*/
.about_h2{font-size:30px; color: #1d1d1d; margin-top:20px; text-align:center}
.about_h3{font-size:14px; color: #000; font-family: Tahoma , "Microsoft Yahei"; text-transform: uppercase; text-align:center;margin-top:5px;}
.about_h4{position:relative;text-align:center; margin:10px auto 0;width:80px;height:5px; background-color: #388eef;}
.about_h5{position:relative;text-align:center; margin-top:20px;margin-bottom:30px;width:80px;height:5px; background-color: #388eef;}

.qywh{ padding-top:30px; padding-bottom:50px;  }
.qywh_box{overflow:hidden; margin-top:20px}
.qywh_box li{ width:100%; height:auto; padding-top:35px;  background:#ffffff; }
.qywh_box li img{ text-align:center;}
.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{margin-top:40px;font-size:20px;color:#1d1d1d;font-weight:400}
.qywh_box li p{float:left;width:90%; height:auto; margin-top:40px; font-size:14px; line-height:26px; }
.qywh_box li:hover{background: #fff}
.qywh_box li:hover .pic{background-image:url(../images/k2.png)}
.qywh_box li:hover h3,

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

/*单页*/
.about_u1{font-size: 0;}
.about_u1 li{display: inline-block; vertical-align:top; width: 20%; 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}
.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; margin-top:20px;}
.i_new li{float:left; width:1200px; height:120px; margin-top:10px; margin-bottom:20px;margin-left:20px; transition-duration:500ms; background-color:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);}
.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:1000px; height:80px; overflow:hidden;}
.i_new li .i_n_box>.i_r h4{ font-size:20px; line-height:26px; font-weight:bold;color: #333; 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;color:#666}
.i_new li:nth-of-type(1n+0){margin-right:0px;}
.i_new li:hover{ box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.5)}
.i_new li:hover a{color:#666}
/***********新闻资讯_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*/

/*通用内容盒子*/
.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;}
.content_box .view_content img{max-width:100%; margin:20px 0}
/*通用内容盒子_end*/

/*相关图片*/
.{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*/

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

.about_avi{ width:86%; height:auto; margin-top:10px; padding:20px}

/*********footer*********/
.foot{padding: 30px 0; margin-top:40px; background-color:#333}
.foot_box{overflow:hidden; color:#bbb;}
.foot_box a{color:#bbb; 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:450px; height:1px; background:#fff;}
.foot_box h2{font-size:20px; line-height:1;margin-bottom:20px; position:relative; padding-bottom:20px; font-weight:100;}
.foot_box h2:after{content:''; position:absolute; left:0; bottom:0; width:300px; height:1px; background:#fff;}
.foot_box h3{float:right;font-size:20px; color:#fff;line-height:1;margin-top:20px; position:relative; padding-bottom:10px; font-weight:100;}
.foot_box h4{float:right;font-size:30px; font-weight:bold;color:#fff;line-height:1; position:relative; padding-bottom:20px; font-weight:100;}

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

.foot_ul22{height:auto}
.foot_ul22 li{ ppadding-top:12px;margin: 0px 20px 18px 20px;height:45px; line-height:45px;font-size:20px;display:inline-block;background:#b2b2b2;text-align:center;width:300px;color:#666;cursor:pointer}
.foot_ul22 li a{text-align:center;color:#666}
.foot_ul22 li a:hover{color:#388eef;height:45px; line-height:45px;}

.foot_box_left{ float:left; width:500px; height:auto; margin-right:80px;}
.foot_box_left dl{overflow:hidden; width:100%; height:auto}
.foot_box_left dl dd{ float:left; width:500px; height:auto;  margin-right:20px;}
.foot_box_left dl dd:nth-of-type(5n+0){margin-right:0}

.foot_box_left2{ float:left; width:300px; height:auto;}
.link_box{width:480px; height:auto; line-height:35px;}
.link_box li{ float:left; width:80px; height:auto; margin-right:15px;}
.link_box a{ padding-right:10px;}
.link_box a:hover{ padding-left:0px; text-decoration:underline}

.foot_box_left3{ float:left; width:500px; height:auto; margin-right:130px;}

.foot_box_right{ float:right; width:300px; 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:#333; padding:15px 0; text-align:center; color:#bbb;border-top:1px solid #bbb;}
.foot_text p{ line-height:30px;}
.foot_text i{ padding-left:20px;}
.foot_text a{color:#bbb}
.foot_text a:hover{color:#dbac2b; text-decoration:none}
/*********footer*********/

.tcbox{position:fixed; z-index: 960; transition-property: transform, opacity; transition-duration: .2s; background: url(../images/tcbox2.png); width: 360px; height: 262px; right: 50%; bottom: 50%; margin-right: -180px; margin-bottom: -131px; opacity: 1; overflow: hidden; display:none}
.tcbox .close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

}