@import url(main.css);

@media (min-width:992px){/*md*/

#navbg{ }

header {
	position: absolute;
	width: 100%;
	height: 80px;
	left: 0;
	top: 0;
	z-index: 30;
	background-image:url(../images/top_bg.jpg); background-size:100% 100%; 
}

header ul li {
	padding: 0px;
	border-right: 1px solid #1a1a1a;
	float: left;
	line-height: 80px;
	text-transform: uppercase;
	letter-spacing: 2px;
	 height: 80px
}
header .main_box{ }
header .main_box div{ float:left; }
header .sign img{ height:80px}

header .main_box div:last-child{}

.navMenu a{ color:#FFFFFF; font-size:16px; text-decoration:none; width:130px; height:80px; display:block; text-align:center}
.navMenu a:hover,.navMenu a.link_over{ color:#ffffff; background-color:#cc0e17}

.swiper-slide img{ width:100%}

.title_bg{ text-align:center; padding:30px }
.title_bg .title_en{ font-size:16px; color:#555555; margin:20px 0 10px 0}
.title_bg .title_en a{ display: inline-block; font-size:16px; padding:10PX 30px; background-color:#ffffff;; text-decoration:none}
.title_bg .title_en a.link_over,.title_bg .title_en a:hover { color:#FFFFFF; background-color:#CD0D18}
.title_bg .title_cn{ font-size:24px; text-align:center}
.title_bg .title_cn h2{ font-weight:normal }



.plist li{float: left;margin-right: 25px; width: 410px;  margin-bottom: 25px; position: relative; z-index: 80; height: 334px}
.plist li:nth-child(3n){ margin-right: 0px}
.plist li a{  text-decoration: none}
.plist li img{ width: 410px; height: 282px;border: 0px}
.plist li a h3{ position: absolute;height: 52px; background-color:#FFF; line-height: 52px;text-align: center;; color: #333333; font-size: 16px; left: 0px; top: 282px; width: 100%}
.plist li a .cover{ display: none;position: absolute;background-color: #000000;opacity:0.6;filter:Alpha(opacity=60); width: 100%; height: 334px; z-index: 99; top: 0px; left: 0px}
/*.plist li a:hover h3{ height: 100px; line-height: 100px; top: 234px; color: #FFFFFF }*/
.plist li a:hover .cover{display: block}

.case_list li{ margin-right: 2px; width: 425px; float: left; margin-bottom: 2px;  position: relative; height: 292px}
.case_list li:nth-child(3n){ margin-right: 0px}
.case_list li a img{ width: 424px; height: 292px}
.case_list li a .cover{ display: none}
.case_list li a h3{ display: none}
.case_list li a:hover .cover{ display: block; position: absolute;background-color: #000000;opacity:0.6;filter:Alpha(opacity=60); width: 100%; height: 292px; z-index: 99; top: 0px; left: 0px}
.case_list li a:hover h3{ display: block;position: absolute;background-color: #000000; height: 50px; line-height: 50px; width: 100%; top: 120px; left: 0px; text-align: center; font-size: 16px;opacity:0.6;filter:Alpha(opacity=60);color: #ffffff; z-index: 100}


#box_cp{ background-color:#E4E4E4}

#box_ys { padding: 50px 0; height: 210px;  background: url("../images/1532595755.jpg") center center ; background-repeat: no-repeat}
#box_ys li{ float: left; width: 25%; text-align: center}
#box_ys li img{ width: 100px;m display: inline-block; margin:  0 auto}
#box_ys li h5{ font-size:24px;color: #ffffff;font-weight: normal; padding-top:10px}
#box_ys li h6{ font-size: 16px;color: #ff8b8b;font-weight: normal; padding-top: 10px}

.about_top div{float:left}
.about_top .about_1{ width: 50%; background-color:#3E3E3E; height: 430px}
.about_top .about_1 h3{ font-size: 36px; color: #ffffff; padding: 10px 0}
.about_top .about_1 h4{font-size: 24px; color: #ffffff; margin:40px 40px  0 40px; font-weight:normal; text-align:left}
.about_top .about_1 h4 i{ font-style:normal; font-size:14px; padding-left:20px }
.about_top .about_1 div{ font-size: 14px; color: #cccccc;line-height: 220%; padding:20px 40px 20px 40px; text-indent:2rem}
.about_top .about_1 .btn_more{display: inline-block;color:#ffffff; font-size: 14px; width: 100px; height: 40px; line-height: 40px; background-color:#CD0D18; text-decoration: none; border-radius:20px; text-align:center; float:right; margin-right:40px}
.about_top .about_2{ width: 50%; background: url("../images/about_2.jpg"); height: 430px;}
.about_top .about_2 h2 { text-align: center; margin-top: 100px;
    font-size:36px;
    color: #102a51;
    line-height: 50px; height: 60px
}
.about_top .about_2 .btn_more{display: inline-block; margin-top: 20px; color:#ffc41c; font-size: 14px; width: 120px; height: 40px; line-height: 40px; background-color: #102b52; text-decoration: none}
.about_top .about_2 .btn_more img{ display: inline-block}
.about_top .about_2 h2 strong{ border-bottom: 1px solid #FFC41C;font-weight: normal; padding-bottom: 10px}
.about_top .about_2 h3{ text-align: center; height: 45px; font-size: 16px; line-height: 45px; font-weight: normal; color: #333333}
.about_top .about_2 p{ line-height: 200%; text-align: center}

.about_2_1,.about_2_2{ }
.about_top .about_3{ width: 28%}
.about_3_1,.about_3_2{ width: 100%; background: url("../images/about_3.jpg") center center; height: 428px; border-bottom: 2px solid #FFFFFF}
.about_3_2{ background: url("../images/about_3-1.jpg") center center}

.about_btm>div{ float: left; width: 25%;height: 300px; text-align: center; padding: 70px 0}
.about_btm div:first-child{ background: url("../images/index4_3.jpg") center center; }
.about_btm div:nth-child(2){ background: url("../images/index4_4.jpg") center center}
.about_btm div:nth-child(3){background: url("../images/index4_5.jpg") center center}
.about_btm div:last-child{ background: url("../images/index4_6.jpg") center center}

.about_btm>div h3{ font-size: 28px; font-weight: normal; text-align: center; color: #ffffff; padding: 20px 0 10px 0}
.about_btm>div h5{font-size: 14px; color: #ffffff; text-align: center;font-weight: normal}
.about_btm>div .btn_more{ display: inline-block;margin-top: 20px; color: #ffffff; font-size: 14px;text-decoration: none;background-color: #102b52;width: 120px; height: 40px;  line-height: 40px }
.about_btm>div .btn_more:hover{color: #FFC728}

.about_btm div:nth-child(2) img,.about_btm div:nth-child(4) img{ margin-top: 70px }

.home_news li{ width:50%; float:left; height:120px; margin-bottom:20px}
.home_news li a{ display:inline-block; margin-right:20px; text-decoration:none}
.home_news li a em{ float:left}
.home_news li a img{ width:160px; height:120px}
.home_news li a h5{ font-size:16px;  height:30px; }
.home_news li a p{ font-size:12px; line-height:200%; color:#333333; height:90px; overflow:hidden; text-indent:2rem}
.home_news a.btn_more{display: inline-block;color:#CD0D18; font-size: 14px; width: 100px; height: 40px; line-height: 40px; background-color:#ffffff; text-decoration: none; border-radius:20px; text-align:center; border:1px solid #CD0D18; margin-top:20px}
.home_news a.btn_more:hover{ background-color:#CD0D18; color:#FFFFFF}

#btm_bg{ background-color: #bc0001;padding: 20px 0; height:170px}
#btm_bg .main_box div{ float: left; height: 150px; width: 29%; border-right:1px solid #cc1c1c; padding:0 2%}
#btm_bg .main_box div:last-child{border-right:none}
#btm_bg .main_box div:last-child img{ float:left; margin-right:20px}
#btm_bg .main_box div h5{font-size: 18px; color: #eeeeee;font-weight: normal; padding: 10px 0}
#btm_bg .main_box div p{font-size: 14px; color: #eeeeee; padding: 5px 0; line-height:150%}
#btm_bg .main_box div p a{ color:#ffffff; margin-right:20px}
#btm_copyright{ text-align:center; height:50px; line-height:50px; background-color:#333333; color:#bbbbbb}
#btm_copyright a{ color:#bbbbbb}
/*about.asp*/
#banner_about{ background: url("../images/ban-about.jpg") center center; height: 400px}
#banner_about .main_box{ padding-top: 220px; color: #333333}
.banner h3{font-size: 36px; font-weight: normal; margin-bottom: 20px;}
.banner p{ font-size: 16px; }

#nav_bg{ border-bottom: 1px solid #cccccc; height: 70px}
.nav_title li{ float: left; width: 130px; height: 70px; position: relative;margin-right: 20px}
.nav_title li a{ display: block; width: 130px; height: 70px; line-height: 70px;  text-align: center; font-size: 16px; text-decoration: none;}
.nav_title li a:hover,.nav_title li a.link_over{ position: absolute; left: 0px;top: 0px; border-bottom: 3px solid #E6002F; height: 69px; }

.cnt{ padding: 20px; line-height: 200%; font-size: 14px}

/*product*/
#banner_p{ background: url("../images/ban-product.jpg") center center; height: 400px}
#banner_p .main_box{ padding-top: 220px; color: #333333}


/*news.asp*/

#banner_news{background: url("../images/ban-news.jpg") center center; height: 400px}
#banner_news .main_box{ padding-top: 220px; color: #333333}

.newsplist{ padding-top:10px}
.newsplist li{ height:180px; margin-bottom:20px; clear:both}
.newsplist li .left{ width:210px; background-color:#CC0E17; color:#FFFFFF; height:180PX;text-align: center; font-size:14px; line-height:150%}
.newsplist li .left strong{ display:block;font-size:48px; height:70px; line-height:120px;font-family: "Impact"}
.newsplist li .right{ width:1060px;  background-color:#F7F7F7}
.newsplist li .right a{ display:inline-block; width:1020px; height:140px; padding:20px; text-decoration:none}
.newsplist li .right a h5{ font-weight:normal; height:35px; line-height:35px; font-size:18px}
.newsplist li .right a .ptxt{ height:73px; line-height:150%; color:#666; text-indent:2em}
.pmore font{ display:inline-block; width:100px; height:30px; text-align:center; font-size:12px; border:1px solid #CC0E17; line-height:30px; color:#CC0E17}
.newsplist li .right a:hover{ border:1px solid #CC0E17; width:1018px; height:138px;}
.newsplist li .right a:hover h5{ color:#CC0E17}


/*view*/
#news_h1 h1{ font-size:28Px; height:50px; line-height:50px; text-align:center;text-align:center; color:#222222; padding-top:10PX}
#pdate{ color:#999; height:40px; line-height:40px}
#pdate a{ color:#999999}
.cnt_txt{ padding:10px; line-height:200%; font-size:14px}

/*detail*/
.p_title{ height:50px;  background-color:#b6b6b6;}
.p_title strong{ display:block; float:left; width:180px; height:50px; line-height:50px; text-align:center; color:#ffffff; font-size:20px; font-weight:normal; background-color:#bc0001}
.p_cnt{ padding:20px; line-height:200%; font-size:16px}

#btm_menu,.cd-nav-trigger{ display:none}

}
@media (max-width:991px){/*md*/

html,body{ font-size:625%;}

.main_100{clear:both;width:100%;margin:0px auto;font-size: 0.14rem}
.main_box{clear:both;width:100%;margin:0px auto;min-width:320px ; font-size: 0.14rem}

ul:after,dl:after{
 content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	background: rgba(0,0,0,.5);
}


header .main_box div{ float:left;}
header .sign img{ height:60px}


.Menu{ display:none;clear:both; width:100%; left:0px; z-index:1009;}

.navMenu{ clear:both;width:100%;margin:0px auto; position:relative; z-index:1010; background-color:#CD0D18; height:408PX;}
.navMenu li{ display:block; clear:both; text-align: center; width:100%; height:50px; line-height:50px; border-bottom:1px solid #FFFFFF; padding:0PX; border-right:none}
.navMenu li a{ display:inline-block; text-align:center; width:100%; text-decoration:none; height:50px; line-height:50px; color:#FFFFFF}
button{ border:0px; float:right; right:0.1rem; top:0.08rem; color:#2987db; position:absolute; background:none}

header ul li:not(:first-child) {
		display:block;
	}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #CD0D18;
}

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #CD0D18;
}


.swiper-slide img{ display:none}

.slide-1 { height:300px ;background-size:auto 100%; background: url("../images/banner-s.jpg") center center}

#box_cp{ background-color:#E4E4E4}

.title_bg{ text-align:center; padding:0.2rem 0 }
.title_bg .title_en{ font-size:0.14rem; color:#555555;margin:20px 0 10px 0}
.title_bg .title_cn{ font-size:0.24rem; margin:0px auto}
.title_bg .title_cn h2{ font-size:0.2rem; padding:0 0.2rem}

.title_bg .title_en a{ display: inline-block; font-size:14px; padding:10PX 20px; background-color:#ffffff;; text-decoration:none; margin-right:1px}
.title_bg .title_en a.link_over,.title_bg .title_en a:hover { color:#FFFFFF; background-color:#CD0D18}


.plist li{ clear:both; width:98%;  margin-bottom:0.15rem; box-shadow: #cccccc 1px 1px 2px 1px; margin-right:1%; margin-left:1% }
.plist li a{  text-decoration: none}
.plist li img{ width:100%;border: 0px}
.plist li a h3{ height: 0.52rem; line-height: 0.52rem;text-align: center;; color: #222222; font-size: 0.16rem; width: 100%; background-color:#FFFFFF}

#box_ys { padding: 0.2rem 0;  background: url("../images/1532595755.jpg") center center ; background-repeat: no-repeat}
#box_ys li{ float: left; width: 50%; text-align: center}
#box_ys h2{ font-size:20px; color:#ffffff; text-align:center; font-weight:normal;}
#box_ys h2 strong{ border-bottom:3px solid  #047DC2; font-weight:normal; padding:0 20px 10px 20px;height:40px }
#box_ys h3{ font-size:28px; color:#ffffff; text-align:center;font-weight:normal; padding:20px; margin-bottom:10px; display:none}
#box_ys p{ color:#ffffff; padding:5%; line-height:150%; font-size:0.14rem; text-indent:2em}
#box_ys li img{ width: 50%;display: inline-block; margin:  0 auto}
#box_ys li h5{ font-size:0.16rem;color: #ffffff;font-weight: normal; margin-bottom:10px}
#box_ys li h6{ font-size: 0.12rem;color: #ffffff;font-weight: normal; padding-top:0.1rem; display:none}
#box_ys a{ clear:both; display:block; color:#ffffff; margin-top:30px; font-size:18px; background-color:#047dc2; border-radius:4px; width:50%; padding:10px 0; text-decoration:none}


.case_list li{ clear:both; width: 100%; text-align:center; margin-bottom: 0.02rem; }
.case_list li a{ text-decoration:none}
.case_list li a img{ width: 100%;}
.case_list li a .cover{ display: none}

.case_list li a:hover .cover{ display: block; background-color: #000000;opacity:0.6;filter:Alpha(opacity=60); width: 100%;z-index: 99; top: 0px; left: 0px}
.case_list li  h3{ display: block;background-color: #000000; height: 0.50rem; line-height: 0.5rem; width: 100%; text-align: center; font-size: 0.16rem;opacity:0.6;filter:Alpha(opacity=60);color: #ffffff; z-index: 100}


.about_top .about_1{ width: 100%; background: url("../images/about_1.jpg") center center; padding-bottom:20px }
.about_top .about_1 p{ padding-top: 0.2rem}
.about_top .about_1 h4{font-size: 0.20rem; color: #ffffff; padding-top:20px}
.about_top .about_1 h4 i{ font-size:14px; font-style:normal; margin-left:10px; font-weight:normal}
.about_top .about_1 div{ font-size: 0.14rem; color: #ffffff;line-height: 200%; padding:1%; width: 92%; padding:0 4%}
.about_top .about_1 div p{ text-indent:2em; }
.about_top .about_1 .btn_more{display: block;  color:#ffffff; font-size: 0.14rem; width: 1.5rem; height: 0.4rem; line-height: 0.4rem;background-color: #CD0D18; text-decoration: none; text-align:center; margin:0  auto ; }
.about_top .about_1 .btn_more img{ display: inline-block}



.about_top .about_2{ width: 100%; margin-top:0.2rem;  display:none}
.about_top .about_2 h2 { text-align: center; margin-top: 0.2rem;
    font-size:0.24rem;
    color: #102a51;
    line-height: 0.4rem; height: 0.4rem
}
.about_top .about_2 .btn_more{display: inline-block; margin-top: 0.1rem; color:#ffc41c; font-size: 0.14rem; width: 1.20rem; height: 0.4rem; line-height: 0.40rem; background-color: #102b52; text-decoration: none}
.about_top .about_2 .btn_more img{ display: inline-block}
.about_top .about_2 h2 strong{ border-bottom: 1px solid #FFC41C;font-weight: normal; padding-bottom: 0.1rem}
.about_top .about_2 h3{ text-align: center; height: 0.45rem; font-size: 0.16rem; line-height: 0.45rem; font-weight: normal; color: #333333}
.about_top .about_2 p{ line-height: 200%; text-align: center}

.about_2_1,.about_2_2{ background: url("../images/about_2.jpg"); width: 100%}
.about_top .about_3{ width: 100%; margin-top:0.2rem; display:none}
.about_3_1,.about_3_2{ width: 100%; background: url("../images/about_3.jpg") center center; height: 428px; border-bottom: 2px solid #FFFFFF}
.about_3_2{ background: url("../images/about_3-1.jpg") center center}

.about_btm { margin-top:0.2rem}
.about_btm>div{ clear:both;width: 100%;text-align: center; padding:0.35rem 0 }
.about_btm div:first-child{ background: url("../images/index4_3.jpg") center center; }
.about_btm div:nth-child(2){ display:none}
.about_btm div:nth-child(3){background: url("../images/index4_5.jpg") center center}
.about_btm div:last-child{ display:none}

.about_btm>div h3{ font-size: 0.24rem; font-weight: normal; text-align: center; color: #ffffff; padding: 0.10rem 0 0.05rem 0}
.about_btm>div h5{font-size: 0.14rem; color: #ffffff; text-align: center;font-weight: normal}
.about_btm>div .btn_more{ display: inline-block;margin-top: 0.10rem; color: #ffffff; font-size: 0.14rem;text-decoration: none;background-color: #102b52;width: 1.20rem; height: 0.40rem;  line-height: 0.40rem }
.about_btm>div .btn_more:hover{color: #FFC728}


.home_news li{ clear:both; width:100%; margin-bottom:20px; height:95px}
.home_news li a em{ float:left; width:120px; height:90px; padding-left:10px}
.home_news li a img{width:120px; height:90px; float:left}
.home_news li a h5{font-size:16px;  height:24px; ext-align:left; overflow:hidden}
.home_news li a p{  font-size:12px; line-height:180%; color:#333333; height:65px; overflow:hidden; text-indent:2em; padding-right:10px}
.home_news a.btn_more{display: inline-block;color:#CD0D18; font-size: 14px; width: 100px; height: 40px; line-height: 40px; background-color:#ffffff; text-decoration: none; border-radius:20px; text-align:center; border:1px solid #CD0D18; margin-top:20px}
.home_news a.btn_more:hover{ background-color:#CD0D18; color:#FFFFFF}


#btm_bg{ background-color: #333333; padding:0.15rem 0; margin-bottom:51px}

#btm_bg .main_box div{ display:none}
#btm_bg .main_box div+div{ display:block; width: 100%; text-align:center}
#btm_bg .main_box div:last-child{ display:none}

#btm_bg .main_box div h5{ display:none}
#btm_bg .main_box div p{font-size: 0.14rem; color: #eeeeee; padding: 0.05rem 0; line-height:150%}

#btm_copyright{ display:none}

.space40{ clear:both;padding-top:0.10rem}

#btm_menu{ background-color:#CD0D18; height:50px; line-height:50px; position:fixed; bottom:0px; z-index:999; font-size:14px}
#btm_menu li{ float:left; width:22%; position:relative}
#btm_menu li a{ display:block; text-decoration:none; color:#FFFFFF; text-align:center;height:50px; line-height:50px; }
#btm_menu li .sub{ display:none; bottom:50px; left:0px; position:absolute; background-color:#CD0D18;width:100%}
#btm_menu li .sub a{ border:none; height:35px; line-height:35px; color:#ffffff; width:100%; border-bottom:1PX solid #FFFFFF; }
#btm_menu .li_top{ width:12%}
#btm_menu .li_top a{ border:none; background:url(../images/ico_top_1-1.png) top center no-repeat}

/*about.asp*/
#banner_about{ background: url("../images/ban-about.jpg") center center; height:1.60rem; background-size:auto 100%;}
#banner_about .main_box{ padding-top: 0.8rem; color: #333333}
.banner h3{font-size: 0.16rem; font-weight: normal; margin-bottom: 0.10rem; padding:0 0.1rem }
.banner p{ font-size: 0.12rem; padding: 0 0.1rem}

#nav_bg{}
.nav_title li{ float: left; width: 25%; height: 0.5rem; position: relative;}
.nav_title li a{ display: block; width: 100%; height: 0.5rem; line-height: 0.5rem;  text-align: center; font-size: 16px; text-decoration: none;}
.nav_title li a:hover,.nav_title li a.link_over{ position: absolute; left: 0px;top: 0px; border-bottom: 0.02rem solid #E6002F; height: 0.49rem; }

.cnt{ padding: 0.1rem; line-height: 200%; font-size: 0.14rem}
.cnt img{ width:100%}

/*product.asp*/
#banner_p{ background: url("../images/ban-product.jpg") center center; height:1.60rem; background-size:auto 100%;}
#banner_p .main_box{ padding-top: 0.8rem; color: #333333}

/*detail*/
.p_title{ height:40px;  background-color:#CCCCCC;}
.p_title strong{ display:block; float:left; width:120px; height:40px; line-height:40px;background: url("../images/mbx-bg.jpg");; text-align:center; color:#ffffff; font-size:16px; font-weight:normal}
.p_cnt{ padding:10px; line-height:200%; font-size:14px}

#zoomimg img{ width:100%}

/*news.asp*/

#banner_news{background: url("../images/ban-news.jpg") center center; height:1.60rem; background-size:auto 100%;}
#banner_news .main_box{ padding-top: 0.8rem; color: #333333}

/*news*/
.newsplist li{ margin-bottom:20px; clear:both; }
.newsplist li .left{ display:none}
.newsplist li .right{ width:93%; padding:0 3%}
.newsplist li .right a{ display:inline-block; width:96%;  padding:2%; text-decoration:none;border-bottom:1px solid #CCCCCC}
.newsplist li .right a h5{ font-weight:normal; height:35px; line-height:35px; font-size:18px; overflow:hidden}
.newsplist li .right a .ptxt{line-height:150%; color:#666; text-indent:2em; padding-bottom:10px}
.pmore{ display:none }

/*view*/
#news_h1 h1{ font-size:18Px;  line-height:150%; text-align:center; border-bottom:1px solid #dddddd;text-align:center; color:#222222; font-weight:normal; padding:0.1rem 0}
#pdate{ color:#999; height:20px; line-height:20px; font-size:12px; padding-top:10px}
#pdate a{ color:#999999;}
.cnt_txt{ padding:10px; line-height:200%; font-size:14px}
.cnt_txt img{ width:100%}

}