﻿HTML{overflow-x:hidden;}
*{
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    text-decoration: none;
}
body{ font-size:12px; color:#333;font-family:"Microsoft YaHei","微软雅黑","Arial";}
ul,li{ list-style-type:none;}
img,ul,li{padding:0px; margin:0px;}
img{border:none;}
a{color:#666; text-decoration:none;}
a:hover{ color:#FF0000;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
img{border:0;}
em{font-style: normal;}
i{font-style: normal;}
.tdbg{height:50px;}
input,textarea,select{height:30px;padding:0 10px;border:1px solid #d2d2d2;border-radius:3px;}
/*-----top------*/


.top2{width:1180px; height:140px; margin:0 auto;}
.top2_left{width:870px; height:105px; float:left; margin-top:20px;}
.phone{width:268px; float:right; height:95px; margin-top:20px; background:url(../images/phone.png) left no-repeat;}
.logo{width:504px; height:85px; float:left;}
.dw{width:356px; height:63px; float:right; margin-top:26px;}
.dw p{color:#8b8b8b; font-size:15px; color:#8b8b8b;line-height:28px;}
.dw p span{color:#1b7afa;}
.phone_number{width:175px; float:right; font-size:14px; color:#262525; height:49px; margin-top:9px;}
.phone_number1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#1b7afa; font-weight:bold; float:right; line-height:28px;width:175px;margin-top:5px;}
/*---------top-end--------*/
/*----------nav----------*/
.nav_box{width:100%; height:58px; background:#40cc36;}
.nav{width:1180px; margin:0 auto; }
.nav ul li{float:left; text-align:center; width:118px;background:url(../images/nav-li.jpg) right center no-repeat;}
.nav ul li a{color:#FFF; text-decoration:none; font-size:16px;font-weight:bold;line-height:58px;}
.nav ul li a:hover{ display:block; text-decoration:none; background:#fb9a00;}

nav, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}
ul,li {list-style-type:none; text-transform:capitalize;}
.clear {clear:both; *display:inline;/*IE only*/}
#menu{background:#4bb344;}
#nav {margin:0px auto;width:1180px;display:block;height:52px;}
#nav .mainlevel {float:left;width:118px;}
#nav .mainlevel a {color:#ffffff; text-decoration:none;line-height:52px; display:block; text-align: center; width:118px;font-weight:bolder;font-family: "Microsoft Yahei";font-size:16px;letter-spacing:2px;}
#nav .mainlevel a:hover {color:#ffffff; text-decoration:none; background:#34c807;}
#nav .mainlevel ul {display:none; position:absolute;z-index: 1111;}
#nav .mainlevel li {border-bottom:1px solid #30ba06; background:#34c807; width:118px;height:32px;}
#nav .mainlevel ul li a:link{font-weight:normal;height:32px;line-height:32px;font-size:12px;}
#nav .mainlevel ul li a:visited{font-weight:normal;height:32px;}
#nav .mainlevel ul li a:hover {color:#ffffff; text-decoration:none; background:#4bb344;}
.nav ul li #no{background:none;}
/*-----nav-end----------*/
/*banner*/
.owl-theme .owl-controls{margin-top:-25px !important;}
.owl-carousel{height:500px;width:100%;}
.owl-carouse2{height:350px;width:100%;}
.owl-page span{width:40px !important;height:8px !important;}
/*banner-end*/
/*--search---*/
.search_box{width:100%; height:50px; margin:0 auto;}
.search{width:1180px; height:50px; margin:0 auto;}
.search_left{width:670px; font-size:16px; color:#5d5d5d; font-weight:bold; line-height:50px; float:left; overflow: hidden;}
.search_left span{font-weight:normal; color:#3d3d3d;}
.search_right{width:279px; height:40px; float:right; margin-top:8px; background:url(../images/search1.jpg) center no-repeat;}
.search_right input{width:224px; height:36px; border:none; background:none; padding-left:10px; font-size:14px; color:#999; line-height:36px; float:left;}
.search_right a img{margin:6px 12px;}
/*---search-end---*/
/*----product---*/
.product{width:1180px; margin:0 auto; padding-top:28px;}
.product_left{width:210px;float:left;}
.product_left b{width:100%; background:#4bb344; display:block;}
.product_left b a{background:url(../images/product111.png) #4bb344 left center no-repeat;height:45px; font-size:16px; color:#fff; line-height:46px; font-weight:bold;display:block;padding-left:25px;margin-left:26px;}
.product_left b a:hover{color:#333;}
.product_left ul li{width:100%; height:44px; line-height:44px; color:#fb9a00;background:#40cc36;}
.product_left ul li:hover{width:100%;background:#4bb344;}
.product_left ul li a{width:151px; height:44px; background:url(../images/nav2.png) 1px no-repeat; font-size:14px; color:#fff; float:right; padding-left:25px;}
.product_left ul li a:hover{color:#333;background:url(../images/nav22.png) 1px no-repeat;}

.product_right{width:960px; float:right;}
.pro{ padding:0px;}
.pro li{width:292px; height:324px;margin:0 10px 10px 10px;border: 0px solid #dcdcdc; text-align:center;float:left;overflow:hidden; position:relative;}
.pro li:hover{border:0px solid #00665d9;}
.pro li img{width:292px;height:292px;}
.pro li a{font-size:14px;font-weight:bold;}
.pro li a span{position:absolute; bottom:0px; left:0px; display:block; background:#ebebeb; width:100%;  height:32px; line-height:32px; text-align:center; color:#000;font-weight: normal;font-size: 16px;}
.pro li a:hover span{ color:#fff;background:#4bb344;}
/*---product-end---*/

/*---banner1-end---*/
/*公司简介*/
.zz_huasheng{
    width:100%;
    height:520px;
    background: url("../images/beijing3.jpg") center bottom no-repeat;
}
.zz_huasheng .zz_huashengc{
    width:1180px;
    height:520px;
    margin:0 auto;
}
.zz_huasheng .zz_huashengc .zz_huashengs{
    width:1180px;
    height:123px;
    background: url("../images/beijing2.png") left center no-repeat;
}
.zz_huasheng .zz_huashengc .zz_huashengs h2{
    float: left;
    margin-top: 42px;
    margin-left: 18px;
}
.zz_huasheng .zz_huashengc .zz_huashengs h2 a{
    font-size: 28px;
    color: #333333;
    font-weight: normal;
}
.zz_huasheng .zz_huashengc .zz_huashengs h2 a:hover{
    color: #2384d1;
}
.zz_huasheng .zz_huashengc .zz_huashengs .zz_y_w{
    float: left;
    text-transform: uppercase;
    font-size: 19px;
    color: #757575;
    margin-top:56px;
    margin-left: 15px;
    font-weight: lighter;
}
.zz_huasheng .zz_huashengc .zz_huashengx{
    width:1180px;
    height:397px;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxl{
    width:487px;
    height:328px;
    float: right;
    background: url("../images/beijing4.jpg") right bottom no-repeat;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxl img{
    width:476px;
    height:315px;
    display: block;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxl img:hover{
    opacity:0.9;
    filter: alpha(opacity=90);
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxr{
    width:624px;
    height:328px;
    float: left;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxr .zz_h3{
    float: left;
    margin-top: 18px;
    margin-left: -2px;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxr .zz_h3 a{
    color: #333333;
    font-size: 26px;
    font-weight: normal;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxr .zz_h3 a:hover{
    color: #2384d1;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxr span{
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    color: #757575;
    font-weight: lighter;
    margin-top: 12px;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxr em{
    float: left;
    width:624px;
    height:112px;
    overflow: hidden;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    margin-top: 52px;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxr em a{
    font-size: 14px;
    color: #333333;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxr em a:hover{
    color: #2384d1;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxr .zz_a4{
    float: left;
    width:137px;
    height:32px;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    margin-top: 34px;
    background: url("../images/beijing5.jpg") center no-repeat;
}
.zz_huasheng .zz_huashengc .zz_huashengx .zz_huashengxr .zz_a4:hover{
    color: #ffae07;
    background: url("../images/beijing6.jpg") center no-repeat;
}

/*----case----------*/
#box_case{height:330px;width:100%;background:#fff;float:none;padding-bottom:90px;padding-top:50px}
#box_case_sub1{width:1180px;float:none;margin:0 auto}
#box_case_sub1_sub1{width:100%}
#box_case_sub1_sub2{width:100%;margin-top:36px}
.index_title .big_title{font-size:24px;font-weight:bold;color:#333;line-height:27px}
.index_title .small_title{font-size:14px;color:#898989;line-height:24px}
.index_title{background:url(../images/title_bg.png) no-repeat center center;text-align:center;letter-spacing:1px;margin-bottom:20px;}


.img{margin:10px 6px 0px;}
.t{background:#4bb344;line-height:30px;margin:0px 6px;}
.t a{color:#fff;display:block;}


/*----banner2---*/
.banner2_box{width:100%; height:160px; background:url(../images/ban2.jpg) center no-repeat;}
.banner2{width:1180px; height:200px; margin:0 auto;}
.phone2{width:1030px; height:180px; margin-top:20px; float:left;}
.phone2_right{width:47px; height:131px; float:right; text-align:center; margin-top:36px;}
.phone2_right a{font-size:18px; font-weight:bold; line-height:26px; color:#fff;}
.phone2_right a:hover{color:#FF0000;}
/*------banner2-end--*/
/*------资讯--*/
.fArea { background:#fff; padding:35px 0; }
.wrap { width:1200px; margin:0 auto; }
.Area-hd {width:1200px;height:90px;background: url("../images/beijing11.png") center no-repeat;}
.Area-hd h2 {float: left;margin-left: 18px;margin-top: 24px; }
.Area-hd h2 a{color: #333333;font-size: 28px;font-weight: normal;}
.Area-hd h2 a:hover{color: #2384d1;}
.Area-hd span{float: left;text-transform: uppercase;font-size: 19px;color: #757575;margin-top:30px;margin-left: 19px;font-weight: lighter;}
.fArea .bd { margin-top:30px; }
.fArea-bd { margin-top:10px; }
.fArea01 { width:380px; float:left;clear:both;}

.fArea02 { width:790px; float:right;display:block;}
.fArea02 .hd a { display:block; float:right; font-size:14px; }
.fArea02 .hd a:hover { color:#1b7afa;}
.fArea02 .hd i { display:block; float:right; width:300px; height:1px; background:#d3d3d3; margin:10px 5px 0 0;  }
.fArea02 .hd ul li { float:left; color:#333; font-size:18px; padding:0 16px; cursor:pointer;}
.fArea02 .hd ul li.on { color:#fff;background:#10de00;border-radius:8px;}
.fArea02 .bd ul li { margin-top:11px; border-bottom:1px solid #d3d3d3; padding-bottom:10px; }
.fArea02 .bd ul li .txt { position:relative; width:650px; float:left; }
.fArea02 .bd ul li .txt h2 a{ font-size:15px; font-weight:normal; color:#000000;}
.fArea02 .bd ul li .txt h2 a:hover{color:#10de00;}
.fArea02 .bd ul li .txt p { color:#666; font-size:13px; margin-top:10px; line-height:25px; }
.fArea02 .bd ul li .txt p a:hover { color:#10de00;}
.fArea02 .bd ul li .txt .more { position:absolute; right:0; bottom:0; }
.fArea02 .bd ul li .date { width:90px; height:70px; padding-top:20px; text-align:center; float:right; background:#10de00; font-size:22px; color:#fff; }
.fArea02 .bd ul li .date span { display:block; font-size:14px;  }
.fArea02 .bd ul li .date { width:90px; height:70px; padding-top:20px; text-align:center; float:right; background:#10de00; font-size:22px; color:#fff; }
.fArea02 .bd ul li .date span { display:block; font-size:14px;  }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}

/*栏目页*/
.frw{width:950px;background:#ffffff;}
.dh{height:40px;border-bottom:1px solid #4bb344;line-height:40px;}
.dh h2{background:#4bb344;color:#FFFFFF;font-weight:bold;font-size:16px;padding:0px 25px;float:left;}
.dh span{float:right;}
.ncontent{line-height:32px;font-size:14px;margin-top:12px;}
.ncontent img{margin-bottom:8px;margin-top:8px;align:center;max-width:680px;}
/*新闻列表默认样式开始*/
.shopmrsc:hover {background-color: #f9f9f9;
}
.shopmrsc {border-bottom: #efefef solid 1px;
    overflow: hidden;
    padding: 15px 5px;
}
.shopmrsc a {
                                float: left;
                                display: block;
                                height: 135px;
                                text-decoration: none;
                                position: relative;
}
.shopmrsc a:hover {
                                color: red;
                                text-decoration: none;
                            }
.xwlb_img {
	float:left;
    margin-right: 15px;
    width: 205px;
	height: 135px;
	background-color:#DBD9DA;
}
.xwlb_img img {
    max-width: 205px;
    max-height: 135px;
    display: table-cell;
}
.shopmrsc p {
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-align: left;
    margin: 0 auto;
    border-bottom: none;
}
.shopmrsc p.xwlbbt {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
}
.shopmrsc p.xwlbnr {
    font-size: 14px;
    font-weight: normal;
    #height: 50px;
    line-height: 24px;
    margin-top: 7px;
    color: #999;
}
.shopmrsc p.xwlbsj {
    font-size: 14px;
    font-weight: normal;
    color: #787878;
    position: absolute;
    line-height: 20px;
    bottom: 0;
}
/*内容页*/
.bodycontent {line-height:180%;text-align:center;margin-top:20px;}
.bodycontent h1{font-size:28px;color:#cb1007;height:36px;line-height:36px;font-weight:bold;}
.newscontent{text-align:left;font-size:14px;line-height:200%;}
.newscontent img{max-width:680px;margin:10px 0px;}
/*文章上下页*/
.pn_box{margin-top:15px;overflow:hidden;line-height:30px;font-size:16px;border-top:1px solid #dddddd;padding:16px 0px;text-align:left;}
.pn_box span{width:90%; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;color:#333;}
.pn_box .pnL{display:block;}
.pn_box .pnR{display:block;}
.pn_box a{color:#666666;}
.pn_box a:hover{color:#ff6600;}
/*------友情链接--*/
.footer1 {padding-top:15px;clear:both;}
.link { height:55px; line-height:55px; background:#f2f2f2; text-align:center; font-size:14px; }
.link a { margin:0 10px; }
.link i { font-style:normal; color:#ff6600; }
/*底部*/
.footer{height:229px;width:100%;background:#4bb344;}
.foot_c{height:199px;width:1180px;background:url(../images/copyright_bg.png) no-repeat right 0;float:none;margin:0 auto;padding-top:30px;}
.foot_l{float:left;width:33%;}
.copy_contact{padding-bottom:5px;padding-left:60px;padding-right:5px;background:url(../images/phone_copy.png) no-repeat left center;color:white;font-size:24px;font-weight:bold;padding-top:5px}
.copy_contact SPAN{color:white;font-size:15px;font-weight:normal}
.copy_contact_list{line-height:22px;margin-top:10px;color:white;font-size:12px}
.foot_z{border-left:#fff 1px solid;border-right:#fff 1px solid;width:33%;float:left}
.copy_key{line-height:27px;float:left;color:white;margin-left:81px}.copy_key SPAN{font-size:18px}.copy_key2{margin-left:42px}
.foot_r{float:right;width:33%;}
.foot_r li{width: 150px; float: left; letter-spacing: 1px; color: #ddd; margin-left: 20px}
.foot_r li img{width: 140px; height: 140px}
.foot_r li p{height: 23px; line-height: 23px; font-size: 12px; text-align: center; color: #EAF7FF}
.foot_bottom{text-align:center;line-height:50px;color:#333;background:#33c129;width:100%}
.foot_bottom A{color:#333}
.foot_bottom A:hover{color:#fff}

.w1180{width:1180px;margin:20px auto;}
.fr {float: right;}
.fl {float: left;}

/*左侧联系方式*/
.left_lx{width:210px;line-height:25px;background:#40cc36;color:#fff;margin-top:10px;margin-bottom:15px;}
.left_lx a{color:#fff;}
.left_lx p{padding:10px;line-height:28px;}
.left_lx img{padding-left:10px;width:190px;}
.left_lx_tit{width:200px;font-size:16px;height:45px;line-height:45px;background:#4bb344;padding-left:10px;}
.left_lx_tit span{float:right;margin-right:15px;font-size:12px;text-transform:Uppercase;color:#fff;}
/*内页*/

/*文章分页样式*/
.pagination{ text-align: center; padding: 20px 0;}
.pagination li{ width: 28px; text-align: center; border: 1px solid #40cc36; background: #fff; height: 28px; font-size: 12px; color: #666; line-height: 28px; margin-left: 5px; border-radius: 3px; display: inline-block;overflow: hidden; }
.pagination li a{ display: block;}
.pagination .disabled{ color: #cacaca;}
.pagination .active{ color: red;}
/*客服*/



.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */
.suspension {
    width: 46px;
    height: 210px;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 999;
}

.suspension .consult {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center -1px;
    background-color: #10de00;
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
}

.suspension .consult .suspension-list {
    position: absolute;
    width: 240px;
    right: -29px;
    top: -148px;
    z-index: 30;
    display: none;
}

.suspension-list-content {
    position: absolute;
    width: 240px;
    right: 85px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
}

.suspension-list ul {
    margin: 32px 24px;
}

.suspension-list ul li {
    position: relative;
    display: list-item;
    width: 100%;
    height: auto;
    padding: 16px 0;
    margin-top: 10px;
    overflow: hidden;
    border-top: 1px solid #f4f4f4;
}

.suspension-list ul li:first-child {
    padding-top: 0;
    border-top: none;
}

.suspension-list ul .suspension-list-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.suspension-list-bottom .info-value {
    font-size: 12px;
    font-weight: inherit;
    color: #999;
}

.suspension-list ul li:first-child {
    margin-top: 0;
}

.service-phone{
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}


.info-name {
    display: block;
    padding-left: 10px;
    height: 18px;
    font-size: 16px;
    color: #333;
}

.info-value {
    display: block;
    padding-left: 10px;
    margin-top: 8px;
    line-height: 26px;
    font-size: 14px;
    font-weight: 500;
    color: #f60;
}

.suspension a.consult:hover .suspension-list {
    display: inline !important;
}

.suspension .cart {
    background-image: url(../images/top-icon.png);
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    margin-top: 10px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.suspension a.cart:hover .pic {
    display: block;
}

.suspension .back-top {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    margin-top: 10px;
}

.suspension .cart .pic {
    display: none;
    position: absolute;
    left: -150px;
    top: -103px;
    width: 150px;
    height: 163px;
}

.pic-content {
    position: absolute;
    width: 150px;
    height: 150px;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    right: 10px;background-size: 100%;
}

/*kh*/

.kh_all {
	width: 100%;
	background: url(../images/kh_bk.jpg) no-repeat center;
	height: 640px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.kh {
	width: 1180px;
	margin: auto;
}
.kh h3 {
	padding-top: 45px;
	text-align: center;
}
.kh h3 {
	font-size: 30px;
	color: #444;
}
.kh h3 span {
	color: #33b20b;
}
.kh_xbt {
	text-align: center;
	font-size: 12px;
	color: #666666;
	text-transform: uppercase;
	margin-top: 5px;
}
.kh ul {
	margin-top: 30px;
	overflow: hidden;
}
.kh ul li {
	width: 560px;
	margin-right: 20px;
	height: 200px;
	overflow: hidden;
	float: left;
	background: url(../images/kh_li_bk.png) no-repeat center;
	margin-bottom: 25px;
	margin-top: 10px;
}
.kh_t {
	width: 156px;
	height: 156px;
	overflow: hidden;
	margin: auto;
	border-radius: 50%;
	float: left;
	margin-top: 20px;
}
.kh_t a img {
	width: 156px;
	height: 156px;
	border-radius: 50%;
	border: 1px solid #ddd;
}
.kh_w {
	width: 305px;
	height: 196px;
	margin: auto;
	float: left;
	margin-left: 45px;
}
.kh_w1 {
	padding-top:40px;
	text-align: left;
}
.kh_w1 a {
	font-size: 16px;
	color: #444;
	font-weight: bold;
}
.kh_w2 {
	margin-top: 12px;
	margin-top: 10px;
	text-align: left;
	line-height: 26px;
	height: 78px;
	overflow: hidden;
	color: #666;
	font-size: 13px;
}
.kh_w3 {
	margin-left: 0px;
	margin-top: 20px;
	width: 80px;
	height: 28px;
	background: #33b20b;
	text-align: center;
	line-height: 28px;
}
.kh_w3 a {
	font-size: 14px;
	color: #fff;
}
