.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;}
/*banner*/
#full-screen-slider{width:100%; height:540px; position:relative; z-index:0; overflow:hidden; }
#slides{display:block; width:100%; height:540px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:540px; list-style:none; padding:0; margin:0; position:absolute; left:0;}
#slides li a{display:block; width:100%; height:540px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:30px; height:10px; z-index:999; padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:18px; height:18px; float:left; margin-left:15px; background:url('../images/carousel/hd_off.png') no-repeat;}
#pagination li a{display:block; width:100%; height:18px; padding:0; margin:0; text-indent:-999em;}
#pagination li.current{background:url('../images/carousel/hd_on.png') no-repeat;}
/*banner*/

/*hot_search*/
.hot_search{
    width: 100%;
    height: 64px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    line-height: 64px;
}
.hot dt:before{
    content: '';
    display: inline-block;
    width: 28px;
    height: 35px;
    background: url("../images/hot.png") no-repeat center;
    position: relative;
    top:11px;
    margin-right: 10px;
}
.hot a{color: #323232}
.hot dt{float: left;font-weight: bold;}
.hot dd{float: left;margin-right: 18px}

.search input[type="text"]{
    width: 302px;
    height: 36px;
    border: 2px solid #ffd900;
    box-sizing: border-box;
    text-indent: 15px;
}
.search button{
    width: 133px;
    height: 36px;
    box-sizing: border-box;
    background: #ffd900;
    border: none;
    margin-left: -5px;
    position: relative;
    top: 1px;
    cursor: pointer;
    text-align: left;
    text-indent: 20px;
}
.search button:after{
    position: absolute;
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    background: url("../images/search.png") no-repeat;
    left: 70%;
    top: 50%;
    margin-top: -9px;
}

.i-news{margin-top: 30px}
.in_list{height: 450px;width: 100%}
.in_list a{
    float: left;
    width: 300px;
    height: 450px;
    border-right: 1px solid #eeeeee;
    box-sizing: border-box;
}
.in_list a.border{border: none}
.in_con{
    height: 200px;
    width: 100%;
    color: #999;
    padding: 0 19px;
    box-sizing: border-box;
    font-size: 13px;
    text-align: center;
    line-height: 22px;
    border: 7px solid #fff;
    position: relative;
    transition: all .5s;
}
.in_con:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -5px;
    transition: all .5s;
    z-index: 100;

}
.in_img{
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.in_img img{transition: all .5s}
.in_con h3{
    height: 88px;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    line-height: 78px;
    box-sizing: border-box;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 400;
    color: #333;
}

.in_list a:hover .in_con{
    border: 7px solid #eee;
}
.in_list a:hover .in_con:after{
    border-color:#eee  transparent transparent transparent;
}
.in_list a:hover img{transform: scale(1.2,1.2)}
.in_news{margin-top: 30px}
.in_news_title{height: 35px}
.in_news_title>h3{
    color: #000;
    font-size: 30px;
}
.in_news_title>p{color: #666}
.in_news_title>p:before{
    content: '';
    color: #ccc;
    width: 18px;
    height: 29px;
    display: inline-block;
    background: url("../images/in_news.png") no-repeat;
    position: relative;
    top: 2px;
    margin: 0 10px 0 17px;
}
.in-news-con{margin-top: 28px;color: #323232}
.inews-left>div{margin-right: 22px;width: 288px;height: 320px;}

.video-img,.newsimg{width: 288px;height: 216px;overflow: hidden;position: relative}
.newsimg img{transition: all .5s}
.newsimg:hover img{transform: scale(1.2,1.2)}
.in-news-con h3{font-size: 14px;font-weight: 400;line-height: 40px}
.in-news-con p{font-size: 12px;line-height: 20px}
.newsimg p{
    width: 87px;
    height: 67px;
    background: url("../images/news_year.png") no-repeat;
    position: absolute;
    left: 0;
    top:0;
    text-align: center;
    font-size: 14px;
}
.newsimg span{display: block}
.newsimg .day{
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
.inews-right{
    width: 575px;
    height: 320px;
}
.inews-right a{
    display: block;
    height: 100px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #eee;
    margin-bottom: 10px;
    color: #323232;
    transition: all .5s;
}
.inews-right a:hover{color: #999}
.in-days{
    background: url("../images/bor_1.jpg") no-repeat center;
    width: 100px;
    height: 100px;
    padding: 22px 10px;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    color: #323232;
}
.in-days span{height: 33px;text-align: left}
.in-days .in-month{text-align: right;font-size: 18px;width: 100%}
.in-days span:first-child{color: #ffd900;font-size: 24px;text-indent:7px}
.in-con{padding: 15px 30px;box-sizing: border-box;width: 473px;line-height: 20px;}
.in-con h4{font-weight: 400;margin-bottom: 10px}
.inews-right a.margin{margin: 0}

.i-products{
    width: 100%;
    height: 861px;
    background: url("../images/pro_bg.jpg") no-repeat center;
    margin-top: 30px;
    padding-top: 27px;
    box-sizing: border-box;
}
.pro_nav{
    width: 265px;
    height: 515px;
    background: #fff;
    text-align: center;
}
.pro_nav dt{
    height: 82px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding-top: 30px;
    line-height: 1;
    text-align: left;
}
.pro_nav dt:before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("../images/pro_title.png") no-repeat right;
    margin: 0 12px 0 25px;
}
.pro_nav dt strong{font-size: 18px}
.pro_nav dt span{
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    margin: 8px 0 0 8px;
}
.pro_nav dd{
    width: 100%;
    height: 46px;
    line-height: 46px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    position: relative;
    transition: all .5s;
    text-align: left;
}
.pro_nav dd:before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 100%;
    background: url("../images/pro.png") no-repeat right;
    margin-right: 21px;
    transition: all .5s;
}
.pro_nav .pro_call{height: 80px;display: inline-block;text-align: center}
.pro_call img{margin-top: 22px}
.pro_nav .pro_call:before{display: none}
.pro_nav dd.active:before,.pro_nav dd:hover:before{
    background: url("../images/pro_hover.png") no-repeat right;
}
.pro_nav dd.active a,.pro_nav dd:hover a{color: #ffd900}
.pro_nav>a {
    display: inline-block;
    margin-top: 21px;
    width: 120px;
    height: 32px;
    border: 1px solid #333;
    line-height: 32px;
    transition: all .5s;
}
.pro_nav>a:hover{
    background: #ffd900;
    color: #fff;
}
.pro_list{
    margin-left: 28px;
    width: 905px;
    float: right;
    height: 790px;
}
.pro_list_title{
    height: 32px;
    line-height: 32px;
    vertical-align: text-bottom;
}
.pro_list_title:before{
    content: '';
    float: left;
    width: 17px;
    height: 17px;
    background: url("../images/pro_hot.png") no-repeat center;
    margin: 7px 10px 0 0;
}
.pro_list_title h4{
    font-size: 16px;
    font-weight: 400;
    margin-right: 5px;
    color: #333;
}
.pro_list_title span{color: #ccc;font-size: 12px}

.pro_list ul{margin-top: 10px}
.pro_list li{
    width: 290px;
    height:230px;
    margin-right: 17px;
    float: left;
    margin-bottom: 5px;
}
.pro_list li.margin{margin-right: 0}
.pro_list li a{position: relative}
.pro_list li a,.pro_list li a>div{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .5s;
}
.pro_con{
    position: absolute;
    top:0;
    left: 0;
    width: 290px;
    height: 230px;
    background: url("../images/pro_list_hover.png") no-repeat center;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
}
.pro_con p{
    margin-top: 150px;
    font-weight: bold;
    font-size: 16px;
}
.pro_img{width: 100%;height: 190px;transition: all .5s}
.pro_img img{width: 100%;height: 100%;transition: all .5s}
.pro_img_con p {
    height: 40px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #323232;
    transition: all .5s;
}
.recommended{margin-top: 10px}

.pro_list li :hover .pro_con{
    opacity: 1;
    filter: alpha(opacity=100);
}

.services{
    width:100%;
    height: 460px;
    background: url("../images/service_bg.jpg") no-repeat center;
    background-attachment: fixed;
}
.services_title{
    text-align: center;
    padding-top: 75px;
}
.services_title h3{font-size: 30px;margin-bottom: 20px}
.services_title p{margin-bottom: 25px}

.skill{
    height: 630px;
    width: 100%;
}
.skill_list{
    width: 100%;
    height: 420px;
    margin-top: -220px;
}
.skill_list li{
    float: left;
    width: 380px;
    height: 420px;
    background: #f6f6f6;
    padding: 13px 16px;
    box-sizing: border-box;
    margin-right: 30px;
    transition: all .5s;
    border: 1px solid #ccc;
}
.skill_list li.margin{margin-right: 0}
.skill_list li a{color: #323232}
.skill_img{
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.skill_img img{width: 100%;height: 100%;transition: all .5s}
.skill_con{height: 145px;box-sizing: border-box;padding-top: 25px;position: relative}
.skill_con h4{font-size: 18px;margin-bottom: 15px}
.skill_con p{
    line-height: 21px;
}
.skill_con:after{
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #323232;
    bottom: 0;
    left: 0;
    position: absolute;
}
.skill_list li:hover{background: #ffd900;}
.skill_list li:hover img{transform: scale(1.2,1.2)}

.sk_con{
    width: 100%;
    height: 180px;
    background: #f6f6f6;
    border: 1px solid #ccc;
    margin-top: 30px;
    box-sizing: border-box;
    padding: 23px;
}
.sk_title{
    width: 385px;
    height: 135px;
    border-right: 1px solid #ccc;
    position: relative;
}
.sk_title h3{
    font-size: 30px;
    margin-bottom: 20px;
}
.sk_title p{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    padding-right: 21px;
    box-sizing: border-box;
}
.sk_title:after{
    content: '';
    display: block;
    width: 70px;
    height: 2px;
    background: #ffd900;
    position: absolute;
    left: 0;
    bottom: 0;
}

.sk_list{
    width: 766px;
    text-align: center;
    padding-left: 80px;
    box-sizing: border-box;
}
.sk_list li{
    width: 100px;
    height: 120px;
    margin-right: 70px;
    font-size: 18px;
    color: #323232;
}
.sk_list li div{width: 100%;height: 100px;}

.world{
    margin-top: 40px;
    width: 100%;
    height: 520px;
}
.world_title{
    width:790px;
    line-height: 24px;
    color: #666;
}
.world_title h3{
    font-size: 30px;
    color: #000;
    margin-bottom: 15px;
}
.world_con{margin-top: 20px}
.world_left ul{width: 400px}
.world_left li{
    width: 200px;
    height: 200px;
    text-align: center;
    padding-top: 15px;
    box-sizing: border-box;
    float: left;
}
.map_icon{
    width: 200px;
    height: 78px;
}
.world_left li b{
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 20px;
}
.world_left li p{
    font-size: 14px;
    color: #666;
    height: 28px;
}
.world_right_bor{border-right: 1px solid #ccc}
.world_top_bor{border-top: 1px solid #ccc}
.world_con>.r{
    width: 735px;
    height: 418px;
}

.fw {
    width: 100%;
    height: 740px;
    background: url("../images/fw/fw_bg.jpg") no-repeat center;
    text-align: center;
}
.fw_title{font-size: 14px;margin-bottom:38px; }
.fw_title h3{font-size: 30px;padding:74px 0 20px }

.fw_list a{
    float: left;
    width: 400px;
    height: 237px;
    position: relative;
}
.fw_list a:first-child{
    margin-left: 400px;
    color: #fff;
}
.fw_list a:first-child h3{color: #fff}
.fw_list a div{
    width: 260px;
    height: 100px;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -130px;
}
.fw_list a div h3{
    font-size:24px;
    color: #333;
    margin-bottom: 22px;
}
.fw_list a div p{
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
.fw_list a div.fw_bg3 p{color: #666}
.fw_list1{background: url('../images/fw/bg_1.jpg') no-repeat center;transition: all .5s;}
.fw_list2{background: #fff}
.fw_list3{background: url('../images/fw/bg_3.png') no-repeat center;transition: all .5s;}
.fw_list4{background: url('../images/fw/bg_3.png') no-repeat center;transition: all .5s;}
.fw_list5{background: url('../images/fw/bg_5.jpg') no-repeat center;transition: all .5s;}
.fw_list a:hover{background: #ffd900}










.honor{
    margin-top: 42px;
    width: 100%;
    height: 383px;
}
.honor_title{
    width: 323px;
    height: 383px;
    background: #ffd900;
    box-sizing: border-box;
    padding: 41px 0 0 44px;
    color: #000;
    font-size: 12px;
    line-height: 24px;
}
.honor_title h3{font-size: 30px;margin-bottom: 16px}
.honor_title_con{height: 180px}
.more{margin-bottom: 20px}
.more a{
    display: inline-block;
    width: 120px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #000;
    line-height: 32px;
    text-align: center;
    transition: all .5s;
}
.more a:first-child{margin-right: 10px}
.more a:hover{background:#d0101b;color: #fff}
.big_honor{
    width: 623px;
    height: 383px;
    overflow: hidden;
    position: relative;
}
.big_honor div{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 199px;
    height: 176px;
    background: url("../images/honor/bg1_1.png") no-repeat center;
    padding: 42px 0 0 16px;
    box-sizing: border-box;
    line-height: 24px;
}
.big_honor div p:first-child{font-size: 18px;}
.big_honor div p{
    font-size: 10px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}
.big_honor>a>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
.big_honor:hover>a>img{transform: scale(1.2,1.2)}
.small_honor a{
    display: block;
    width: 251px;
    height: 191px;
    position: relative;
    overflow: hidden;
}
.small_honor a img{width: 100%;height: 100%;transition: all .5s}

.small_honor a p{
    width: 251px;
    height: 40px;
    background: url("../images/honor/bg2_2.png") no-repeat center;
    position: absolute;
    bottom: 0;
    left:0;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}
.small_honor a:hover img{transform: scale(1.2,1.2)}

.i_bottom{
    width: 100%;
    height: 381px;
    margin-top: 41px;
    padding-top: 32px;
    box-sizing: border-box;
    background: url("../images/i_footer.jpg") no-repeat center;
    color: #666;
}
.ib_title h3,.discuss h3{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 22px;
    color: #323232;
}
.ib_title h3:before{
    content: '';
    display: inline-block;
    width: 38px;
    height: 34px;
    background: url("../images/message.png") no-repeat center;
    margin-right: 15px;
    position: relative;
    top: 7px;
}
.message,.discuss{width:600px}
.message form{margin-top: 15px}
.message input[type='text']{
    width: 100%;
    height: 32px;
    border: none;
    text-indent: 20px;
    margin-bottom:7px;
}
.message  textarea{
    width: 100%;
    height: 100px;
    border: none;
    margin-bottom: 15px;
    text-indent: 20px;
    padding: 10px;
    box-sizing: border-box;
}
.message input[type="submit"]{margin-right: 15px}
.message input[type="submit"] ,.message a{
    display: inline-block;
    width: 120px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #000;
    line-height: 32px;
    text-align: center;
    background: none;
    transition: all .5s;
}
.message input[type="submit"]:hover,.message a:hover{background: #ffd900;color: #fff}
.discuss{padding-left: 50px;box-sizing: border-box}
.discuss h3{margin-top: 7px}
.title_en{
    background: #ffd900;
    color: #fff;
    line-height: 22px;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 20px;
}
.dis_cn{line-height: 24px;margin-bottom: 10px}
.dis_en{line-height: 24px;font-size: 12px}
.dis_img{margin-top: 25px}

.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;
}
.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;
}
.ewm_img{width:90px;height:90px;}
.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;
}
.fixed{
    width: 150px;
    height: 500px;
    background: #fff;
    right: 0;
    top: 50%;
    position: absolute;
    margin-top: -250px;
    z-index: 100;
}

.fixed_title{
    width: 100%;
    height: 50px;
    background: #ee1e1f;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
}
.fixed_title h3{ font-weight: 400;text-indent: 15px}
.close{
    width: 29px;
    height: 29px;
    display: block;
    position: absolute;
    right: 0;
    top:0;
}
.fixed_list{
    width: 100%;
    padding:0 5px;
    box-sizing: border-box;
}
.fixed_list dl{
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}
.fixed_list dt{
    box-sizing: border-box;
    padding:0 0 5px 15px;
}
.fixed_list dd{
    line-height: 46px;
    height: 46px;
    box-sizing: border-box;
    padding-left: 15px;
}
.fixed_list dd:before{
    content: '';
    background: url("../images/QQ.jpg") no-repeat center;
    width: 43px;
    height: 40px;
    display: inline-block;
}
.fixed_list dd a{display: inline-block;height: 46px}
.fixed_list dl.fixed_call {
    border: none;
}
.fixed_list dl.fixed_call  dd:before{display: none}

.back{
    display: block;
    width: 100%;
    text-align: center;
    height: 55px;
    background: #ee1e1f;
    line-height: 55px;
    color: #fff;
}
.world_left{
    width: 420px;
    line-height: 24px;
    font-size: 14px;
}
.world_left h5{font-size: 16px}

.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;}