6@charset "utf-8";
@font-face {font-family:'font01';src: url('../impact.ttf');}
/* CSS Document */
* {padding: 0px;margin: 0px;}
ul,li{list-style:none;}
em,i{font-style: normal}
a{ text-decoration:none;color: #424242;font-size: 14px}
a:hover{ color:#fd6a3f;}
body{background-position:0 0; background-repeat:no-repeat; background-position:center top;font-family: "思源黑体 CN Regular", "Arial Unicode MS", Arial;}
.tong{width: 1200px;margin-left: auto;margin-right: auto}
.clear{clear: both}

/*top*/
.header{width: 100%; height: 190px}
.tong{ width:1200px; margin:0 auto; padding:15px 0; zoom:1; overflow:hidden;}
.topleft{float: left; width: 470px;}
.tel{ float:right; background:url(../images/header-phone.png) no-repeat left center; padding-left:60px; margin-top:15px;}
.tel span{ font-size:24px;}

.topnav{width: 100%; border-top:solid 1px #ddd; position: relative;z-index: 99999}
.topnav ul{ width:1200px; margin:0 auto; padding-top:10px; zoom:1; overflow:hidden;}
.topnav ul li{width:200px;float: left; position: relative}
/*.topnav ul li:hover,.topnav ul li.current{background:#00aec4}*/
.topnav ul li a{width: 100%;float: left;line-height: 50px;height: 50px;display: block;text-align: center; font-size:16px;}
/*.topnav ul li:hover a,.topnav ul li.current a{color: #fff}*/
.topnav ul li ul{display: none}
.topnav ul li:hover ul{display: block;width: 100%;z-index: 999;left: 0;position: absolute;top:50px}
.topnav ul li:hover ul li{width: 100%;border-top: 1px dotted #fff;display: block;line-height: 50px;height: 50px;float: left;background:#c00300}
.topnav ul li ul li:hover{background:#424242 url(../images/topnavli.png) no-repeat left;}

/*banner*/
.banner {
	width: 100%; height: 500px; overflow: hidden; position: relative;
}
.banner ul {
	left: 0px; top: 0px; height: 100%; position: absolute;
}
.banner li {
	height: 100%; text-align: center; overflow: hidden; float: left; position: relative;
}
.banner li img {
	top: 0px; display: block; position: absolute;
}
.banner .ban_ico {
	left: 50%; height: 10px; text-align: center; bottom: 20px; position: absolute;
}
.banner .ban_ico i {
	background: rgb(3, 149, 110); margin: 0px 3px; border: 1px solid rgb(3, 149, 110); width: 14px; height: 14px; text-align: center; color: rgb(255, 255, 255); line-height: 14px; font-style: normal; display: inline-block; cursor: pointer;
}
.banner .ban_ico i.active {
	background: rgb(255, 255, 255); color: rgb(3, 149, 110);
}
.jieshao{ height:100px; background:#fd6a3f; padding-top:20px;}
.jieshao_info{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.jieshao_info dl{ float:left; width:33.33%; color:#fff;}
.jieshao_info dl dt{ float:left; margin-right:15px;}
.jieshao_info dl dd{ line-height:32px;}
.jieshao_info dl dd strong{ font-size:22px;}

/*aboutus*/
.aboutus{ height: 460px; margin-top: 30px}
.aboutmain{/*background:url(../images/aboutmainbg.png) no-repeat right bottom;*/height: 400px}
.aboutmain2{width:50%;float: left}
.aboutmain2 h2{width:100%;float: left;color: #e4e4e4;font-size: 40px;font-family: 'font01';font-weight: normal;text-transform: uppercase}
.aboutmain2 h3{color: #c00300;font-size: 24px;}
.aboutmain2 p{font-size: 14px;line-height:35px;color: #4f4f4f;margin-top: 20px; }
.moreabout{text-decoration: underline;line-height: 30px;display: block;float: left;font-style: italic}

.aboutvod2{width:49%;float: left;margin-left: 2px;}

.single {position: relative;width: 1200px;margin: auto;overflow: hidden;height: 220px;margin-top: 32px}
.pre{position: absolute;width: 20px;height: 218px;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;}
.next{position: absolute;width: 20px;height:218px;right: 0px;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;}
.pre:hover {background-color: rgba(0, 0, 0, 0.8);}
.pre::before {content: "";width: 12px;height: 12px;border: solid #fff;border-width: 2px 0 0 2px;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 70%;top: 50%;}
.next:hover {background-color: rgba(0, 0, 0, 0.8);}
.next::before {content: "";width: 12px;height: 12px;border: solid #fff;border-width: 0 2px 2px 0;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 30%;top: 50%;}
.single ul {list-style: none;display: inline-block;white-space: nowrap;}
.single ul li {width: 290px;display: inline-block;margin:0 2px}
.single ul img {width: 100%}

/*products*/
.products{background:#f6f6f6; padding:30px 0;}
.title{ text-align:center; padding-bottom:20px;}
.title h3{ font-size:30px;}
.title p{ font-size:14px;}
.profenlei{width: 245px;float: left;background: #c00300;padding: 20px;position: relative}
.profenlei h2{color: #c75a59;font-size: 44px}
.profenlei h3{color: #fff;font-size: 24px;position: absolute;top:50px}
.profenlei ul{width: 100%;margin: 20px 0}
.profenlei ul li{width: 100%;border-bottom: 1px dotted #fff}
.profenlei ul li:hover{background: #424242}
.profenlei ul li a{color: #fff;line-height: 46px;display: block;height:46px;padding: 0 10px}

.promain{width: 900px;float: right}
.promain li {position: relative;width:248px;float: left;height:210px; padding:20px; margin: 0 8px 18px 0;border: 1px #DBDBDB solid; background:#e5e5e5;}
.promain li em{display: none;position: absolute;top:20px;z-index: 999;text-align: center;color: #fff;width: 248px;line-height: 180px; height: 186px}
.promain li:hover em{display: block;background:rgba(192,3,0,0.75) }
.promain li span{width: 100%;float: left;overflow: hidden}
.promain li span img{width: 100%; }
.promain li:hover span img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s; width:248px; height:180px;}
.promain li b{ width:248px; display:block; position: absolute;bottom:10px;z-index: 999; color: #333; text-align:center;}
/*.promain li:first-child{width: 585px;height: 400px;float: left}
.promain li:first-child em{width: 585px;height: 400px;line-height: 400px}*/

.yingyong{ width:1200px; margin:0 auto; padding:50px 0;}
.yingyong dl{ zoom:1; overflow:hidden;}
.yingyong dl dt{ float:left;}
.yingyong dl dd{ float:left;position: relative; padding:1px; width:301px; height:179px; margin-right:-2px; margin-bottom:1px; margin-top:-1px;}
.yingyong dl dd span{ position:absolute; bottom:10px; left:0; z-index:999; width:300px; text-align:center; color:#fff;}

/*news*/
.news{ padding:50px 0; background:#f6f6f6;}
.new_left{background:#fff;width: 552px;height: 398px;float: left}
.new_left:hover{background:#c00300;}
.new_left li{padding:40px 40px 0 40px}
.new_left li i{color: #9a9b9f;font-size: 14px;font-weight: bold;}
.new_left:hover li i{color: #fff}
.new_left li h1{color: #343434;font-size: 18px;font-weight: bold;line-height: 45px}
.new_left:hover li h1{color: #fff;}
.new_left li h2{color: #898989;font-size: 14px;font-weight:normal;line-height: 30px; height: 60px}
.new_left:hover li h2{color: #fff;}
.new_left li img{padding-top: 20px}

.new_right{width: 601px;float: right}
.new_right li{background:#fff url(../images/newright.png)no-repeat 15px center;width: 601px;height: 124px;float: left;margin-bottom: 15px; padding-left:15px;}
.new_right li:hover{background:#fff url(../images/newright2.png)no-repeat 15px center;}
.new_right li span{width:470px;float: left;padding: 0 20px }
.new_right li i{width:470px;float: left;font-size: 16px;font-weight:bold;color: #424242 ;line-height: 30px;padding-top: 20px}
.new_right li em{width:470px;float: left;color: #898989;line-height: 24px }
.new_right li h1{width: 90px;float: right;color: #898989;font-size: 18px;text-align: center;line-height:90px}
.new_right li:hover h1{color: #fff;}

/*contact*/
.contactus{ width:1200px; margin:0 auto; padding:50px 0; zoom:1; overflow:hidden;}
.lianxi{ width:600px; height:300px; background:#fff url(../images/hbj.jpg)no-repeat; float:left;}
.jiaru{ width:600px; height:300px; background:#fff url(../images/gya.jpg)no-repeat; float:left;}
.dizhi{ width:600px; height:300px; background:#fff url(../images/lx.jpg)no-repeat; float:left;}
.fuwu{ width:600px; height:300px; background:#fff url(../images/fw.jpg)no-repeat; float:left;}
.conInfo{ width:520px; height:220px; padding:40px 20px; position:relative;}
.conInfo .yen{ font-size:44px; font-weight:bold; color:#ccc; text-transform: uppercase;}
.conInfo .ycn{ font-size:44px; font-weight:bold; color:#ff9727;}
.conInfo .ymore{ margin-top:50px;}
.conInfo .ymore a{ font-size:14px; color:#fff; border-radius:4px; background:#ff6600; padding:15px 40px;}
.conInfo .ymore a:hover{ background:#ff9900;}
.conInfo .yri{ position:absolute; top:40px; right:20px; font-size:18px; color:#666;}
.conInfo .txt{ font-size:18px; color:#fff; line-height:40px;}

/*footer*/
#footer { background:#282828;}
.footInfo{ width:1200px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;}
.foot_l { float:left; width:1080px; zoom:1; overflow:hidden;}
.foot_l dl{ width:15%; float:left;}
.foot_l dl dt{ color:#eee; font-size:16px; line-height:24px; margin-bottom:10px;}
.foot_l dl dd{ line-height:24px; color:#969696;}
.foot_l dl dd a{ line-height:24px; color:#969696;}
.foot_l dl dd a:hover{ line-height:24px; color:#eee;}
.foot_r{ float:right;}
.foot_r img{ width:120px;display: none;}
.copyright{ height:40px; line-height:40px; background:#000;}
.copyright p { color:#58595b; font-size:14px; text-align:center;}

.mainInfo{ width:1200px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;}

/*==============左侧=============*/
.left_wrap{ float:left; width:250px;}
/*==============右侧=============*/
.right_wrap{ float:right; width:930px;}

/*==============产品序列=============*/
.productList{ width:248px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.productList h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.productList h3 span{ float:left; font-size:16px; color:#333;}
.productList h3 a{ float:right; font-size:14px; font-weight:lighter; color:#666;}
.productList ul{ padding:0 10px 10px 10px;}
.productList ul li{ height:38px; line-height:38px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden;}
.productList ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:16px;}

/*==============联系我们=============*/
.contacts{ width:248px; margin-top:15px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.contacts h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.contacts h3 span{ float:left; font-size:14px; color:#333;}
.contacts h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.txt_contact{ padding-top:10px;}
.txt_contact img{ margin:0 auto; display:block;}
.txt_contact p{ font-size:14px; line-height:24px; padding:0 10px;}

/*==============文章列表=============*/
.list{ width:900px; background:#fff; border:solid 1px #e6e6e6; padding:1px;float:left;}
.list h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.list h3 span{ float:left; font-size:16px; color:#333;}
.list h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.list ul{ padding:0 10px 10px 10px;}
.list ul li{ height:42px; line-height:42px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden; zoom:1; overflow:hidden;}
.list ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:16px; float:left;}
.list ul li span{ font-size:12px; float:right; padding-right:5px; color:#666;}

/*==============分页=============*/
.page{ text-align:center; padding:10px; font-size:14px;}

/*==============内容页=============*/
.view{ padding:15px; background:#fff; border:solid 1px #e6e6e6;float: left;width:96%;}
.view h2{ text-align:center; font-size:26px;}
.son_title{ text-align:center; padding:15px; color:#666; font-size:12px; background:url(../images/line.gif) repeat-x left bottom;}
.info p{ text-indent:24px; line-height:32px; margin-top:1px; font-size:16px;}
.info { text-indent:24px; line-height:32px; margin-top:1px; font-size:16px;}

.right_wrap .location {
    float: left;
    line-height: 50px;
    font-size: 14px;
    color: #999;
    width: 100%;
}
 
.fst {
    font-weight: bold;
}
.sec {
    text-indent: 10px;
}
.pro_list  ul{display:block;width: 100%;}
.pro_list  ul li{
	float: left;
    width: 23%;
    height: 214px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;}
.pro_list  ul li a{
    display: block;
    width: 80%;
    height: 180px;
    padding: 15px;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    transition: all .7s linear 0s;
    -webkit-transition: all .7s linear 0s;
    -moz-transition: all .7s linear 0s;
}
.pro_list  ul li a .tit{display:block; height:35px; line-height:35px; font-size:15px; color:#666; text-align:center;}
.pro_list  ul li a .pic{
	display: block;
    width: 100%;
    height: 155px;
    overflow: hidden;
}
.pro_list  ul li a:hover{display:block; width:80%; height:214px; border:1px solid #2172bd;}
.pro_list  ul li a:hover .tit{display:block; height:40px; line-height:40px; font-size:15px; color:#2172bd;}
.pro_list  ul li img{
	display: block;
    width: 100%;
    height: 150px;
    transition: all .7s linear 0s;
    -webkit-transition: all .7s linear 0s;
    -moz-transition: all .7s linear 0s;
    -o-transition: all .7s linear 0s;
    margin-bottom: 5px;
}
.pro_list  ul li a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);}
.pro_list ul li b{ position:absolute; left:15px; top:15px; background:#FC0; color:#fff; text-align:center; font-size:14px; line-height:32px; padding:0 10px;}
.clear {
    clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 1px;
}
.homelxfs{
    width: 100%;
}
.homelxfs dl{

}
.homelxfs dl dd{
    color: #fff;
    line-height: 49px;
}
}