@charset "utf-8";
/* CSS Document */
 /* 导航样式 */
.navbar-wapper{ position: relative; top:0; left:0; right:0; z-index:20;} 
.navbar-brand{ width:180px; padding-top:30px; }
.navbar-brand img{  }
.navbar-inverse { background-color:transparent; border-color: #080808;}
.navbar {position: relative; min-height: 50px;margin-bottom: 0; border: 0 solid transparent;}

.fl{ display:inline-block; float:left;}
.nav > li{ padding:0; width:140px;}
.nav > li > a{   text-align:center; line-height:65px; padding-top:40px; padding-bottom:40px; padding-left:0; padding-right:0; }
.nav > li > a.active{  color:#fff; background:#425466; margin-left: -1px;   }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { margin-left: -1px;}
.border-r0{ border-right:0; } 
.navbar-inverse .navbar-nav > li > a{ font-size:18px; } 
 
.zh-title{ display:block; margin-top:0px;/* border-right:1px solid #425466; */}
.eng-title{ display:block;line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; position: absolute; top:82px; left:0; width:100%; text-align: center;   }
  
@media (min-width: 992px) and (max-width:1230px){
.navbar-inverse{ background:none!important;}
.nav > li{ padding:0; width:120px;}
.nav > li > a{  padding-top:20px; padding-bottom:20px; padding-left:0; padding-right:0; }
}
@media (min-width: 768px) and (max-width:992px){
.navbar-inverse{ background:none!important;}
.nav > li{ padding:0; width:90px;}
.nav > li > a{  line-height:50px; padding-top:20px; padding-bottom:20px; padding-left:0; padding-right:0; }
}
@media (max-width: 768px){
.navbar-nav{ }
.nav > li{ width:100%; height:35px; }
.navbar-nav > li > a{ line-height:16px;padding-bottom:0; }
.navbar-inverse .navbar-nav > li > a {
color: #fff; font-size:16px; padding-top:0; line-height:35px; margin:0; border-bottom:1px solid #333; text-align:left; padding-left:15px; padding-right:15px; }
.nav > li > a.active{ border-top:0;color:#fff; background:none; margin-left: 0;  }
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { margin-left: 0; background: none;}
}
 @media (min-width: 768px) and (max-width:992px){
.navbar-brand{ width:100px; padding:20px 0 0 30px;}
.navbar-brand img{ width:40px; height:51px; }
 }

 @media (max-width: 768px){
.carousel-inner{height:250px;}	
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
 height:350px;
   width:100vw;
}
.navbar-wapper{ position: absolute;top:0; left:0; right:0; z-index:20;} 
.navbar-brand{ width:150px; padding:5px 0 0 15px;}
.navbar-brand img{ width:31px; height:40px; }
.navbar-inverse { background:rgba(0,0,0,0.8); }
 }
  @media (max-width: 320px){
	.carousel-inner{height:220px;}	
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%; 
}  
}

.carousel-indicators{bottom:8px;}
.carousel-indicators li{ border:0; background:#fff; width:12px; height: 12px; margin:0;} 
.carousel-indicators .active{  width:12px; height:12px;  background:#425466;}
.carousel-control{ opacity:.0;}
  @media (max-width: 768px){
 .banner-sub{ min-height:250px; }
/*------ #bannerA{ background:url(../images/banner01.png) no-repeat 60% 50%; background-size:cover; }
 #bannerB{ background:url(../images/banner_join.png) no-repeat 60% 50%;background-size:cover; }
 #bannerC{background:url(../images/banner02.png) no-repeat 60% 50%;background-size:cover; }------*/ 
 
 } 
 
.title-area{ color:#425466; margin-top:70px; margin-bottom:40px; } 
.title-border{ border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; width:252px; margin:auto; line-height:40px; }
.title-eng{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; position:relative; top:-5px; color:#425466; }
.title-ch{ font-size:26px; font-family:"宋体"; line-height:20px; color:#425466; }
  @media (max-width: 768px){
.title-area{ margin-top:30px; margin-bottom:20px; } 
.title-border{ width:230px;line-height:30px; }
.title-ch{ font-size:20px;}
  }


.carousel-caption{ bottom:20%;}
.carousel-caption-bg{ background:url(../images/m-title-bg.png) no-repeat; background-size:100%; width:600px; height:119px; margin:auto; }
.m-title{ text-align:center; position:relative; vertical-align:middle; } 
.m-title-ch{ font-size:25px; position:absolute; left:0; width:100%; text-align:center; margin-top:40px;  }
.m-title-eng{ font-size:16px; font-family: Arial, Helvetica, sans-serif; margin-bottom:5px; position:absolute; top:-10px; left:50%; margin-left:-77px; width:155px; text-align:center; }

@media (max-width: 1600px){
.carousel-caption{ bottom:10%;}	
}

@media (max-width: 1400px){
.carousel-caption{ bottom:10%;}	
}

@media (max-width: 768px){
	.carousel-caption{ bottom:20%;}
	.carousel-caption-bg{ width:300px; height:59px;  }
	.m-title-ch{ font-size:18px;  margin-top:15px; }
    .m-title-eng{ font-size:12px; }
	}
 		
@media (max-width: 375px){
	.carousel-caption-bg{ width:270px; height:53px;  }
	.m-title-ch{ font-size:18px;  margin-top:15px; }
    .m-title-eng{ font-size:12px; }
	}
@media (max-width: 320px){
   	.carousel-caption-bg{ width:220px; height:43px;  }	
	.m-title-ch{ font-size:16px;  margin-top:10px; }
}
 
	/*****作品******/
.works_list{ padding-top:50px; margin-bottom:20px; }
.works_con_col{ padding-left:10px; padding-right:10px; margin-bottom:20px;}
.works_con_col_img{ position:relative;}
.workslist-hover{ display:none; position:absolute; left:0; top:0;
 background:url(../images/works_ico.png) no-repeat center center rgba(66,84,102,0.8); color:#b01717; width:100%; height:100%; }
.works_con_col_img img{ width:100%; }
.works_con_col_bg{ border-bottom:1px solid #cfcfcf;}
.works_con_col_txt{ padding-top:20px; color:#727070;}
.works_con_col_txt p{ line-height:20px; height:20px;overflow:hidden; text-overflow: ellipsis;white-space: nowrap; }
.works_con_col_txt a{  color:#727070;}
.works_con_col:hover .works_con_col_bg{ border-bottom:1px solid #425466; transition: all 0.8s; transition-delay:0.5s;}
.works_con_col:hover .works_con_col_txt a{  color:#425466;}
@media (max-width: 768px){
.works_list{ padding-top:20px; }
 
} 
	/*****作品******/

.current{ line-height:60px; font-size:14px; color:#8c8c8c; }
.current a{ color:#8c8c8c; }
@media (max-width: 768px){
.current{ margin-bottom:0px; line-height:50px;  }	
}
	
/*****作品***详情*****/
.works_detail_area{ margin-bottom:60px;   }
.works_detail{  padding:20px 30px 30px 30px; border:1px solid #eaeaea; margin-top:20px;}
.works_detail_title{ text-align: center;border-bottom:1px solid #e9e9e9; padding-bottom:20px;  }
.works_detail_title h3{ color:#282828; font-size:24px; margin-top:10px; height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;   }
.works_detail_title .date{ color:#3b3b3b; font-size:14px;   }
.works_detail_con{ color:#727070; line-height:25px; padding-top:10px; }
.works_detail_con_text{ padding-top:20px;}
.works_detail_con_img{ text-align:center; margin:auto; margin-top:30px;  }
.works_detail_con_img img{ width:100%; max-width:800px;}
.works_detail_link{ padding-top:20px; color:#8c8c8c; padding-bottom:20px;}
.works_detail_link a{ color:#8c8c8c; }
@media (min-width: 768px) and (max-width:1200px){
	
	.works_detail_con_text{ padding-top:10px; }
}
@media (max-width: 768px){
	.works_detail_area{ margin-bottom:30px; background:none; }
	.works_detail{ border:1px solid #e9e9e9; padding:10px 20px 0px 20px; margin-top:10px;}
	.works_detail_title{ text-align:left; border-bottom:1px solid #e9e9e9; padding-bottom:20px;  }
	.works_detail_title h3{ font-size:18px; margin-top:10px; margin-bottom:0px;  }
	.works_detail_title .date{font-size:12px;   }
	.works_detail_con{padding:0px; padding-top:10px;}
	.works_detail_con_text{ padding-top:10px; }
	.works_detail_con_img{ padding-left:0; padding-right:0; margin-top:20px;}
	}
/*****作品***详情*****/

/****  联系我们   *****/
 
/*****联系我们*****/
.contact_list_area{ padding-top:50px; }
.contact{ padding:0 60px; margin-bottom:80px;}
.contact .contact-title{font-size:24px; color:#000; font-family:"微软雅黑"; margin-bottom:25px; text-align:center;  }
.contact-title2{ margin-left:-15px;}
.contact .add{ font-size:18px; color:#454545;line-height:33px; display:block;}
.contact p{ margin-bottom:20px;  } 
.contact .add span{ color:#727070; font-size:16px;}
#add01{ background:url(../images/address_ico.png) no-repeat 0 -4px; padding-left:50px; }
#add02{ background:url(../images/address_ico.png) no-repeat 0 -54px; padding-left:50px;}
#add03{ background:url(../images/address_ico.png) no-repeat 0 -104px; padding-left:50px; }
#add04{ background:url(../images/address_ico.png) no-repeat 0 -154px; padding-left:50px;  }
	
.need{ margin-bottom:0px; padding:5px;} 
.form-control{ border:0; background:#e5e5e5; border-radius:0; outline:0; padding-top:25px; padding-bottom:25px; color:#929292; font-size:16px;}
.form-control-text{border:0; width:100%; height:120px; background:#e5e5e5; border-radius:0; outline:0; padding:15px; color:#929292; font-size:16px;resize: vertical; }
.btn-info{ background:#425466; border:0; border-radius:1px; outline:0; width:100%; height:65px; font-size: 18px;color:#fff;   } 
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background:#425466;
  
}
 .btn-tj{ width:130px; height:32px; line-height:32px; padding:0; font-size:16px;}

 @media (min-width: 768px) and (max-width:1200px){
.contact_con{ padding-left:15px;}
.contact{ padding:30px 0;margin-bottom:20px;}
.contact .contact-title{font-size:20px;margin-bottom:15px;  }
.contact-title2{ margin-left:0px;}
.contact .add{ font-size:18px;line-height:33px; }
.contact p{ margin-bottom:10px;  } 

.need{ margin-bottom:0px; padding:5px;} 
.form-control{ padding-top:20px; padding-bottom:20px;  font-size:16px; }
.form-control-text{padding-top:10px; padding-bottom:10px;  font-size:16px; }
.btn-info{ width:180px; height:40px; font-size:20px; }
 
 }
 @media (max-width: 768px){
	 .contact_list_area{ padding-top:20px; }
.contact_con{ padding-left:15px; margin-bottom:20px;}
 .contact{ padding:10px 0;margin-bottom:0;}
.contact .contact-title{font-size:20px;margin-bottom:10px;  }
.contact-title2{ margin-left:0px;}
.contact .add{ font-size:16px;line-height:20px;}
.contact p{ margin-bottom:10px;  } 
.contact .add span{ font-size:14px;}

.need{ margin-bottom:0px; padding:5px 5px 10px 10px;} 
.form-control{ padding-top:20px; padding-bottom:20px;font-size:14px;}
.form-control-text{padding-top:10px; padding-bottom:10px;font-size:14px; }
.btn-info{width:150px; height:35px; font-size:16px; } 
#add01 , #add02 ,#add03, #add04{ background:none; padding-left:0; } 
 

 } 

/*****联系我们*****/ 


/*****证书查询*****/
.zscx_list_area{ padding-top:50px;}
.zscx_detail_area{}
.zscx_con{ width:670px; margin:0 auto 20px auto;  }
.btn-cx{width:110px; font-size:18px; height:40px; margin-top:0px; margin-left:35px; }
.btn-prt{width:90px; font-size:14px; height:30px; margin-top:20px; left:50%; position:relative; margin-left:-45px;}
.form-horizontal .control-label{ font-size:18px; font-weight:500; padding-left:0; padding-top:5px; margin-left:60px;}
.form-zsbh{ border:1px solid #959595; background:none; padding-top:19px; padding-bottom:19px; width:400px;}
.zscx_text{ margin-left:150px;}
.zscx_text p{ font-size:14px; color:#999; margin-bottom:5px;}
.zscx_text p img{}
.zscx_img_con{margin-left:0px;}
.zscx_img_con img{ width:100%; margin:auto; max-width:400px; }
.zscx_img_con_pic{ margin-top:10px; }
.zscx_img_con_pic img{ max-width:570px;}

.zscx_img_con p{ font-size:18px; color:#015548;text-align:center;}
.zscx_img_con a{color:#425466; }

@media (min-width: 1200px){
.zscx_con{ min-height:650px; }	
	}
 
@media (max-width: 768px){
	 .zscx_list_area{ padding-top:20px;}
	 .zscx_detail_area{padding-top:0; padding-bottom:10px;}
	.form-horizontal .control-label{ margin-left:15px;font-size:16px;}
	.form-zsbh{ margin-left:15px; width:180px;}
	.zscx_text{ margin-left:15px;}
	.zscx_con{ width:375px; margin:auto; margin-top:20px; }
	.btn-cx{ margin-left:10px;width:80px  }
	.btn-prt{  left:0%; margin-left:15px;width:80px;  }
	.zscx_img_con{ padding-left:15px; padding-right:20px;}
	.zscx_img_con_text{  font-size:16px;}
	.zscx_img_con img{ width:100%; }
	.btn-prt{ margin-right:20px;   }
 
}
@media (max-width:375px){
	.zscx_con{ width:330px; margin:auto;  margin-top:10px; }
	.form-zsbh{ margin-left:10px; width:150px;}
	.zscx_img_con{ padding-left:0px; padding-right:0px;}
	.zscx_img_con_text{ padding-left:15px; padding-right:15px; font-size:16px!important;}
	.zscx_img_con img{ width:90%; }
}
@media (max-width: 321px){
	.form-horizontal .control-label{ margin-left:15px;font-size:14px;}
	.form-zsbh{ margin-left:10px; width:120px;}
	.zscx_text{ margin-left:15px;}
	.zscx_con{ width:290px;  margin-top:20px;  }
	.btn-cx{ margin-left:10px;width:60px;font-size:14px;  }
	.zscx_img_con{ padding-left:0px; padding-right:0px;}
	.zscx_img_con_text{ padding-left:15px; padding-right:15px; font-size:16px!important;}
 .zscx_img_con img{ width:90%; }
 
}

/*****证书查询*****/

/*****商品*****/
.shop{ padding-bottom:20px;}
.shop_con{ margin-bottom:20px; padding-top:55px; }
.shop_con_col img{ width:100%;  }
.shop_con_col_text{ padding-top:15%; padding-bottom:15%; }
.shop_con_col_text h2{ font-size:24px;}
.shop_con_col_text a{ }
.shop_con_col_text_hover a{}
.shop_con_col_text_hover a:hover{ color:#fff;}
@media (max-width: 768px){
 .shop{ padding-bottom:10px;}
 .shop_con{ margin-bottom:20px; padding-top:30px; }
 .shop_con_col{ margin-bottom:15px;}
 .shop_con_col_text{ padding-top:10%;  }
 .shop_con_col_text h2{ font-size:20px;}
}

/*****商品*****/

.about{ padding-top:20px; padding-bottom:20px;}
.h3-title{ color:#425466; }
.h3-title-p{ font-size:22px; }
.about_con_text_title{ font-size:18px; color:#5a5a5a!important;}
.about_con_text p{ color:#8b8b8b; line-height:26px; }
.about_con{ padding-top:30px; padding-bottom:40px; border-top:1px dashed #cfcfcf; border-bottom:1px dashed  #cfcfcf;}
.about_con_img{ margin-top:10px; }
.about_con_text { margin-top:10px; }
.about_con_img img{ width:100%; }

.about_works{ margin-bottom:20px; }

@media (max-width: 768px){
.about{ padding-top:10px; padding-bottom:10px; }	
.about_con{ padding-top:20px; padding-bottom:20px;  }
.about_works{ margin-bottom:0px; }	
	}

.infor_list_works{   margin-top:20px; margin-bottom:20px; padding-top:10px; padding-bottom:30px;  }
.infor_list_works_img{ margin:auto;}
.infor_list_works_img img{ width:100%;}
.infor_list_works_bg{ background:#fff;}
.infor_list_works_txt{padding-left:10%; padding-right:10%; padding-top:20%;  }
.infor_list_works_txt .txt_title{ color:#030303; font-size:22px; text-align:center; margin-bottom:10px;   }
.infor_list_works_txt .txt_infor{ color:#0f0b0f; line-height:20px; height:40px; overflow:hidden;   }
.infor_list_works_txt .hr{ height:1px; background:#cfcfcf; width:100px; margin:auto; margin-bottom:20px;}

@media (min-width: 768px) and (max-width:1200px){
	.infor_list_works_txt{padding-left:5%; padding-right:5%; padding-top:10%;  }
	.infor_list_works_txt .txt_title{ font-size:18px;  }
	}
 
@media (max-width: 768px){
	.infor_list_text h1{ margin-top:10px; }
	.infor_list_con{ padding-top:0; }
	.h3-title{ font-size:20px; }
	.infor_list_works{ margin-top:10px; margin-bottom:30px; padding-top:0px; padding-bottom:15px;  }
	.infor_list_works_txt .hr{ height:1px; width:50px;}
	.infor_list_works_bg{ margin-bottom:10px;}
	.infor_list_works_txt{padding-left:10px; padding-right:10px; padding-top:20%; }
	.infor_list_works_txt .txt_title{ font-size:18px;  }
	}
	
@media (max-width: 320px){
	.infor_list_works_txt .txt_infor{ display:none;}
	.infor_list_works_txt .txt_title{ font-size:16px;  }
		}


.picScroll-left{ width:1230px; margin:auto; position:relative;   }
.picScroll-left .hd{ overflow:hidden; }
.picScroll-left .hd .prev{display:block; position:absolute; top:50%; margin-top:-40px; left:-80px;  width:39px; height:81px;  overflow:hidden;
	 cursor:pointer; }
.picScroll-left .hd .next{ display:block;position:absolute; top:50%; margin-top:-40px; right:-80px; width:39px; height:81px; overflow:hidden;
	 cursor:pointer;}
.tempWrap{ clear:both; margin-left:20px;}
	 /*.tempWrap{ width: 1200px!important;}*/
/*.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }*/
.picScroll-left .bd{ width:1200px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; }


.news{ padding-top:50px; }
.news_left{ margin-bottom:20px;}
.news_left_col{ border:1px solid #e2e2e2;padding:20px; margin-bottom:20px; overflow:hidden; }
.news_left_col_img img{ width:100%; }
.news_left_col_text{ padding-right:40px; position:relative; }
.news_left_col_text h3{ margin-bottom:20px; font-size:20px; line-height:30px; height:30px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; }
.news_left_col_text .infor{ color:#8b8b8b; margin-top:10px; line-height:20px; height:40px; overflow:hidden;  }
.news_left_col_text .date{ color:#c3c2c2; margin-top:10px; margin-bottom:10px; }
.look_more_a{ position:absolute; bottom:-20px; right:40px; font-size:12px; color:#cfcfcf; }
@media (max-width: 768px){
	.news{ padding-top:30px; }
	.news_left_col_text{ padding-right:0;  }
	.news_left_col_text h3{ margin-bottom:10px; margin-top:10px;  }
	.look_more_a{ left:0; }
	.news_left_col{ padding:15px; padding-bottom:10px;}
}

.news_right{ border:1px solid #e2e2e2; padding-left:20px; padding-right:20px; margin-bottom:30px;}
.news_right h3{ font-size:20px; color:#425466; margin-top:0; margin-bottom:0; line-height:50px; }
.news_right_col{ margin-bottom:10px; }
.news_right_col a{color:#425466; }
.news_right_col_img{ margin-bottom:10px;}
.news_right_col_img img{ width:100%; max-height:168px;}
.news_right_col .title{ color:#425466; margin-top:0; margin-bottom:0; line-height:30px; height:30px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.news_right_col .infor{ color:#a1a1a1; margin-top:0; margin-bottom:0; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;  }


/*------footer------*/
.footer{ margin-bottom:20px; padding-top:20px; padding-bottom:20px; line-height:20px; text-align:center; color:#425466; border-top:1px dashed #d0d0d0; border-bottom:1px dashed #d0d0d0; }
.col-footer-logo-img{ width:250px; margin:auto;   }
.col-footer-logo-img img{width:100%; }
.col-footer{ padding:0; line-height:26px; color:#425466; }

@media (max-width: 768px){
.footer{ text-align:left;padding-top:10px; padding-bottom:10px; margin-bottom:10px;    }
.footer-text{ display: block;margin:0; margin-bottom:5px;}
 }	
/*------footer------*/