CSS样式
*{margin:0;padding:0;}
body{background:#ffffff; font-size:12px; line-height:22px; font-family:"微软雅黑"}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,select,option{ margin:0; padding:0;}
li,img,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;}

header{ width:100%; }
.header_top { width:100%; height:29px; line-height:29px; background:#e5e5e5; border-bottom:2px solid #eeeeee; font-size:12px; color:#b8b8b8; font-family:'宋体'; }
.header_top1 {  float:left; }
.header_top2 {  float:right; padding-left:3%; margin-left:3%;color:#999 }
.header_top2 a {  font-size:12px; color:#b8b8b8; font-family:'宋体';}

.header{ width:100%;}
.wrap{ max-width:1200px; margin:0 auto;}
.logo{ width:10%; float:left;}
.logo img{ display:block; max-width:100%;}
.logo2 { width:28% ;float:left; margin-left:1%;}
.logo2 img{ display:block; max-width:100%;}
.logo3 { width:35% ;float:left; margin-left:3%;}
.logo3 img{ display:block; max-width:100%;}
.header .tel{margin:23px 3% 0 0; padding:0 0 0 4%; height:46px; background:url(../images/telicon_03.png) no-repeat left center; float:right;}
.header .tel div{ font-size:3px; color:#434343; font-family:'微软雅黑'; line-height:24px;}
/*.header .tel div span{ font-size:14px; color:#131313; font-family:'Arial'; line-height:24px;}*/
.header .tel div i{ font-weight:bold; display:block; font-size:24px; color:#fbab00; font-family:'微软雅黑'; line-height:22px;}

.header_nav{ width:100%; height:65px; background:rgba(198,8,13,0.9);  z-index:99; position:absolute;}
/*导航下拉开始*/
.header_nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header_nav .nav{  height:65px; position:relative; z-index:1;  }
.header_nav .nav a{ color:#fff; line-height:34px; font-size:14px;}
.header_nav .nav .nLi{ float:left;  position:relative; display:inline; width:14%; text-align:center; }
.header_nav .nav .nLi h3{ float:left; width:100%; background:url(../images/shu.png) no-repeat right;z-index:999 ;position:relative; }
.header_nav .nav .nLi h3 a span {  display:block;font-family:'Aparajita'; font-size:14px; color:#fff;text-transform: uppercase;}
.header_nav .nav .nLi h3 a{ display:block; font-family:'微软雅黑'; font-size:15px; color:#fff; line-height:18px; height:65px; padding-top:12%; margin-right:2px; z-index:105;}
.header_nav .nav .nLi b { position:absolute; right:15px; top:24px; width:0; height:0; border-left: solid 4px transparent;border-right: solid 4px transparent;border-top: solid 7px #fff;opacity:1;z-index:104}
.header_nav .nav .nLi .abg { position:absolute; left:0; bottom:0; width:100%; height:73px;background:rgba(187,36,43,.9);box-shadow:2px 2px 2px rgba(0,0,0,0.4),-2px 0px 2px rgba(0,0,0,0.4);opacity: 0; cursor:pointer; z-index:102;}
.header_nav .nav .nLi .abg .mb {width:0;height:0;border-top:73px solid rgba(202,43,50,.9);border-right: 140px solid transparent;}
.header_nav .nav .nLi .zsj {border-bottom:6px solid transparent;border-left:6px solid #bb3940;border-top:6px solid transparent;height:0;left:-5px;overflow:hidden;position:absolute;top:-8px;transform:rotate(45deg);width:0;z-index:102; opacity: 0;}
.header_nav .nav .nLi .ysj {border-bottom:6px solid transparent;border-left:6px solid #bb3940;border-top:6px solid transparent;height:0;overflow:hidden;position:absolute;right:-5px;top:-8px;transform:rotate(135deg);width:0;z-index:102; opacity: 0;}

.header_nav .nav .sub{ display:none; width:100%; left:0; top:65px;  position:absolute; background:rgba(109,54,61,0.8) none repeat scroll 0 0 !important;  line-height:30px; padding:5px 0; z-index:999;}
.header_nav .nav .sub li{ zoom:1; }
.header_nav .nav .sub a{ display:block; padding:0 10px; }
.header_nav .nav .sub a:hover{ background:#d00000; color:#fff; }
.header_nav .nav .nLi:hover h3 a {  color:#fff; z-index:99}

.header_nav .nav .nLi:hover .abg { opacity:1;}
.header_nav .nav .nLi:hover .zsj { opacity:1;}
.header_nav .nav .nLi:hover .ysj { opacity:1;}
/*导航下拉结束*/

/*移动端导航*/
.sj_nav{ width:100%;}
.icon-menu{float:right; cursor:pointer; width:49px; height:47px; position:absolute;right:2%;top:0; margin-top:2%; background:url(../images/menu_logo.png) no-repeat right center;}
.sjdnav{ width:115px; height:280px; position:absolute;right:2%; top:13%;z-index:9999;background:rgba(46, 117, 42, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjdnav li a{display:block;line-height:40px; font-family:'Microsoft YaHei'; font-size:15px; color:#fff;}
.sjdnav li a:hover{background:#65aa36; color:#fff;}
.sjdnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{ width:100%;  margin-top:65px; }
.ban_img { width:100%; padding-top:34%; position:relative;}
.swiper-pagination-bullet { width:32px; height:6px; border:1px solid #e1f2fc;  border-radius:0; background:rgba(255,255,255,1);opacity:1; }
.swiper-pagination-bullet-active { background:#ff9d00; }

main{ width:100%; }
.about {width:100%; margin:3% auto; }
.title { width:100%;text-align:center;}
.title3 { line-height:31px;font-family:'Arial'; font-size:24px; color:#3d3d3d;text-transform:uppercase;font-weight:bold;}
.title1 { line-height:38px;font-family:'微软雅黑'; font-size:24px; color:#292929; font-weight:bold; background:url(../images/title.png) no-repeat center center;}
.title1 span {color:#c6080d;}
.about_main { width:100%; margin:2% auto;}
.about_img { width:347px;  float:left;}
.about_img img {  display:block;max-width:100%;}
.xbox { width:118px; float:left;}
.xbox .xian { width:48px;height:18px; border-top:1px solid #303030; border-right:1px solid #303030; margin-bottom:18px;}
.xbox h1 {  display:block;font-family:'微软雅黑'; font-size:20px; color:#d8232d; border-bottom:1px solid #303030; margin-left:13px; line-height:35px;}
.xbox h2 {  display:block;font-family:'微软雅黑'; font-size:14px; color:#5f5f5f; border-bottom:1px solid #303030; margin-left:13px; line-height:35px; margin-top:10px;}
.xbox .xian2{ width:48px;height:143px; border-left:1px solid #303030; border-bottom:1px solid #303030; margin:26px 0 0 48px;}
.about_text { float:right; width:56%; overflow:hidden;}
.about_t {line-height:24px;font-family:'微软雅黑'; font-size:14px; color:#424242; height:168px; overflow:hidden; }
.about_p {line-height:16px;font-family:'Arial'; font-size:9px; color:#b9b9b9;  width:80%;float:left;height:112px; overflow:hidden; margin-top:2%; }
.about_more { width:82px; height:124px; float:right; background:url(../images/about_xian.png) no-repeat center center; position:relative;}
.about_more a { width:66px; height:22px; line-height:22px; text-align:center; background:#111111;font-family:'微软雅黑'; font-size:12px; color:#fff; display:block;  position:absolute;left:-31%; top:23%;}

.cp { width:100%; margin:3% auto; background:#f1f1f1; padding-top:2%;}
.pro { width:100%; margin:2% auto;}
.pro_main { width:100%; margin:2% auto;}
.pro_main .slideTxtBox { width:100%;}
.pro_main .slideTxtBox .hd { width:100%; height:38px;line-height:38px; overflow:hidden;}
.pro_main .slideTxtBox .hd ul { display:block; }
.pro_main .slideTxtBox .hd ul li {cursor:pointer; display:inline-table; padding:0 21px;font-family:'微软雅黑'; font-size:14px; color:#282828; background:#ccc; box-shadow:0px -5px 2px #a8a8a8 inset;}
.pro_main .slideTxtBox .hd ul li:hover {background:#c6080d; box-shadow:0px -5px 2px #740407 inset; color:#fff;}
.pro_main .slideTxtBox .hd ul li.on  {background:#c6080d; box-shadow:0px -5px 2px #740407 inset; color:#fff;}
.pro_main .slideTxtBox .bd { width:100%; margin-top:2%;}
.pro_main .slideTxtBox .bd ul {  display:block;}
.pro_main .slideTxtBox .bd ul li { width:23%;float:left; margin:1%; border:1px solid #ccc;text-align:center; padding:2px;}
.pro_main .slideTxtBox .bd ul li .pic { width:100%;position:relative;overflow:hidden;}
.pro_main .slideTxtBox .bd ul li .pic .car_img {  padding-top: 100%;}
.pro_main .slideTxtBox .bd ul li .pic .hover { width:100%; height:35px;position:absolute;left:0; bottom:0; background:rgba(2,2,2,0.5);}
.pro_main .slideTxtBox .bd ul li .car_p {font-family:'微软雅黑'; font-size:18px; color:#fff; line-height:35px;  }
.pro_main .slideTxtBox .bd ul li .car_a {font-family:'微软雅黑'; font-size:12px; color:#343434; width:125px;line-height:25px; background:#fff; text-align:center; margin:1% auto; }
.pro_main .slideTxtBox .bd ul li:hover .pic .hover{ width:100%; height:100%;position:absolute;left:0;bottom:0%; background:rgba(194,102,104,0.5); padding-top:26%;}
/*.pro_main .slideTxtBox .bd ul li:hover img {  -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}*/
.cp_more { width:117px; height:39px; line-height:34px;background:#c6080d; box-shadow:0px -5px 2px #740407 inset; margin:2% auto;text-align:center;}
.cp_more a {font-family:'微软雅黑'; font-size:14px; color:#fff; }

.al { width:100%; margin:2% auto;}
.al_main {  width:100%; margin:2% auto;}
.al_main .swiper-container { width:100%;}
.al_main .swiper-container .swiper-slide .pic { width:100%; position:relative; overflow:hidden;text-align:center;border:1px solid #ccc;}
.al_main .swiper-container .swiper-slide .pic .cp_img { padding-top:69%;}
.al_main .swiper-container .swiper-slide .pic .hover { width:100%; height:35px;position:absolute;left:0;bottom:0; background:rgba(2,2,2,0.5);}
.al_main .swiper-container .swiper-slide .pic .hover p { font-family:'微软雅黑'; font-size:18px; color:#fff; line-height:35px; }
.al_main .swiper-container .swiper-slide:hover img {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}

.contacts{  width:100%; margin:2% auto 0 auto;background:#f1f1f1; padding:2% 0;}
.contacts_L{ width:45%; float:left; overflow:hidden; margin-top:3%;}
.contacts_title{ display:block; line-height:53px; font-family:'微软雅黑'; font-size:18px; color:#383838;}

.contacts_t{ display:block; font-family:'微软雅黑'; font-size:14px; color:#505050; line-height:34px; margin-top:3%; overflow:hidden;}
.contacts_R{ width:50%; float:right; margin-top:3%;}
.contacts_R p{ line-height:40px; display:block; font-family:'微软雅黑'; font-size:12px; color:#505050;}
.contacts_R .txt{ width:100%; height:37px; line-height:33px; border:1px dashed #cdcfcf; background:#fff; border-radius:5px;}
.contacts_R .rea{ width:100%; height:118px; line-height:33px; border:1px dashed #cdcfcf; background:#fff; border-radius:5px;}
.contacts_R .but{ width:138px; height:31px; line-height:31px; text-align:center;font-family:'微软雅黑'; font-size:16px; color:#fff; margin-top:3%; background:#bc2a2a;}

footer { width:100%; background:#c73236; padding:1% 0; text-align:center;font-family:'微软雅黑'; font-size:14px; color:#fff;}

 /*手机底部导航*/
.hot{width:100%; height:68px; background:#d00000; position:fixed; bottom:0; left:0; z-index:99;}
.hot span{ color:#fff; font-size:16px; line-height:20px; padding-top:12px;}
.hot h6{ font-size:14px; line-height:26px; font-family:'Microsoft YaHei'; color:#fff;}
.hot .row div a{ display:block; color:#fff; padding:5px 0; margin-top:9px;}
.hot .row div:hover{ background:#9c0000;}


/*cpzs*/
.cpzs { width:100%; margin:2% auto;}
.cpzs_left { width:20%;float:left;overflow:hidden;}
/*产品下拉开始*/
.left{width:100%;height:100%;}
.div1{width:100%;}
.div2{position:relative; width:100%; background:#c6080d; border:5px solid #d7d7d7; padding:35px 0 35px 22px; line-height:34px; font-family:'微软雅黑'; font-size:24px; color:#fff; font-weight:bold;}
.div2 span {  display:block;line-height:20px; font-family:'微软雅黑'; font-size:14px; color:#dfdfdf; font-weight:100; text-transform:uppercase;}
.div3{display:block;}
.div3 ul{margin:0;padding:0; margin-top:4px;}
.div3 li{ width:100%;margin-bottom:2px;}
.div3 li a { display:block; background:#e4e4e4; padding-left:10%;line-height:45px; font-family:'微软雅黑'; font-size:14px; color:#2f2f2f; font-weight:bold;}
.div3 li:hover a { background:url(../images/cp-dian1.jpg) no-repeat left center, url(../images/cp-dian2.png) no-repeat 96% center, #c6080d; color:#fff;}
/*产品下拉结束*/
.lxfs { width:100%; margin-top:3%; border:1px solid #d7d7d9; padding:5%;}
.lxfs dl dt { line-height:25px; font-family:'微软雅黑'; font-size:14px; color:#292929;font-weight:bold; padding-bottom:10px;}
.lxfs dl dd { line-height:23px; font-family:'微软雅黑'; font-size:14px; color:#292929; }
.lxfs .aa {  display:block; margin-top:4%; border-top:1px solid #d7d7d9; }
.lxfs .aa a { margin-top:13px; width:100%; line-height:32px; height:32px; text-align:center; font-family:'微软雅黑'; font-size:14px; color:#fff; background:#404040; display:block;}
.cpzs_right { width:78%;float:right;overflow:hidden;}
.pr { width:100%; line-height:37px; background:url(../images/cp-dian3.jpg) repeat-x bottom; height:37px; overflow:hidden; }
.od {  float:left;}
.od1 { font-family:'Impact'; font-size:30px; color:#c8c8c8;text-transform:uppercase; float:left;}
.od2 { float:left;font-family:'Impact'; font-size:18px; color:#323232; font-weight:bold;text-indent:1em;}
.od2 span { color:#c6080d;}
.ct { float:right;font-family:'微软雅黑'; font-size:12px; color:#404040;}
.ct a { color:#404040;}
.cp_ul { width:100%; margin:2% auto;}
.cp_ul li {  width:23%;float:left; margin:1%;overflow:hidden;}
.cp_ul li .pic { width:100%; position:relative; overflow:hidden; border:1px solid #dedede;}
.cp_ul li .pic .cp_img {padding-top:100% }
.cp_ul li .pic .hover { width:100%; height:100%; position:absolute;left:0;top:100%; background:rgba(2,2,2,0.6);text-align:center; padding-top:20%;}
.cp_ul li .pic .hover h1 {  display:block;font-family:'微软雅黑'; font-size:24px; color:#fff;font-weight:bold; }
.cp_ul li .pic .hover h2 {  display:block;font-family:'微软雅黑'; font-size:12px; color:#2d2d2d; width:137px;line-height:27px;height:27px; background:#fff; border-radius:5px; margin:6% auto;}
.cp_ul li .cp_p { text-align:center; line-height:36px;font-family:'微软雅黑'; font-size:14px; color:#282828; height:36px;}
.cp_ul li:hover .pic .hover { top:0;}
.cp_ul li:hover .cp_p { background:#323232; color:#fff;}

.cp_ny { width:100%; margin:2% auto;}
.cp_ny img {  display:block; max-width:100%; margin:1% auto;}
.cp_ny h1 {  display:block;line-height:42px; font-family:'微软雅黑'; font-size:18px; color:#2d2d2d;font-weight:bold; border-bottom:1px solid #e0e0e0; margin-bottom:1%;}
.cp_ny h2 {  display:block;line-height:35px; font-family:'微软雅黑'; font-size:14px; color:#636363; margin-top:2%;}

/*news*/
.xw_ul { width:100%;float:left;margin:2% auto;}
.xw_ul li { width:100%;float:left; margin-bottom:3%; padding-bottom:3%; border-bottom:1px dashed #d9d9d9;}
.xw_ul li .xw_B { width:136px; height:94px; float:left;margin-right:3%; overflow:hidden;}
.xw_ul li .xw_B .xw_img { width:100%; height:94px; overflow:hidden;}
.xw_ul li h1 {  display:block;line-height:28px;font-family:'微软雅黑'; font-size:14px; color:#080909; background:url(../images/news-dian.png) no-repeat left center; padding-left:5%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.xw_ul li h2 {  display:block;line-height:20px;font-family:'微软雅黑'; font-size:12px; color:#6f6f6f;  overflow:hidden; height:60px;}
.xw_ul li:hover .xw_B .xw_img { -webkit-transform:scale(1.1,1.1);}

.xw_ny { width:100%; margin:2% auto; text-align:center;}
.xw_ny img {  display:block; max-width:100%; margin:2% auto;}
.xw_ny h1 {  display:inline-block ;line-height:42px; font-family:'微软雅黑'; font-size:18px; color:#2d2d2d;font-weight:bold; border-bottom:2px solid #0196dc;text-align:center; margin:2% auto;}
.xw_ny h2 {  display:block;line-height:35px; font-family:'微软雅黑'; font-size:14px; color:#636363; margin-top:2%; text-align:left;}
.xw_ny h3 {  display:block;line-height:35px; font-family:'微软雅黑'; font-size:12px; color:#636363; margin-top:2%; text-align:right;}

/*lxwm*/
.lxwm { width:100%; margin:2% auto;}
.lxwm h1 {  display:block ;line-height:42px; font-family:'微软雅黑'; font-size:18px; color:#292929;}
.lxwm h2 {  display:block ;line-height:22px; font-family:'微软雅黑'; font-size:12px; color:#696969;}

/*gsjj*/
.rczp_zi { width:100%;float:left; margin:2% auto; font-size:14px; line-height:30px;}



.message{ margin:10px auto; width:100%; padding-top:20px;}
.message input{ width:31%; margin:8px 1%; line-height:24px; border:1px solid #CCCCCC; text-indent:4px;}
.message textarea{ width:98%; margin:8px 1%;  border:1px solid #CCCCCC; height:130px; line-height:26px; text-indent:4px;}
.message .butt{ height:36px; line-height:36px; border-radius:5px; width:120px;}
.message .butt:hover{ color:#FFFFFF; background:#2c54a8}


@media (max-width:1200px){
	.wrap{ width:96%}
    .logo { width:20%;}
    .header .tel { margin: 23px 0% 0 0; padding: 0px 0 0 5%; }
    .about_img { width:294px;}
    .xbox { width:116px;}
    .xbox .xian2 { margin: 16px 0 0 48px; height:107px; }
    .about_t { height:122px;}
	}

@media (max-width:991px) and (min-width:768px){
    .logo { width:28%;}
    .logo2 { width:44%;}
	.wrap{ width:96%}
    .icon-menu {  margin-top:3%;}
    .banner { margin:0;}
    .about_img { width:100%; float:none;}
    .about_img img { margin:2% auto; }
    .about_text{ width:100%; float:none;}
    .about_p { width: 100%; float:none;}
    .sj_more { width:100%;  }
    .sj_more a { display:block; margin:1% auto;width:66px; height:22px; line-height:22px; text-align:center; background:#111111;font-family:'微软雅黑'; font-size:12px; color:#fff; }
    .pro_main .slideTxtBox .bd ul li { width:31.3%;}
    .contacts_L { float:none; width:100%;}
    .contacts_R { float:none; width:100%;}
    /*cpzs*/
    .cpzs_left { width:100%;float:none; margin:2% auto;}
    .div2 { background:url(../images/cp-dian1.jpg) no-repeat left center, url(../images/cp_dian4.png) no-repeat 96% center, #ea332b; color:#fff; height:54px; padding:0 0 0 8%; border:none; line-height:54px; cursor:pointer;}
    .div3 {  display:none;}
    .cpzs_right {width:100%;float:none; margin:2% auto; }
    .cp_ul li { width:31.3%;}
    }

@media (max-width:767px){
    .logo { width:28%;}
    .logo2 { width:44%;}
	.wrap{ width:96%}
    .icon-menu {  margin-top:3%;}
    .banner { margin:0;}
    .about_img { width:100%; float:none;}
    .about_img img { margin:2% auto; }
    .about_text{ width:100%; float:none;}
    .about_p { width: 100%; float:none;}
    .sj_more { width:100%;  }
    .sj_more a { display:block; margin:1% auto;width:66px; height:22px; line-height:22px; text-align:center; background:#111111;font-family:'微软雅黑'; font-size:12px; color:#fff; }
    .pro_main .slideTxtBox .bd ul li { width:48%;}
    .contacts_L { float:none; width:100%;}
    .contacts_R { float:none; width:100%;}
    /*cpzs*/
    .cpzs_left { width:100%;float:none; margin:2% auto;}
    .div2 { background:url(../images/cp-dian1.jpg) no-repeat left center, url(../images/cp_dian4.png) no-repeat 96% center, #ea332b; color:#fff; height:54px; padding:0 0 0 8%; border:none; line-height:54px; cursor:pointer;}
    .div3 {  display:none;}
    .cpzs_right {width:100%;float:none; margin:2% auto; }
    .cp_ul li { width:48%;}
	
	
.message{ margin:10px auto; width:100%; padding-top:20px;}
.message input{ width:47%; margin:8px 1%; line-height:24px; border:1px solid #CCCCCC; text-indent:4px;}
.message textarea{ width:98%; margin:8px 1%;  border:1px solid #CCCCCC; height:130px; line-height:26px; text-indent:4px;}
.message .butt{ height:36px; line-height:36px; border-radius:5px; width:120px;}
.message .butt:hover{ color:#FFFFFF; background:#2c54a8}

	}

@media (max-width:567px){
	.wrap{ width:96%}
    .icon-menu {  margin-top:1%;}
	}

@media (max-width:467px){
	.wrap{ width:96%}
	.logo{ width:20%; margin:1% 0;}
    .logo2 {  margin:2% 0 1% 3%; width:56%}
    .icon-menu {  margin-top:1.5%;}
    /*news*/
    .xw_ul li h1 {  padding-left:8%;}
	}

@media (max-width:376px){
	.wrap{ width:96%}
	.logo{ width:20%; margin:1% 0;}
    .logo2 {  margin:2% 0 1% 5%;}
	}