.i-header{
    width: 100%;
    height:174px;
}

.ih_top{
    height: 35px;
    width: 100%;
    background: #f4f4f4;
    line-height: 35px;
    font-size: 12px;
    color: #999;
}
.ih_top a{
    padding: 0 7px;
    color: #999;
}
.ih_top a:before{
    content: '';
    display: inline-block;
    margin-right: 7px;
}
.i_favorite:before{
    width:11px;
    height: 10px;
    background: url("../images/fav.png") no-repeat;
}
.i_online:before{
    width:10px;
    height: 10px;
    background: url("../images/online.png") no-repeat;
}
.i_map:before{
    width:8px;
    height: 11px;
    background: url("../images/address.png") no-repeat;
}
.ih_center{
    line-height: 97px;
    text-align: center;
    height: 97px;
    font-size: 18px;
    color: #666;
}
.ih_logo img{margin-top: 17px}
.ih_call img{margin-top: 30px}

.ih_nav{
    background: #ffd900;
    line-height: 42px;
    height: 42px;
    width: 100%;
    text-align: center;
}
.i-nav>li{float: left;padding: 0 25px;box-sizing: border-box; transition: all .5s;position: relative;height: 42px}
.i-nav a{
    display: block;
    width: 100%;
    height: 42px;
    font-size: 14px;
    color: #323232;
    transition: all .5s;
}
.i-nav>li.active,.i-nav>li:hover,.nav2 li:hover{background: #d0101b}
.i-nav>li.active a,.i-nav>li:hover>a,.nav2 li:hover a{color: #fff}

.nav2{
    position: absolute;
    width: 180px;
    background: #ffd900;
    z-index:100;
    left: -35px;
    top:42px;
    display: none;
}
.nav2 li{width: 100%;height: 42px; transition: all .5s;}
/*底部*/
.footer{
    height: 327px;
    width: 100%;
    background: #323232;
}
.f-nav{
    height: 280px;
    box-sizing: border-box;
}
.footer_b{
    position: relative;
    background: url("../images/footer_bg.png") no-repeat center;
    height: 91px;
    margin-top:-41px;
    z-index: 10;
    width: 100%;
}
.sj_img{
    width: 104px;
    height: 102px;
    background: url("../images/ewm_bg.png") no-repeat;
    text-align: center;
    padding: 6px 0;
}
.ewm_img{width:90px;height:90px;}
.f_list{
    width: 810px;
    height: 280px;
    padding: 40px 0 65px;
    box-sizing: border-box;
}
.f-ewm{
    width: 390px;
    height: 280px;
    background: #282828;
    padding: 40px 0 65px 90px;
    box-sizing: border-box;
    color: #e7ecef;
}
.wx_ewm,.sj_ewm{
    width: 104px;
    height: 102px;
    float: left;
    text-align: center;
}
.sj_ewm{margin-right: 30px}

.f_list dl{
    float: left;
    width: 270px;
    height: 200px;
    color: #d7d7d7;
    border-left: 1px solid #4e4e4e;
    box-sizing: border-box;
}
.f_list a{color: #d7d7d7}
.f_list dt{font-size: 16px;padding-left: 18px;position: relative;margin-bottom:18px }
.f_list dt:before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 20px;
    background: #4e4e4e;
    position: absolute;
    left: 0;
}
.f_list dd{
    padding-left: 18px;
    line-height: 28px;
    font-size: 12px;
}
.footer_b{line-height: 40px}
.wl{
    width: 121px;
    height:18px;
    display: inline-block;
    background: url("../images/vl.png") no-repeat;
    margin: 8px 15px 0 10px;
    transition: all .5s;
}
.wl:hover{background: url("../images/vl_hover.png") no-repeat;}
.ws{
    width: 107px;
    height: 18px;
    display: inline-block;
    background: url("../images/win.png") no-repeat;
    margin: 8px 0 0 10px;
    transition: all .5s;
}
.ws:hover{background: url("../images/ws_hover.png") no-repeat;}
.footer_b .w1200>p{
    position: relative;
    top: 9px;
    height: 40px;
}


.page_nav p i{display:inline-block;margin-right:6px;vertical-align:-1px}
.page_nav p a:hover{color:#666}
.page_nav{overflow:hidden;padding:30px 0}
.page_nav p{margin-bottom:22px;color:#999;font-size:14px}
.page_nav p i{display:inline-block;margin-right:6px;vertical-align:-1px;}
.page_nav p b{font-weight:400}
.page_nav p a{color:#999}
.page_nav ul li{position:relative;float:left;margin-bottom:5px;margin-left:0;width:16.5%;text-align:center;font-size:15px;line-height:46px}
.page_nav ul li a{display:block;border:1px solid #e8e8e8;border-bottom:5px solid #e8e8e8}
.page_nav ul li a:after{position:absolute;bottom:0;left:0;width:0;height:5px;background:#ffd900;content:"";transition:all .3s ease 0s;-ms-transition:all .3s ease 0s}
.page_nav ul li a:hover,.page_nav ul li.active a{background:#ffd900;color:#333;}
.page_nav ul li a:hover:after,.page_nav ul li.active a:after{width:100%}
.ny_container,.map_content{padding-bottom:40px;overflow: hidden;}
.ny_banner{width:100%;height:280px;clear:both}
.ny_container{line-height: 28px;color:#555}

.about_banner{background:url(../images/about_banner.jpg) no-repeat top center;}
.products_banner{background:url(../images/products_banner.jpg) no-repeat top center;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat top center;}


.pro_list ul{overflow:hidden}
.pro_list li{width:270px;height:230px;text-align:center;margin:0 7px 15px;float:left}
.pro_list li a{display:block;width:100%;height:100%}
.pro_list li a span{overflow:hidden;display:block;width:270px;height:190px}
.pro_list li img{width:100%;height:100%;transition:all .8s ease-in-out}
.pro_list li:hover img{transform:scale(1.1)}
.pro_list li p{line-height:40px;height:40px;color:#666;clear:both;background:#eee;text-align:center}
.pro_list li:hover p{color:#e18523}
.honor{margin-left:-8px;clear:both;overflow:hidden}
.honor ul{overflow:hidden}
.honor li{width:270px;height:233px;text-align:center;margin:0 9px 10px;float:left}
.honor li a{display:block;width:100%;height:100%}
.honor li a span{overflow:hidden;display:block;width:270px;height:190px}
.honor li img{width:270px;height:190px;transition:all .8s ease-in-out}
.honor li:hover img{transform:scale(1.1)}
.honor li p{line-height:44px;color:#666;clear:both}
.honor li:hover p{color:#f2c379}

.about_page_con{clear:both}
.about_t{background:#eee;height:145px;width:100%;margin-bottom:30px}
.about_ptit{padding:30px 40px}
.about_t h4 a{color:#333;font-size:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.about_t p{font-size:14px;color:#666;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.about_allp{clear:both;overflow:hidden}
.about_allp p{line-height:26px;text-indent:22px}

.ab_img{height:212px;margin:28px 0}
.ab_img li{float:left;margin-left:20px;width:280px;height:212px}
.ab_img li:first-child{margin-left:0}
.ab_img li img{width:100%;height:100%}
.iw_poi_title{color:#C52;font-size:14px;font-weight:700;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.keyword_light{margin-bottom:30px}
.lxwm{width:99%;padding:20px 0;line-height:24px;float:left}
.lxwm_z{float:left}
.lxwm_z h3{color:#666;line-height:35px}
.lxwm_r{float:right}
.lxwm_r li{width:120px;float:left;padding-left:10px}
.lxwm_r li img{width:120px;height:120px;float:left;border:#ddd 1px solid}
.lxwm_r li p{line-height:30px;text-align:center}

.news_page{overflow:hidden}
.news_page_lf{float:left;width:850px}
.news_page_lf dl{height:72px;padding:40px 20px;margin-bottom:20px;background:#fff}
.news_page_lf dl a{display:block}
.news_page_lf dl dt{float:left;text-align:center;margin-right:25px}
.news_page_lf dl dt span{font-size:40px;display:block}
.news_page_lf dl dt p{font-size:14px}
.news_page_lf dl dd{overflow:hidden;width:700px}
.news_page_lf dl dd b{font-size:26px;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:18px}
.news_page_lf dl dd p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_page_lf dl:nth-of-type(odd){background:#f8f8f8}
.news_page_lf dl:nth-of-type(even){background:#fff}
.news_page_lf dl:hover{background:#f7f7f7}
.news_page_rt{width:280px;float:right;padding:30px 22px;background:#f8f8f8;color:#666}
.news_page_rt img{width:280px;height:195px}
.news_page_rt h4{font-size:16px;font-weight:400;margin:20px 0;width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_page_rt p{font-size:12px;line-height:22px}


.contains{ height: 90px; background: url(../images/1920-90.jpg) center center no-repeat;}

.nmnow{ height: 40px; background: #F0F0F0;}
.nmnow .n{ width: 1200px; height: 40px; margin: 0 auto; font: 14px/40px "microsoft yahei"; color: #666;}

.main{ width: 1200px; margin: 50px auto;}
.main ul{ background: url(../images/4-2.jpg) 7px top repeat-y; padding: 30px 0;list-style: none}
.main li{ margin-bottom: 40px;list-style: none}
.main li h2{ font: 18px/32px "microsoft yahei"; background: url(../images/16-16.jpg) left center no-repeat; margin-bottom: 10px;}
.main li p{ font: 14px/22px "microsoft yahei";}
.main li p span{ color: #666;}
.main li p a{ color: #666; margin-right: 40px;}
.main li h2,.main li p{ padding-left: 40px;}

.content_4_box{ height: 380px; background: url(../images/1920-380.jpg) center center no-repeat; font-size: 0; text-align: center;}
.content_4_box ul{ padding-top: 50px;list-style: none}
.content_4_box li{list-style: none; display: inline-block; *display: inline; zoom: 1; width: 301px; height: 301px; background: url(../images/300-301.png) left top no-repeat; overflow: hidden; margin: 0 30px;}
.content_4_box li i{ display: block; width: 104px; height: 104px; margin: 50px auto 0;}
.content_4_box li i.s1{ background: url(../images/10494.png) center center no-repeat;}
.content_4_box li i.s2{ background: url(../images/104-104.png) center center no-repeat;}
.content_4_box li i.s3{ background: url(../images/100-99.png) center center no-repeat;}
.content_4_box li h3{ font: bold 36px/42px "microsoft yahei"; color: #fff;}
.content_4_box li p{ font: 18px/21px "microsoft yahei"; color: #fff; background: url(../images/36-36.png) center bottom no-repeat; padding-bottom: 50px;}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .content_4_box{ height: 380px; background: url(../images/1920-380.jpg) center center no-repeat; font-size: 0; text-align: center;}
    .content_4_box ul{ padding-top: 50px;}
    .content_4_box li{ display: inline-block; *display: inline; zoom: 1; width: 301px; height: 301px; background: url(../images/300-301.png) left top no-repeat; overflow: hidden; margin: 0 30px;}
    .content_4_box li i{ display: block; width: 104px; height: 104px; margin: 50px auto 0;}
    .content_4_box li i.s1{ background: url(../images/10494.png) center center no-repeat;}
    .content_4_box li i.s2{ background: url(../images/104-104.png) center center no-repeat;}
    .content_4_box li i.s3{ background: url(../images/100-99.png) center center no-repeat;}
    .content_4_box li h3{ font: bold 36px/42px "microsoft yahei"; color: #fff;}
    .content_4_box li p{ font: 18px/21px "microsoft yahei"; color: #fff; background: url(../images/36-36.png) center bottom no-repeat; padding-bottom: 50px;}
}
.n a{color:#666}
@media only screen and (min-width: 320px) and (max-width: 1199px) {
    .nmnow .n{ width: 960px;}

    .main{ width: 960px;}
    .content_4_box{ height: 380px; background: url(../images/1920-380.jpg) center center no-repeat; font-size: 0; text-align: center;}
    .content_4_box ul{ padding-top: 50px;}
    .content_4_box li{ display: inline-block; *display: inline; zoom: 1; width: 291px; height: 291px; background: url(../images/300-301.png) left top no-repeat; overflow: hidden; margin: 0 10px; background-size: cover;}
    .content_4_box li i{ display: block; width: 104px; height: 104px; margin: 50px auto 0;}
    .content_4_box li i.s1{ background: url(../images/10494.png) center center no-repeat;}
    .content_4_box li i.s2{ background: url(../images/104-104.png) center center no-repeat;}
    .content_4_box li i.s3{ background: url(../images/100-99.png) center center no-repeat;}
    .content_4_box li h3{ font: bold 36px/42px "microsoft yahei"; color: #fff;}
    .content_4_box li p{ font: 18px/21px "microsoft yahei"; color: #fff; background: url(../images/36-36.png) center bottom no-repeat; padding-bottom: 50px;}
}

.content_4_box li:hover{ background: url(../images/301-301.png) left top no-repeat; background-size: cover;}
.content_4_box li:hover p{ background: url(../images/36-36-1.png) center bottom no-repeat;}