*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑" }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
a:hover{text-decoration:none}
a:active{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 0;}

hr{ border:none;}
.clear{ clear:both;}
.container{ padding: 0;}
p{margin: 0;}
img{ border:0; vertical-align:middle; }
input[placeholder], [placeholder], *[placeholder] {
   color:#999 !important;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

input,textarea{outline:0px;}
.container{width:1200px; margin: 0px auto}



/*********************************导航条******************************8*/
.top{width:100%;height:50px; background: #225a99}
.top-middle{width:1200px;margin:0 auto;height:50px;}
.top-middle>img{margin-top:26px; float: left;}
.nav{width:100%; height: 100%;}
.navbar{z-index: 99;}
.nav .nLi{float:left;position:relative;height: 100%;font-size: 14px; background: url(../images/xx.png) no-repeat right center; text-align: center}
.nav .nLi h3{height: 100%;width:150px;text-align: center;}
.nav .nLi h3 a{width: 100%;display:inline-block;box-sizing: border-box;cursor: pointer;font-size:14px;font-weight: 500;height: 100%;text-align: center;color: white;position: relative;}
.nav .sub{ zoom: 1; display:none; width:150px; left:0; text-outline: 45px;  position:absolute; background:white; color: #666666; line-height:30px;  z-index: 99;}
.nav .sub li{ zoom:1; width:150px;}
.nav .sub a{ line-height:34px;display:block; padding:0 26px; width: 100%; box-sizing: border-box; font-size:12px; text-align: center;}
.nav .sub a:hover{ color: #b39b77}
.nav .on h3 a{background:url(../images/active.png) no-repeat;}
.nav h3 a span{ width: 100%; height:20px; font-size: 12px; color: #999999; display: block}
.nav h3 p{width:100%; height:20px; line-height: 20px; font-size: 14px; margin-top: 5px;}
.nav .nLi:last-child{ background:none;}
.nav .active p,.nav .active span{color: #b39b77;}
.nav .nLi:hover p,.nav .nLi:hover span{color: #b39b77;}




.header{height:100px; width: 100%; margin-bottom:5px}
.logo{float:left; width: 379px; height: 59px; margin-top:22px;}
.logo a img{ width: 100%; height: 100%;}

.header_right{ float: left; height:45px; width: 300px; margin-top: 10px;}
.header_right div{ float:left; position: relative}
.header_right a{color:#999}
.header_right .h_wx{ width:122px; height: 100%; margin-right: 8px;position: relative; margin-right: 10px;}
.header_right .h_sj{ width:122px; height: 100%; margin-right: 10px;position: relative;  margin-right: 10px;}
.header_right  i{font-size:40px; color:#999999; float: left}
.header_right img{ width:100px; height: 100px; position: absolute; bottom: -109px; left: 0px;z-index: 999; display: none}
.header_right .header_sj:hover img{ display: block}
.header_right .header_wx:hover img{ display: block}
.header_right p{font-size:14px;color: #333333; float: left; margin-left: 5px; margin-top:6px;}
.header_dright{float: right; margin-top:20px;}


.header_rdhs{width:163px; height: auto; float: right;}
.header_rdhs .quan{width:100%; height: 25px; line-height: 25px; font-size: 14px; color: #333333; padding-left: 1px;}
.header_rdhs .quan img{float: left; margin-right:2px;}
.header_rdhs h3{width:100%; height: 29px; text-align: center; line-height: 29px; font-size: 18px; font-family: "Impact"; color: #fff; background: url(../images/dhs_bj.jpg) no-repeat; margin-top: 2px;}





/*banner*/
.banner{width:100%; height:650px;}
.banner .slideBox{ width:100%; height:650px; overflow:hidden; position:relative; }
.banner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:25px; z-index:1;  margin-right: -58px;}
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .slideBox .hd ul li{ float:left; margin-right:15px;  width:20px; height:20px;  border-radius:50%; border:1px solid #225a99; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#225a99;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.banner .slideBox .bd ul{height: 100%;width:100%}
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.banner .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.banner .slideBox .bd img{ width:100%; height:100%; display:block;  }




/*产品中心*/
.index_product{width:100%; height: auto; overflow: hidden; margin-top:50px;}
.index_product_t{width:263px; height: 84px; background: url(../images/p_t.png) no-repeat center;  margin: 0px auto 20px; padding-left:82px; padding-top: 15px}
.index_product_t h3{font-size: 30px; color: #333333; font-weight: bold;}
.index_product_t h4{font-size: 20px; color: #333333; font-weight: bold;}
.index_product_nav{width: auto; overflow: hidden; margin: 0px auto; display: table;}
.index_product_nav a{width:140px; height: 35px; background:#225a99; float: left; text-align: center; line-height: 35px; color: #FFFFFF; margin-right: 15px;}
.index_product_nav a:hover{ background: #b39b77}
.Box{width:100%; height: auto; margin-top: 40px; }
.Box .Box_con {position: relative; }
.Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; padding-top: 20px; }
.Box .Box_con .conbox ul {position: relative; list-style: none;}
.Box .Box_con .conbox ul li {float: left;width:389px;height:400px; margin-left:16px;overflow: hidden; }
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li:hover img.cur_pic{transform: scale(1.1);}
.cur_img{width:100%; height:339px;  overflow: hidden;  overflow: hidden; margin: 0px auto; border: 1px solid #dddddd; padding: 10px;}
.cur_img img.cur_pic{width:100%; height: 100%; transition: all 0.5s;}
.cur_himg{width:100%; height: 100%; position: relative; overflow: hidden}
.cur_hover{width:100%; height: 100%; position: absolute; top: 0px; left:0px; background: rgba(0,0,0,0.5); text-align: center; display: none;}
.cur_hover img{margin-top: 121px;}
.Box .Box_con .conbox ul li:hover .cur_hover{display: block}

.conbox_button{width:100%; height:30px;  margin: 0px auto;position: absolute; top:135px; left:0; z-index: 999}
.Box .Box_con .btn {display: block;width: 62px;height:62px;cursor: pointer; }
.Box .Box_con .btnl {background: url(../images/p_left.png) no-repeat center; float: left; margin-left: -80px;}
.Box .Box_con .btnr {background: url(../images/p_right.png) no-repeat center; float: right; margin-right: -70px;}
.Box .Box_con .btnl:hover{background: url(../images/p_hleft.png) no-repeat center; }
.Box .Box_con .btnr:hover{background: url(../images/p_hright.png) no-repeat center; }
.Box .Box_con .conbox ul li p{width:100%; height: 45px; line-height: 45px; text-align: center; font-size: 20px; color: #333; margin-top: 5px;}
.pro_more{width:140px; height: 35px; background: #225a99; color: #fff; text-align: center; line-height: 35px; margin: 45px auto 68px; display: block; }


/*优势*/
.index_youshi{width:100%; height: 656px; background:url(../images/youshi.jpg) no-repeat center; padding-top: 250px;}
.index_youshi_left{width:300px; height: auto; float: left; margin-left: 40px;}
.index_youshi_left h3{width:135px; height: 40px; background: #f9dd9b; text-align: center; line-height: 40px; font-size: 20px; color: #333333; font-weight: bold;
	margin: 10px 0 35px 165px; border-radius: 30px; }
.index_youshi_left p{width:95%; height: 70px; line-height: 30px; font-size: 16px; color:#b39b77; text-align: right}
.index_ys,.index_rys{width:100%; height: auto; overflow: hidden; margin-bottom: 40px;}
.index_youshi_center{width:380px; height: 86px; background: rgba(179,155,119,0.57); border-radius: 45px; float: left;     margin-left: 73px; margin-top: 156px; padding: 10px 32px; line-height: 66px;}
.index_youshi_center img{ float: left; margin-top: 21px; margin-right: 10px; }
.index_youshi_center h3{font-size: 19px; color: #fff; float: left}
.index_youshi_center p{font-size: 30px; color: #ffffff; font-family: "Impact"}
.index_youshi_right{width:337px; height: auto; float: left; margin-left: 40px;}
.index_rys p{width:100%; height: 70px; line-height: 30px; font-size: 16px; color:#b39b77; }
.index_rys h3{width:135px; height: 40px; background: #f9dd9b; text-align: center; line-height: 40px; font-size: 20px; color: #333333; font-weight: bold;
	margin: 10px 0 35px 0px; border-radius: 30px; }


/*加入我们*/
.index_contact{width:100%; height: auto; overflow: hidden; margin: 36px 0}
.index_contact .index_contact_t{width:202px; height: 113px; float: left}
.index_contact .index_contact_t img{width:202px; height: 113px;}
.index_contact_form{width:930px; height: 140px; float: right}
.index_contact_form .con_left{width:360px; height: 123px; float: left}
.index_contact_form .con_left p{width:100%; height: 54px; background: #e5e5e5; position: relative}
.index_contact_form .con_left p input{width:100%; height: 100%; border:0px;  background: none; padding: 10px;}
.index_contact_form .con_left p:first-child{margin-bottom: 16px;}
.con_right{width: 362px; height: 123px; background: #e5e5e5; float: left; margin-left: 20px;}
.con_right textarea{width:100%; height: 100%; border: 0px; background: none; resize: none; padding: 10px;}
.con_submit{width:175px; height: 123px; background:#225a99; font-size: 18px; float: right; border: 0px; color: #fff; cursor: pointer}





/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden}
.index_about_top{width:100%; height: 476px; overflow: hidden}
.index_about_left{width:601px; height: 476px; float: left; overflow: hidden}
.index_about_left img{width:100%; height: 100%;     transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_about_right{width:560px; height: 476px; float: right}
.index_about_t{width:100%; height: 98px; background: url(../images/about_t.png) no-repeat left top; padding-left: 85px; overflow: hidden; padding-top: 10px;}
.index_about_t h3{font-size: 30px; color: #333333; height: 35px;  line-height: 35px; font-weight: bold; margin-top: 10px;}
.index_about_t h4{font-size: 20px; color: #333333; height: 35px;  line-height: 35px; font-weight: bold;}
.index_about_xx{width:100%; height: 230px; color: #666666; font-size: 14px; line-height: 30px; margin: 40px 0}
.about_more{width:120px; height: 42px; background: #225a99; font-size: 14px; color: #fff; text-align: center; line-height: 42px; display: block;}
.index_about_bottom{width:100%; height: 104px; background: #eeeeee; margin-top: 50px;}
.index_about_bottom ul{width:100%; height: 100%; overflow: hidden; padding: 15px;}
.index_about_bottom ul li{width:195px; height: 100%; border-right: 1px solid #fff; float: left}
.index_about_bottom ul li:last-child{border-right:0px;}
.index_about_bottom .about_img{width:48px; height: 48px; background: #666666; text-align: center; line-height:40px; border-radius: 50%; float: left; margin-top: 10px;     
	margin-left: 35px}
.index_about_bottom ul li p{font-size: 14px; color: #666666; float: left; line-height:68px; margin-left: 10px;}
.index_about_bottom ul li:hover .about_img{background: #225a99}
.index_about_bottom ul li:hover p,.index_about_bottom ul li.active p{color: #225a99}
.index_about_bottom ul li.active .about_img{background: #225a99}
.index_about_left:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.about_more:hover,.pro_more:hover{background:none; color: #b39b77; border: 1px solid #b39b77}




/*新闻中心*/
.index_news{width:100%; height: auto; overflow: hidden; background: #eeeeee; margin-top:50px; padding-top: 20px; padding-bottom: 90px; }
.index_news_t{width:220px; height:84px; margin: 0px auto; padding-left:78px; padding-top: 35px; background: url(../images/news_t.png) no-repeat left;}
.index_news_t h3{font-size: 30px; color: #333333; font-weight: bold;}
.index_news_nav{width:100%; height: 40px; margin: 35px 0}
.index_news_nav a{width:145px; height: 100%; background: #666666; text-align: center; line-height: 40px; float: left; margin-right: 1px; font-size: 16px; color: #fff}
.index_news_nav a:hover{background:#b39b77}
.index_news_list,.index_news_list ul{width:100%; height: auto; overflow: hidden;}
.index_news_list li{width:580px; float: left; margin-top:25px;}
.index_news_list li:nth-child(2n){float: right}
.index_news_list li .news_left{width:276px; height: 184px; position: relative; overflow: hidden; float: left}
.index_news_list li .news_left img{width:100%; height: 100%;   transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_list li .news_time{width:82px; height: 70px; background: rgba(0,0,0,0.5); text-align: center; position: absolute; right:0px; bottom:0px;}
.index_news_list li .news_time h3{font-size:34px; color: #FFFFFF}
.news_time span{font-size: 14px; color: #fff; line-height: 20px;}
.news_right{width:278px; float: right; height: 100%;}
.news_right h3{width:100%; height: 35px; line-height:35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_right p{width:100%; height: 88px; font-size: 14px; color: #666666; line-height: 25px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden; margin-top: 15px;}
.news_right span{font-size: 14px; color: #333333; margin-top: 10px; display: block}
.index_news_list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news_list li:hover p,.index_news_list li:hover h3,.index_news_list li:hover span{color:#b39b77}



/*底部*/


.footer{ width: 100%; height:296px;margin-top:60px; background: #225a99; border-top:2px solid #225a99; padding-top: 44px;}
.inJin{width:191px; height:35px; background: url(../images/xs.png) no-repeat bottom center; margin-bottom: 10px;}
.inJin h3{font-size: 18px; color: #ffffff; font-weight: bold}
.inJin h3 span{font-size: 16px; color: #ffffff; font-family: "Arial"; font-weight: normal; margin-left: 5px;}



.informa_banner{ width:355px;height:auto; float: left}
.informa_banner p{font-size:13px; color: #ffffff; line-height: 30px;}
.foot_center{width:276px; height: 164px; color:#fff; font-size: 16px; float: left; margin-left: 90px;  margin-top:20px;}
.foot_center img{width:105px; height: 82px; margin: 0px auto 36px; display: block}
.foot_center h3{font-size: 22px; color: #eeeeee; font-weight: bold; line-height:30px;}
.foot_center h4{font-size: 14px; color: #ffffff; font-family: "Arial"; line-height:20px;}



.footer_top_right{width:285px;  display: block; overflow: hidden; float: right; margin-top:60px;}
.footer_top_right .footer_img{width:120px; height:auto; float:left; margin-left:20px;}
.footer_img img{width:100%; height:100%;}
.footer_img p{width:100%; height:35px; line-height:35px; font-size:14px; color:#ffffff; text-align:center; }
.footer_img div{width:120px; height: 115px; background:#eeeeee; border-radius: 5px;  padding:8px;}

.footer_ban{width:100%; height: 60px; line-height: 60px; background: #225a99}
.footer_zhichi{width:425px; height:60px;  float: right}
.footer_zhichi p{ width: 188px; float: left; margin-left: 20px; line-height: 60px; font-size: 12px; color:#999999;}
.footer_zhichi .pt{width:127px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 20px; }
.footer_zhichi .js{width:115px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top: 20px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #ffffff;}
.footer_zhichi i{ float: left;}
.f_brq{width:600px;height:100%; line-height: 60px;font-size: 12px; color:#ffffff; float: left}

.index_kuaijie{width:100%; height: 50px; background:#225a99; padding: 15px; border-top: 1px solid #ffffff}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size: 14px; color: #999999; margin: 0px 10px;}
.index_kuaijie p{font-size: 14px; color: #999999; float: left; padding-right: 10px;}
.index_kuaijie a:hover{color:#fff}





/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#225a99;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}