@charset "utf-8";
/* css document */
*{ margin:0; padding:0; transition:opacity 0.25s ease 0s,color 0.25s ease 0s,background-color 0.25s ease 0s;  }
img{ border:none; }
ul li{ list-style:none; }

body{ font-family:'microsoft yahei', arial, helvetica, sans-serif; color:#666666; font-size:13px; line-height:2;}
input,textarea{ border:none; background:none; font-family:'microsoft yahei', arial, helvetica, sans-serif; color:#666666; font-size:13px; line-height:2;}
a{ text-decoration:none; color:#170b0f; outline:none; }
a:hover{ color:#540000; }
.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; }

/*common*/
.icon-fs{ display:inline-block; }
.wrap{ position:relative; padding:0px 15px; display:none; }
	.wrap_cen{ position:relative; width:1300px; margin:0px auto;  }
.img_response{ width:100%; }
/*top*/	
.top{ z-index:9999; background-color:#ffffff; }
	.top_cen{ height:80px; }
	.menutrigger{ position:relative; float:right; margin-top:20px; margin-left:25px; display:none; }
		.icon-menu-list{ width:52px; height:40px; background: no-repeat center center; cursor:pointer;  }
		.icon-menu-close{ width:52px; height:40px; background:url(/uploads/image/vaiimages/s0-close.gif) no-repeat center center; cursor:pointer;  }
	.logo{ display:inline-block; }
		.logo_img{}
	.ewm{ position:relative; float:right; margin-top:28px; margin-left:25px; color:#666666; font-size:14px; line-height:24px; }
		.icon-ewm{  width:24px; height:24px; background:url(/uploads/image/vaiimages/icon_ewm.png) no-repeat center center; vertical-align:middle;  }
		.ewm_pic{ position:absolute; right:0px; top:24px; display:none; }
	.tel{ float:right;  margin-top:28px; line-height:24px;  }
		.icon-tel{  width:21px; height:16px; background:url(/uploads/image/vaiimages/icon_tel.png) no-repeat center center;vertical-align:middle;  }
		.tel_tip{ padding:0px 5px; color:#666666; font-size:14px; vertical-align:middle;  }
		.tel_number{ color:#540000; font-size:18px; font-weight:bold; vertical-align:middle; }
.menu{ height:40px; background-color:#170b0f; }
	.menua{ display:inline-block; width:150px; height:40px; background-image:url(/uploads/image/vaiimages/menu.png); background-repeat:no-repeat; }
	.menua:hover,.menua.cur{ background-color:#540000; }
	.menua-index{ background-position:0px 12px; }
	.menua-case{ background-position:-150px 12px; }
	.menua-experience{ background-position:-300px 12px; }
	.menua-team{ background-position:-450px 12px; }
	.menua-customization{ background-position:-600px 12px; }
	.menua-quality{ background-position:-750px 12px; }
	.menua-service{ background-position:-900px 12px; }
	.menua-brand{ background-position:-1050px 12px; }
.menus{ z-index:9999; position:fixed; top:80px; left:0px; width:100%; height:100%; background-color:#540000; background-color:#540000; background-color:rgba(84,0,0,0.95); display:none; }
	.menus_cen{  padding-bottom:80px;  }
	.menusa{ display:block; width:100%; border-bottom:1px solid #723130; color:#fff; font-size:14px; text-indent:30px; line-height:40px;   }
	.menusa:hover{ color:#fff; }
/*bottom*/
.bnav{  margin-top:70px; padding-bottom:15px; background-color:#f1f1f1; }
	.bnav_item{ float:left;  width:145px; height:164px; margin-right:15px; margin-top:35px; background:url(/uploads/image/vaiimages/bottom_line.gif) no-repeat right top; }
	.bnavaf{ color:#540000; font-size:15px; line-height:1.5;  }
	.bnavaf_en{ color:#999999; font-size:12px; line-height:1.5;  }
	.bnavdl{ padding-top:10px; }
	.bnava{ color:#666666; font-size:13px;  line-height:2; }
	.bnava:hover{ color:#540000; text-decoration:underline;  }
	.bnav_info{ float:right; margin-top:35px; text-align:center;}
	.bnav_ewm_txt{ color:#666666; font-size:12px; line-height:4; }
.bottom{ background-color:#170b0f; color:#ffffff; line-height:26px; padding:12px 0px; }
	.bottom a{ color:#fff;  }
	.bottom a:hover{  text-decoration:underline; }
.btel{ margin-top:30px; background-color:#540000;  display:none;}
	.btel_cen{  padding:25px 0px 25px 0px; text-align:center; }
	.btel_number{ position:relative; color:#ffffff; font-size:16px; font-weight:bold; text-align:center; line-height:30px;  }
	.btel_tip{ color:#ffffff; font-size:20px; line-height:30px; vertical-align:middle;  }
	.icon-tel2{ width:30px; height:30px; background:url(/uploads/image/vaiimages/s0-tel.png) no-repeat left center; background-size:22px 15px; vertical-align:middle;  }
/*index*/
.banner{ position:relative; width:100%;}
.banner_pic{ position:relative; width:100%; height:100%; overflow:hidden;  }
.banner_pic ul{ position:relative; width:100%; left:0px; }
.banner_pic ul li{ position:relative; width:100%; float:left; }
.banner_pic ul li img{ display:block; position:relative; width:100%;}
.bannernav{ position:absolute; top:50%; margin-top:-50px; width:55px; height:100px; background:rgba(23,11,15,0.5); }
.bannernav span{ position:absolute; top:0px; left:0px; width:55px; height:100px; background:url(/uploads/image/vaiimages/banner_nav.png) no-repeat;  cursor:pointer; opacity:0.7; }
.bannernav_prev{ left:0px;  }
	.bannernav_prev span{ background-position:0px 0px; }
	.bannernav_prev:hover span{  opacity:1; }
.bannernav_next{ right:0px;  }
	.bannernav_next span{ background-position:-55px 0px; }
	.bannernav_next:hover span{  opacity:1; }
.indexmain{ position:relative; overflow:hidden; }
.indexmain_l{ float:left; width:860px; }
.indexmain_r{ float:right; width:330px;  }
.ctitle{ height:30px; margin-top:45px; padding-bottom:15px; border-bottom:1px solid #c8c5c4;  }
	.ctitle.nob{ border-bottom:none;  }
	.icon-talk{ float:right; color:#000000; margin-top:8px;   }
		.icon-talk span{ margin-left:8px; font-size:12px; line-height:14px; vertical-align:middle;}
		.icon-talk01{ padding-right:8px; border-right:1px solid #bbbbbb; }
		.icon-talk02{  border-left:1px solid #444444;  }
		.icon-talk01-icon{ width:14px; height:14px; background:url(/uploads/image/vaiimages/icon_consult01.png) no-repeat center center; }
		.icon-talk02-icon{ width:17px; height:14px; background:url(/uploads/image/vaiimages/icon_consult02.png) no-repeat right center;   }
		.icon-talk:hover{ text-decoration:underline; }
	.icon-title{ line-height:30px; }
	.icon-title span{  vertical-align:middle; }
	.icon-case{ width:30px; height:30px; background:url(/uploads/image/vaiimages/icon_case.png) no-repeat center center;   }
	.icon-hot{ width:31px; height:30px; background:url(/uploads/image/vaiimages/icon_hot.png) no-repeat center center;   }
	.icon-project{ width:35px; height:30px; background:url(/uploads/image/vaiimages/icon_project.png) no-repeat center center;   }
	.icon-experience{ width:34px; height:30px; background:url(/uploads/image/vaiimages/icon_experience.png) no-repeat center center;   }
	.icon-visit{ width:30px; height:30px; background:url(/uploads/image/vaiimages/icon_visit.png) no-repeat center center;   }
	.icon-news{ width:22px; height:30px; background:url(/uploads/image/vaiimages/icon_news.png) no-repeat center center;   }
	.ctitle_ch{ padding-left:10px; color:#170b0f; font-weight:bold; font-size:25px; }
	.ctitle_chn{ color:#170b0f; font-size:25px; }
	.ctitle_en{ padding-left:10px; color:#999999; font-size:20px; font-family:arial, helvetica, sans-serif; }
.ccat{  border-bottom:1px solid #e8e8e8; }
	.ccat_cen{ padding:25px 0px; height:35px; line-height:35px; }
	.ccat span{  vertical-align:middle; } 
	.ccat_ch{ padding-left:10px; color:#170b0f; font-weight:bold; font-size:30px;  }
	.ccat_en{ padding-left:10px; color:#999999; font-size:20px; font-family:arial, helvetica, sans-serif; }
	.icon-experience2{ width:37px; height:30px; background:url(/uploads/image/vaiimages/icon_experience2.png) no-repeat center center;   }
	.icon-customization{ width:35px; height:30px; background:url(/uploads/image/vaiimages/icon_customization.png) no-repeat center center;  }
	.icon-quality{ width:30px; height:30px; background:url(/uploads/image/vaiimages/icon_quality.png) no-repeat left center;   }
	.icon-service{ width:35px; height:30px; background:url(/uploads/image/vaiimages/icon_service.png) no-repeat left center;   }
	.icon-brand{ width:35px; height:30px; background:url(/uploads/image/vaiimages/icon_brand.png) no-repeat left center;   }
.ccat_cen .icon-talk{ margin-top:20px; }
.indexcase_item{ position:relative; overflow:hidden; height:180px; margin-top:20px; }
.ic_imgbg{ float:left; margin-right:30px; width:310px; height:180px; background:#e7e7e7 url(/uploads/image/vaiimages/pic_nopic.png) no-repeat center center; position:relative; overflow:hidden; }
.ic_imgbg a:hover img{ opacity:0.75; }
.ic_title{ color:#1c1515; font-size:15px; line-height:25px; }
.ic_p1{ color:#1c1515; font-size:13px; line-height:2; }
.ic_p1 span{ padding:0px 5px; }
.ic_p2{ padding-top:4px; color:#1c1515; font-size:13px; line-height:25px; }
.ic_description{ color:#666666; font-size:13px; line-height:25px; }

.indexloupan_item{ position:relative; overflow:hidden;  background-color:#fbfbfb; }
.il_imgbg{ float:left; position:relative; overflow:hidden;  width:50%; }
.il_imgbg a:hover img{ opacity:0.75; }
.il_txt{ float:left; width:50%; }
.il_txt a{ display:block; padding:0px 15px; }
.il_title{  padding-top:10px; padding-bottom:5px; color:#000000; font-size:15px; line-height:2; }
.il_description{ color:#666666; font-size:13px; line-height:20px; }
.il_p1{  margin-top:36px; color:#170b0f; font-size:12px; line-height:2; }
.il_p2{  margin-top:14px; border-top:1px dotted #170b0f; }
.spanb{ padding:0px 5px; border:1px solid #dcdbdc; background-color:#ffffff; }
.spannob{ padding:0px 35px 0px 10px; }
.more{ float:right; color:#000000; font-size:12px; line-height:30px; }

.indexproject{ position:relative; margin-top:20px; width:105%; }
.indexproject_item{ float:left; position:relative; width:29%; margin-right:4%; }
.ip_imgbg{ position:relative; }
a:hover .ip_imgbg img{ opacity:0.75; }
.ip_imgbg img{ width:100%; }
.ip_title{ position:absolute; left:0px; bottom:0px; width:100%; height:30px; background:rgba(0,0,0,0.6); color:#ffffff ; font-size:14px; line-height:30px; text-indent:10px; }
a:hover .ip_title{ opacity:0.75; }

.indexhuodong_item{ display:block; margin-top:20px;  }
.ih_title{  padding-top:5px; padding-bottom:5px; color:#000000; font-size:15px; line-height:2; }
.ih_description{ color:#666666; font-size:13px; line-height:25px; }
a:hover .ih_imgbg img{ opacity:0.75; }

.indexvisit{ margin-top:20px; }
.iv_imgbg{ margin-bottom:15px; }
.indexvisit_item{ display:block; padding:5px 0px; height:20px; line-height:20px; color:#170b0f; font-size:13px;   }
.iv_title{ float:left; width:40%;   }
.iv_huxing{ float:left;  width:40%;   }
.iv_btn { float:left;  width:20%; background-color:#170b0f; text-align:center; color:#fff; }
.indexvisit_item:hover{ color:#540000; }
.indexvisit_item:hover .iv_btn { background-color:#540000;  color:#fff; }

.indexnews{ margin-top:10px;  }
.indexnews_item{ float:left; display:block; padding:5px 0px; height:20px; line-height:20px; color:#170b0f; font-size:13px;   }
.indexnews_item:hover{ color:#540000; }

.indexservice{ margin-top:55px; }
.indexservice_item{ display:block; height:58px; margin-top:10px; border:1px solid #dcdbdc; background:#f9f7f7 url(/uploads/image/vaiimages/pic_consult.jpg) no-repeat 0px -1px; }
.indexservice_item:hover{ border:1px solid #540000; }
.indexservice_item2{ background-position: 0px -71px; }
.indexservice_item3{ background-position: 0px -141px; }
.is_title{ text-indent:95px; line-height:58px; }
.is_title_ch{ color:#170b0f; font-size:20px;  vertical-align:middle; }
.is_title_en{  color:#838081; font-size:13px; vertical-align:middle;  }
.is_title:hover .is_title_ch{ color:#540000;  }
.is_title:hover .is_title_en{  color:#540000;   }

.mobilenav{ margin-top:30px; padding:0px 20px; display:none; }
	.mnavlist{ border:1px solid #f2f2f2; border-right:none; }
	.mnavitem{ float:left; width:33.33%;  text-align:center; }
	.mnavitem a{ display:block; padding:15px 0px;  }
	.mnav_txt{ padding-top:10x; color:#170b0f; font-size:16px; font-weight:bold; line-height:1.5; }
	.mnavitem_bg{ background-color:#f2f2f2; }
	.mnavitem .icon-fs{ width:80px; height:80px; background-repeat:no-repeat; background-position: center center; background-size:40px auto;}
	.icon-s-1{ background-image:url(/uploads/image/vaiimages/s0-1.png); }
	.icon-s-2{ background-image:url(/uploads/image/vaiimages/s0-2.png); }
	.icon-s-3{ background-image:url(/uploads/image/vaiimages/s0-3.png); }
	.icon-s-4{ background-image:url(/uploads/image/vaiimages/s0-4.png); }
	.icon-s-5{ background-image:url(/uploads/image/vaiimages/s0-5.png); }
	.icon-s-6{ background-image:url(/uploads/image/vaiimages/s0-6.png); }
	.mnavitem:nth-of-type(3) a{ border-right:1px solid #f2f2f2; }

.subnav{ border-bottom:1px solid #e8e8e8; }
.subnavlist{ padding-top:10px; }
.subnav a{ display:inline-block; width:100px; height:25px; margin-right:4px; background-color:#e7e6e7; color:#170b0f; font-size:14px; line-height:25px; text-align:center; margin-bottom:10px; }
.subnav a:hover,.subnav a.cur{ background-color:#540000; color:#ffffff;  }

.subnav_{ margin-top:35px;  }
.subnavlist_{ border-bottom:1px solid #e8e8e8;  }
.subnav_ span{ background:url(/uploads/image/vaiimages/icon_line.gif) no-repeat right center; margin-right:22px; }
.subnav_ span:last-of-type{ background:none; }
.subnav_ a{ display:inline-block; height:42px; margin-right:22px; border-bottom:3px solid #fff;  color:#666666; font-size:14px; line-height:42px;  }
.subnav_ a:hover,.subnav_ a.cur{ text-decoration:none; color:#540000; border-bottom:3px solid #540000; }

.bannerin{ position:relative; overflow:hidden; width:100%; }

.filter_cen{ width:1300px; margin:0px auto; padding:35px 0px; border-bottom:1px solid #e8e8e8; }
.filter{ width:1098px; background:#ffffff; border:1px solid #d4d4d4; border-top:3px solid #52972a; margin-top:20px; }
.filteritem{ padding:5px 0px; position:relative; min-height:24px; font-size:13px;  line-height:35px; }
	.filter_t{ position:absolute; top:5px; left:0px; width:70px; color:#666666; font-weight:bold; }
	.filter_t span{ vertical-align:middle; }
.icon-area{ width:25px; height:24px; background:url(/uploads/image/vaiimages/icon_area.png) no-repeat left center; }
.icon-area2{ width:25px; height:24px; background:url(/uploads/image/vaiimages/icon_area2.png) no-repeat left center; }
.icon-huxing{ width:25px; height:24px; background:url(/uploads/image/vaiimages/icon_huxing.png) no-repeat left center; }
.icon-style{ width:25px; height:24px; background:url(/uploads/image/vaiimages/icon_style.png) no-repeat left center; }	
.icon-xiaoqu{ width:25px; height:24px; background:url(/uploads/image/vaiimages/icon_xiaoqu.png) no-repeat left center; }
.icon-search{ width:25px; height:24px; background:url(/uploads/image/vaiimages/icon_search.png) no-repeat left center; }
.icon-jibie{ width:25px; height:24px; background:url(/uploads/image/vaiimages/icon_jibie.png) no-repeat left center;  }	
	.filter_list{ padding-left:70px; }
	.filter_list li{ float:left; padding-right:12px; }
	.filter_list li a{  color:#666666; }
	.filter_list li a.cur,.filter_list li a:hover{  color:#540000; text-decoration:underline; }
.k{ width:248px; height:33px; padding:0px 10px; border:1px solid #e8e8e8; margin-right:12px; }
.s{ width:55px; height:33px; border:1px solid #540000; background-color: #000; color:#fff; font-size:12px; text-align:center; cursor:pointer; }
.s:hover{  background-color: #540000;  }

.moreload{ padding-top:70px; }
.moreload p{ width:150px; height:35px; background-color:#000000; margin:0px auto 0px auto; color:#ffffff; font-size:16px; line-height:35px; text-align:center; cursor:pointer; }
.moreload p:hover{  background-color:#540000;}
.case_cen{ position:relative;  }
	.case_item{ float:left; }
	.case_item a{ display:block; padding:50px 10px 0px 10px; }
	.citem{ position:relative; width:100%; }
	.citem_imgbg{ position:relative; overflow:hidden; }
	.citem img{ width:100%; }
	.citem_txt_name{ padding-top:5px; color:#1c1515; font-size:14px; line-height:30px; text-align:center;  }
	.citem_txt_info{ color:#1c1515; font-size:12px; line-height:30px; text-align:center; border-top:1px solid #c9c6c5; border-bottom:1px solid #c9c6c5; }
	.citem_txt_info span{ padding-left:12px; }
	.citem_txt_info span.span_sjs{ padding-left:25px; background:url(/uploads/image/vaiimages/icon_teacher.png) no-repeat left center; }
	.case_item a:hover img{ opacity:0.7;}
	.case_item a:hover .citem_txt_name{ color:#540000; }
	.citem_txt_title{ position:absolute; left:0px; bottom:0px; width:100%; height:30px; background:rgba(0,0,0,0.6); color:#ffffff ; font-size:14px; line-height:30px; text-align:center; }

.banner_detail{ float:left; position:relative; width:1036px; margin-top:50px; }

.detail_info{ float:right; position:relative; width:245px; background-color:#ececec; margin-top:50px; }
.detail_info_txt{ padding:15px; }
.detail_info_txt p,.detail_info_txt a{ color:#000000; font-size:14px; line-height:30px;} 
.detail_info_txt a.d_more{ float:right; color:#540000; font-size:10px; padding-right:12px; background:url(/uploads/image/vaiimages/icon_more.png) no-repeat right center; }
.detail_title{ margin-top:40px; color:#080c0f; font-size:20px; font-weight:bold; line-height:35px; }
.detail_meta{  color:#666666; font-size:14px; line-height:35px; }
.detail_content{ margin-top:7px;  }

._pmtz{ margin-top:45px; }
.detail_pmtz{ padding:30px 0px;  }
.pmtzul li{ float:left; float:left; width:15%; margin-left:1.6%; }

.detail_back{ margin-top:25px; text-align:right; } 
.detail_back a{ display:inline-block; width:55px; height:35px; background-color:#540000; color:#fff; font-size:12px; text-align:center; line-height:35px;  }

.ctitlein{ margin-top:55px; padding-bottom:10px; border-bottom:1px solid #e8e8e8; color:#170b0f; font-size:16px; line-height:30px; }
.ctitlein span{ vertical-align:middle; }
.icon-recommend{ width:15px; height:30px;  background:url(/uploads/image/vaiimages/icon_case_t.png) no-repeat left center; }

.experience_title{ position:relative; height:48px; margin-top:50px; border:1px solid #dcdbdc; border-right:none; }
.experience_title p{ height:48px; border-right:1px solid #dcdbdc; color:#000000; font-size:14px; text-align:center; line-height:48px; }
.ept1{ float:left; width:259px; }
.ept2{ float:left; width:259px; }
.ept3{ float:left; width:259px; }
.ept4{ float:left; width:339px; }
.ept5{ float:left; width:183px; }
.experiencelist{ position:relative; border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; }
	.experience_item{ position:relative; width:100%; height:48px; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; }
	.experience_item.bg{ background-color:#f4f4f4; }
	.experience_item p{ position:relative; overflow:hidden; color:#666666; font-size:14px; text-align:center; line-height:48px; }
	.ep1{ float:left; width:259px; height:48px;  }
	.ep2{ float:left; width:259px; height:48px;   }
	.ep3{ float:left; width:259px; height:48px;   }
	.ep4{ float:left; width:339px; height:48px;  }
	.ep5{ float:left; width:182px; height:48px; }
	.ep5 span{ padding:5px 10px; background-color:#540000; color:#ffffff; }
	.experience_item a:hover p{ color:#540000;  }

.eshow_cen{ margin-top:50px; padding-bottom:40px; border-bottom:1px dotted #170b0f; }
	.eshow_cen .il_imgbg{ float:left; position:relative; overflow:hidden;  width:33%; margin-right:2%; }
	.eshow_cen .il_txt{ float:left; width:63%; padding-bottom:25px; }
.hlist{ color:#000000; line-height:50px;  }
.hlist a{ color:#666666; font-size:13px; }
.hlist a.cur{ color:#540000; text-decoration:underline; }
.news_item{ height:200px; padding:50px 0px; border-bottom:1px solid #d9d9d9; }
.news_item a{ display:block; height:200px; position:relative; overflow:hidden; }
.newsbg{ position:relative; float:left; width:345px; height:200px; margin-right:25px; }
.newsp1{ padding-top:15px; font-size:20px; line-height:30px; }
.newsp2{ color:#999999; font-size:14px; line-height:20px; }
.newsp3{ padding-top:25px; color:#666666; font-size:14px; line-height:20px; }
a:hover .newsp1{ text-decoration:underline; }
.news_item a:hover img{ opacity:0.75;  }

.title_detail{ padding-top:65px; color:#080c0f; font-size:20px; font-weight:bold; line-height:35px; text-align:center; }
.meta{ color:#999999; font-size:12px; line-height:25px; text-align:center;  }
.meta span{ padding-right:12px; }
.con_detail{ padding:20px 0px 115px 0px; }
.dbsx{  padding-top:20px; padding-bottom:20e8e8e8x; border-top:1px solid #dcdbdc;  }
	.sx p{ color:#666666; font-size:14px; line-height:30px; }
	.sx p a{ color:#666666; }
	.sx p a.hassx:hover{ color:#540000; text-decoration:underline;  }
	.sx p a.nosx{ cursor:not-allowed; }
.backbtn{ position:relative; z-index:9999; margin-top:15px; display:inline-block; width:55px; height:35px; background-color:#000000; color:#fff; font-size:12px; text-align:center; line-height:35px;   }
		.backbtn:hover{ color:#fff;  background-color:#540000;   }
.backbtnp{ float:right; }

.xm_item{ float:left; }
.xmitem{ padding:50px 10px 0px 10px;  }
	.xmitem_itxt{ background-color:#f3f3f3; padding:20px 25px 15px 25px; }
	.xmitem_itxt p{ color:#170b0f; font-size:14px; line-height:25px; }
	.xmitem_itxt p.txt07{ }
	.xmitem_itxt p.txt07 a{  margin-top:15px; display:inline-block; width:120px; height:30px; margin-right:10px; background-color:#170b0f; color:#fff; font-size:12px; line-height:30px; text-align:center; }
	.xmitem_itxt p.txt07 a:hover{ background-color:#540000; }
	.xmitem_imgbg:hover img{ opacity:0.75; }
.banner_show{ position:relative; width:100%; }
.title_show{ padding:85px 0px 35px 0px; color:#080c0f; font-size:20px; font-weight:bold; line-height:35px; text-align:center; }

.detail_sjs{ margin-top:50px; }
.sjs_imgbg{ float:left; width:23.6%; }
.sjs_txt{ float:right; width:74%; }

.quality_con{ padding:45px 0px; border-bottom:1px solid #e8e8e8; }
.qualitylist{ position:relative; width:100%; padding-top:20px; }
.qualitylist li{ float:left; position:relative; width:33.33%; }
.quality_item{ padding:40px 25px 0px 25px; }
.quality_item .t{ padding-top:18px; padding-bottom:13px;  color:#1c1515; font-size:14px; text-align:center; line-height:24px;  }
.quality_item a:hover .t{color:#540000; }
.quality_item a:hover img{ opacity:0.75;  }

.qualityllist_l{  float:left; width:50%; }
.qualityllist_r{  float:right; width:50%; }
.w50{ position:relative; float:left; width:50%; }
.w100{ position:relative; float:left; width:100%; }
	.qitemp{ display:block; position:relative; padding:16px 8px 0px 8px;  }
	.qitemp .img{ position:relative;  }
.qualityl_item .qt{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(64,0,0,0.5); opacity:0; }
.qitemp:hover .qt{ opacity:1; }
.qtin{ position:relative; top:50%; text-align:center; }
.qtin span{ color:#ffffff; font-size:20px; line-height:38px; border-bottom:2px solid #ffffff;  }

.message{ padding:30px 0px; }
.formline{ position:relative; height:40px; margin-top:20px; }
	.formline_textarea{ height:250px; }
	.formline_btnsub{ height:35px; text-align:right; }
	.formlinel{ float:left; width:43%; }
	.formliner{ float:right; width:43%; }
.formitem_r{ float:right; }
.input{ text-indent:12px; width:100%; height:38px; border:1px solid #dcdbdc; }
.textarea{ text-indent:12px; width:100%; height:248px; border:1px solid #dcdbdc; }
.formitem_l{ width:60px; text-align:right; }
.formitem_tip{ padding-right:10px; color:#170b0f; font-size:14px; line-height:40px; }
.btnsub{ display:inline-block; width:55px; height:35px; margin-left:16px; background-color:#000000; color:#fff; font-size:12px; text-align:center; line-height:35px;  cursor:pointer; }
		.btnsub:hover{ color:#fff;  background-color:#540000;  }
.btnreset{ display:inline-block; width:55px; height:35px; margin-left:10px; background-color:#000000; color:#fff; font-size:12px; text-align:center; line-height:35px;   cursor:pointer; }
		.btnreset:hover{ color:#fff; background-color:#540000;   }

.qasj1{ padding-bottom:120px; }		
.qasj_p1{ padding-top:115px; text-align:center; }
	.qasj_p1 img{ width:70%; }
.qasj_p2{ padding-top:85px; text-align:center; }
	.qasj_p2 img{ width:46%; }
	
.qasj2{ padding-bottom:65px; background-color:#f2f2f2; }
.qasj2_p1{ padding:75px 0px; color:#540000; font-size:30px; font-weight:bold; text-align:center; }
.qasj2_line{ position:absolute; top:80px; left:0xp; width:100%; height:30px;   }
.qasj2_p2{ width:690px; height:30px; margin:0px auto; background:url(/uploads/image/vaiimages/quality_03_04.gif) repeat-x; }
.qasjlist{ position:relative; }
.qasjlist .li{ position:relative; float:left; width:33%; text-align:center; color:#000000; font-size:20px; }
.qasj2_p3{ padding:30px 0px; }

.qasj3_r{ float:right; width:50%; padding-left:2%; padding-top:205px; }
.qasj3_l{ float:left; width:46%; padding:100px 0px; text-align:center; }
.qasj3_p1{  color:#540000; font-size:30px; font-weight:bold; line-height:1.5; }
.qasj3_p2{ color:#170b0f; font-size:20px; line-height:2.5; }
.qasj3_p2 span{ color:#999999; }

.qasj4{ padding:50px 0px; background:url(/uploads/image/vaiimages/quality_05.jpg) no-repeat center top; }
.qasj4_p1{ color:#ffffff; font-size:30px; line-height:1.5; text-align:center; }
.qasj4_p2{ color:#ffffff; font-size:18px; line-height:1.5; text-align:center; }

.qatype{ padding:60px 0px; }
.qatype_item{ float:left; width:280px; height:280px;  background-color:#f9f9f9; border-radius:100%; }
.qatype_p1{ padding:75px 0px 20px 0px; text-align:center; }
.qatype_p2{ color:#540000; font-size:20px; text-align:center; }
.qatype_p3{ padding:0px 35px; color:#999999; font-size:16px; text-align:center; }

.qatype_item1{ margin-right:60px; }
.qatype_item2{ margin-right:60px; }
.qatype_item3{ margin-right:60px; }
.qatype_item5{ margin-left:170px; margin-right:60px; }
.qatype_item6{ margin-right:60px; }
		
.menuzt{ float:right; margin-top:25px; }
.menuzta{ margin-left:15px; color:#ffffff; font-size:16px; font-weight:bold; line-height:32px; }
.menuzta:hover{ color:#ffffff; text-decoration:underline; }
.index01{ position:relative; height:1080px; }
.bannerindex{ position:relative; height:100%;  }
	.bannerindexpic{ position:relative; top:0px; left:0px; width:100%;  height:100%; overflow:hidden; }
		.bannerindexpicmid{  position:relative; left:50%; margin-left:-960px; width:1920px; height:100%;  }
		.bannerindexul{ position:relative; width:1920px; height:100%;  }
		.bannerindexul li{ position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; transition:none;  }
		.bannerindexul li img{ }
		.no-opacity .bannerindexul li.instage{ display:block;   }
		.no-opacity .bannerindexul li.outstage{ display:none; }
	.bannerindexnav{ position:absolute; left:0px; bottom:50px; width:100%; height:25px; text-align:center;   }
		.bannerindexnav a{ display:inline-block; width:7px; height:7px; margin:5px; border:4px solid #fff; border-radius:100%; background-color:#fff;  }
		.bannerindexnav a.in{ background:none; }
	
.pl_item{ position:relative; padding:50px 0px 30px 0px; border-bottom:1px solid #e8e8e8; }
	.plbg{ position:absolute; top:50px; left:0px; width:95px; height:70px;   }
	.pltxt{ padding-left:110px; }
	.plp1{ color:#170b0f; font-size:16px; line-height:25px; }
	.plp2{ color:#999999; font-size:14px; line-height:25px; margin-top:10px; }
	.plp3{ color:#666666; font-size:14px; line-height:25px;  margin-top:10px; }
	.plp3 span{ display:inline-block; width:25px; height:25px; background:url(/uploads/image/vaiimages/icon_star.gif) no-repeat center center; }
	.plp4{ color:#666666; font-size:14px; line-height:25px;  margin-top:10px; }
	.plp5{ color:#666666; font-size:14px; line-height:25px; }
	.plp6{ color:#666666; font-size:14px; line-height:25px;  margin-top:10px; }
	.plp6 span{ padding-right:20px; }
	.plstar1 .star5,.plstar1 .star4,.plstar1 .star3,.plstar1 .star2{ display:none; }
	.plstar2 .star5,.plstar2 .star4,.plstar2 .star3{ display:none; }
	.plstar3 .star5,.plstar3 .star4{ display:none; }
	.plstar4 .star5{ display:none; }
	
.brand_con{ padding:70px 0px; }
.qasjsp1{ padding-top:90px; color:#000000; font-size:50px; line-height:1; text-align:center;   } 
.qasjsp2{ padding-top:24px; color:#999999; font-size:18px; line-height:1; text-align:center;   } 
.qasjsp3{ padding-top:65px; color:#540000; font-size:30px; line-height:1; text-align:center;   } 
.qasjsp4{ padding-top:12px; color:#999999; font-size:18px; line-height:1; text-align:center;   } 
.qasjsp5{ padding-top:40px; text-align:center; } 
.qasjsp5 a{ display:inline-block; width:150px; height:40px; background-color:#000000; color:#ffffff; font-size:20px; text-align:center; line-height:40px;   } 
.qasjsp5 a:hover{ background-color:#540000; }
.topzt{ position:fixed; top:0px; left:0px; width:100%;  z-index:9999; }
.topztbg{ background-color:#000; }
.logo2{ display:none; }
.jump{ position:absolute; top:-80px; left:0px;  }		
.zt1{ position:relative; width:100%; }
.zthdl{ float:left; width:50%; }
.zthdr{ float:right; width:50%; }
	.zthd_con{ max-width:440px; padding-left:120px; padding-top:50px;  padding-bottom:50px; }
.zt2{ position:relative; }
.hdyh{ padding-top:70px; padding-bottom:150px; background-color:#000000; }
.hdyhlist{ margin-top:105px; }
.hdyhicon{ float:left; width:25%; text-align:center; }
.zt3{ position:relative; }
.fgal_item{ display:block; position:relative; float:left; width:50%; }
	.fgalimg{ position:relative; float:left; width:50%; }
	.fgalimg img{ position:relative; width:100%; height:100%; }
	.fgaltxt{ position:relative; float:right; width:50%; }
	.fgal_item3 .fgalimg,.fgal_item4 .fgalimg{ float:right; }
	.fgal_item3 .fgaltxt,.fgal_item4 .fgaltxt{ float:left; }
	.fgaltxt_{ padding-left:50px; padding-top:40px; padding-bottom:40px; }
	.fgaltxt1{ color:#000000; font-size:30px; font-weight:bold; line-height:50px; }
	.fgaltxt2{ color:#000000; font-size:18px; line-height:35px; }
	.fgaltxt3{ color:#000000; font-size:18px; line-height:35px; }
	.fgaltxt4{ color:#000000; font-size:18px; line-height:35px; }
	.fgaltxt5{ padding-top:70px; }
	.fgaltxt5 span{ display:inline-block; width:150px; height:50px; background-color:#540000; color:#fff; text-align:center; line-height:50px; }
	.fgal_item:hover{ background-color:#540000; }
	.fgal_item:hover .fgaltxt1{ color:#fff;  }
	.fgal_item:hover .fgaltxt2{ color:#fff;  }
	.fgal_item:hover .fgaltxt3{ color:#fff;  }
	.fgal_item:hover .fgaltxt4{ color:#fff;  }
	.fgal_item:hover .fgaltxt5 span{ background-color:#000000;  }
	
.fgal_items{ display:block; position:relative; float:left; width:20%; }
	.fgalimgs{ position:relative; width:100%; }
	.fgaltxts{ position:absolute; top:50%; width:100%; height:45px; display:none; }
	.fgaltxts_{ position:relative; height:45px;  margin-top:-22px; background-color:#540000; color:#ffffff; font-size:24px; text-align:center; line-height:45px; }
	.fgal_items:hover .fgaltxts{ display:block; }
.zt4{ padding-bottom:100px; }
.fgsjs{ width:1160px; margin:0px auto; }
.fgsjs_items{ display:block; float:left; width:25%; margin-top:65px; }
.fgsjs_items a{ display:block; width:95%; margin:0px auto; }
.fgsjstxt{ padding:13px 0px; border:1px solid #dcdbdc; text-align:center; }
.fgsjstxts1{ padding-bottom:10px; color:#000000; font-size:20px; line-height:25px;  } 
.fgsjstxts2{  width:20px; height:3px; background-color:#b10606; margin:0px auto; }
.fgsjstxts3{ padding-top:10px; color:#000000; font-size:14px; line-height:25px;  }

.zt5{ padding-top:70px; padding-bottom:60px; background:url(/uploads/image/vaiimages/ztbg.jpg) no-repeat center top; }
.ft50{ color:#ffffff; font-size:50px; text-align:center; line-height:1; }
.ft18{ padding-top:12px; color:#ffffff; font-size:18px; text-align:center; line-height:1.5; }

.zt6{ padding-bottom:50px; background-color:#000000; }
.zt6 .wrap_cen{ max-width:1200px; }
.zt6_r{ padding-top:70px; width:40%; float:right; }
.zt6_l{ padding-top:70px; width:60%; float:left; }
.formline2{ position:relative;  margin-top:20px; }
.input2{ width:458px; height:43px; color:#ccc;  }
.input3{ width:206px; height:43px;    color:#ccc; }
.inputline{ display:inline-block; padding:0px 20px; border:1px solid #323232; background-color:#323232; }
.mark{ color:#a30000; padding:0px 10px;}
.btnsub2{ display:inline-block; width:90px; height:41px; border:2px solid #323232;  color:#7a7a7a; font-size:16px; text-align:center;  }
		.btnsub2:hover{ background-color:#540000; border:2px solid #540000; color:#fff;   }
.ztbottom{ padding:10px 15px; border-top:1px solid #323232; background-color:#000000; text-align:center; }
.ztbottom a{ color:#666; }

@media only screen and (max-width: 1330px) {
/*common*/
.wrap_cen{ width:100%; }
/*bottom*/
.bnav_info{ display:none; }
/*index*/
.indexmain_l{ width:65%; }
.indexmain_r{ width:30%;  }
.is_title_ch{  font-size:14px;  }
/*caseshow*/
.banner_detail{  width:80%; }
.detail_info{  width:18%;  }
/*experience*/
.ept1{ width:20%; }
.ept2{ width:20%; }
.ept3{ width:20%; }
.ept4{ width:20%; }
.ept5{ width:20%; }
	.ep1{ width:20%; }
	.ep2{ width:20%; }
	.ep3{ width:20%; }
	.ep4{ width:20%; }
	.ep5{ width:20%; }
	
.sjs_imgbg{ width:35%; }
.sjs_txt{ width:63%; }

.quality_item{ padding:40px 15px 0px 15px; }

.qatype_item1{ float:none; margin:10px auto; }
.qatype_item2{ float:none; margin:10px auto; }
.qatype_item3{ float:none; margin:10px auto; }
.qatype_item4{ float:none; margin:10px auto; }
.qatype_item5{ float:none; margin:10px auto; }
.qatype_item6{ float:none; margin:10px auto; }
.qatype_item7{ float:none; margin:10px auto; }
.fgsjs{ width:100%; }
}
@media only screen and (max-width: 1100px) {
/*top*/
.top{ border-bottom:3px solid #170b0f; }
.menutrigger{ display:block; }
.ewm{ display:none; }
.menu{ display:none; }
.menuzt{ display:none; }
.topzt{ background-color:#fff; }
.topzt .logo{ display:none;  }
.logo2{ display:block; }
/*bottom*/
.bnav{ display:none; }
/*caseshow*/
.banner_detail{ width:100%; margin-top:30px; }
.detail_info{ width:100%; margin-top:30px; }
.detail_info_img{ float:left; width:45%; margin-right:15px; }
/*experience*/
.ept1{ width:25%; }
.ept2{ width:25%; }
.ept3{ width:25%; }
.ept4{ display:none; }
.ept5{ width:25%; }
	.ep1{ width:25%; }
	.ep2{ width:25%; }
	.ep3{ width:25%; }
	.ep4{ display:none; }
	.ep5{ width:25%; }
}
@media only screen and (max-width: 865px) {
/*top*/
.tel{ display:none; }
/*bottom*/
.bnav{ display:none; }
.btel{ display:block;  }
.bottom_tel{ display:none; }
.copyright_icp{ display:none; }
.bottom{ text-align:center; }
/*index*/
.indexmain_l{ width:100%; }
.indexmain_r{ width:100%;  }
.indexnews_item{ width:50%;  }
/*qualityq*/
.qasj2_line{ display:none;  }
.qasj2_p2{ width:690px; height:30px; margin:0px auto; background:url(/uploads/image/vaiimages/quality_03_04.gif) repeat-x; }
.qasjlist .li{  float:none; width:100%;  }
.qasj3_r{ float:none; width:98%; padding-left:2%; padding-top:100px; }
.qasj3_l{ float:none; width:100%; padding:100px 0px; text-align:center; }
/*zt*/
.zthdl{ float:left; width:100%; }
.zthdr{ float:right; width:100%; }
.hdyhicon{ float:left; width:100%; text-align:center; }
.fgal_item{ width:100%; }

.fgal_item2 .fgalimg{ float:right; }
.fgal_item2 .fgaltxt{ float:left; }
.fgal_item3 .fgalimg{ float:left;}
.fgal_item3 .fgaltxt{ float:right; }
.fgal_items{  width:50%; }
.fgsjs_items{  width:50%; }
.zt5{ background-image:none; background-color:#480303; }
.zt6_r{ width:100%;  }
.zt6_l{ width:100%; }
._pmtz{ display:none; }
.detail_pmtz{ display:none;  }
}
@media only screen and (max-width: 600px) {
/*index*/
.indexmain{ display:none; }
.mobilenav{ display:block; }
/**/
.qualitylist li{  width:100%; }
.qualityllist_l{  width:100%; }
.qualityllist_r{ width:100%; }
}
@media only screen and (max-width: 480px) {
/*top*/
.top_cen{  height:40px;  }
	.menutrigger{ margin-top:10px; }
		.icon-menu-list{ width:26px; height:20px; background-size:26px 20px; }
		.icon-menu-close{ width:26px; height:20px; background-size:26px 20px; }	
	.logo_img{ width:138px;   }
	.menus{ top:40px; }

.ccat .icon-talk{ display:none; }
.k {
    width: 148px;
}
.eshow_cen .il_imgbg{ float:left; position:relative; overflow:hidden;  width:100%; }
.eshow_cen .il_txt{ float:left; width:100%; }
	.formlinel{ float:left; width:48%; }
	.formliner{ float:right; width:48%; }
	
.subnavlist_ {
    border-bottom: 1px solid #e8e8e8;
    height:auto;
}
.qasj_p1{ padding-top:115px; text-align:center; }
	.qasj_p1 img{ width:90%; }
.qasj_p2{ padding-top:85px; text-align:center; }
	.qasj_p2 img{ width:90%; }
.qasj3_l img{ width:98%; }
.qasj4{ background-image:none; background-color:#540000; }
.news_item{ height:200px; padding:25px 0px; border-bottom:1px solid #d9d9d9; }
.news_item a{ display:block; height:180px; position:relative; overflow:hidden; }
.newsbg{ position:relative; overflow:hidden; float:none; width:170px; height:100px; margin-right:0px; }
.newsp1{ position:relative; overflow:hidden; height:60px; }
.newsp2{ display:none; display:none;}
.newsp3{ display:none; }

.zthd_con{ width:90%; margin:0px auto; padding:50px 0px; }
.zthd_con img{ max-width:100%;  }
.citem_txt_info span:nth-of-type(2){ display:none; }
.tj{ display:none; }
.detail_info_img{ width:100%; }
.s{ margin-top:12px; }

.ep5 span {
    background-color: #540000;
    color: #ffffff;
    padding: 5px 5px;
	font-size:12px;
}
.backbtnp{ float:none; text-align:right; padding-bottom:15px;}
.dbsx{ padding-top:0px; padding-bottom:20px; border:none;   }
	.sx { padding-top:20px;  border-top:1px solid #dcdbdc;  }
.xmitem_itxt p.txt07 a { width:80px; }
.brand_con img{ max-width:100%; }
.formline{ height:100px; }
.formlinel{ float:none; width:100%; }
.formliner{ float:none; width:100%; margin-top:20px; }
.formline_textarea {
    height: 250px;
}
.fgalimg{ position:relative; float:left; width:100%; }
	.fgaltxt{ position:relative; float:right; width:100%; }
	
.input3 {
    color: #ccc;
    height: 43px;
    width: 106px;
}
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
}