html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Microsoft YaHei";
    vertical-align: top;
}
html{font-size: 14px}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
input,textarea{
    outline: none;
}
textarea{ resize: none;}
a,a:hover{text-decoration: none;color: #000}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.i-b{display: inline-block}
.b{display: block}
.l{float: left}
.r{float: right}
.text{
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.w1200{max-width: 1200px; margin: 0 auto;}
.full{width: 100%;  height:100%;}



.i_header{
    width: 100%;
    height: 150px;
}
.ih_top{color: #666;line-height: 40px;background: #ececec}
.ih_top li{float:left;width: 120px;height: 40px;}
.ih_top li a{display: block;width: 100%;height: 100%;text-align: center;background: #c70303;color: #fff}
.ih_nav{
    width: 100%;
    height: 110px;
}
.mainlevel{
    float:left ;
    line-height: 110px;
    height: 110px;
    position: relative;
    margin-left: 10px;
}
.mainlevel>span{margin: 0 10px;color: #ccc}
.mainlevel>a{color: #333;display: inline-block;height:110px;    width: 136px;text-align: center;	font-size:16px;}
.i_logo{width:232px;height: 45px;margin: 32px 92px 0 0;}
.mainlevel ul{
    position: absolute;
    top:110px;
    z-index: 100;
    background: #fff;
    width: 136px;
    left: 0;
    text-align: center;
    line-height: 40px;
    display:none;
}
.mainlevel ul.pro{width:200px;left:-32px;}
.mainlevel li:hover{background: #c70303}
.mainlevel li:hover a{color: #fff;}
.mainlevel.active>a,.mainlevel:hover>a{color: #fff;background:#c70303;}
/*footer*/

.wl{
    width: 121px;
    height:18px;
    display: inline-block;
    background: url("../images/vl.png") no-repeat;
    margin:18px 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/ws.png") no-repeat;
    margin: 18px 0 0 10px;
    transition: all .5s;
}
.ws:hover{background: url("../images/ws_hover.png") no-repeat;}

/*轮播图*/
body{ overflow-x:hidden}
#full-screen-slider{width:100%; height:560px; position:relative; z-index:0; margin-top:0; }
#slides{display:block; width:100%; height:560px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:560px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
#slides li a{display:block; width:100%; height:560px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:0; height:10px; z-index:99999;  padding:5px 15px 40px 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;cursor: pointer }
#pagination li a{display:block; width:100%; height:18px; padding:0; margin:0; font-size:0;}
#pagination li.current{background:url('../images/carousel/hd_on.png') no-repeat;}
.ip_nav{
    width: 100%;
    height: 102px;
    background: #c70303;
    line-height: 102px;
    text-align: center;
}
.ip_nav li{
    width: 200px;
    height: 100%;
    float: left;
}
.ip_nav li a{color: #fff}
.ip_nav li:hover{background:#522929 }


/* 本例子css */
.slideGroup{ width:100%;text-align:left;background: #e0e0e0}
.slideGroup .parHd{
    width: 100%;
    height: 100px;
    background:url('../images/c_bj.jpg') no-repeat center;
    line-height: 100px;
    text-align: center;}
.slideGroup .parHd ul li{  width: 200px;
    height: 100%;
    float: left;color: #fff ;	border-right:1px dashed #d9d9d9;box-sizing:border-box}
	.slideGroup .parHd ul li:first-child{border-left:1px dashed #d9d9d9;}
.slideGroup .parHd ul li a{color: #fff;display: block;width: 100%;height: 100%}
.slideGroup .parHd ul li:hover{background:url('../images/c_bj2.png') no-repeat center;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative;  padding: 50px 0;height: 330px;box-sizing: border-box;}
.slideGroup .parBd{padding:0 0 50px 0;height: 330px;overflow: hidden;width: 100%;box-sizing:border-box}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;height: 230px}
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width: 255px;height: 230px;background: #fff;transition:all .5s;}
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:239px; height:171px; display:block;  padding:8px;}
.slideGroup .parBd ul li:hover{background: #c70303;magin-top:-5px;}
.slideGroup .parBd ul li:hover a{color: #fff}
.slideGroup .parBd ul li .title{ line-height:24px;}

.iqy{
    width: 100%;
    height: 530px;
    padding:83px 0 80px;
    box-sizing: border-box;
}
.iqy_nav{height: 40px;line-height: 40px;margin-bottom: 20px;}
.iqy_nav li{float: left;border-right: 1px solid #fff}
.iqy_nav>a{color: #333}
.iqy_nav>a:hover{color: #c70303}
.iqy_nav li a{width:170px;height: 40px;background:#e0e0e0;display: block;text-align: center;color: #666}
.iqy_nav li a:hover{background: #c70303;color: #fff}

.iqy_l{
    width: 910px;
    height: 306px;
    background: #f1f1f1;
}
.iqyl_img{
    width: 330px;
    height: 306px;
    overflow: hidden;
}
.iqyl_con{margin-left: 330px;padding:28px 30px 0  28px}
.iqyl_con h3{font-size: 24px;color: #c70303;font-weight: 400;margin-bottom: 18px}
.iqyl_con h3 span{font-size: 14px;color: #666;vertical-align: middle;margin-left: 5px}
.iqyl_con p{line-height: 24px;color: #333}
.iqyl_con  a{display: block;width: 120px;height: 30px;text-align: center;line-height: 30px;background: #c70303;color: #fff;margin-top: 20px}
.iqyr{width: 276px;}
.iqyr img,.iqyl_img img{width: 100%;height: 100%;transition: all .75s}
.iqyr a{width: 276px;height: 140px;overflow: hidden;display: block;}
.iqyr a:first-child{margin-bottom: 26px}
.iqyr a:hover img,.iqy_l:hover img{transform: scale(1.2,1.2);}

.i_case{
    width: 100%;
    height: 620px;
    background: url("../images/bg.jpg") no-repeat center;
    padding-top: 54px;
    box-sizing: border-box;
}
.ic_nav{text-align: center;margin-bottom: 38px;line-height: 24px;color: #b5b5b5}
.ic_nav a{
    display: inline-block;
    width: 200px;height: 45px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: #a1a1a1;
    line-height: 45px;
    margin-bottom: 12px;
}
.ic_nav a:hover{background: #c70303}
.ic_con{
    width: 100%;
    height: 400px;
    background: #fff;
    padding: 44px 40px 0;
    box-sizing: border-box;
}
.ic_con>p{
    width: 1030px;
    position: relative;
    margin: 0 auto 35px;
    text-align: center;
    line-height: 30px;
    color: #1d1910;
}
.ic_con>p:before,.ic_con p:after{
    content: '';
    display:block;
    width: 24px;height: 21px;top: 0;
    position: absolute;
}
.ic_con>p:before{
    background: url("../images/dh1.png");
    left: -34px;
}
.ic_con>p:after{
    background: url("../images/dh2.png");
    right: -34px;
}
.ic_con li{float: left;margin-left: 20px}
.ic_con li p{text-align: center;line-height: 45px}
.al_img{width: 265px;height: 196px;overflow: hidden}
.al_img img{transition: all .5s;width: 100%;height: 100%}
.ic_con li:first-child{margin-left: 0}
.ic_con li:hover img{transform: scale(1.2,1.2)}
.ic_con li:hover a{color: #c70303}

.i_news{
    padding-top: 30px;
    height: 425px;
    width: 100%;
    box-sizing: border-box;
}
.xw{
    width: 690px;
}
.xw_nav,.xwq_nav{
    height: 35px;
    line-height: 34px;
    border-bottom: 1px solid #dedede;
    box-sizing: border-box;
}
.xw_nav a{
    display: block;
    width: 105px;
    height: 34px;
    float: left;
    margin-right: 2px;
    background: #41517a;
    color: #fff;
    text-align: center;
}
.xw_nav a:hover{background: #c70303}
.xw_list li{
    margin-top: 20px;
    height: 78px;
}
.xw_date{
    width: 78px;
    height: 78px;
    background: #aaaaaa;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
    transition: all .5s;
}
.xw_date span{font-size: 40px}
.xw_date p{line-height: 24px}
.xw_con{margin-left: 78px;padding: 10px 20px 0 30px; }
.xw_con h4{font-size: 16px;margin-bottom: 10px;font-weight: 400}
.xw_con p{line-height: 20px;color: #8d8d8d}


.xw_list li:hover .xw_date{background: #c70303}
.xw_list li:hover .xw_con h4{color: #c70303}
.xw_list li:hover .xw_con p{color: #c70303}

.xw_ques{width: 470px;}
.xwq_nav a{
    display: inline-block;
    border-bottom: 2px solid #41517a;
    font-size: 16px;
    padding-right: 10px;
}
.xwq_nav a:before{
    display: inline-block;
    content: '';
    background: url("../images/radius.png");
    width: 7px;height: 7px;
    margin-right: 10px;
}
.xwq_list{margin-top: 20px}
.xwq_img{width: 175px;height: 125px;overflow: hidden}
.xwq_img img{width: 100%;height: 100%;transition: all .5s}
.xwq_con{margin-left: 175px;padding:15px 0 0 15px;}
.xwq_con h4{font-size: 16px;color: #333;font-weight: 400;line-height: 1}
.xwq_con p{font-size: 12px;line-height: 20px;color: #ababab;margin-top:15px;}
.xwq_list li:first-child{margin-bottom: 25px;height: 125px}
.xwq_list li{height: 28px;}
.xwq_list .text{width: 80%}
.xwq_list li a{color: #333;line-height: 28px}
.xwq_list li h3{font-weight: 400;font-size: 14px;}
.xwq_list li h3:before{
    content: '';
    display: inline-block;
    border: 5px solid;
    border-color: transparent transparent transparent #333;
    vertical-align: middle;
    margin-right: 5px;
}
.xwq_list li span{font-size: 12px;vertical-align: middle;float: right}
.xwq_list li a:hover,.xwq_list li a:hover h4{color: #c70303}
.xwq_list li a:hover .xwq_img img{transform: scale(1.2,1.2)}
.xwq_list li a:hover h3:before{ border-color: transparent transparent transparent #c70303;}
.i_footer{
    height: 345px;
    width: 100%;
    background: #ececec;
    padding-top: 30px;
    box-sizing: border-box;
}
.i_footer dl{    float: left;
    width: 116px;
    text-align: center;
    margin: 0 10px;
    font-size: 12px;}
.i_footer dt{
    font-size: 16px;
    color: #525252;
   padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #a7a7a7;
}
.i_footer dd{line-height: 30px;text-align: center}
.i_footer dd a{color: #999}
.i_footer dd a:hover{color: #c70303}
.ewm{margin-left: 50px;}
.ewm_bg{
    width: 170px;height: 170px;
    background: #fff;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
.ewm p{font-size: 12px;line-height: 32px;color: #999;text-align: center}
.if_map{margin-left: 45px}
.i_footer>.w1200{height: 255px}
.i_bottom{height:60px;line-height: 60px;background: #c70303;color: #fff}

.mobile_nav{display: none}
.m_header{
    height: 70px;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1000;
    background: #fff;
    top:0;left: 0;
}
.m_logo{width: 232px;height: 45px;margin-top:13px;float: left}
.m_menu{float: right;width: 70px;height: 70px;background: #e70a1c;text-align: center}
.icon_menu{
    background: url("../images/nav.png") no-repeat center;
    display: inline-block;
    width: 32px;
    height: 25px;
    margin-top: 19px;
}
.m_nav{
    position: absolute;
    top:70px;
    background: rgba(255,255,255,.5);
    width: 100%;
    display: none;
}
.m_main{width: 100%;line-height: 40px;text-align: center;border-bottom: 1px solid #e70a1c;position: relative}
.m_main>a{display: block;font-size: 14px;}
.m_main ul{
    background: rgba(255,255,255,0.1);
    display: none;
}
.m_main.active>a{background: #b00c19;color: #fff}
.m_main ul li ul{ background:#e70a1c;}
.m_main ul li ul a{color: #fff}
.m_bg{
    height: 2000px;
    width: 100%;
    background:rgba(255,255,255,.1);
    position: absolute;
    z-index: -1;
}
.m_main ul a{display: block}
.m_nav2{background: #999999}
.swiper-container1{display: none}


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



/*产品分类*/
.pro_fl{ display:table;}
.profl_li{ float:left; margin-left:4px; margin-right: 4px;}
.profl_li > a > div{ width:286px; height: 250px; overflow: hidden;}
.profl_li > a > div > img{width:286px; height: 250px; transition: 1s;}
.profl_li > a > p{ line-height:50px; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.profl_li:hover a > p{ color:#fb4848}
.profl_li:hover > a > div > img{ transform:scale3d(1.1,1.1,1);}
.xxk_active{background:#323136 !important; color:#fc4a4a !important;}
.proshow_xxk{ width: 140px; height: 60px; background: #fff; display: block;float: left;text-align: center; line-height: 60px; font-size: 18px; border: 1px solid #323136;margin-left: -1px; color: #000; transition: 0.3s;}
.proshow_xxk:hover{ background:#323136; color:#fc4a4a;}
.cpjs_title{ width:100%; height: 40px; line-height: 40px; padding-left: 20px; color: #fff; background: #d7d7d7; color:#000; font-weight: bold; font-size: 16px; border-left: 2px solid #fc4a4a; margin-bottom: 30px; margin-top: 30px;border-bottom: 2px solid #a0a0a0}
.cpjs_title > p{ font-size:16px; float: left; margin-right: 4px;}
.cpjs_title > span{ color:#a0a0a0;}
.zxbj {
    width: 290px;
    height: 50px;
    background: #fb5858;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 21px;
    line-height: 50px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 40px;
}








@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;padding: 0 15px;}

    .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;}
@media screen and (max-width: 1024px){
    .w1200{padding: 0 15px}
    .i_header,#full-screen-slider, .f_nav,.lxfx{display: none}
    .m_header,.swiper-container1{display: block}
    .swiper-container1{margin-top: 70px;}
    .slideGroup .parHd ul li{width:16.6%}
    .iqy_l{width: 100%}
    .iqy{height: auto}
    .iqyl_con p{height: 120px;overflow: hidden}
    .iqyr{display: none}
    .ic_con>p{width: 100%}
    .ic_con{padding-top: 20px;border-radius: 5px;}
    .ic_con li:nth-child(3),   .ic_con li:nth-child(4){display: none}
    .ic_con li{margin: 0;width: 48%;text-align: center;}
    .ic_con li:nth-child(2n){margin-left: 4%}
    .al_img{display: inline-block}
    .i_news{height: auto;padding-bottom: 30px;}
    .xw_ques,.xw{float: none;width: 100%}
    .xw_list{padding-bottom: 40px}
    .ewm{display: none}
    .i_footer dl{width: 18%;margin: 0 2% 0 0;}
    .i_bottom{font-size: 12px;}

}
@media screen and (max-width: 768px) {
  
    .ic_con{height: auto}
    .i_bottom .w1200 > .r{float: none}
    .slideGroup .parHd ul li{width: 16%;    font-size: 12px;}
	 .slideGroup .parHd ul li:nth-child(3){width:20%; }
}
@media screen and (max-width: 480px){
	.i_footer>.w1200, .wl_text, .wl {
    display: none;
}
.i_bottom{height:100px;line-height:50px;}
.i_footer{height:100px;padding-top:0;}
    .m_header{height: 50px}
    .m_nav{top:50px}
    .swiper-container1{margin-top: 50px;}
    .m_menu{width: 50px;height: 50px;}
    .m_logo{margin-top: 2px}
    .icon_menu{    margin-top: 12px;}
    .slideGroup .parHd{line-height: 50px;    height: 150px;    background: none;}
	 .slideGroup .parHd ul li:first-child{border:none}
    .slideGroup .parHd ul li,.slideGroup .parHd ul li:nth-child(3){width:50%;border:none}
	 .slideGroup .parHd ul li a{color:#000}
    .slideGroup .parBd{display: none}
    .iqy_nav li{width: 86px;}
    .iqy_nav li a,.ic_con li{width: 100%}
    .iqyl_img{width: 100%;float: none;height: auto}
    .iqyl_con{margin-left: 0;padding: 28px 15px 0;}
    .iqy_l{height: auto;padding-bottom: 30px;}
    .ic_con li:nth-child(2){display: none}
    .ic_con li{width: 100%;float: none}
    .ic_con>p{margin-bottom: 0}
    .ic_nav{margin-bottom: 10px;}
    .ic_con{height: auto}
    .xw_con p,.xwq_con p{height: 40px;overflow: hidden}

    .main li p a {
        margin-right:0;
        display: block;
        line-height: 30px;
    }
	.i_bottom p{float:none}
	.ws{margin-top:13px;}
}
}
@media screen and (max-width: 414px){
    .i_footer>.w1200,.wl_text,.wl{display: none}
    .i_footer{height: 60px;}
    .i_bottom .r{float: none}
    .ic_con>p{line-height: 20px;text-align: left;font-size: 12px;margin-bottom: 20px}

}
@media screen and (max-width: 375px){
    .iqy_nav>a{display: none}
    .al_img,.xwq_img{
        width: 100%;
        height: auto;
        float: none;
    }
    .xwq_list li:first-child{height: auto}
    .xwq_con{margin-left: 0}
.xwq_list .text {
    width: 70%;
}
}