@import url(main.css);

@media (min-width:992px){/*md*/
body{background-color:#ffffff}

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

.banner_swiper .swiper-container {
	height: 800px;
}
.banner_swiper .swiper-pagination {
	padding-left: 45%
}

.slide-1{ background:url(../images/banner.jpg) center center; background-size:auto 100%}
.slide-2{ background:url(../images/banner_mes1.jpg) center center; background-size:auto 100%}
.slide-3{ background:url(../images/banner_upload1.jpg) center center; background-size:auto 100%}
.slide-4{ background:url(../images/banner_auto1.jpg) center center; background-size:auto 100%}
.slide-5{ background:url(../images/202101-.jpg) center center; background-size:auto 100%}
.slide-6{ background:url(../images/202102-.jpg) center center; background-size:auto 100%}


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

header ul li {
	padding: 0 20px;
	border-right: none;
	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; display:block; height:80px; line-height:78px;  width:100%}
.navMenu a:hover{ border-bottom:2px solid #ffffff; height:78px}
.navMenu #lan { color:#FFFFFF; font-size:16px; margin-left:60px}
.navMenu #lan a{ float:left; border-bottom:none; width:auto; font-size:14px}
.navMenu #lan a:last-child{ float:right; padding-top:30px}
.navMenu #lan a img{ width:22px; display:block}

.navMenu li{ position:relative; z-index:80}
.navMenu dl{ background-color:#000000; z-index:100; position:absolute; width:150px; left:-19px;background: rgba(0,0,0,.2); display:none}
.navMenu dl dd{ height:45px; line-height:45px; text-align:center}
.navMenu dl dd a{ height:45px; line-height:45px;text-align:center}
.navMenu dl dd a:hover{ height:45px; line-height:45px; background-color:#00659f; border-bottom:none}

#p_bg{ background:url(../images/p_bg.jpg) bottom  center no-repeat; height:480px}

.title_bg{ padding:40px 0 30px 0}
.title_bg .title_en{ font-size:18px; color:#cccccc; }
.title_bg .title_cn{ font-size:28px; }
.title_bg .title_cn h2{ background-color: #ffffff; font-weight: normal;font-size:30px;}
.title_bg .title_cn em{ font-size:14px; font-weight:bold; margin-top:20px}
.title_bg .title_cn em a{ color:#555555; text-decoration:none}
.title_bg .title_cn em a img{ float:right; margin-left:10px}


.plist .swiper-container {
	height: 480px; position:relative; z-index:88; 
}


.plist .swiper-slide{height: 410px}
.plist  .swiper-slide a{  text-decoration: none; color:#333333; display:block}
.plist  .swiper-slide img{ width: 410px; height: 410px;border: 0px}
.plist  .swiper-slide a h3{ position: absolute;height: 40px; line-height:45px;color: #333333; font-size: 18px; left: 0px; bottom: 40px; padding:0px 20px; background-color:#ffffff; width:370px; font-weight:normal}
.plist  .swiper-slide a h5{ position: absolute;height: 40px;color: #888888; font-size: 14px; left: 0px; bottom:0px; padding:0px 20px; background-color:#ffffff; width:370px; font-weight:normal}
.plist  .swiper-slide a.link_over h3,.plist  .swiper-slide a.link_over h5,.plist  .swiper-slide a:hover h3,.plist  .swiper-slide a:hover h5{ background-color:#047DC2; color:#FFFFFF}


.plist .swiper-button-next,.plist .swiper-button-prev {
    position: absolute;
    top: 40%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.plist .swiper-pagination { position:absolute;
	padding-left: 35%; bottom:30px; z-index:99;
}
.plist .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: none;
    border: 1px solid #047DC2;
    opacity: 1;
}
.plist .swiper-pagination-bullet-active {
        background-color: #047DC2
}

.case_list li{ margin-right: 17px; width: 415px; float: left; margin-bottom: 25px;  position: relative; height: 415px; text-align:center}
.case_list li:nth-child(3n){ margin-right: 0px}
.case_list li a{ display:block; width: 100%}
.case_list li:nth-child(-n+3){ height:310px}
.case_list li:nth-child(-n+3) a img{ width:415px;}
.case_list li:nth-child(n+4) a img{ height:415px; display:block; margin:0 auto}
.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: 415px; 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: 200px; left: 0px; text-align: center; font-size: 16px;opacity:0.6;filter:Alpha(opacity=60);color: #ffffff; z-index: 100}
.case_list li:nth-child(-n+3) a:hover .cover{ display: block; position: absolute;background-color: #000000;opacity:0.6;filter:Alpha(opacity=60); width: 100%; height:310px; z-index: 99; top: 0px; left: 0px}
.case_list li:nth-child(-n+3) 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: 80px 0; height:376px;  background: url("../images/a_bg.jpg") center center; background-repeat:no-repeat}
#box_ys h2{ font-size:28px; color:#ffffff; text-align:center; padding-bottom:30px; font-weight:normal; margin-top:60px}
#box_ys h3{ font-size:60px; color:#ffffff; text-align:center; padding-bottom:30px; font-weight:normal}
#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}
#box_ys a{ clear:both; display:block; color:#ffffff; margin-top:30px; font-size:28px; background-color:#047dc2; border-radius:4px; width:200px; padding:10px 0; text-decoration:none}


#news_box{ height:450px}
#news_box div{ float:left; width:600px; height:450px}
#news_box div:first-child{ position:relative; z-index:99}
#news_box div:first-child h3{ position:absolute; z-index:101; height:60px; line-height:60px; overflow:hidden; 	background: rgba(0,0,0,.6); bottom:0px; text-align:center; color:#ffffff; font-size:24px; font-weight:normal; width:600px}
#news_box div:first-child img{ width:600px}
#news_box .newsright{ float:right; width:650px; height:450px; background-color:#f5f5f9}
#news_box .newsright li{ border-bottom:2px solid #ffffff; height:148px}
#news_box .newsright li a{ display:block; text-decoration:none; padding:10px 80px 10px 30px}
#news_box .newsright li a h2{ height:60px; line-height:60px; font-size:32px; font-weight:normal; overflow:hidden}
#news_box .newsright li a h3{ height:63px; line-height:200%; font-size:14px; font-weight:normal; color:#555555; text-indent:2em; overflow:hidden}
#news_box .newsright li a em{ float:left; width:120px; height:128px; font-size:18px; text-align:center; }
#news_box .newsright li a em p:first-child{ font-size:72px;}
#news_box .newsright li a:hover { background:url(../images/ico_arrow.png) right center no-repeat; background-color:#047DC2; color:#ffffff}
#news_box .newsright li a:hover h3{ color:#ffffff}
#news_box .newsright li a:hover em{ display:none}

#btm_bg{ background-color: #555555; padding: 35px 0}
#btm_bg .main_box div{ float: left; width: 20%}
#btm_bg .main_box div:nth-child(3){ width: 40%}
#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:160%}
#btm_bg .main_box div p a{ color:#eeeeee}
#btm_bg .btm_copyright{ border-top:1px solid #999999;padding-top:20px; font-size:14px; color:#cccccc; text-align:center}
#btm_bg .btm_copyright a{ color:#cccccc; text-decoration:none}
/*about.asp*/
#banner_about{ background: url("../images/ban_about.jpg") center center; height:800px}
#banner_job{ background: url("../images/ban_job.jpg") center center; height:800px}
#banner_contact{ background: url("../images/ban_about1.jpg") center center; height:800px}

#banner_about .main_box{ padding-top: 350px; color: #ffffff; }
.banner h3{font-size: 48px; font-weight: normal; margin-bottom: 20px;}
.banner p{ font-size: 28px; }
#banner_contact .main_box{ padding-top: 230px; color: #ffffff; }
#banner_contact .banner h3{text-align:center;color: #000000;font-size: 72px; font-weight:bold}
#banner_contact .banner p{text-align:center; color:#354869}

#nav_bg{  height: 70px; background-color:#eeeeee}
#nav_bg em{ float:left; line-height:70px; font-size:16px}
#nav_bg em img{ float:left; display:inline-block; margin-top:20px; margin-right:10px}
#nav_bg .nav_title{ float:right}
.nav_title li{ float: left; width: 150px; height: 70px; position: relative;}
.nav_title li a{ display: block; width: 100%; 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{  background-color:#047dc2; color:#FFFFFF}

.nav_title_en li{ width:180px}

.cnt{ padding: 30px 0; line-height: 200%; font-size: 18px}

.about_cnt h2{ font-weight:normal; text-align:center; font-size:36px; padding-top:50px}
.about_cnt h3{font-weight:normal; text-align:center; font-size:24px; padding:20px 0; color:#666666}
.joblist { padding:20px 0}
.joblist dt{ clear:both; height:40px; line-height:40px; background-color:#047dc2; font-size:28px; text-align:center; color:#ffffff; padding:10px 0; margin-bottom:10px}
.joblist dd{ clear:both; margin-bottom:10px;background-color:#eeeeee; }
.joblist dd:nth-child(odd){ background-color:#ffffff}
.joblist dd ul{ clear:both}
.joblist dd li{ float:left; width:20%; height:40px; line-height:40px; padding:10px 0; text-align:center; text-align:center}
.joblist dd li a{ display: inline-block; text-decoration:none; background-color:#047dc2; color:#ffffff; width:30%; height:30px; line-height:30px; border-radius:10px; font-size:16px}
.joblist dd p{ clear:both; border-top:2px solid #eeeeee; padding-left:50px; color:#333333; font-size:14px; display:none; background-color:#ffffff}

#contact_bg{ height:940px; background: url(../images/contact_map1.jpg) center center no-repeat; position:relative; z-index:25}
.contact_txt{ position:absolute; z-index:26; bottom:225px;background: rgba(0,0,0,.7);  font-size:14px; padding:15px; width:325px; color:#ffffff;right:50px;line-height:200%}
.contact_txt b{ font-size:18px}

/*product*/
#banner_p{ background: url("../images/ban_p.jpg") center center; height: 800px}
#banner_p .main_box{ padding-top: 360px; color: #ffffff}

#pcate {padding:20px 0; margin-bottom:20px;text-align:center;}
#pcate h2{ font-size:36px;  }
.catelist { margin-bottom:20px}
.catelist li{ float:left; width:400px; margin-right:40px; background-color:#eeeeee; height:400px; text-align:center; font-size:24px; margin-bottom:40px}
.catelist li img{ margin-top:100px}
.catelist li a{ text-decoration:none; line-height:200%; display:block; width:100%; height:100%}
.catelist li:nth-child(3n){ margin-right: 0px}

.p_list{}
.p_list li{float: left;margin-right: 40px; width: 400px;  margin-bottom: 40px; position: relative; z-index: 80; height: 400px; background-color:#06C}
.p_list li:nth-child(3n){ margin-right: 0px}
.p_list li a{  text-decoration: none}
.p_list li img{ width: 400px; height: 400px;border: 0px}
.p_list li a h3{ position: absolute;height:40px; line-height:45px;color: #333333; font-size: 18px; left: 0px; bottom:75px; padding:0px 20px; width:360px; font-weight:normal;background: rgba(255,255,255,.7);}
.p_list li a h5{ position: absolute;height:30px;color: #888888; font-size: 14px; left: 0px; bottom:45px; padding:0px 20px;  width:360px; font-weight:normal;background: rgba(255,255,255,.7)}
.p_list li a h6{ position: absolute; height:45px;left: 0px; bottom:0px; width:400px; padding:0px; margin:0px;background: rgba(255,255,255,.7)}
.p_list li a h6 span{ display:inline-block; margin:0px; background-color:#047dc2; color:#ffffff; padding:8px 25px; font-size:14px; margin-left:20px; height:20px; line-height:20px; border-radius:5px}
.p_list li a .cover{ display: none;position: absolute;background-color: #000000;opacity:0.6;filter:Alpha(opacity=60); width: 100%; height: 400px; z-index: 99; top: 0px; left: 0px}

/*news.asp*/

#banner_news{background: url("../images/ban_news.jpg") center center; height: 750px}
#banner_news .main_box{ padding-top: 300px; color: #ffffff}

.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:16px; line-height:150%}
.newsplist li .left strong{ display:block;font-size:72px; height:70px; line-height:120px;font-family: "Impact"; font-weight:normal}
.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:24px}
.newsplist li .right a .ptxt{ height:73px; line-height:200%; color:#666; text-indent:2em; font-size:16px}
.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;background: url("../images/mbx-bg.jpg");; text-align:center; color:#ffffff; font-size:20px; font-weight:normal}
.p_cnt{ padding:20px; line-height:200%; font-size:16px}

#banner_detail{ background-color:#eeeeee; height:800px;}
#banner_detail .left{ margin-top:150px}
#banner_detail .left img{ width:550px; height:550px}
#banner_detail .right{ margin-top:220px; width:600px}
#banner_detail .right h1{ font-size:36px; height:60px; font-weight:normal} 
#banner_detail .right .h1_en{ padding:10px 0; line-height:150%; height:auto}
#banner_detail .right h3{ font-size:24px; height:60px; font-weight:normal; color:#666666} 
#banner_detail .right p{ font-size:16px; line-height:200%; color:#333333}

#pcate b{ font-size:36px; text-align:center; border-bottom:2px solid #047dc2; font-weight:normal; padding:0 10px 10px 10px;}
#pcate p{ margin-top:20px;font-size:26px; color:#555555}

/*downlaod*/
#banner_down{background: url("../images/ban_down.jpg") center center; height: 750px}
#banner_down .main_box{ padding-top: 300px; color: #ffffff}


.down_keyword li{ clear:both; padding:10px 0; padding-left:35%; text-align:left; font-size:16px}
.down_keyword li input{ padding:5px 10px; font-size:16px}
.down_keyword li #button{ background-color:#047DC2; color:#ffffff; border:0px; width:150px; line-height:30px}

.downlist li{ float:left; width:580px; margin-right:40px; margin-bottom:40px; padding:20px; background-color:#eeeeee}
.downlist li:nth-child(2n){ margin-right: 0px}
.downlist li a h3{ margin:0px; font-size:22px; font-weight:normal; height:80px; line-height:80px}
.downlist li a h3 em{  background-color:#047dc2; color:#ffffff; padding:5px 15px; line-height:30px; border-radius:10px; font-size:16px; margin:20px 0}
.downlist li p{ line-height:180%; color:#333333; font-size:14px; border-top:2px solid #ffffff; padding-top:10px}




#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}

#zn20{ display:none}

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; margin-left:10px}


.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:#D2E8FF; height: auto;}
.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}
.navMenu li dl{ display:none}
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: #2987db;
}

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

#lan span,#lan a:last-child{ display:none}

.banner_swiper .swiper-container {
}
.banner_swiper .swiper-container .swiper-slide{
}
.banner_swiper .swiper-container .swiper-slide img{
	 display:none
}

.banner_swiper .swiper-container .slide-1
{
	background: url("../images/banner-s.jpg") center center; height:2.6rem; background-size:auto 100%;
	}

.banner_swiper .swiper-container .slide-2
{
	background: url("../images/banner_mes-s.jpg") center center; height:2.6rem; background-size:auto 100%;
	}
	
	.banner_swiper .swiper-container .slide-3
{
	background: url("../images/banner_upload-s.jpg") center center; height:2.6rem; background-size:auto 100%;
	}
	
	.banner_swiper .swiper-container .slide-4
{
	background: url("../images/banner_auto-s.jpg") center center; height:2.6rem; background-size:auto 100%;
	}
	
	.banner_swiper .swiper-container .slide-5
{
	background: url("../images/202101-s.jpg") center center; height:2.6rem; background-size:auto 100%;
	}	
	
	.banner_swiper .swiper-container .slide-6
{
	background: url("../images/202102-s.jpg") center center; height:2.6rem; background-size:auto 100%;
	}	
	

.banner_swiper .swiper-pagination {
	padding-left: 35%
}

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

.title_bg .title_cn em{ display:none}

.plist .swiper-slide{width:100%;}
.plist  .swiper-slide a{  text-decoration: none; color:#333333; display:block}
.plist  .swiper-slide img{ width: 100%;border: 0px}
.plist  .swiper-slide a h3{ position: absolute;height: 35px; line-height:40px;color: #333333; font-size: 18px; left: 0px; bottom: 25px;  background-color:#ffffff; width:100%; font-weight:normal; text-align:center}
.plist  .swiper-slide a h5{ position: absolute;height: 25px;color: #888888; font-size: 14px; left: 0px; bottom:0px; background-color:#ffffff; width:100%; font-weight:normal; text-align:center}
.plist  .swiper-slide a.link_over h3,.plist  .swiper-slide a.link_over h5,.plist  .swiper-slide a:hover h3,.plist  .swiper-slide a:hover h5{ background-color:#047DC2; color:#FFFFFF}




#box_ys { padding: 0.2rem 0;  background: url("../images/a_bg.jpg") center center ; background-repeat: no-repeat; margin-top:20px}
#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 h3{ font-size:28px; color:#ffffff; text-align:center;font-weight:normal; padding:20px; margin-bottom:10px}

#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}
#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}

#news_box .main_box div{ clear:both; width:100%; display:none}
#news_box div:first-child{ position:relative; z-index:99}
#news_box div:first-child h3{ position:absolute; z-index:101; height:50px; line-height:50px; overflow:hidden; 	background: rgba(0,0,0,.6); bottom:0px; text-align:center; color:#ffffff; font-size:18px; font-weight:normal; width:100%}
#news_box div:first-child img{ width:100%}

#news_box .newsright{ clear:both; width:100%; }
#news_box .newsright li{ border-bottom:2px solid #ffffff; clear:both;background-color:#f5f5f9}
#news_box .newsright li a{ display:block; text-decoration:none; padding:10px}
#news_box .newsright li a h2{ height:40px; line-height:40px; font-size:18px; font-weight:normal; overflow:hidden}
#news_box .newsright li a h3{ height:63px; line-height:150%; font-size:14px; font-weight:normal; color:#555555; text-indent:2em; overflow:hidden}
#news_box .newsright li a em{ float:left; width:70px; height:128px; font-size:16px; text-align:center; }
#news_box .newsright li a em p:first-child{ font-size:48px;}
#news_box .newsright li a:hover { background:url(../images/ico_arrow.png) right center no-repeat; background-color:#047DC2; color:#ffffff}
#news_box .newsright li a:hover h3{ color:#ffffff}
#news_box .newsright li a:hover em{ display:none}





#btm_bg{ background-color: #555555; padding:0.15rem 0; margin-bottom:51px}
#btm_bg .main_box div{ display:none}
#btm_bg .main_box div:nth-child(3){ display: block; text-align:center}
#btm_bg .btm_copyright{ 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:#047dc2; 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:#d2e8ff;width:100%}
#btm_menu li .sub a{ border:none; height:35px; line-height:35px; color:#333333; 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:2rem; background-size:auto 100%;}
#banner_about .main_box{ padding-top: 0.8rem; color: #ffffff}
.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 em{  display:none}
.nav_title li{ float: left; width: 33%; height: 0.5rem; border-bottom:1px solid #ffffff; position:relative; overflow:hidden}
.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%}

.about_cnt h2{ font-weight:normal; text-align:center; font-size:24px; padding-top:20px}
.about_cnt h3{font-weight:normal; text-align:center; font-size:18px; padding:10px 0; color:#666666}

.joblist { padding:20px 0}
.joblist dt{ clear:both; height:40px; line-height:40px; background-color:#047dc2; font-size:28px; text-align:center; color:#ffffff; padding:10px 0; margin-bottom:10px}
.joblist dd{ clear:both; margin-bottom:10px;background-color:#eeeeee; }
.joblist dd:nth-child(odd){ background-color:#ffffff}
.joblist dd ul{ clear:both}
.joblist dd li{ float:left; width:33%; height:40px; line-height:40px; padding:10px 0; text-align:center; text-align:center}
.joblist dd li:first-child{ width:48%}
.joblist dd li:nth-child(2){ width:18%}
.joblist dd li:nth-child(3),.joblist dd li:nth-child(4){ display:none}
.joblist dd li a{ display: inline-block; text-decoration:none; background-color:#047dc2; color:#ffffff; width:50%; height:30px; line-height:30px; border-radius:10px; font-size:14px}
.joblist dd p{ clear:both; border-top:2px solid #eeeeee; padding-left:10px; color:#333333; font-size:14px; display:none; background-color:#ffffff}

#contact_bg{ padding:20px }
.contact_map img{ width:100%}



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

#pcate {padding:20px 0; margin-bottom:20px;text-align:center;}
#pcate h2{ font-size:24px;  }
.catelist { margin-bottom:20px; }
.catelist li{ float:left;; width:50%;background-color:#ffffff;  text-align:center; font-size:16px;}
.catelist li img{ width:80%}
.catelist li a{ text-decoration:none; line-height:200%; display:block; width:100%; height:100%}

.p_list li{ clear:both;width:100%; margin-bottom: 30px; position: relative; z-index: 80; }
.p_list li a{  text-decoration: none; display:block; width:100%; text-align:center}
.p_list li img{ width:95%;border: 0px}
.p_list li a h3{ position: absolute;height:40px; line-height:45px;color: #333333; font-size: 18px; left: 0px; bottom:75px;  width:100%; font-weight:normal;background: rgba(255,255,255,.7);}
.p_list li a h5{ position: absolute;height:30px;color: #888888; font-size: 14px; left: 0px; bottom:45px;width:100%; font-weight:normal;background: rgba(255,255,255,.7)}
.p_list li a h6{ position: absolute; height:45px;left: 0px; bottom:0px; width:100%; padding:0px; margin:0px;background: rgba(255,255,255,.7)}
.p_list li a h6 span{ display:inline-block; margin:0px; background-color:#047dc2; color:#ffffff; padding:8px 25px; font-size:14px;height:20px; line-height:20px; border-radius:5px}
.p_list li a .cover{ display: none;position: absolute;background-color: #000000;opacity:0.6;filter:Alpha(opacity=60); width: 100%; height: 400px; z-index: 99; top: 0px; left: 0px}
.p_list li a:hover h3{ height: 100px; line-height: 100px; top: 150px; color: #000000; z-index:101; text-align:center}
.p_list li a:hover .cover{display: block}
.p_list li a:hover h5,.p_list li a:hover h6{ display:none}



/*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}

#banner_detail .left{ clear: both; margin-top:70px}
#banner_detail .left img{ width:100%}
#banner_detail .right{ clear: both;}
#banner_detail .right h1{ font-size:24px; height:50px; font-weight:normal; text-align:center} 
#banner_detail .right .h1_en{ padding:10px 0; line-height:150%; height:auto; }
#banner_detail .right h3{ font-size:24px; height:60px; font-weight:normal; color:#666666;display:none} 
#banner_detail .right p{ font-size:16px; line-height:150%; color:#555555; padding:0 10px}

#pcate b{ font-size:24px; text-align:center; border-bottom:2px solid #047dc2;font-weight:normal; padding-bottom:10px}


#zoomimg img{ width:100%}

/*news.asp*/

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

#news_cate li{ width:50%; padding:0px; border-bottom:1px solid #CCCCCC}


/*news*/
.newsplist li{ margin-bottom:20px; clear:both; }
.newsplist li .left{ display:none}
.newsplist li .right{ clear:both; width:100%}
.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%}


/*downlaod*/
#banner_down{background: url("../images/ban_down.jpg") center center; height: 2rem;background-size:auto 100%;}
#banner_down .main_box{ padding-top:0.8rem; color: #ffffff}


.down_keyword li{ clear:both; padding:10px 0; padding-left:5%; text-align:left; font-size:16px;}
.down_keyword li input{ padding:5px 10px; font-size:16px; height:30px; line-height:30px; border:1px solid #cccccc}
.down_keyword li #button{ background-color:#047DC2; color:#ffffff; border:0px; width:150px; line-height:40px; height:40px;  padding:0px}


.downlist li{ clear:both;width:94%;  margin-bottom:20px; padding:3%; background-color:#eeeeee}
.downlist li a h3{ margin:0px; font-size:18px; font-weight:normal; height:50px; line-height:50px}
.downlist li a h3 em{  background-color:#047dc2; color:#ffffff; padding:5px 15px; line-height:30px; border-radius:10px; font-size:16px;}
.downlist li p{ line-height:180%; color:#333333; font-size:14px; border-top:2px solid #ffffff; padding-top:10px}


}