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:#00aec4;}
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*/
.top{width: 100%;height: 100px}
.tong{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.topleft{float: left; width: 360px;}
.topleft img{float: left; margin-top:10px; margin-right:5px;}
.topleft h1{float: left;font-size: 24px;color: #333333;letter-spacing: 2px;padding-top: 15px}
.topleft h2{float: left;font-weight: 100;font-size: 14px;text-transform: uppercase;letter-spacing: -0.8px;color: #626262}

.topnav{width:800px; float:right; margin-top:25px;position: relative;z-index: 99999}
.topnav ul{width: 100%;}
.topnav ul li{width:100px;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: 680px; 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);
}

/*aboutus*/
.aboutus{background:url(../images/aboutusbg.png) no-repeat left center ;height: 700px;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}

.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:url(../images/productbg.png) no-repeat right center ;height: 650px}
.profenlei{width: 245px;float: left;background: #c00300;padding: 20px 20px 0 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-top: 20px;}
.profenlei ul li{width: 100%;border-bottom: 1px dotted #fff}
.profenlei ul li:hover{background: #424242}
.profenlei ul li a{color: #fff;line-height: 50px;display: block;height:50px;padding: 0 10px}

.contact p{ color:#fff;}

.promain{width: 900px;float: right}
.promain li {position: relative;width: 288px;float: left;height: 196px;margin: 0 8px 8px 0;line-height: 196px;border: 1px #DBDBDB solid;overflow: hidden;}
.promain li em{display: none;position: absolute;top:0;z-index: 999;text-align: center;color: #fff;width: 288px;float: left;height: 196px}
.promain li:hover em{display: block;background:rgba(255,0,4,0.75) }
.promain li span{width: 100%;float: left;overflow: hidden}
.promain li span img{width: 100%;float: left}
.promain li:hover span img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.promain li:first-child{width: 585px;height: 400px;float: left}
.promain li:first-child em{width: 585px;height: 400px;line-height: 400px}

/*advance*/
.advance{background:url(../images/shilibg.png)no-repeat;height: 530px}
.advantitle{width: 1200px;float: left;margin-top: 40px;height:100px}
.advantitle h1{font-size: 36px;color: #fff;text-align: center;text-transform: uppercase;font-weight:900}
.advantitle h2{font-size: 24px;color: #fff;text-align: center;font-weight:900;text-transform: uppercase;}

.advmain{width: 1200px;float: left}
.advmain li{width: 290px;height: 340px;background:url(../images/libg.png)no-repeat;float: left;margin-right: 10px}
.advmain li:hover{width: 290px;height: 340px;background:url(../images/libg2.png)no-repeat;float: left}
.advmain li h1{font-size: 60px;text-align: center;padding-top:75px;width: 280px;color: #c00300}
.advmain li:hover h1{color: #fff}
.advmain li em{font-size: 22px;text-align: center;padding-top:75px;width: 280px;color: #c00300;display: block;font-weight: bold}
.advmain li i{font-size: 16px;text-align: center;width: 280px;color: #a4a4a4;display: block;line-height: 30px}

/*news*/
.news{height:470px;background:url(../images/newsbg.png)no-repeat;}
.new_left{background:#fbfbfb url(../images/newleft.png)no-repeat;width: 552px;height: 398px;float: left}
.new_left:hover{background:#c00300 url(../images/newleft.png)no-repeat;}
.new_left li{padding:60px 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;padding-left: 10px;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:url(../images/newright.png)no-repeat;width: 601px;height: 124px;float: left;margin-bottom: 15px}
.new_right li:hover{background:url(../images/newright2.png)no-repeat;}
.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:100%;display: block;margin: auto;height: 450px;overflow: hidden;}
.contactus .map{width: 50%;float: left}
.contactmain{height: 450px;width: 50%;float: right;background:url(../images/contactmainbg.jpg) no-repeat center;}
.contactmain li{color: #fff;line-height:50px;text-indent: 70px;font-size: 15px}

/*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;}
.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: 24%;
    height: 260px;
    margin-right: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;}
.pro_list  ul li a{
    display: block;
    width: 80%;
    height: 214px;
    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:40px; line-height:40px; font-size:15px; color:#666; text-align:center;}
.pro_list  ul li a .pic{
	display: block;
    width: 100%;
    height: 180px;
    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: 175px;
    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;
}