﻿/*
函信网络 设计编写 原创设计 请勿仿制
公司网址:www.hanett.com 
sanshui编写
*/

/*全局样式*/
@CHARSET "UTF-8";
body{color:#666;background: #fff;font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;min-width:1100px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body,ul,ol,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{margin:0;padding:0;}
input,select{font-size:12px;vertical-align:middle;}
body div{text-align:left;}
textarea,input{word-wrap:break-word;word-break:break-all;padding:0px;}
ul,li{list-style-type:none;}
img{border:0 none;}
a:link, a:visited{color:#000000;;text-decoration: none;outline: none;}
a:hover{color:#581030;}
button,input,select,textarea{font-size:100%;font-family:inherit;margin:0;outline:none;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
.block {width:1200px; height:auto; clear:both;margin:0 auto;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} 
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.fl { float:left;}
.fr { float:right;}

pre{overflow:auto;margin:0 0 1em 0;width:99%;font-size:12px;font-family:'Courier New',Monospace;
white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}


/*样式开始*/
/*头部*/
.header{width:100%;}
.header .block img{padding-top:12px;padding-bottom:12px;float:left;}
.navBar{position: relative;z-index: 1;color: #333;width:700px;height: 94px;line-height: 94px;float:right;}
.nav{width: 700px;margin: 0 auto;font-family: "Microsoft YaHei",SimSun,SimHei;}
.nav h3{font-size: 100%;font-weight: normal;font-size: 16px;}
.nav .m{position: relative;float: left;width: 100px;line-height:94px;display: inline;text-align: center;background:url(../Images/fgf.png) no-repeat center right;}
.nav .m h3 i{display: inline-block;*display: inline;zoom: 1;width: 7px;height: 4px;background: url(../Images/icon.png) 0 -280px no-repeat;overflow: hidden;margin: -2px 0 0 5px;vertical-align: middle;filter: alpha(opacity=50);opacity: 0.5;}
.nav h3 a{height: 94px;line-height: 94px;display: block;color: #333}
.nav h3 a:hover{color: #781c29;}
.nav .on h3 a{background:url(../Images/fgf1.png) no-repeat bottom center;}
.nav .on h3 a i{filter: alpha(opacity=100);opacity: 1;}
.nav .sub{display: none;width: 170px;position: absolute;left: -2px;top:94px;background: #2b2b2b;float: left;line-height: 30px;padding:10px 0;opacity:0.9;}
.nav .sub li{text-align: left;padding-left: 20px;}
.nav .sub li a{color: #fff;display: block;zoom: 1;}
.nav .sub li a:hover{color: red;}
/* 简体繁体 */
.jf{position:fixed;top:45%;right:0%;z-index:999;}

.jf span img{width:100%;}
.jf span a{display:block;width:60px;height:40px;text-align:center;line-height:40px;background:#3f3f3f;opacity:0.8;margin-bottom:1px;color:#f1f1f1;}
.jf span a:hover{opacity:1;color:#ffffff}

/* banner代码开始 */
.banner{ position:relative; width:100%;	margin:0 auto; overflow:hidden;background:#f5f5f5 }
.banner_container{ position:relative; width:1200px;	margin:0 auto; overflow:hidden;}
.banner_container .left_btn{ position:absolute; display:block; width:44px; height:89px; background:url(../Images/banner_arrow.png) no-repeat; left:0px; top:215px; cursor:pointer; opacity:0.2; filter: alpha(opacity=20); }
.banner_container .right_btn{position: absolute;display: block; width: 44px;height: 89px;background: url(../Images/banner_arrow.png) no-repeat -57px 0;right:0px; top: 215px;cursor: pointer;opacity:0.2;filter: alpha(opacity=20);}

.banner_container .center{

    width: 1200px;

    height: 500px;

    position:relative;

    margin:0 auto;

}
.banner_container .banner_box{

    position: absolute;

    width: 990px;

    top: 25px;

    left: 0;

    visibility: hidden;

}

.banner_box .banner_btn{

    display: block;

    width: 180px;

    height: 40px;

    padding-left: 10px;

    background: url(../Images/dis_more.png) no-repeat 170px 11px;

    line-height: 40px;

    color: #fff;text-align:center;

    text-decoration: none;

    background-color: #781c29;

    cursor: pointer;

    text-transform: uppercase;

    position: relative;

}



.banner_box .banner_btn:hover{

    background-color: #00a0e9;

}



.banner_box .pic{

    position: absolute;

}



.banner_box .text{

    position: absolute;

    color: #000;

}



.banner_box .text h2{

    margin: 0 0 5px 0;

    font-size: 36px;

    line-height: 38px;

}



.banner_box .text h3{

    margin: 0 0 6px 0;

    font-size: 24px;

    line-height: 26px;

    font-weight: normal;

}



.banner_box .text p{

    margin: 0 0 10px 0;

    font-size: 14px;

    line-height: 25px;

    font-weight: normal;

}



.banner_box#banner_1 .pic{

    top: 0px;

    left: 105px;

}



.banner_box#banner_1 .text{

    /*width: 264px;*/

    left: 628px;

    top: 156px;

}



.banner_box#banner_2 .pic{

    top: -33px;

    left: 440px;

	

}







.banner_box#banner_2 .text{

    left: 165px;

    top: 154px;

}



.banner_box#banner_2 .banner_btn{

    margin-top: 10px;

}



.banner_box#banner_3 .pic{

    top: 45px;

    left: 110px;

}



.banner_box#banner_3 .text{

    left: 640px;

    top: 154px;

    width: 260px;

}



.banner_box#banner_4 .pic{

    top: 110px;

    left: 90px;

}



.banner_box#banner_4 .text{

    left: 640px;

    top: 154px;

    width: 260px;

}

/* 主营产品 */
.fivsl{position:relative;overflow:hidden;margin:0 auto;width:93.75%;margin-top:30px;max-width:1200px}
.fivsl ul li{position:relative;overflow:hidden;float:left;width:20%;padding-left:-1px;height:55px}
.fivsl ul li.av{padding-left:-1px;padding-right:-1px}
.fivsl ul li h2{position:relative;width:22%;overflow:hidden;float:left;margin-left:9%}
.fivsl ul li h3{position:relative;width:60%;overflow:hidden;float:left;margin-left:9%}
.fivsl ul li h3 p.av01{font-size:24px;color:#90979e;line-height:30px;height:30px;margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0}
.fivsl ul li h3 p{font-size:16px;color:#90979e;line-height:16px;height:16px;margin-top:5px;padding-top:0;margin-bottom:0;padding-bottom:0}
.fivsl ul li h2 span{position:absolute;top:100%;left:0%;width:100%}
.fivsl ul li:hover h2 span{top:0%}
.fivsl ul li:hover h3 p.av01{color:#d61518}
.fivsl ul li:hover h3 p{color:#d61518}
.fivsl ul li span{position:absolute;top:100%;left:0%;width:100%}
.fivsl ul li:hover span{top:0%}


.main_title{width:100%;border-bottom:1px solid #e1e1e1;}
.main_title .block .img{width:180px;height:29px;padding-top:50px;margin-left:43%;}
.main_title .block h1{text-align:center;padding-top:38px;padding-bottom:10px;}
.main_title .block .main_fgf{width:121px;height:6px;position:absolute;z-index:999;left:46.8%}
.main_title .block .main_fgf img{height:6px;padding-top:0px;margin-left:0px;}

.main_about{width:100%;line-height:30px;text-align:center;font-size:16px;margin-top:20px;padding-top:40px}
.main_product{width:100%;border-bottom:1px solid #e1e1e1;background:#f2f3f7;}
.main_product .block .img{width:180px;height:29px;padding-top:50px;margin-left:43%;}
.main_product .block h1{text-align:center;padding-top:38px;padding-bottom:10px;}
.main_product .block .main_fgf{width:121px;height:6px;position:absolute;z-index:999;left:46.8%}
.main_product .block .main_fgf img{height:6px;padding-top:0px;margin-left:0px;}
.block .main_pro{width:1300px;margin-top:35px;margin-bottom:55px;}
.block .main_pro ul li{width:350px;height:213px;float:left;margin-right:74px;}
.block .main_pro ul li img{width:100%;}
.block .main_pro ul li a{display:block;height:213px;}
.block .main_pro ul li div{width:350px;background:rgba(120,28,41,0.8);position:relative;top:-35px;}
.block .main_pro ul li div h3{text-align:center;line-height:36px;}
.block .main_pro ul li div h3 a{color:#ffffff;display:block;height:36px;}
.block .main_pro ul li div h3 a:hover{color:ffffff;}

.vzong { position: relative; overflow: hidden;  margin: 0 auto; width: 100%; margin-top: 30px; height: 480px;}
.vwen { position: absolute; width: 100%; top: 0; left: 50%;margin-left: 150px; background: #f2f3f7; height: 480px; overflow: hidden; z-index: -10;}
.vfen {position: absolute;  width: 100%; top: 0; left: -50%; margin-left: 150px;background: #f2f3f7; background-size: 1015px 530px; background-position: 100% 50%; height: 480px;overflow: hidden;z-index: -8;}
.vzt { position: relative;overflow: hidden; margin: 0 auto;width: 100%; max-width: 1200px; margin-top: 20px; height: 510px;}
.vzt01 {position: relative; overflow: hidden;float: left;margin-top: 20px; width: 57%;}
.vzt02 {position: relative;  overflow: hidden; float: right;margin-top: 10px; width: 38%;}
.vzt021 { position: relative; overflow: hidden; margin-top: 0;width: 100%;font-size: 15px;line-height: 28px;color: #6b6b6b;}
.vzt021 h1{ margin-top:20px; margin-bottom:10px;}
.vzt022 { position: relative;overflow: hidden; margin-top: 10px;width: 175px;height: 36px;font-size: 18px; line-height: 36px;float: right;background: #e5e5e5;text-indent: 10px;}
.jiant { position: absolute;font-size: 24px; font-weight: 700; height: 36px; line-height: 36px; right: 10px; top: 0;}

/* 产品展示 */
.product_display_hd{width:100%;border-bottom:1px solid #ddd;}
.product_display_hd .block .product_arrow1{width:47px;height:47px;z-index:999;position:relative;top:-20px;left:48%;}
.product_display_hd .block .product_display_hd_img{width:328px;height:32px;margin-top:30px;margin-left:36.8%;}
.product_display_hd .block h1{text-align:center;padding-top:38px;padding-bottom:10px;}
.product_display_hd .block h1 a{color:#000;}
.product_display_hd .block h1 a:hover{color:#581030;}
.product_display_hd .block .main_fgf{width:121px;height:6px;position:relative;z-index:999;top:3px;left:44.8%}
/* 产品展示body */
.product_display_bd{width:100%;}
.product_display_bd .block .product_display_show{width:1300px;}
.product_display_bd .block .product_display_show ul li{width:195px;height:225px;float:left;margin-right:54px;border:1px solid #1d1d1d;background:#787878;margin-top:55px;margin-bottom:30px;}


.product_display_bd .block .product_display_show ul li p{color:#ffffff;text-align:center;}
.product_display_bd .block .product_display_show ul li p a{color:#ffffff;}
/* .product_display_bd .block .product_display_show ul li p a:hover{color:#581030;} */
.product_display_bd .block .product_display_show ul li:hover{background:#781c29;}
.product_display_bd .block .product_arrow2{width:47px;height:47px;z-index:999;position:relative;top:-22px;left:48%;}
/* 资讯动态 */
.news_hd{width:100%;border-bottom:1px solid #e1e1e1;}
.news_hd .block .img1{width:273px;height:32px;padding-top:75px;margin-left:38.5%;}
.news_hd .block h1{text-align:center;padding-top:38px;padding-bottom:10px;}
.news_hd .block .news_fgf{width:121px;height:6px;position:relative;z-index:999;top:3px;left:44.8%}
/* 资讯动态新闻列表 */
.news_bd{width:100%;}
.news_bd .block .new_list{width:1300px;padding-top:30px;padding-bottom:20px;}
.news_bd .block .new_list ul li{float:left;margin-right:90px;width:556px;margin-bottom:45px;}
.news_bd .block .new_list img{float:left;margin-right:10px;border:2px solid #781c29;padding:8px;}
.news_bd .block .new_list h3{line-height:30px;}
.news_bd .block .new_list span{color:#afafaf;}
.news_bd .block .new_list p{padding-top:5px;padding-left:35px;font-size: 14px;}
.news_bd .block .new_list a:hover{color:#581030;}
/* 下面是底部的代码 */
.footer{width:100%;background:#4b4b4b;}
.footer .block .footer_left{width:1000px;float:left}
.footer .block .footer_left ul{float:left;}
.footer .block .footer_left ul li{width:80px;line-height:26px;float:left;margin-top:20px;}
.footer .block .footer_left ul li a{color:#cecece;}
.footer .block .footer_left ul li a:hover{color:red;}
.footer .block .footer_left .footer_img{width:114px;float:left;margin-top:10px;}
.footer .block .footer_left .footer_img img{margin-left:0px;float:left;}
.footer .block .footer_left p{padding-top:15px;padding-bottom:30px;color:#cecece;}
.footer .block .icon{width:41px;height:84px;float:right;margin-top:20px;}
.footer .block .icon img{margin-bottom:2px;opacity:0.8;}
.footer .block .icon img:hover{opacity:1;}
#ewm_show{width:100px;height:100px;position:absolute; z-index:999;display:none;margin-left:-100px;margin-TOP:-100px;}
#ewm_show img{width:100%;}
.main_content{width:1200px;padding-top:30px;padding-bottom:30px;}
.main_content table{border-top:1px solid #ccc;border-right:1px solid #ccc;}
.main_content td{border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px;}


.pro_img{width:175px;height:157px;padding:10px 0;margin:10px; background: #fff;text-align: center;}
.pro_img img{width:100%}
h1 a:hover{color:#781c29;}
.wx-ewm{width:100px;height:100px;position:absolute;z-index:999;margin-left: 150px;margin-top: -10px;display:none;}
.wx-ewm img{width:100%;padding-left:0;}











