@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;}
table{border-collapse:collapse;}
a img{border:0px; outline:none;}
img{ padding:0; margin:0; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;color:#444;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei"; color:#444;}

@media screen and (max-width: 800px) {
.pc{ display:none !important;}
.wrapper{ width:100%; margin:0 auto; overflow:hidden; max-width:1200px; padding:0;}

.header{ width:100%; position:fixed; top:0; left:0; right:0; background:#022da0; height:64px;z-index: 9999999999; }
.header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:20px;right:15px;}
.header .ydd_btn span{display:block;width:100%;height:4px;background:#fff;}
.header .ydd_btn span.span02{margin:5px 0;}
.header .ydd_btn.click span{background:#fff;}
.header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
.header .ydd_btn.click span.span02{margin:0.5px 0;}
.header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-2px;margin-top:0px;}
.header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}

.header .sjdnav{display:none;width:150px;height:auto;position:absolute;right:0;top:64px;z-index:2000;}
.header .sjdnav > ul{padding:0;margin:0; background-color: rgba(0, 0, 0, 0.8);}
.header .sjdnav li{display:block;padding:0;text-align:left;margin-bottom:1px;}
.header .sjdnav li a{display:block;color:#fff;line-height:30px;font-size:14px; text-indent: 20px;}
.header .sjdnav li a:hover{background:rgba(0,0,0,0.6);color:#fff;}
.header .sjdnav li ul li  a{display:block;color:#fff;line-height:30px;font-size:14px; text-indent: 30px;}
.index_service_nav{ overflow:hidden;}
.index_service_nav li{ float:left;line-height:25px; text-align:center; padding:0 10px; margin-bottom:10px; width:50%; box-sizing:border-box;}
.index_service_nav li a{ font-size:14px; color:#444; background:#eaeaea; display:block; width:100%; }
.index_service_nav li a:hover{ color:#fff; background:#fff; }
.index_service_nav li.on a{ color:#fff; background:#fff;  }

.top{ overflow:hidden; padding:20px 0;}
.logo{ float:left;}
.tel{ float:right;}
.tel h1{ color:#7d7d7d; font-size:22px;background:url(../images/tel.png) no-repeat left center; padding-left:30px;}
.tel h2{ color:#7d7d7d; font-size:14px;}


.head{ display:block; padding:10px; overflow: hidden; }
.logo{ float:left; width:60%;}
.tel{ float:right;}
.nav{ width:100%; overflow:hidden; background:#f4f4f4;}
.nav li{ float:left; height:52px; line-height:52px;width:150px; text-align:center;}
.nav li a{ color:#444; font-size:16px; display:block;}
.nav li.on a{ background:url(../images/nav_hover.png) no-repeat; color:#fff; }
.nav li:hover a{ background:url(../images/nav_hover.png) no-repeat; color:#fff;}
.index_gsjj{ overflow:hidden; width:100%; margin:10px 0;}


.nav{ background:#e4bc80; overflow:hidden;}
.navlist{ width:100%; margin:0 auto;}
.navlist li{ float:left; line-height:48px; text-align:center; padding:0 30px;}
.navlist li a{ color:#fff; font-size:16px;}
.navlist li:hover{ background:#005e2b;}
.navlist li.on{ background:#005e2b;}

.index_cpzx{ overflow:hidden; margin:20px 0;}
.index_cpzx_title{ text-align:center; padding-top: 20px;}
.index_cpzx_title h1{ color:#1b1b1b; font-size:24px;margin-bottom: 20px;}
.index_cpzx_title h2{ color:#999; font-size:14px; text-transform:uppercase; background:url(../images/title_bg.jpg) no-repeat bottom center; padding:15px 0; margin-bottom:20px;}
.index_cpzx_con{ overflow:hidden;}
.index_cpzx_con li{ float:left; width:50%; text-align:center; box-sizing:border-box; padding:0 10px;}
.index_cpzx_con li img{ max-width:100%; height:auto;}
.index_cpzx_con li h1{ color:#666; font-size:14px; padding:20px 0;}
.more{ width:140px; height:30px; line-height:30px; text-align:center; background:#e4bc80; margin:0 auto; margin-top:30px;}
.more a{ color:#fff; font-size:14px;}

.index_sglc{ overflow:hidden; background:#f8f8f8; padding:20px 0;}
.index_sglc_con{ overflow:hidden;}
.index_sglc_con li{ float:left; width:50%; text-align:center; position:relative; box-sizing:border-box; padding:0 10px;}
.index_sglc_con li img{ max-width:100%;}
.index_sglc_con li p{ color:#fff; font-size:18px; position:absolute; bottom:20px; width:100%;}

.index_case{ width:100%; overflow:hidden; margin:20px 0;}
.index_case_con{ overflow:hidden;}
.index_case_con li{ float:left; width:50%; text-align:center; box-sizing:border-box; padding:0 10px;}
.index_case_con li img{ max-width:100%; height:130px;}

.index_case_con li p{ font-size:14px; color:#666; line-height:40px;}

.index_jsys{ width:100%; overflow:hidden;}
.index_jsys_title{ background:url(../images/jsys_title.jpg) no-repeat center center; height:120px; background-size:cover;}
.index_jsys_con{ overflow:hidden; padding:50px 0;}

.index_gsjj{ width:100%; overflow:hidden; margin:20px 0; background:#e4bc80; height:370px; background-size:cover; position:relative;}
.index_gsjj_title{ width:100%;}
.index_gsjj_title h1{ font-size:32px; color:#fff; text-align:center;}
.index_gsjj_title h2{ font-size:14px; text-transform:uppercase; color:#fff; display:block; padding:10px 0; text-align:center; }
.index_gsjj_title i{ width: 50px;height: 1px; background: #fff;display: block; margin:0 auto;}
.index_gsjj_con{width:100%; padding:10px;}
.index_gsjj_con txt{ color:#fff; font-size:14px; line-height:1.8em;}
.index_gsjj_con a{ display:block;  color:#fff; font-size:14px; position:absolute;bottom: 30px;}

.index_news{ width:100%; overflow:hidden;}
.index_news_con{ overflow:hidden;}
.index_news_con li{ float:left; width:100%; padding:0 29px; box-sizing:border-box; margin-bottom:20px;}
.index_news_con li h1{ color:#444; font-size:14px; background:url(../images/index_news_icon.png) no-repeat left center; padding-left:15px; margin-top:15px;}
.index_news_con li h2{ font-weight:bold; color:#999; padding-left:15px; display:block; margin:10px 0;}
.index_news_con li h3{ color:#999; border-top:1px dotted #ccc; padding-top:15px; max-width:100%; display:block; margin:0 auto;}

.footer{ background:#545454; overflow:hidden; margin-top:50px; padding:50px 0;}
.foot1{ overflow:hidden; margin-bottom:50px; text-align:center;}
.foot1_left{ float:left; width:100%; }
.foot_left_t{ overflow:hidden;}
.foot_logo{ float:left;}
.foot_logo h1{ color:#c3c3c3; font-size:30px; font-weight:bold;}
.foot_logo h2{ color:#c3c3c3; text-transform:uppercase;}
.foot_tel{ background:url(../images/footer_tel.png) no-repeat left center; padding-left:50px;float:right;}
.foot_tel h1{ color:#c3c3c3; font-size:14px;}
.foot_tel h2{color:#c3c3c3; font-size:30px; font-weight:bold;}
.foot_left_t_nav{ background:#454545; overflow:hidden; padding:10px 0; margin-top:50px;}
.foot_left_t_nav li{ float:left; padding:0 34px;}
.foot_left_t_nav li a{ color:#c3c3c3; font-size:14px;}
.foot1_right{ display: inline-block;}
.foot1_right li{ text-align:center;}

.foot1_right li p{ font-size:14px; color:#fff; text-align:center; padding-top:10px;}
.foot2{ overflow:hidden; text-align:center; color:#c3c3c3; font-size:14px; line-height:28px;}



/**底部**/
.botm{position:fixed;bottom:0; left:0;width:100%; height:5em; background:#022da0; z-index: 999999999;}
.bottom ul{margin:0.5em auto;}
.bottom ul li{ float:left;width:23%;margin:0 0 0 2%;text-align:center; }
.bottom ul li span{ display:block; line-height:1.7em;font-size:0.9em;color:#fff;} 
.bottom ul li img{height:2em;} 

.main{ overflow:hidden; margin-top:00px;}
.main_left{ float:left; width:100%;}
.main_left_t{ overflow:hidden; margin-bottom:10px;}
.left_title{ overflow:hidden; background:#e4bc80; text-align:center; padding:0px 0;}
.left_title h1{ font-size:16px; font-weight:bold; color:#fff; line-height:45px;}
.left_title h2{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#fff; padding-top:10px; display:none;}
.main_left_nav{ padding-bottom: 20px; display: block; width: 100%;}
.main_left_nav li{ line-height:35px; border-bottom: 2px solid rgba(0, 0, 0, 0); display: inline-block; box-sizing: border-box;  float: left; padding: 0 15px; background: #ffffff; border-right: 1px solid #eee; }
.main_left_nav li a{ color:#000000; font-size:14px; display:block;text-align: center;}
.main_left_nav li:hover { border-bottom: 2px solid #e3e3e3;}
.main_left_nav li.on {border-bottom: 2px solid #e3e3e3;}

.main_left_b{ overflow:hidden;}
.left_con{ overflow:hidden; background:#e4bc80; padding:1px;}
.left_con p{ font-size:14px; color:#fff; line-height:24px; padding:20px 8px;}
.main_right{ width:100%; float:right; overflow:hidden;}
.website{ color:#999; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px; padding-left:5px;}
.main_right_con{ overflow:hidden; display: block; width: 100%;}
.about_con{ overflow:hidden; font-size:16px; color:#666; line-height:28px; padding:10px;}
.about_con img{max-width: 100%;}
.pro_con{ overflow:hidden; box-sizing: border-box; padding: 10px 0;}
.pro_con li{ float:left; width:100%; text-align:center; box-sizing:border-box; padding:0 10px;}
.pro_con li img{ max-width:100%;}
.pro_con li p{ font-size:14px; color:#666; padding:10px 0;}
.pro_con li h1{font-size: 14px; color: #FF0004;}	
.pro_con li h1{ padding-bottom: 20px;}
.pro_con_d{ overflow:hidden;}
.pro_con_d img{ width:100%;}
.pro_con_d h1{ color:#1b1b1b; font-size:22px; text-align:center; padding:50px 0;}
.pro_con_d h2{  float:left;width: 100%;padding-bottom: 20px; box-sizing: border-box; padding: 10px;}
.pro_con_d h2 img{ width:100%;}
.pro_con_d txt{ font-size:18px; color:#444;line-height:2em; display: block;padding: 20px;}
.pro_con_d h3{display: block;color: #ff0000; font-size: 22px;padding-top: 30px;}	
.case_con{ overflow:hidden;}
.case_con li{ float:left; width:100%; text-align:center; box-sizing:border-box; padding:0 10px;}
.case_con li img{ max-width:100%; }
.case_con li p{ font-size:14px; color:#666; padding:20px 0;}
.news_con{ overflow:hidden;}
.news_con li{ width:100%; overflow:hidden; border-bottom:1px dotted #ddd; padding-bottom:15px; margin-bottom:30px; box-sizing:border-box; padding-left:10px; padding-right:10px;}
.news_con li i{ font-weight:bold; color:#fff; font-size:38px; width:73px; height:77px; background:#e4bc80; display:block; text-align:center; line-height:77px; float:left; margin-right:25px;}
.news_con li h1{ font-size:16px; color:#444;  overflow:hidden; line-height:32px;}
.news_con li h1 span{ float:right; font-size:12px; font-weight:bold; color:#999; line-height:32px;}
.news_con li h3{ color:#999; padding-top:15px;}
.news_con_d{ overflow:hidden;}
.news_con_d img{max-width: 100%;}	
.news_con_d h1{ font-size:22px; color:#1b1b1b;padding: 50px 0; text-align:center;}
.news_con_d h2{ color:#999; font-weight:bold; border-bottom:1px dotted #ddd;text-align:center; display:block; margin-bottom:20px; padding-top:20px; padding-bottom:10px;}
.news_con_d txt{ font-size:16px; line-height:1.8em; color:#666; box-sizing: border-box; padding: 10px; display: block; width: 100%;}

.news_con_d p {
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  text-align: center;
  padding: 1% 0;
  /*height: 36px;*/
  overflow: hidden;
  text-align: center;
	margin-bottom:10px;
}
.news_con_d p span {
  margin: 0 2%;
  font-size: 12px;
  color: #838383;
}	
	
.contact_list{ display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; padding: 20px; box-sizing: border-box; border: 1px solid #ccc;   }
.contact_list li{ border-right: 1px dotted #ccc; box-sizing: border-box; padding: 0 20px; text-align: left;  width: 100%;}



.homeblock{background: #022da0 !important; width: 100%; max-width: 1600px; overflow: hidden;}
.homenews{ background: url(../images/a1.jpg) no-repeat center center; background-size: cover; width: 100%; display: block; float: left; box-sizing: border-box; padding-top: 30px;
     padding-bottom: 30px; padding-left: 20px; padding-right: 20px;}
.homepro{display: block; float: left; width: 100%; padding-top: 1%;border-top: 4px solid #3057c1;}

.homepro .swiper-slide{ box-sizing: border-box; padding: 10px 30px; flex-direction: column; background: none;}
.homepro .swiper-slide h3{font-size: 16px;color: #fff;width: 100%;text-align: center;font-weight: normal;
    overflow: hidden;}
   .homepro .swiper-slide h4{font-size: 14px; color: #fff; line-height: 35px;margin-bottom: 7%; position: relative; }     
.homepro .swiper-slide h4::after{
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    background: #c0c0c0;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: -5px;
}

.pro-msg {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 3%;
  padding-bottom: 16%;
  box-sizing: border-box;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 100px;
}
.pro-msg h4 {
  font-size: 30px;
  color: #ffffff;
  width: 100%;
  margin-bottom: 3%;
  font-family: "微软雅黑";
  font-weight: normal;
}
.pro-msg p {
  width: 100%;
  font-size: 15px;
  color: #ddd;
  height: 22px;
  overflow: hidden;
  margin-bottom: 3%;
}
.pro-msg .readMore2 {
  width: 50%;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  color: #fff;
  padding-left: 9%;
  display: block;
  background: #3057c1 url(../images/img-4.png) no-repeat 64% center;
  margin: 0 auto;
  text-align: left;
  transition: all ease-in 0.38s;
  -webkit-transition: all ease-in 0.38s;
  -moz-transition: all ease-in 0.38s;
  -ms-transition: all ease-in 0.38s;
  -o-transition: all ease-in 0.38s;
}
.pro-msg .readMore2:hover {
  color: #fff;
  background: #254aad url(../images/img-4.png) no-repeat 68% center;
}



.homeabout{display: block; float: left; width: 100%;}
.hometitle{ display: block; width: 100%;}
.hometitle h1{ font-size: 28px; color: #fff;margin-bottom:2%}
.hometitle h2{width: 70px;height: 1px;background: #fff;}

.newsul{ display: block; padding-top: 20px; padding-bottom: 50px;}
.newsul li{ display: block; width: 100%; line-height: 32px; overflow: hidden;}
.newsul li a{font-size: 12px;color: #fff;line-height: 28px; width: 70%; float: left;}
.newsul li time{ float: right;color: #fff; padding-right: 30px;}
.newsul li a:hover {text-decoration: underline;color: #fff;}
.homenews .readMore {
  width: 45%;
  padding: 3% 0;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
  filter: Alpha(opacity=40);
  /*background: #000000;
  border-top: 1px solid #5d5751;
  border-bottom: 1px solid #5d5751;*/
  margin-bottom: 11%;
 
}
.homenews .readMore a {
  display: block;
  font-size: 12px;
  color: #fff;
  padding-left: 9%;
  background: url(../images/img-4.png) no-repeat 46% center;
  position: relative;
  transition: all ease-in 0.38s;
  -webkit-transition: all ease-in 0.38s;
  -moz-transition: all ease-in 0.38s;
  -ms-transition: all ease-in 0.38s;
  -o-transition: all ease-in 0.38s;
}
.homenews .readMore:hover {
  cursor: pointer;
}
.homenews .readMore:hover a {
  color: #fff;
  background: url(../images/img-4.png) no-repeat 50% center;
}


.homeblock .ab-wineCellar .sy-about {
  width: 100%;
  max-height: 399px;
  position: relative;
  padding-top: 17%;
  padding-bottom: 5.3%;
  background: url(../images/a2.jpg) no-repeat center center;
  background-size: cover;
}
.homeblock .ab-wineCellar .sy-about figure {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.homeblock .ab-wineCellar .sy-about figure img {
  width: 100%;
}
.homeblock .ab-wineCellar .sy-about h3 {
  font-size: 26px;
  color: #fff;
  font-family: "微软雅黑";
  margin-bottom: 2%;
  width: 100%;
  padding-left: 8%;
  font-weight: normal;
}
.homeblock .ab-wineCellar .sy-about h3 span {
  display: block;
  font-size: 12px;
  color: #e3e3e3;
  margin-top: 1%;
}
.homeblock .ab-wineCellar .sy-about p {
  font-size: 12px;
  line-height: 24px;
  color: #e3e3e3;
  margin-bottom: 9%;
  width: 100%;
  padding-left: 8%;
  padding-right: 5%;
  max-height: 72px;
  overflow: hidden;
  box-sizing: border-box;
}
.homeblock .ab-wineCellar .sy-about .readMore3 {
  width: 45%;
  padding: 3% 0;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
  filter: Alpha(opacity=40);
  margin-bottom: 11%;
  margin-left: 8%;
}
.homeblock .ab-wineCellar .sy-about .readMore3 a {
  display: block;
  font-size: 12px;
  color: #fff;
  padding-left: 9%;
  background: url(../images/img-4.png) no-repeat 58% center;
  position: relative;
  transition: all ease-in 0.38s;
  -webkit-transition: all ease-in 0.38s;
  -moz-transition: all ease-in 0.38s;
  -ms-transition: all ease-in 0.38s;
  -o-transition: all ease-in 0.38s;
}
.homeblock .ab-wineCellar .sy-about .readMore3:hover {
  cursor: pointer;
}
.homeblock .ab-wineCellar .sy-about .readMore3:hover a {
  color: #fff;
  background: url(../images/img-4.png) no-repeat 63% center;
}
.homeblock .ab-wineCellar .sy-wineCellar {
  width: 100%;
  max-height: 399px;
  position: relative;
  clear: both;
  padding-top: 28%;
  padding-bottom: 20%;
  box-sizing: border-box;
}

/* .homeblock .ab-wineCellar .sy-wineCellar:hover { background: url(../images/2018071617072671886.jpg) no-repeat center center; background-size: cover;} */


.homeblock .ab-wineCellar .sy-wineCellar figure {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow: hidden;

}
.homeblock .ab-wineCellar .sy-wineCellar figure:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background:rgba(2, 45, 160, 0.85);
  filter: Alpha(opacity=85);
  opacity: 0.85;
  z-index: 2;
}
.homeblock .ab-wineCellar .sy-wineCellar figure img {
  width: 100%;
}
.homeblock .ab-wineCellar .sy-wineCellar h3 {
  font-size: 26px;
  color: #fff;
  font-family: "微软雅黑";
  margin-bottom: 9%;
  width: 100%;
  padding-left: 8%;
  font-weight: normal;
  position: relative;
  z-index: 9999;
}
.homeblock .ab-wineCellar .sy-wineCellar h3 span {
  display: block;
  font-size: 12px;
  color: #b9b0ab;
  margin-top: 1%;
}
.homeblock .ab-wineCellar .sy-wineCellar .readMore4 {
  width: 45%;
  padding: 3% 0;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
  filter: Alpha(opacity=40);
  margin-bottom: 11%;
  margin-left: 8%;
  position: relative;
  z-index: 999;
}
.homeblock .ab-wineCellar .sy-wineCellar .readMore4 a {
  display: block;
  font-size: 12px;
  color: #fff;
  padding-left: 9%;
  background: url(../images/img-4.png) no-repeat 58% center;
  position: relative;
  transition: all ease-in 0.38s;
  -webkit-transition: all ease-in 0.38s;
  -moz-transition: all ease-in 0.38s;
  -ms-transition: all ease-in 0.38s;
  -o-transition: all ease-in 0.38s;
}
.homeblock .ab-wineCellar .sy-wineCellar .readMore4:hover {
  cursor: pointer;
}
.homeblock .ab-wineCellar .sy-wineCellar .readMore4:hover a {
  color: ##fff;
  background: url(../images/img-4.png) no-repeat 63% center;
}
.homeblock .ab-wineCellar .sy-wineCellar:hover {
  /*cursor: pointer;*/
}
.homeblock .ab-wineCellar .sy-wineCellar:hover figure:before {
  filter: Alpha(opacity=25);
  opacity: 0.25;
}
.homeblock .ab-wineCellar .sy-wineCellar:hover .readMore4 a {
  color: ##fff;
  background: url(../images/img-4.png) no-repeat 63% center;
}




}




@media screen and (min-width: 801px) {
.phone{ display:none !important;}
.wrapper{ width:1200px; margin:0 auto;}

.index_service_nav{ overflow:hidden;}
.index_service_nav li{ float:left;line-height:55px; text-align:center; margin:0 5px;}
.index_service_nav li a{ font-size:16px; color:#444; background:#eaeaea; display:block; width:175px; }
.index_service_nav li a:hover{ color:#fff; background:#e3e3e3; }
.index_service_nav li.on a{ color:#fff; background:#e3e3e3;  }
	
.header{  width:100%; background: none; position: absolute; z-index: 999999;}
.top{ padding:23px 0; background-color:rgba(2, 45, 160, 0.85); height: 97px; box-sizing: border-box;}
.logo{ float:left; width: 176px; margin-right: 30px;}
.tel{ float:right; line-height: 48px; color: #fff; font-size: 16px;}
.tel h1{ color:#7d7d7d; font-size:22px;background:url(../images/tel.png) no-repeat left center; padding-left:30px;}
.tel h2{ color:#7d7d7d; font-size:14px;}

.nav{ overflow:hidden;}
.navlist{float: left;}
.navlist li{ float:left; line-height:48px; text-align:center; padding:0 30px; position: relative;}
.navlist li a{ color:#ffffff; font-size:14px; line-height: 48px; display: inline-block;border-bottom: 3px solid rgba(0, 0, 0, 0);}
.navlist li:hover a{ color: rgb(255, 255, 255);border-bottom: 3px solid #e3e3e3;}
.navlist li.on a{color: rgb(255, 255, 255);}
.navlist li ul{ display: none; position: absolute; z-index: 999999999999999; width: 100%; top: 52px; left: 0; background:#e3e3e3; opacity: 0.8;}
.navlist li:hover ul{ display: block;}
.navlist li ul li{ width: 100%; border: none; box-sizing: border-box; padding: 0;border-bottom: 1px solid #c7c7c7;}
.navlist li ul li:hover{ width: 100%; border-bottom: 1px solid #c7c7c7;background: #fff;}
.navlist li ul li a{ border: none; font-size: 13px;color: #757575!important;}
.navlist li ul li a:hover{border: none;}
.navlist li ul li:hover a{border: none;}
.navlist li:hover ul li a{border: none;}
.index_cpzx{ overflow:hidden; margin:20px 0;}
.index_cpzx_title{ text-align:center; padding-top: 50px;}
.index_cpzx_title h1{color: rgb(39, 62, 79); font-size:26px; font-weight: bold;}
.index_cpzx_title h2{font-size: 14px;color: rgb(39, 62, 79);text-transform:uppercase;  padding:15px 0; margin-bottom:50px;}
.index_cpzx_con{ overflow:hidden;}
.index_cpzx_con li{ float:left; width:25%; text-align:center;}
.index_cpzx_con li h1{ color:#666; font-size:14px; padding:20px 0;}
.subtitle{ display: block; position: relative;top:-90px; background-color: #fff; margin-top: 0 !important;}
.subtitle .index_cpzx_title{ padding-top: 0;border-bottom: 1px solid #eee; height: 90px; box-sizing: border-box; position: relative; padding-top: 30px;}
.subtitle .index_cpzx_title h2{display: none;width: 36px; height: 10px;margin: 0 auto;background: #fff url(../images/pic32.jpg) no-repeat center center;}
.subtitle .index_cpzx_title::after{display: block; position: absolute; bottom: -5px; left: calc(50% - 18px); content: ''; width: 36px; height: 10px;margin: 0 auto;background: #fff url(../images/pic32.jpg) no-repeat center center;}
.more{ width:163px; height:52px; line-height:53px; text-align:center; margin:0 auto; margin-top:30px; color: #000000; border: 1px solid #000;}
.subtitle .index_cpzx_title h1{font-size: 30px;color: #212121;text-align: center;    font-family: "微软雅黑";font-weight: normal;margin-bottom: 9px;overflow: hidden;height: 40px;}

.more.on{ background: red;border: 1px solid red}

.more:hover{ background: red;border: 1px solid red}
.more a{ color:#000000; font-size:14px;}

.index_sglc{ overflow:hidden; background:#f8f8f8; padding:50px 0;}
.index_sglc_con{ overflow:hidden;}
.index_sglc_con li{ float:left; width:25%; text-align:center; position:relative;}
.index_sglc_con li p{ color:#fff; font-size:18px; position:absolute; bottom:20px; width:100%;}

.index_case{ width:100%; overflow:hidden; margin:50px 0;}
.index_case_con{ overflow:hidden;}
.index_case_con li{ float:left; width:25%; text-align:center;}
.index_case_con li p{ font-size:14px; color:#666; padding-top:20px;}

.index_jsys{ width:100%; overflow:hidden;}
.index_jsys_title{ background:url(../images/jsys_title.jpg) no-repeat center center; height:260px;}
.index_jsys_con{ overflow:hidden; padding:50px 0;}

.index_gsjj{ width:100%; overflow:hidden; margin:0; background:url(../images/11.jpg) no-repeat center center; height:480px; position:relative;}
.index_gsjj_title{ width:400px; margin:0 auto; text-align: center; padding-top: 50px;}
.index_gsjj_title h1{ font-size:32px; color:#fff;}
.index_gsjj_title h2{ font-size:14px; text-transform:uppercase; color:#fff; display:block; padding:10px 0; }

.index_gsjj_con{width:1000px; margin: 0 auto; padding-top: 100px;}
.index_gsjj_con txt{ color:#fff; font-size:14px; line-height:1.8em;}
.index_gsjj_con a{ display:block;  color:#fff; font-size:14px; }

.index_news{ width:100%; overflow:hidden;}
.index_news_con{ overflow:hidden;}
.index_news_con li{ float:left; width:25%; padding:10px; box-sizing: border-box;}
.index_news_con li h1{ color:#444; font-size:14px; background:url(../images/index_news_icon.png) no-repeat left center; padding-left:15px; margin-top:15px;}
.index_news_con li h2{ font-weight:bold; color:#999; padding-left:15px; display:block; margin:10px 0;}
.index_news_con li h3{ color:#999; border-top:1px dotted #ccc; padding-top:15px;}

.footer{ background:#022da0; overflow:hidden; margin-top:0px; padding-top:2.6%;}
.foot1{ overflow:hidden; margin-bottom:50px; display: flex; justify-content: space-between; align-items: start;}
.foot1 dl,.foot1 dt,.foot1 dd{ display: block;}
.foot1 dl dt a:hover{color: #b7b6b6;text-decoration: underline; font-size: 13px;}
.foot1 dl dt a{color: #fff;font-size: 13px; padding-bottom: 10px;display: block;}
.foot1 dl dd a{font-size: 12px;line-height: 24px; color: #eaeaea;} 
.foot1 dl dd a:hover{font-size: 12px;line-height: 24px; color: #b7b6b6;text-decoration: underline; } 
.foot2{ overflow:hidden; text-align:center; color:#ffffff; font-size:14px; line-height:49px; background: #0d0d0d;}
.foot3{ display:flex; justify-content: space-between; align-items: end; box-sizing: border-box; padding: 30px 0;border-top: 1px solid #3057c1;
    }
.foot3 .contact{ width: 30%; color: #fff !important;}
.foot3 .contact h1{ font-size: 24px; color: #fff;}
.foot3 .contact .p{ font-size: 12px; color: #eaeaea; padding-top: 15px;}
.foot3 .contact h2{ font-size: 14px; color: #fff; padding-bottom: 1%;}
.foot3 .contact h3{ font-size: 32px; color: #fff;}

.foot3 .contact div.line{ width: 20px; border-bottom: 2px solid #fff; padding-top: 20px;}




.foot3 .contact div.btn {display: block; margin-top: 50px; width: 137px; height: 30px; line-height: 30px;padding-right: 2%; padding-left: 5%;background: #3057c1;}
.foot3 .contact div.btn a{ display: block; color: #fff; font-size: 14px; padding-left: 3%;background: url(../images/img-6.png) no-repeat right center;}
.foot3 .contact div.btn:hover {background: #274db4;}

.foot3 .weixin{ display: inline-block; box-sizing: border-box; padding: 20px; border: 2px solid #3057c1;}

.about_banner{ position: relative;}
.about_banner .subtitle{ display: block; width: 1200px;}

.main{ margin-top:50px;}
.main_left{ float:left; width:194px;}
.main_left_t{ overflow:hidden; margin-bottom:30px;}
.left_title{ overflow:hidden; background:#e4bc80; text-align:center; padding:20px 0;}
.left_title h1{ font-size:32px; font-weight:bold; color:#fff;}
.left_title h2{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#fff; padding-top:10px;}
.main_left_nav{ padding-bottom: 20px; display: block; width: 100%;}
.main_left_nav li{ line-height:65px; border-bottom: 2px solid rgba(0, 0, 0, 0); display: inline-block; box-sizing: border-box; width: 16%; float: left; padding: 0 15px; background: #ffffff; border-right: 1px solid #eee; }
.main_left_nav li a{ color:#000000; font-size:14px; display:block;text-align: center;}
.main_left_nav li:hover { border-bottom: 2px solid #e3e3e3;}
.main_left_nav li.on {border-bottom: 2px solid #e3e3e3;}

.main_left_b{ overflow:hidden;}
.left_con{ overflow:hidden; background:#e4bc80; padding:1px;}
.left_con p{ font-size:14px; color:#fff; line-height:24px; padding:20px 8px;}
.main_right{ width:950px; float:right; overflow:hidden;}
.main_right_index{ width:990px; float:right; overflow:hidden;}
.website{ color:#999; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.main_right_con{ overflow:hidden; padding-top: 50px; display: block; width: 100%;}
.about_con{ overflow:hidden; font-size:16px; color:#666; line-height:28px; box-sizing: border-box; padding: 20px;}
.about_con img{max-width: 100%;}
.about_con table img{width: 98%;margin: 1%;}
.pro_con{ overflow:hidden;}
.pro_con li{ float:left; width:25%; text-align:center; box-sizing: border-box; padding: 10px;}
.pro_con li a{ display: block; overflow: hidden;}
.pro_con li a img{ transition: all .3s ease; max-width: 100%;}
.pro_con li:hover a img{ transform: scale(1.1);}
.pro_con li p{ font-size:14px; color:#666; padding:20px 0;}
.pro_con li h1{font-size: 14px; color: #FF0004;}

.pro_con_index{ overflow:hidden;}
.pro_con_index li{ float:left; width:25%; text-align:center; box-sizing: border-box; padding: 10px;}
.pro_con_index li p{ font-size:14px; color:#666; padding:10px 0; text-align: left;}


.pro_con_d{ overflow:hidden;}
.pro_con_d img{ width:100%;}
.pro_con_d h1{ color:#022da0; font-size:22px; text-align:center; padding-bottom:50px;}
.pro_con_d h2{ display: block; margin: 0 auto; width: 48%;float: left;}
.pro_con_d h2 img{ width:100%;}
.pro_con_d txt{ font-size:18px; color:#444;line-height:2em; display: block;float: right; width: 48%;}
.pro_con_d h3{display: block;color: #ff0000; font-size: 22px;padding-top: 30px;}

.case_con{ overflow:hidden;}
.case_con li{ float:left; width:25%; text-align:center; box-sizing: border-box; padding: 10px;}
.case_con li a{ display: block; overflow: hidden;}
.case_con li a img{ transition: all .3s ease; max-width: 100%;}
.case_con li:hover a img{ transform: scale(1.1);}
.case_con li p{ font-size:14px; color:#666; padding:20px 0;}
	
.case_con_d{ overflow:hidden;}
.case_con_d img{ width:100%;}
.case_con_d h1{ color:#022da0; font-size:22px; text-align:center; padding-bottom:50px;}
.case_con_d h2{ display: block; margin: 0 auto; width: 48%;}
.case_con_d h2 img{ width:100%;}
.case_con_d txt{ font-size:16px; color:#444;line-height:2em; display: block; width:100%;}
.case_con_d img{max-width: 100%;}
	
.news_con{ overflow:hidden;}
.news_con li{ width:33.3333%; overflow:hidden; float: left; box-sizing: border-box; padding: 20px; margin-bottom: 20px;}
.news_con li h1{ font-size:16px; color:#444;  overflow:hidden; line-height:32px;}
.news_con li img{ display: block; max-width: 100%;}
.news_con li  p{ display: block; font-size:12px; font-weight:bold; color:#ffffff; line-height:32px;}
.news_con li h3{ color:#999; padding-top:15px;}
.news_con li:hover{ background-color: #022da0; color: #ffffff;}
.news_con li:hover p,.news_con li:hover h1,.news_con li:hover a{ color: #ffffff;}



.news_con_d{ overflow:hidden; box-sizing: border-box; padding: 20px;}

.news_con_d p {
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  text-align: center;
  padding: 1% 0;
  /*height: 36px;*/
  overflow: hidden;
  text-align: center;
}
.news_con_d p span {
  margin: 0 2%;
  font-size: 12px;
  color: #838383;
}


.news_con_d h1{ font-size:22px; color:#000000; text-align:center; padding-bottom: 15px;}
.news_con_d h2{ color:#999; font-weight:bold; border-bottom:1px dotted #ddd;text-align:center; display:block; margin-bottom:20px; padding-top:20px; padding-bottom:10px;}
.news_con_d txt{ display: block; width: 100%; font-size:16px; line-height:1.8em; color:#666; padding-top: 15px; margin-top: 30px;}


.contact_list{ display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; padding: 20px; box-sizing: border-box; border: 1px solid #ccc;   }
.contact_list li{ border-right: 1px dotted #ccc; box-sizing: border-box; padding: 0 20px; text-align: left;}
.contact_list li h2{ font-weight: bold;font-size: 28px;padding-top: 30px;}
.contact_list li:nth-child(2){ flex: 2;}
.contact_list li:nth-child(3){ flex: .5; text-align: center; }
.contact_list li:last-child{ border-right: none;}

.homeblock{background: #022da0 !important; width: 100%; max-width: 1600px; overflow: hidden;}
.homenews{ background: url(../images/a1.jpg) no-repeat center center; background-size: cover; width: 54%; display: block; float: left; box-sizing: border-box; padding-top:65px;
    padding-left: 75px;}
.homepro{display: block; float: left; width: 23%; padding-top: 1%;border-top: 4px solid #3057c1;}

.homepro .swiper-slide{ box-sizing: border-box; padding: 10px 30px; flex-direction: column; background: none;}
.homepro .swiper-slide h3{font-size: 14px;color: #fff;line-height: 32px; width: 100%;text-align: center; 
    overflow: hidden;}
  .homepro .swiper-slide h4{font-size: 14px; color: #ffe200; line-height: 35px;position: relative;font-weight: normal;margin-bottom: 7%;}  
.homepro .swiper-slide h4::after{
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    background: #c0c0c0;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: -5px;
}

.pro-msg {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 3%;
  padding-bottom: 16%;
  box-sizing: border-box;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 40px;
}
.pro-msg h4 {
  font-size: 30px;
  color: #ffffff;
  width: 100%;
  font-family: "微软雅黑";
  font-weight: normal;
}
.pro-msg p {
  width: 100%;
  font-size: 15px;
  color: #e3e3e3;
  overflow: hidden;
  margin:20px 0;
}
.pro-msg .readMore2 {
  width: 50%;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  color: #fff;
  padding-left: 9%;
  display: block;
  background: #3057c1 url(../images/img-4.png) no-repeat 64% center;
  margin: 0 auto;
  text-align: left;
  transition: all ease-in 0.38s;
  -webkit-transition: all ease-in 0.38s;
  -moz-transition: all ease-in 0.38s;
  -ms-transition: all ease-in 0.38s;
  -o-transition: all ease-in 0.38s;
}
.pro-msg .readMore2:hover {
  color: #fff;
  background: #274db4 url(../images/img-4.png) no-repeat 68% center;
}



.homeabout{display: block; float: left; width: 23%;}
.hometitle{ display: block; width: 100%;}
.hometitle h1{ font-size: 28px; color: #fff;margin-bottom:2%}
.hometitle h2{width: 70px;height: 1px;background: #fff;}

.newsul{ display: block; padding-top: 20px; padding-bottom: 50px;}
.newsul li{ display: block; width: 100%; line-height: 32px; overflow: hidden;}
.newsul li a{font-size: 12px;color: #fff;line-height: 28px; width: 80%; float: left;}
.newsul li time{ float: right;color: #fff; padding-right: 30px;}
.newsul li a:hover {text-decoration: underline;color: #fff;}
.homenews .readMore {
  width: 36%;
  padding: 2% 0;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
  filter: Alpha(opacity=40);
  margin-bottom: 11%;
 
}
.homenews .readMore a {
  display: block;
  font-size: 12px;
  color: #fff;
  padding-left: 9%;
  background: url(../images/img-4.png) no-repeat 46% center;
  position: relative;
  transition: all ease-in 0.38s;
  -webkit-transition: all ease-in 0.38s;
  -moz-transition: all ease-in 0.38s;
  -ms-transition: all ease-in 0.38s;
  -o-transition: all ease-in 0.38s;
}
.homenews .readMore:hover {
  cursor: pointer;
}
.homenews .readMore:hover a {
  color: #fff;
  background: url(../images/img-4.png) no-repeat 50% center;
}


.homeblock .ab-wineCellar .sy-about {
  width: 100%;
  max-height: 399px;
  position: relative;
  padding-top: 17%;
  padding-bottom: 5.3%;
  background: url(../images/a2.jpg) no-repeat center center;
  background-size: cover;
}
.homeblock .ab-wineCellar .sy-about figure {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.homeblock .ab-wineCellar .sy-about figure img {
  width: 100%;
}
.homeblock .ab-wineCellar .sy-about h3 {
  font-size: 26px;
  color: #fff;
  font-family: "微软雅黑";
  margin-bottom: 2%;
  width: 100%;
  padding-left: 8%;
  font-weight: normal;
}
.homeblock .ab-wineCellar .sy-about h3 span {
  display: block;
  font-size: 12px;
  color: #e3e3e3;
  margin-top: 1%;
}
.homeblock .ab-wineCellar .sy-about p {
  font-size: 12px;
  line-height: 24px;
  color: #e3e3e3;
  margin-bottom: 9%;
  width: 100%;
  padding-left: 8%;
  padding-right: 5%;
  max-height: 72px;
  overflow: hidden;
  box-sizing: border-box;
}
.homeblock .ab-wineCellar .sy-about .readMore3 {
  width: 45%;
  padding: 3% 0;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
  filter: Alpha(opacity=40);
  margin-bottom: 11%;
  margin-left: 8%;
}
.homeblock .ab-wineCellar .sy-about .readMore3 a {
  display: block;
  font-size: 12px;
  color: #fff;
  padding-left: 9%;
  background: url(../images/img-4.png) no-repeat 58% center;
  position: relative;
  transition: all ease-in 0.38s;
  -webkit-transition: all ease-in 0.38s;
  -moz-transition: all ease-in 0.38s;
  -ms-transition: all ease-in 0.38s;
  -o-transition: all ease-in 0.38s;
}
.homeblock .ab-wineCellar .sy-about .readMore3:hover {
  cursor: pointer;
}
.homeblock .ab-wineCellar .sy-about .readMore3:hover a {
  color: #fff;
  background: url(../images/img-4.png) no-repeat 63% center;
}
.homeblock .ab-wineCellar .sy-wineCellar {
  width: 100%;
  max-height: 399px;
  position: relative;
  clear: both;
  padding-top: 28%;
  padding-bottom: 20%;
  box-sizing: border-box;
}

/* .homeblock .ab-wineCellar .sy-wineCellar:hover { background: url(../images/2018071617072671886.jpg) no-repeat center center; background-size: cover;} */


.homeblock .ab-wineCellar .sy-wineCellar figure {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow: hidden;

}
.homeblock .ab-wineCellar .sy-wineCellar figure:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background:rgba(2, 45, 160, 0.85);
  filter: Alpha(opacity=85);
  opacity: 0.85;
  z-index: 2;
}
.homeblock .ab-wineCellar .sy-wineCellar figure img {
  width: 100%;
}
.homeblock .ab-wineCellar .sy-wineCellar h3 {
  font-size: 26px;
  color: #fff;
  font-family: "微软雅黑";
  margin-bottom: 9%;
  width: 100%;
  padding-left: 8%;
  font-weight: normal;
  position: relative;
  z-index: 9999;
}
.homeblock .ab-wineCellar .sy-wineCellar h3 span {
  display: block;
  font-size: 12px;
  color: #b9b0ab;
  margin-top: 1%;
}
.homeblock .ab-wineCellar .sy-wineCellar .readMore4 {
  width: 45%;
  padding: 3% 0;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
  filter: Alpha(opacity=40);
  margin-bottom: 11%;
  margin-left: 8%;
  position: relative;
  z-index: 999;
}
.homeblock .ab-wineCellar .sy-wineCellar .readMore4 a {
  display: block;
  font-size: 12px;
  color: #fff;
  padding-left: 9%;
  background: url(../images/img-4.png) no-repeat 58% center;
  position: relative;
  transition: all ease-in 0.38s;
  -webkit-transition: all ease-in 0.38s;
  -moz-transition: all ease-in 0.38s;
  -ms-transition: all ease-in 0.38s;
  -o-transition: all ease-in 0.38s;
}
.homeblock .ab-wineCellar .sy-wineCellar .readMore4:hover {
  cursor: pointer;
}
.homeblock .ab-wineCellar .sy-wineCellar .readMore4:hover a {
  color: ##fff;
  background: url(../images/img-4.png) no-repeat 63% center;
}
.homeblock .ab-wineCellar .sy-wineCellar:hover {
  /*cursor: pointer;*/
}
.homeblock .ab-wineCellar .sy-wineCellar:hover figure:before {
  filter: Alpha(opacity=25);
  opacity: 0.25;
}
.homeblock .ab-wineCellar .sy-wineCellar:hover .readMore4 a {
  color: ##fff;
  background: url(../images/img-4.png) no-repeat 63% center;
}




}