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: 140px;

}

.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: 100px;

}

.mainlevel{

    float:left ;

    line-height: 100px;

    height: 100px;

    position: relative;

    margin-left: 10px;

}

.mainlevel>span{margin: 0 10px;color: #ccc}

.mainlevel>a{color: #333;display: inline-block;height:100px;    width: 136px;text-align: center;	font-size:16px;}

.i_logo{
	width:232px;
	height: 45px;
	margin-top: 0px;
	margin-right: 92px;
	margin-bottom: 0;
	margin-left: 0;
}

.mainlevel ul{

    position: absolute;

    top:100px;

    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: #004c9f}

.mainlevel li:hover a{color: #fff;}

.mainlevel.active>a,.mainlevel:hover>a{color: #fff;background:#004c9f;}

/*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:660px; position:relative; z-index:0; margin-top:0; }

#slides{display:block; width:100%; height:660px; list-style:none; padding:0; position:relative}

#slides li{display:block; width:100%; height:660px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}

#slides li a{display:block; width:100%; height:660px; 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/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/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: 125px;
	text-align: center;
	background-color: #004c9f;
}

.slideGroup .parHd ul li{
	width: 600px;
	height: 100%;
	float: left;
	box-sizing:border-box;
	text-align: left;
	line-height: 24px;
	font-family: "微软雅黑";
	font-size: 24px;
	color: #FFFFFF;
}
.slideGroup .parHd ul li a{
	color: #efd105;
}
.slideGroup .parHd ul li a:hover{
	color: #FF0000;
}
.slideGroup .parHd ul li p{
	line-height: 20px;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #a6d1ff;
	margin-top:10px;
}

.slideGroup .parHd ul li img{
	float: left;
	margin-right:10px;
}

.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: #004c9f;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: #004c9f;

    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: #004c9f}

.xw_list li:hover .xw_con h4{color: #004c9f}

.xw_list li:hover .xw_con p{color: #004c9f}



.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: #004c9f}

.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 #004c9f;}

.i_footer{

    height: 160px;

    width: 100%;

    background: #ececec;

    padding-top: 0px;

    box-sizing: border-box;

}

.i_footer dl{
	float: left;
	width: 316px;
	text-align: left;
	font-size: 12px;
	line-height: 26px;
	margin-top: 20;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10px;
}

.ewm{margin-left: 50px;}

.ewm_bg{

    width: 170px;height: 160px;

    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: 160px}

.i_bottom{height:60px;line-height: 60px;background: #004c9f;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;

}