@import url(main_en.css);
@media (min-width:992px){/*md*/

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

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

header .main_box div:last-child{ float:right}

.navMenu a{ color:#FFFFFF; font-size:16px; text-decoration:none}
.navMenu a:hover{ color:#30C7FF}
.title_bg{ text-align:center; padding:30px }
.title_bg .title_en{ font-size:36px; color:#cccccc; margin-bottom:10px}
.title_bg .title_cn{ font-size:30px; margin:0 35% 20px 35%; background: url("../images/line_bg.jpg") repeat-x center;}
.title_bg .title_cn h2{ display: inline-block; background-color: #ffffff; font-weight: normal;font-size:30px; padding:0 30px}
.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_ys { padding: 30px 0; height: 150px;  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: 70px;m display: inline-block; margin:  0 auto}
#box_ys li h5{ font-size:36px;color: #ffffff;font-weight: normal}
#box_ys li h6{ font-size: 16px;color: #ffffff;font-weight: normal; padding-top: 10px}

.about_top div{float:left}
.about_top .about_1{ width: 50%; background: url("../images/about_1.jpg") center center; height: 860px}
.about_top .about_1 p{ padding-top: 100px}
.about_top .about_1 h3{ font-size: 36px; color: #ffffff; padding: 10px 0}
.about_top .about_1 h4{font-size: 36px; color: #ffffff;}
.about_top .about_1 div{ font-size: 16px; color: #ffffff;line-height: 200%; padding-top: 20px; text-align: center; width: 100%}
.about_top .about_1 .btn_more{display: inline-block; margin-top: 20px; color:#ffc41c; font-size: 14px; width: 160px; height: 50px; line-height: 50px; background-color: #102b52; text-decoration: none}
.about_top .about_1 .btn_more img{ display: inline-block}
.about_top .about_2{ width: 22%; }
.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{ background: url("../images/about_2.jpg"); height: 430px; width: 100%}
.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 }

#btm_bg{ background-color: #555555; height: 150px; padding: 35px 0}
#btm_bg .main_box div{ float: left; height: 150px; width: 20%}
#btm_bg .main_box div+div{ width: 50%}
#btm_bg .main_box div:last-child{width: 30%}
#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%}

/*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:#3694D7; 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 #3694D7; line-height:30px; color:#3694D7}
.newsplist li .right a:hover{ border:1px solid #1f79b9; width:1018px; height:138px;}
.newsplist li .right a:hover h5{ color:#1871b1}


/*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:#CCCCCC;}
.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:#CD0D18; 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;
}



.title_bg{ text-align:center; padding:0.2rem 0 }
.title_bg .title_en{ font-size:0.18rem; color:#cccccc; margin-bottom:0.1rem}
.title_bg .title_cn{ font-size:0.20rem;background: url("../images/line_bg.jpg") repeat-x center; margin:0px auto}
.title_bg .title_cn h2{ display: inline-block; background-color: #ffffff; font-weight: normal;font-size:0.2rem; padding:0 0.2rem}

.plist li{ clear:both; width: 100%;  margin-bottom:0.15rem; }
.plist li a{  text-decoration: none}
.plist li img{ width:100%;border: 0px}
.plist li a h3{ height: 0.52rem; background-color:#ffffff; line-height: 0.52rem;text-align: center;; color: #333333; font-size: 0.16rem; width: 100%}

#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 li img{ width: 50%;display: inline-block; margin:  0 auto}
#box_ys li h5{ font-size:0.24rem;color: #ffffff;font-weight: normal}
#box_ys li h6{ font-size: 0.14rem;color: #ffffff;font-weight: normal; padding-top:0.1rem}


.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; }
.about_top .about_1 p{ padding-top: 0.2rem}
.about_top .about_1 h3{ font-size: 0.24rem; color: #ffffff; padding: 0.05rem 0}
.about_top .about_1 h4{font-size: 0.24rem; color: #ffffff;}
.about_top .about_1 div{ font-size: 0.14rem; color: #ffffff;line-height: 200%; padding:1%; text-align: center; width: 98%;}
.about_top .about_1 .btn_more{display: inline-block; margin-top: 0.1rem; color:#ffc41c; font-size: 0.14rem; width: 1.5rem; height: 0.4rem; line-height: 0.4rem;background-color: #102b52; text-decoration: none; margin-bottom:0.2rem}
.about_top .about_1 .btn_more img{ display: inline-block}

.about_top .about_2{ width: 100%; margin-top:0.2rem}
.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}


#btm_bg{ background-color: #555555; 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%}

.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: 33%; 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-color:#CD0D18; 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%}

}