@font-face {
  font-family: "en";
   src: url("http://www.tatslyjt.com/fonts/GOTHIC.TTF");    
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "num";
   src: url("http://www.tatslyjt.com/fonts/AlternateGothicNo2BT.TTF");    
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "siyuan";
   src: url("http://www.tatslyjt.com/fonts/SOURCEHANSANSCN-REGULAR.OTF");    
  font-weight: normal;
  font-style: normal;
}

article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; width:auto;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font-family:"siyuan";font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden; background:#ffffff;}
pre{font-family:"siyuan"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333333; outline:none;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family:"siyuan";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1250px;height:auto;clear: both;margin: 0 auto; overflow: hidden;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-top: 50px;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
.z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(http://www.tatslyjt.com/img/bgs.png) no-repeat center; background-size: cover; background-attachment: fixed; pointer-events: none;}

.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}
.z_header{ width: 100%; height: 76px; background: #30318b; position: fixed; left: 0; top: 0;z-index: 9;} 
.z_logo{ display: block; width: 328px; height: 100%; background: #fff;  line-height: 76px; text-align: center;background-color:inherit; float: left;}
.z_logo img{ vertical-align: middle;width: 328px;}
.z_header_nav{ width: 1250px; text-align: center; margin: 0 auto;}
.z_header_nav  li{ display:inline-block; line-height: 76px; padding: 0 14px; transition: 0.3s ease-in-out; position: relative;}
.z_header_nav li a{ color:#fff;font-size:16px;}
.z_menu_btn{  cursor: pointer; position: absolute;right: 2.6vw; top: 50%; transform: translateY(-50%);  display: inline-block;}
.z_menu_btn span{ display: block; transition: ease .6s; width: 18px; height:2px; background: #ffffff;}
.z_menu_btn .line{ margin: 4px 0;}
.z_menu_btn.on .line1{ transform:translateY(6px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-6px) rotate(-45deg);}
.z_menu_btn.on .line2{ opacity: 0;}
.z_menu_mask{ width: 50%; transition: ease 1s; opacity: 0; transform: translateX(100%); visibility: hidden; height: calc(100vh - 76px); padding: 0 4.5vw; padding-right: 1vw; box-sizing: border-box; padding-top: 11vw; box-sizing: border-box; position: fixed; right: 0; top: 76px; z-index: 9; background:rgba(53,55,148,.97);}
.z_menu_mask.on{ opacity: 1; visibility: visible; transform: translateX(0);}
.z_menu_nav dl{ vertical-align: top; width: 16.66%; float: left;}
.z_menu_nav dl a{ display: block; color: #fff;}
.z_menu_nav dl dt a{ font-size:24px;}
.z_menu_nav dl dt { margin-bottom: 2.08vw;}
.z_menu_nav dl dd a{line-height: 36px;}
 .z_search_bar{ position: absolute; left: 4.5vw; bottom: 6.25vw; border-bottom: 2px solid #ffffff;}
 .z_search_bar .text{ width: 200px; height: 50px; float: left; color: #fff;}
 .z_search_bar .sou{ width: 40px; height: 50px; background: url(http://www.tatslyjt.com/img/sou.png) no-repeat center; display: block; float: left;}
 .z_search_bar .text::-webkit-input-placeholder { /* WebKit browsers */color: #8f90bc;}
 .z_search_bar .text::-moz-placeholder { /* Mozilla Firefox 19+ */color: #8f90bc;}
 .z_search_bar .text:-ms-input-placeholder { /* Internet Explorer 10+ */color: #8f90bc;}
.z_banner{ width: 100%; height: 400px; overflow: hidden; position: relative; margin-top: 76px;}
.z_banner .bd li{ position: relative; z-index: 1; height: 100vh;}
.z_banner .bd li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; z-index: 1;}
.z_banner_text{ position: absolute; transition: ease 1s; transform: translateY(100%); transform: translateY(0%)\9;opacity:0; opacity: 1\9; left: 0; bottom: 8.33vw; z-index: 2; color: #fff; padding: 0 2.4vw; box-sizing: border-box;}
.z_banner .bd li.swiper-slide-active .z_banner_text{ transform: translateY(0); transition-delay: .2s; opacity: 1;}
.z_banner_text .h3{font-size: 3.125vw; font-weight: bold; margin-bottom: 10px;}
.z_banner_text .h4{font-size:24px;font-weight:400;color:rgba(254,254,254,1);}
.z_dot_hd li,.z_dot_hd span{ display: inline-block; color: transparent; outline: none; cursor: pointer; width:9px;height:9px;background:rgba(255,255,255,0.5);border-radius:50%; display: inline-block; margin-right: 10px;}
.z_dot_hd li.on,.z_dot_hd span.swiper-pagination-bullet-active{ background: #fff;}
.z_banner_hd{ position: absolute; left: 2.6vw; bottom: 2.08vw; z-index: 2;}
.z_index_service{ width: 100%; padding: 3vw 0;}
/* .z_index_tit{ text-align: center;} */
.z_index_tit h3{ font-weight: bold;font-size:36px; line-height: 36px; margin-bottom: 8px; color: #333333;}
.z_index_tit h4{font-size:16px; text-transform: uppercase; font-family: "en";}
.z_index_service .z_index_tit{ margin-bottom: 60px;}
.z_service_swiper{ overflow: hidden;}
.z_service_swiper li{ background: #fff; width: 340px; margin-right: 13px; position: relative; min-height: 412px;  z-index: 1; overflow: hidden;}
.z_service_swiper li a{ display: block; width: 100%; height: 100%; padding:3.4vw 2.6vw; box-sizing: border-box; padding-bottom:2vw;}
.z_service_swiper li .imgbg{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; transition: ease 1s; opacity: 0; }
.z_service_swiper li .imgbg::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4); z-index: 1;}
.z_service_swiper li:hover .imgbg{ opacity: 1; transform: scale(1.1,1.1);}
.z_service_swiper li .icon{ height: 42px; overflow: hidden; margin-bottom: 20px;}
.z_service_swiper li .icon img{ display: block; transition: ease .4s;}
.z_service_swiper li:hover .icon img{transform: translateY(-42px);}
 .z_service_swiper li h3{ font-size:18px; font-weight: bold;}
 .z_service_swiper li h4{ font-family: "en";}
 .z_service_swiper li .line{ display: block; margin: 30px 0; width: 18px; height: 2px; background:#2f318b;transition: ease .6s;}
 .z_service_swiper li .desc{font-size:14px;color:rgba(102,102,102,1);line-height:24px; transition: ease .6s;-webkit-line-clamp:5; height: 120px;}
 .z_service_swiper li:hover a{ color: #fff;}
 .z_service_swiper li:hover .line{ background: #fff;}
 .z_service_swiper li:hover .desc{ color: #fff;}
.z_service_swiper li .more{ display: block; transition: ease 1s; transform: translateX(200%); opacity: 0; margin-top: 10px; width: 42px; height: 42px; background: url(../image/arr.png) no-repeat center; background-size: 100% 100%;}
.z_service_swiper li:hover .more{ opacity: 1; transform: translateX(0);}
.swiper_btn_warp{ position: relative;}
.swiper_btn{ display: block; cursor: pointer; outline: none; border-radius: 50%; width:42px;height:42px;background:rgba(255,255,255,1);border-radius:50%; line-height: 42px; text-align: center; color: #BD9F97; font-size: 16px; position: absolute; top: 50%; transform: translateY(-50%);}
.swiper_btn:hover{ background: #2f318b; color: #fff;}
.z_index_service .prev{ left: -90px;}
.z_index_service .next{right: -90px;}
.z_index_adv{ background-attachment: fixed; color: #fff; position: relative; padding: 3vw 0; z-index: 1;}
.z_index_adv::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.3);}
.z_index_tit2 h3,.z_index_tit2{ color: #fff;}
.z_adv_top{ padding-bottom: 2vw; margin-bottom: 2vw; border-bottom: 1px solid #fff;}
.z_adv_tit{ text-align: left;}
.z_adv_tit .z_index_tit{ text-align: left; margin-bottom: 3.125vw;}
.z_adv_tit .desc{ line-height:18px;} 
.z_adv_num:last-child{float: right;width:100%}
.z_adv_num li{ display: inline-block; min-width: 11vw; padding: 0 2.5vw; box-sizing: border-box; border-right: 1px solid #fff;}
.z_adv_num li:nth-child(2){ min-width:20vw;}
.z_adv_num li:last-child{ border-right: none; padding-right: 0;}
.z_adv_num li .timer{ font-size: 3.75vw; line-height: 3.75vw; font-family: "num"; display: inline-block; margin-right: 8px;}
.z_adv_num li span{ font-family: "en"; }
.z_adv_num li h3{ margin: 2vw 0; font-size:18px;}
.z_adv_num li .jia{ vertical-align: top; font-size: 24px; font-weight: bold;}
.z_adv_num li:first-child{ padding-left: 0;}
.z_index_case{ padding: 3vw 0; padding-bottom: 0;}
.z_index_case .z_index_tit{ text-align: left;}
.z_case_nav{ margin-left: auto;}
.z_case_nav li{ float: left; text-align: center; background: #E6E8EA; position: relative; z-index: 1;}
.z_case_nav li::before{ content: ""; width: 0%; height: 100%; position: absolute; left: 0; top: 0; background: #2F318B; transition: ease .4s;}
.z_case_nav li .icon{ height: 24px; overflow: hidden; margin-bottom: 10px;}
.z_case_nav li .icon img{ display: block; margin: 0 auto; transition: ease .4s;}
.z_case_nav li:hover .icon img,.z_case_nav li:hover .icon img{ transform: translateY(-24px);}
.z_case_nav li:hover::before,.z_case_nav li.active::before{ width: 100%;}
.z_case_nav li:hover a,.z_case_nav li.active a{ color: #fff;}
.z_case_nav li a{ display: block; padding: 20px 15px; text-align: center; font-size: 13px;}
.z_case_header{/* display: flex; */ align-items: center; /* margin-bottom: 3.64vw; */}
.z_case_list li{ width: 31.3%; margin-bottom:30px; float: left; position: relative; border-top-right-radius:15px ; overflow: hidden; border-top-left-radius: 15px;margin-right: 42px;}
.z_case_list li:last-child{ margin-right: 0;}
.z_case_list{overflow: hidden;}
.z_case_list li::before{ content: ""; display: block; width: 0%; height: 2px; background: #2F318B; transition: ease 1s; position: absolute; left: 0; bottom: 0; z-index: 1;}
.z_case_list li:hover::before{ width: 100%;}
.z_case_list li .imgbox{ width: 100%; height: 258px; overflow: hidden;}
.z_case_list li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_case_list li .infobox{ background: #f4f4f4; padding: 10px 30px; box-sizing: border-box;}
.z_case_list li h3{font-size:16px; margin-bottom: 10px; font-weight: bold;}
.z_case_list li .h4{ display: inline-block; width: 70%;}
.z_case_list li .icon-arr_r{ float: right;}
.z_case_list li h4{ color:#959595 ;}
.z_index_about .imgbox,.z_index_about .infobox{ width: 50%; height: 100vh; float: left; position: relative;}
.z_index_about .infobox{ background: url(../image/bg1.jpg) no-repeat center; padding: 8.85vw; color: #fff; box-sizing: border-box; background-size: cover; display: flex;}
.z_index_about .z_index_tit{ text-align: left;}
.z_index_about .line{display: block;width:17px;height:2px;background:rgba(255,255,255,1); margin: 2vw 0;}
.z_index_about .desc{ width: 27.5vw;line-height:24px;}
.z_about_big.animated .imgbg{animation: zoombig 2s linear forwards; }
@keyframes zoombig {
	0%{transform: scale(1.2,1.2);} 

	100%{transform: scale(1,1);}
}
.z_about_small{ margin-top: 5.2vw; position: relative; left: -15.35vw;}
.z_about_small li{ width: 13vw; height: 15.625vw; float: left;margin-right: 20px; cursor: pointer;}
.z_about_big{ overflow: hidden;}
.z_about_big .item{ position: absolute;left: 0; top: 0; opacity: 0; transition: ease 2s; transform: scale(1.1,1.1);}
.z_about_big .item.on{ opacity: 1; transform: scale(1,1);}
.z_about_small{ display: flex; align-items: flex-end; width: 50vw;}
.z_index_more{ display: inline-block; width:142px; color: #fff; margin-left: 4vw; text-align: center; line-height: 48px;height:48px;border:1px solid rgba(255, 255, 255, 1); position: relative;}
.z_index_more::before{ content: ""; width: 5.2vw; height: 11px; background: url(http://www.tatslyjt.com/img/arr2.png) no-repeat left center; background-size: 100% auto; position: absolute; right: -3.7vw;  top: 50%; margin-top: -8px; transform: translateX(200%); opacity: 0; z-index: 1; transition: ease .5s;}
.z_index_more:hover::before{ transform: translateX(0); opacity: 1;}
.z_news_fl{ width: 50%; float: left; background: #EBECEF; padding: 6.77vw 0; padding-left: 13vw; padding-right: 8.75vw; box-sizing: border-box;}
.z_index_news .z_index_tit{ text-align: left; margin-bottom: 2.6vw;}
.z_news_swiper{ position: relative;}
.z_news_swiper .bd li{ width: 100%;}
.z_news_swiper li .imgbox{ width: 100%; height: 18.75vw; position: relative; overflow: hidden;}
.z_news_swiper li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_news_swiper li:hover .infobox{ color: #2F318B;}
.z_news_swiper li .timebox{ background: rgba(47,49,139,.87); text-align: center; display: flex; align-items: center; justify-content: center; width:6.25vw; height: 6.25vw; position: absolute; left: 0; top: 0; color: rgba(255,255,255,.8);}
 .z_news_swiper li .timebox em{ color: #fff; display: block;  font-size: 42px; font-family: "num"; font-weight: bold;}
 .z_news_swiper li .infobox{ font-size: 16px; line-height: 24px; margin: 20px 0;}
.z_index_news .morebar{ display: block; text-align: right; margin-top: 4vw;}
 .z_index_more2{ display: inline-block; background: url(http://www.tatslyjt.com/img/more_bg.png) no-repeat bottom center; min-width: 108px; text-align: center; line-height: 40px; color: #2F318B; text-transform: uppercase; font-family: "en";font-size: 12px;}
.z_index_more2:hover{ font-weight: bold; color: #2846C8;}

.z_news_hd{ position: absolute; left: 0 ;bottom: 0; z-index: 2;}
.z_news_hd li{ background:#CFCFCF ;}
.z_news_hd li.on{ background: #2F318B;}
.z_news_fr{ width: 50%; float: left;padding: 6.77vw 0; background: #FAFAFB; padding-right: 13vw; padding-left: 8.75vw; box-sizing: border-box;}
.z_frist_news{ margin-bottom:30px;}
.z_frist_news .imgbox{ width: 220px; height: 150px; float: left; margin-right: 30px;}
.z_frist_news h3{font-size: 16px; line-height: 24px;}
.z_frist_news span{ margin-top: 80px; display: block; color: #959595;}
.z_frist_news:hover .imgbg{ transform: scale(1.05,1.05);}
.z_frist_news:hover h3{ color:#2846C8;}
.z_hot_list li:first-child{border-top: 1px solid #E4E4E4;}
.z_hot_list li{ border-bottom: 1px solid #E4E4E4; padding: 2vw 0;}
.z_hot_list li:hover .info{ color: #2846C8; font-weight: bold;}
.z_hot_list li .time{margin-right: 20px; float: left; font-family:"en"; color: #959595;padding-right: 20px; border-right: 1px solid #E4E4E4;}
.z_hot_list li .time span{ text-align: center; width: 60px;}
.z_hot_list li .time em{ display: block; font-size: 24px;}
.z_hot_list li:hover .time em{ color: #2846C8;}
.z_hot_list li .info{ line-height: 24px; font-size: 16px;}
.z_news_fr .morebar{ margin-top:100px;}
.z_index_cooper{ padding: 3vw 0; box-sizing: border-box;}
.z_index_tit3 h3{ font-size: 36px; line-height: 30px;}
.z_index_cooper .z_index_tit{ text-align: left; position: relative; margin-bottom: 30px;}
.z_index_cooper .z_cooper_btn{ position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.z_cooper_btn span{width:42px; outline: none; cursor: pointer; display: inline-block; text-align: center; line-height: 42px;height:42px;background:rgba(245,247,249,1);border-radius:50%;}
.z_cooper_btn span:hover{ background:#2F318B; color: #fff ;}
.z_cooper_swiper li{ width: 14.2%; float: left; text-align: center; height: 60px; display: flex; align-items: center; justify-content:  center; }
.z_cooper_swiper li img{ max-height: 90%; max-width: 90%;border: 1px solid #ccc;}
.z_cooper_swiper{ overflow: hidden;}
.z_footer{ background: #2F318B; color: #fff;}
.z_footer_top{ padding:20px 0; display: flex; align-items: flex-end;}
.z_foot_fl{ float: left;}
.z_foot_logo{ margin-bottom: 25px;}
.z_foot_logo img{height:60px;}
.z_foot_contact{ line-height: 24px;}
.z_foot_contact span{ display:inline-block; margin-right: 10px;}
.z_foot_contact .qq{ margin-bottom: 20px;}
.z_foot_fr{ margin-left: auto; float: right;}
.z_code_img{ width: 134px; height: auto; float: left;  }
.z_code_img img{ display: block; width: 100%; height: 100%;}
.z_code_nav{ float: left;}
.z_code_nav span,.z_code_nav .span{ display: block; cursor: pointer; width: 120px;border-radius:0 3px 3px 0; opacity: .6; height: 44px; line-height: 44px; text-align: center; background: #2846C8; color: #fff; margin-bottom: 1px;}
.z_code_nav span.on,.z_code_nav .span:hover{ background: #4A6CFD;opacity:1;}
.z_code_nav span .iconfont{ display: inline-block; margin-right: 5px;}
.z_foot_addre { border-bottom: 1px solid rgba(255,255,255,.2); border-top: 1px solid rgba(255,255,255,.2);  padding: 3.125vw 0;}
.z_foot_addre ul{ display: flex; }
.z_foot_addre li{ flex: 1; width: 16.66%; float: left;line-height:24px;}
.z_foot_addre li h3{ background: url(http://www.tatslyjt.com/img/dz.png) no-repeat left center; padding-left: 20px;}
.z_foot_addre li h4{padding-left: 20px;}
.z_foot_copy{ padding: 15px 0; border-top: 1px solid #fff;}
.z_foot_copy a{ color: #fff;}
.z_other_banner{ position: relative; margin-top: 76px;}
.z_other_banner img{ display: block; width: 100%;}
.z_other_text{ position: absolute; width: 100%; color: #fff; left: 0; top: 50%; transform: translateY(-50%);}
.z_other_text h3{ font-size: 3.125vw; font-weight: bold; margin-bottom: 10px;}
.z_other_text h4{font-size: 24px;}
 .page_nav{ width: 100%; height: 70px; line-height: 70px; background: #fff;}
 .page_nav li{ float: left; margin-right: 2.08vw;}
 .page_nav li a{ color: #333333;display: block; font-size: 16px; position: relative;}
 .page_nav li a::before{ content: ""; display: block; width: 0%; height: 2px; background: #2F318B; position: absolute; left: 0; bottom: 0; z-index: 1; transition: ease .5s;}
 .page_nav li:hover a,.page_nav li.cur a{ color: #2F318B; }
 .page_nav li:hover a::before,.page_nav li.cur a::before{ width: 100%;}
.z_about_warp{ background: url(http://www.tatslyjt.com/img/bg2.jpg) no-repeat center; background-size: cover; position: relative;}
.z_about_flwarp{ padding: 6.25vw 0;}
.z_about_flwarp .z_conbox{ width: 28.125vw; width:47%;}
.z_about_flwarp .z_index_tit{ text-align: left; margin-bottom: 3.125vw;}
.z_about_desc{ line-height: 24px;}
.z_about_frwarp{ width: 50%; position: absolute; right: 0; top: 0; height: 100%; } 
.z_paly{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(http://www.tatslyjt.com/img/colse.png) no-repeat center; z-index: 100; cursor: pointer;}

#video{width:100%; max-height: 100%;}
.video_pop .z_row{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.z_service_page{ background: #F3F3F3; padding: 5.2vw 0;}
.z_service_item { background: #fff; margin-bottom: 60px; position: relative;}
.z_service_item a{ display: block; width: 100%;}
.z_service_item .infobox{ width: 38.5%; float:left;height: 630px; padding: 3.64vw; box-sizing: border-box;}
.z_service_item  .imgbox{ width: 61.5%; float: right;height: 630px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.z_service_item .icon{ height: 42px; overflow: hidden; margin-bottom: 25px;}
.z_service_item  .icon img{ display: block;}
.z_service_item .infobox h3{ font-size:18px; font-weight: bold;}
.z_service_item .infobox h4{ font-family: "en";}
.z_service_item .infobox .line{ display: block; margin: 30px 0; width: 18px; height: 2px; background:#2f318b;}
.z_service_item .infobox .desc{font-size:14px;color:rgba(102,102,102,1);line-height:24px;}
.z_service_item .infobox .desc.l15h{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 15;overflow: hidden;text-overflow:ellipsis;}
.z_service_item.animated .imgbg{animation: zoombig 1s linear forwards;}
.z_service_item:nth-child(even) .imgbox{ right: auto; left: 0;}
.z_service_item:nth-child(even) .infobox{ float: right;}
.z_service_xq{ background: #fff; padding:0 6.77vw;}
.z_service_tit{ padding: 2.6vw 0; font-size: 30px; border-bottom: 1px solid #dadada; text-align: center; font-weight: bold;}
.z_service_content{ padding: 2.6vw 0 ;line-height: 28px; font-size: 16px; color: #333333;}
.z_service_content img{ max-width: 100%!important; height: auto!important;}
.z_contact_way{ background: #F3F3F3; position: relative;}
.z_contact_box{ padding: 4.16vw 0; width: 45%;}
.z_contact_box .z_index_tit{ text-align: left;}
.z_contact_box .line{ display: block; margin: 2.08vw 0;width:17px;height:2px;background:rgba(47,49,139,1);}
.z_contact_con{font-size:14px;font-weight:normal;color:rgba(51,51,51,1);line-height:24px; font-weight: bold; border-bottom: 1px solid #b3b3b3; padding-bottom: 40px;}
.z_contact_con .qq{ margin-bottom: 20px;}
.z_contact_con span{ display: inline-block; margin-right: 5px;}
.z_contact_addre li{ float: left; min-width: 40%; margin-top: 3vw;font-size:14px;font-weight:300;color:rgba(102,102,102,1);line-height:24px;}
.z_contact_map{ width: 50%; height: 100%; position: absolute; right: 0; top: 0;} 
.ly_part{  background-attachment: fixed; padding:8.3vw 0;  position: relative; z-index: 1;}
.ly_part::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.1); position: absolute; left: 0; top: 0;}
.ly_part .z-container{ background: #fff; border-top: 10px solid #2F318B; padding: 100px; padding-right: 0; box-sizing: border-box;}
.ly_part .ly_desc{ width: 21%; color: #878787; float: left;}
.ly_form{ width:70%; float: right; border-left: 1px solid #e8e8e8; padding:0 12%; box-sizing: border-box;}
.ly_desc .tit{ color: #333; font-size: 16px;}

.ly_desc .z_index_tit{ text-align: left;}
.ly_desc .z_index_tit .line{ display: block;width:17px;height:2px;background:rgba(47,49,139,1); margin: 35px 0;}
.ly_desc .text{ line-height: 24px; margin-bottom: 30px;  text-justify: inter-ideograph;text-align: justify;}
.ly_desc .hot_tel span{ font-size: 24px; font-family: "'en"; font-weight: bold; display: block; color: #333; margin-top: 10px;}
.ly_form .input_text{ width: 100%; height: 40px; border-bottom:1px solid #eaeaea; font-family: "微软雅黑";}

.ly_form label{ display: block; margin: 20px 0; }
.ly_form .texta{ width: 100%; height: 130px; background: #f4f4f4; padding: 20px; box-sizing: border-box;font-family: "微软雅黑";}
.ly_form .sub_btn{ display: block; border: none; outline: none; cursor: pointer; width: 100%; height: 50px; background: #2F318B; margin-top: 30px; color: #fff; font-size: 18px;text-align: center;line-height: 50px;}
.ly_form li em{ color: #ED6D46;}
.z_team_page{ background: #F3F3F3; padding: 75px 0;}
.z_team_page ul{ margin-left: -2.3%;}
.z_team_page li{ width: 31%; float: left; margin-left: 2.3%; position: relative; margin-bottom: 20px;}
.z_team_page li::before{ content:""; z-index: 1; transition: ease 1s; display: block;width: 0%; height: 2px; background: #2f318b; position: absolute; left: 0; bottom: 0;}
.z_team_page li:hover::before{ width: 100%;}
.z_team_page li .imgbox{ height: 450px; overflow: hidden;}
.z_team_page li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_team_page li .infobox{ background: #fff; padding: #FFFFFF; padding: 40px; box-sizing: border-box; min-height: 300px;}
.z_team_page li h3{ font-size: 24px; font-weight: bold;}
.z_team_page li h3 span{font-size: 18px;}
.z_team_page li h4{ font-size: 16px; font-weight: bold; margin-top: 5px;}
.z_team_page li .line{ display: block; width: 18px; height: 2px; background: #2f318b; margin: 20px 0;}
.z_team_page li .desc{ line-height: 24px; color:#878787 ;}
.z_load_bar{ display: block; width: 100%; text-align: center; height: 116px; line-height: 116px; text-align: center; font-size: 18px;}
.news_xq{ padding: 70px 0; background: #f0f2f3;}

.news_fl{ width: 68.8%; padding: 3.125vw 4vw;position: relative;  background: #fff; float: left;  box-sizing: border-box;}
.news_fl_bg{ box-sizing: border-box;}
.news_head{ position: relative;}
.news_time{ width:80px;position: absolute; left:-120px; top: 0; float: left; margin-right: 40px; height: 80px;padding-top: 15px; box-sizing: border-box; color: #333333;background: #e0e1e2;  text-align: center;}
.news_time em{ display: block;  font-size: 30px; font-weight: bold; color: #2f318b; font-weight: bold;}
.news_tit h3{font-size: 30px; margin-bottom: 10px; font-weight: bold; line-height: 40px;}
.news_bar{ padding:0; color: #333; display: flex;align-items: center; border-bottom:1px solid #c6c6c6;}
.bshare-custom a{ background: none!important; font-size: 22px; margin: 0!important; cursor: pointer; margin-right: 15px!important; color: #8a8a8a!important; padding: 0!important;}
.bshare-custom a:hover{ color: #2846C8!important; text-decoration: none!important; opacity: 1!important;}
.news_bar .fr{ margin-left: auto;}
.news_artic{ padding: 20px 0; color: #474848; line-height: 24px;}
.news_fr{ float: right; width: 29%; background: #fff; padding: 20px 40px; box-sizing: border-box;}
.news_one .img{ width: 100%; height: 230px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_fr .tits{ font-size: 18px; font-weight: bold; border-left: 2px solid #2846C8; padding-left: 10px; margin-bottom: 20px;}
.news_one h3{ font-size: 16px; line-height: 24px; max-height: 48px; margin: 15px 0; font-weight: bold;}
.news_one{ border-bottom:1px solid #c6c6c6; margin-bottom: 10px;}

.news_swiper2 .swiper-wrapper{ display: block;}
.news_swiper2{ height: 180px;overflow: hidden; width: 100%;}
.news_swiper2 li{ height: 36px!important; line-height: 36px!important; overflow: hidden;}
.news_swiper2 .tit{ display: inline-block; width: 70%;}
.news_swiper2 .fr{float: right;  font-family: "en"; font-size: 16px;}
.news_swiper2 li:hover a{ color:#2846C8; }
.news_swiper2 li a{ color: #666;}

.news_artic img{ display: block; height: auto!important; max-width: 100%!important;margin: 0 auto;}
.z_news_page{ padding: 45px 0; background:#f3f3f3;padding-bottom: 0;}
.z_news_list ul{ margin-left: 0;}
.z_news_list li:nth-child(1){ margin-top: 0;}
.z_news_list li:nth-child(2){ margin-top: 0;}
.z_news_list li:nth-child(3){ margin-top: 0;}
.z_news_list li:nth-child(3n){ margin-right: 0;}
.z_news_list li{ width: 32%; margin-top: 30px; float: left; margin-right: 2%; position: relative;}
.z_news_list li .desc::before{ content:""; display: block; z-index: 1; width: 0; height: 2px; background: #2846C8; transition: ease 1s; position: absolute; left: 0; bottom: 0;}
.z_news_list li:hover .desc::before{ width: 100%;}
.z_news_list li .imgbox{ width: 100%; height: 300px; overflow: hidden;}
.z_news_list li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_news_list li .infobox{ background: #fff;}
.z_news_list li .desc{ padding: 20px; box-sizing: border-box; position: relative; line-height: 24px; font-size: 16px; border-bottom: 1px solid #e4e4e4;}
.z_news_list li .bar{ height: 65px; line-height: 65px; padding: 0 20px; color:#959595;}
.z_news_list li .iconfont { float: right;}
.z_news_list li:hover .iconfont{ color: #2846C8;}
.z_work_swiper{ width: 66%; float:left; height: 620px; overflow: hidden; position: relative;}
.z_work_list{ width: 34%; float: right; background: #fff; height: 620px;}
.z_work_list li{border-bottom: 1px solid #eeeeee; }
.z_work_list li:last-child{ border-bottom: none;}
.z_work_list li a{ padding: 36px 2.08vw; padding-right: 80px; display: block; box-sizing: border-box; position: relative;}
.z_work_list li .iconfont{ position: absolute;right: 2.08vw; transition: ease .4s; opacity: 0; top: 50%; transform: translateY(-50%);}
.z_work_list li h3{ font-size: 16px; margin-bottom: 10px;}
.z_work_list li h4{ color: #959595;}
.z_work_list li:hover .iconfont{ color: #2846C8; opacity: 1;}
.z_work_list li:hover h3{ color: #2846C8;}
.z_work_hd{ position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; z-index: 2;}
.z_work_head{ margin-bottom: 70px;}
.z_work_page{ padding: 70px 0;}
.z_work_text{ width: 730px; position: absolute;left: 0; bottom: 0; background: rgba(47,49,139,.9); z-index: 2; padding: 30px 50px; box-sizing: border-box; color: #fff;}
.z_work_text h3{ font-size: 30px; font-weight: bold; margin-bottom: 15px;}
.z_work_text .desc{ line-height: 24px;}
.z_btn_warp{ position: absolute; right: 40px; bottom: 40px;}
.z_num_hd{ display: inline-block;margin: 0 10px; font-family: "en"; }
.z_num_hd .swiper-pagination-current{ font-size: 24px;}
.z_btn_warp .iconfont{ font-size: 14px; cursor: pointer; outline: none;}
.z_case_flwarp{ width: 31.7vw;  z-index: 1; float: left; box-sizing: border-box; float: left; padding: 12.9vh 0;padding-left: 13.5vw;}
.z_case_frwarp{ width: 48.4vw; margin-left: 38.47vw;  padding: 12.9vh 0;}
.z_case_flwarp.fixed{ position: fixed; left: 0; top: 0;}
.z_casexq_tit{ font-size: 30px; font-weight: bold; margin-bottom: 25px;}
.z_casexq_cs{ line-height: 24px; color: #333333; padding: 30px 0; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8;}
.z_case_content{line-height: 24px; color:#898989; margin: 30px 0; max-height: 40vh; overflow-y: auto;}
.z_topbtm_bar a{ display: block; width: 33.3%; float: left; text-align: center; height: 45px; line-height: 45px; text-align: center; border:1px solid #c2c2c2; border-right: none;}
.z_topbtm_bar a:last-child{border-right:1px solid #c2c2c2;}
.z_topbtm_bar a:hover{ background: #2846C8; color: #fff;}
.z_case_frwarp li img{ display: block; }
.z_case_frwarp li{ margin-bottom: 2.4vw;}
.z_mobile_bar{ display: none;}


.z_about_nl{  padding: 7.2vw 0;}
.z_nl_list{ margin-top: 3.64vw;}
.z_nl_list ul{ margin-left: -1%;}
.z_nl_list li{width: 19%; margin-left: 1%; padding:40px; box-sizing: border-box; min-height: 377px; color: #fff;}
.z_nl_list li:nth-child(1){ background: #77AE3D;}
.z_nl_list li:nth-child(2){ background: #12A684;}
.z_nl_list li:nth-child(3){ background: #5469B0;}
.z_nl_list li:nth-child(4){ background: #387BB4;}
.z_nl_list li:nth-child(5){ background: #2B9DB5;}
.z_nl_list li .icon{ height: 45px; display: flex; align-items: center; }
.z_nl_list li .icon img{ display: block; max-height: 100%;}
.z_nl_list li h3{ margin: 2vw 0; font-size: 18px; font-weight: bold;}
.z_nl_list li .desc{ line-height: 24px;}
.about_page3{ min-height: 80vh; background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center;}
.about_page3 .abouts_warp{ float: left; width: 24vw;}
.about_page3 .z_index_tit{ text-align: left;}
.process_con{ margin-top: 12vh; color: #fff; position: relative; }
.process_con .child:nth-child(1){}
.process_con .child{opacity: 0; position: absolute; left: 0; top: 0; transform: translateY(30%); transition: ease .8s;}
.process_con .child.on{opacity: 1; visibility: visible; transform: translateY(0);}
.process_con .year{ margin-bottom: 3vw;}
.process_con .year h3{ font-size: 36px; position: relative; padding-left:30px; z-index: 1; font-family: "en"; font-weight: bold;}
.process_con .year h3:before{ content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background:#0072BC; position: absolute; left: 0; top: 50%; margin-top: -7px;}
.process_con .year h4{font-size: 24px; font-weight: bold; padding-left: 30px;}
.process_tab .num{ font-size: 60px; color: #fff; text-align: right; font-family: "num";}
.process_tab .tit{ text-align: right; color: #fff;}
.process_tab ul{ margin-top: 35px;}
.process_tab ul li{ display: block;font-family: "en";  cursor: pointer; font-size: 16px; position: relative; width: 145px; height: 50px; line-height: 50px; text-align: center; color: #fff;z-index: 1; margin-bottom: 2px;}
.process_tab ul li:before{content: ""; display: block; width: 3px; height: 100%; position: absolute; right: 0; top: 0; background: #fff;  transition: ease .5s;}
.process_tab ul li.on:before{ width: 100%; background: #2F318B;}
.year_con{ line-height: 24px;}
.z_honor_warp{ background: url(http://www.tatslyjt.com/img/bg3.jpg) no-repeat center; background-size: cover; padding: 5.2vw 0 7vw 0;}
.z_honor_warp .z_index_tit{ margin-bottom: 5.2vw;}
.z_honor_img img{ display: block; margin: 0 auto;}
.z_mobile_honor{ display: none}
.z_hz_warp{ padding: 5.2vw 0;}
.z_hz_warp .z_index_tit{ margin-bottom: 4vw;}
.z_hz_swiper{ overflow: hidden;}
.z_hz_swiper .bd ul{ border: 1px solid #D6D6D6; border-bottom: none; border-right: none;}
.z_hz_swiper .bd li{ width: 12.5%;  overflow: hidden; float: left; height: 130px; border-right:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6; box-sizing: border-box;}
.z_hz_swiper .bd li a{ display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.z_hz_swiper .bd li img{ max-width: 90%; max-height: 90%; transition: ease .4s;}
.z_hz_swiper .bd li:hover img{ transform: scale(1.1);}
.z_hz_hd { text-align: center; margin-top: 3.6vw;}
.z_hz_hd li{background: #D6D6D6; }
.z_hz_hd li.on{ background: #2F318B;}

/* @media screen and (min-width:1920px){
.z_news_fl,.z_news_fr{ min-height:80vh}
.z_about_flwarp .z_conbox{ width:40%}
}



@media screen and (max-width:1580px){
.z_index_service .prev{ left: -50px;}
.z_index_service .next{right: -50px;}	
.z-container{ width: 88%;}
.z_case_list li .imgbox{ height: 18vw;}
.z_service_item  .imgbox{ height: 32.8125vw;}

}
@media screen and (max-width:1440px){
.z_news_fr{ padding-right: 10vw;}
.z_news_f{ padding-left: 10vw;}
.z_hot_list li{ padding: 20px 0;}
.z_frist_news .imgbox{width: 200px; height: 130px;}
.z_news_swiper li .imgbox{ height: 260px;}
.z_about_flwarp .z_conbox{ width: 40%;}
.z_team_page li .imgbox{ height: 350px;}
.news_one .img{ height: 200px;}
.z_case_flwarp{ padding: 110px 0;}
.z_case_flwarp{ padding-left: 5vw;}
.z_case_content{ max-height: 30vh;}
.z_case_frwarp{ width: 55.4vw;}
.z_case_flwarp{ width: 33vw;}

} 
@media screen and (max-width:980px){
.z_header{ width: 100%; height: 50px;}	
.z_logo{ width: 100px; height: 50px; line-height: 50px;}
.z_logo img{ max-width: 100%; max-height: 25px;}
.z_header_nav{ width: 100%; transition: ease .8s; opacity: 0; visibility: hidden; transform: translateY(100%); display: flex; align-items: center;justify-content: center; height: calc(100vh - 5px); position: fixed; left: 0; top: 50px; background:rgba(53,55,148,.97);}
.z_header_nav.on{ opacity: 1; transform: translateY(0); visibility: visible;}
.z_header_nav li{ display: block; width: 100%; line-height: 50px;}
.z_header_nav ul{ width: 100%;}
.z_menu_mask{ display: none;}
.z_banner { margin-top: 50px; height: 30vh; }
.z_banner_text .h3{ font-size: 16px; margin-bottom: 5px;}
.z_banner_text .h4{ font-size: 12px;}
.z_dot_hd li,.z_dot_hd span{ width: 5px; height: 5px; margin-right: 5px; bottom: 10px;}
.z_index_service{ padding: 20px 0;}
.z-container{ width: 94%;}
.z_service_swiper li{ min-height: auto;}
.z_service_swiper .bd li{ min-height: 260px;}
.z_service_swiper li .imgbg{ opacity: 1;}
.z_service_swiper li  a{ color: #fff;}
.z_service_swiper li .icon{ height: 30px; margin-bottom: 15px;}
.z_service_swiper li .icon img{ transform: translateY(-30px); height: 60px;}
.z_service_swiper li .line{ background: #fff; margin: 15px 0;}
.z_service_swiper li .desc{ color: #fff;}
.z_service_swiper li a{ padding:10px;}
.z_service_swiper li .more{ opacity: 1; transform: translateX(0);}
.z_index_tit h3{ font-size: 20px; line-height:20px;margin-bottom: 4px;} 
.z_index_tit h4{ font-size: 12px;}
.z_index_service .z_index_tit{ margin-bottom: 20px;}
.z_service_swiper li .desc{ font-size: 12px; line-height: 20px;}
.z_service_swiper li h3{ font-size: 16px;}
.z_service_swiper li h4{ font-size: 12px;}
.z_service_swiper li .more{ display: none;}
.z_service_hd{ text-align: center; margin-top: 20px;}
.z_service_hd li.on{ background: #2F318B;}
.z_index_adv{ padding: 20px 0;}
.z_adv_num li{ width: 33.3%; float: left; min-width: auto;}
.z_adv_tit{ text-align: center; width: 100%; margin-bottom: 20px;}
.z_adv_tit .z_index_tit{text-align: center; margin-bottom: 10px;}
.z_adv_num li h3{ font-size: 12px;margin: 15px 0;}
.z_adv_num li .jia{ font-size: 12px;}
.z_adv_num li h4{ font-size: 12px;}
.z_adv_num li .timer{ font-size: 20px; line-height: 20px; }
.z_adv_num li span{ font-size: 12px;}
.z_adv_top{ padding-bottom: 20px; margin-bottom: 20px;}
.z_case_header{ display: block;}
.z_case_header .z_index_tit{ text-align: center; width: 100%; margin-bottom: 20px;}
.z_case_nav li{ width: 20%;}
.z_case_nav li a{ padding: 10px; }
.z_case_nav li h3{font-size: 12px;}
.z_case_nav li .icon{ margin-bottom: 5px;}
.z_adv_top{border-color: rgba(255,255,255,.5);}
.z_case_list li{ width: 98%; margin-bottom: 10px;}
.z_case_list li .imgbox{ height: 230px;}
.z_case_list li .infobox{ padding: 10px;}
.z_case_list li h3{ font-size: 15px; margin-bottom: 6px;}
.z_case_list li .h4{ font-size: 12px;}
.z_case_list li:last-child{ margin-bottom: 0;}
.z_index_about .imgbox, .z_index_about .infobox{ width: 100%; height: auto;}
.z_index_about .imgbox{ height: 50vh;}
.z_about_small{ position:absolute; left: 0%; top:-100px;width: 100%; display: flex; align-items: flex-end; justify-content: center;}

.z_about_small li{ width: 80px; height: 100px; margin: 0 5px;}
.z_index_about .infobox{ padding: 15px; padding-top: 40px; text-align: center;}
.z_index_about .infobox .z_row{ width: 100%;}
.z_index_about .desc{ width: 100%;}
.z_index_about .z_index_tit{ text-align: center;}
.z_index_about .line{ margin: 10px auto;}
.z_index_about .desc{ font-size: 12px; line-height: 20px;}
.z_index_more{ width: auto; padding: 0 10px; height: 35px; line-height: 35px; margin-left: 5px; background: #2F318B;}
.z_news_fl,.z_news_fr{width: 100%; padding: 20px 10px;}
.z_news_swiper li .imgbox{ height: 220px;}
.z_news_swiper li .infobox{ font-size: 14px;}
.z_frist_news .imgbox{ width: 150px; height: 100px; margin-right: 10px;}
.z_frist_news h3{ font-size: 14px;}
.z_frist_news span{ margin-top: 30px;}
.z_frist_news{ margin-bottom: 10px;}
.z_hot_list li { padding: 10px 0;}
.z_hot_list li .info{ font-size: 14px; line-height: 20px;}
.z_hot_list li .time { font-size: 12px; padding-right: 10px; margin-right: 10px;}
.z_hot_list li .time em{ font-size: 20px;}
.z_index_news .z_index_tit{ text-align: center; margin-bottom: 20px;}
.z_cooper_swiper li{ height: 50px;}
.z_cooper_swiper li img{ max-width: 80%;}
.z_index_cooper .z_index_tit{ margin-bottom: 10px;}
.z_cooper_btn span{ width: 35px; height: 35px; line-height: 35px;}
.z_foot_logo img{ display: block; margin: 0 auto; max-height: 30px;}
.z_footer_top{ display: block; padding: 20px 0; padding-bottom: 0; text-align: center;}
.z_foot_fl{ width: 100%;}
.z_foot_logo{ margin-bottom: 20px;}
.z_foot_contact{ font-size: 12px;}
.z_foot_contact .qq{ margin-bottom: 0;}
.z_foot_fr{ margin-top: 20px; float: left; display: flex; justify-content: center; width: 100%;}
.z_foot_addre li{ width: 100%;}
.z_foot_addre{ display: none}
.z_foot_copy a{ float: none;font-size: 12px;}
.z_foot_copy{ padding: 10px; text-align: center; font-size: 12px;}
.z_other_banner{ margin-top: 50px;}
.z_other_text{ text-align: center;}
.z_other_text h3{ font-size: 18px; margin-bottom: 5px;}
.z_other_text h4{ font-size: 12px;}
.page_nav{ height: 40px; line-height: 40px; overflow: hidden;}
.page_nav li { padding: 0 10px;}
.page_nav li a{ font-size: 14px;}
.page_nav .z-container{ width: 100%;}
.z_about_frwarp{ position: relative; width: 100%; height: 300px;}
.z_about_flwarp .z_conbox{ width: 100%;}
.z_about_flwarp .z_index_tit{ text-align: center;}
.z_service_item {margin-bottom: 10px;}
.z_service_item .imgbox{ width:100%; height: 260px; position: relative; top: auto; transform: translateY(0);}
.z_service_item .infobox{ width: 100%; height: auto; padding: 15px;}
.z_service_item .icon{ height: 30px; margin-bottom: 15px;}
.z_service_item .icon img{ height: 60px;}
.z_service_item .infobox .line{ margin: 15px 0;}
.z_service_tit{ font-size: 20px; padding: 20px 0;}
.z_service_xq{ padding: 0 15px;}
.z_service_content{ font-size: 14px; padding: 20px 0;}
.z_contact_map{ width: 100%; height: 220px; position: relative;}
.z_contact_box{ width: 100%; padding: 20px 0;}
.z_contact_box .line{ margin: 15px auto; }
.z_contact_con .qq{ margin-bottom: 0;}
.z_contact_con{ padding-bottom: 20px;}
.z_contact_addre li{ width:50%; margin-top: 20px; font-size: 12px;}
.z_contact_box .z_index_tit{ text-align: center;}
.ly_part .z-container{ padding: 20px 10px;}
.ly_part .ly_desc{ width: 100%;}
.ly_form{ width: 100%; border: none; padding: 0;}
.ly_desc .z_index_tit{ text-align: center;}
.ly_desc .z_index_tit .line{ margin: 15px auto;}
.ly_desc .text{ font-size: 12px; text-align: center;}
.ly_part .hot_tel{ text-align: center;}
.ly_desc .hot_tel span{ margin-top: 0;}
.ly_form .input_text{ font-size: 12px;}
.ly_form label{ margin: 10px 0;}
.ly_form .sub_btn{ margin-top: 10px;}
.z_team_page{ padding: 20px 0;}
.z_team_page ul{ margin: 0;}
.z_team_page li{ width: 100%; margin: 0; margin-bottom: 10px;}
.z_team_page li .infobox{ padding: 15px; min-height: auto;}
.z_team_page li h3{ font-size: 18px;}
.z_team_page li h3 span{ font-size: 14px;}
.z_team_page li h4{ font-size: 14px;}
.z_load_bar{ height: 40px; line-height: 40px; font-size: 14px;}
.news_xq{ padding: 20px 0;}
.news_fr{ display: none;}
.news_fl{ width: 100%; padding: 10px;}
.news_tit h3{ font-size: 16px; line-height: 24px;}
.news_bar{ padding: 20px 0; display: none;}
.news_artic{ padding: 20px 0;}
.news_time{ position: relative; float: none;display: none;  left: auto; top: auto; width: 50px; height: 50px; margin-right: 10px;}
.news_time em{ font-size: 20px;}
.z_news_page{ padding: 20px 0;}
.z_news_list ul{ margin-left: 0;}
.z_news_list li{ width: 100%; margin-left: 0; margin-bottom: 10px;}
.z_news_list li .imgbox{ height: 220px;}
.z_news_list li .desc{ font-size: 14px; padding: 10px;}
.z_news_list li .bar{ height: 40px; line-height: 40px; padding: 0 10px;}
.z_work_swiper{ width: 100%; height: 240px;}
.z_work_hd{ bottom: 10px;}
.z_work_list{ width: 100%; height: auto;}
.z_work_list li a{ padding: 15px; padding-right: 40px;}
.z_work_list li .iconfont{ opacity: 1;}
.z_work_list li h3{ font-size: 14px;}
.z_banner .bd li{ height: 100%;}
.z_work_head{ margin-bottom: 20px;}
.z_work_text{ width: 100%; padding: 0px;}
.z_work_text h3{ font-size: 14px;}
.z_work_text .desc,.z_work_text h3{ display: none;}
.z_btn_warp{ right:auto; left: 50%; bottom: 5px; transform: translateX(-50%); font-size: 14px;}
.z_case_flwarp{ padding: 0; width: 100%;}
.z_case_frwarp{ width: 100%; margin-left: 0}
.z_workxq_page{ padding: 10px;}
.z_casexq_tit{ font-size: 18px; padding: 10px 0; margin-bottom: 10px; }
.z_casexq_cs{ padding: 15px 0;}
.z_case_content{ max-height:none; margin: 10px 0;}
.z_case_frwarp{ padding: 0; float: left; margin-top: 20px;}
.z_case_frwarp li{ margin-bottom: 5px;}
.z_pc_bar{ display: none}
.z_mobile_bar{ display: block;}
.z_about_frwarp{ position: relative; width: 100%; height: 300px;}
.z_about_flwarp .z_conbox{ width: 100%;}
.z_about_flwarp .z_index_tit{ text-align: center;}
.z_nl_list ul{ display: block;}
.z_nl_list li{ width: 99%; min-height: auto; text-align: center; padding: 15px;}
.z_nl_list li .icon{height: 30px;}
.z_nl_list li .icon img{ margin: 0 auto;}
.z_nl_list li h3{ font-size: 16px; margin: 10px 0;}
.z_about_nl{ padding: 20px 0;}
.z_about_nl .z_index_tit{ margin-bottom: 20px;}
.about_page3 .abouts_warp{ width: 100%;}
.process_con .year h3{ font-size: 20px;}
.process_con .year h4{ font-size: 16px;}
.about_page3{ min-height: auto; padding: 30px 0;}
.process_tab{ width: 100%;}
.process_con { margin: 30px 0;}
.process_con .child{ position: relative; display: none;}
.process_con .child.on{ display: block;}
.process_con .year{ font-size: 20px; margin-bottom: 10px;}
.process_tab .num,.process_tab .tit{display: none;}
.process_tab{  width: 100%;}
.process_tab ul{ margin-top:0px;}
.process_tab ul li{ display: inline-block;  background:rgba(0,0,0,.5); width: 24%; font-size: 14px; height: 40px; line-height: 40px;margin: 0;}
.z_honor_warp{ padding: 20px 0;}
.z_honor_warp .z_index_tit{ margin-bottom: 20px;}
.z_pc_honor{ display: none}
.z_mobile_honor{ display: block;}
.z_hz_swiper .bd li{ width: 25%; height: 50px;}
.z_hz_swiper .bd li img{ max-width: 80%;}
.z_hz_warp{ padding: 20px 0;}
.z_hz_warp .z_index_tit{ margin-bottom: 20px;}
.z_hz_hd{ margin-top: 10px;}
}  */
.section1{width: 100%; overflow: hidden; height: 545px;}
.section2{width: 100%; overflow: hidden;/*    padding: 2vw 0; */}
.section2 .z_index_tit{text-align: left;}
.section3{width: 100%; overflow: hidden;/* padding: 2vw 0; */}
.section4{ margin-top: 76px; /* border-bottom: 4px solid #2F318B; */}
.z_menu_btn{display: none;}
.da{font-size: 1.3vw;}
.z_adv_num li h4{width:160px;overflow:hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.die{ line-height: 30px;text-align: center;display: block;color: #fff;}
.lx{ font-size: 15px; line-height: 30px;}
.gs-zuo{width: 50%;float: left; height:100%}
.gs-you{width: 50%; background: url(../image/bg1.jpg);float: right; padding:40px; height: 100%;}
.df{font-size: 17px;color: #fff; line-height: 32px;text-indent: 2em;}
.lz{font-size: 36px;color: #fff; margin-bottom: 15px; line-height: 36px;}
.yw{color: #fff;font-size: 16px;font-family: "en"; margin-bottom: 20px;}
.z_case_list li:nth-child(4){ margin-bottom:0}
.z_case_list li:nth-child(5){ margin-bottom:0}
.z_case_list li:nth-child(6){ margin-bottom:0}
.zxc{width: 100%; height: 100%;object-fit: cover;}
#dsb{width: 100%; height: 100%;}
.ys1{animation-delay:0.1s;}
.ys2{animation-delay: 0.2s;}
.ys3{animation-delay: 0.3s;}
.ys4{animation-delay: 0.4s;}
.ys5{animation-delay:0.5s;}
.ys6{animation-delay: 0.6s;}
.mtbd{ width: 100%; border: 0;}
.hy{ overflow: hidden;width: 100%;}
.hy li{ float: left;width: 30%; background-color: #f4f4f4; margin-right: 70px; border-top-right-radius:15px ; overflow: hidden; border-top-left-radius: 15px;}
.hy li:last-child{margin-right: 0;}
.hy1{ overflow: hidden;width: 100%; display: none;}
.hy1 li{ float: left;width: 30%; background-color: #fff; margin-right: 70px; border-top-right-radius:15px ; overflow: hidden; border-top-left-radius: 15px;}
.hy1 li:last-child{margin-right: 0;}
.hy-tu{width: 100%; height: 250px; overflow: hidden;}
.hy-tu img{width: 100%; height: 100%; transition:0.3s cubic-bezier(0.4, 0, 1, 1);}
.hy-padding{ padding: 20px;}
.hy-bt{font-size: 20px;color: #000;font-weight: 550;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.hy-nr{ font-size: 15px;color: #666666;line-height: 40px; border-bottom: 1px solid #ccc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;	}
.hy-xm{ line-height: 30px;overflow: hidden; margin-top: 10px;}
.hy-xm p{float: left;}
.hy-xm i{float: right;}
.hy-xm i img{width: 30px;display: block;margin:0 auto;}
.hy li:hover .hy-tu img{ transform: scale(1.1);}
.ck{ width: 150px;text-align: center;color: #737373; line-height: 50px; border-radius: 50px;/* background-color: #2F318B; */border: 1px solid #ccc;display: inline-block;font-size: 18px;position: relative;overflow: hidden;}
.ock{
	transition: .5s;
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0;
	top: 50px;
	background: #2F318B;
	color: #fff;
	line-height: 50px;
	text-align: center;
}
.ck:hover .ock{
	top: 0;
}

.vb{text-align: center; margin-top:25px;}
.tu{ position: relative;z-index: 3;}
.z_header_nav li:hover .ry{ opacity: 0.7;}
.z_header_nav li:hover{background-color: #feba01}
.z_header_nav li:hover a{color: #30318b;}
.z_header_nav li:nth-child(5):hover a{color: red;font-weight:bold}
.dc{ float: right;color: #fff; position: absolute;top: 27px;right: 3%;}
.dc a{display: inline-block;color: #fff;font-size: 16px;}
.dc i{display: inline-block; margin: 0 5px;}
.fz{float: left;line-height: 30px;font-size: 15px;}
.foot{width: 100%;background-color: #2F318B; overflow: hidden; line-height: 45px;}
.foot p{float: left;color: #fff;font-size: 15px; margin-right: 25px;}
.foot a{color: #fff;font-size: 15px;float: left;}
.you{float: right !important;}
.w1200{width: 1200px;margin:  0 auto;}
.ds{overflow: hidden; position: relative;}
.ds li{ float: left;width: 210px; border: 1px solid #ccc;  margin-right: 40px; transition: .1s ease-in-out; margin: 10px; height: 70px; }
.ds li:last-child{ margin-right: 10px;}
.ds li img{width: 100%;height: 100%;}
.ds li:hover{cursor: pointer; border: 3px solid #2F318B;}
.zt{display: block;}
.hh h3{font-weight: bold;font-size: 36px; line-height: 36px;margin-bottom: 8px;color: #333333;}
.hh h4{font-size: 16px; text-transform: uppercase;font-family: "en";}
.zth li{width: 31%; margin-bottom: 0px;float: left;position: relative;border-top-right-radius: 15px;overflow: hidden;border-top-left-radius: 15px;}
.zth{ margin-top: 30px;}
.w1400{width: 1250px; margin: 0 auto;}
.sp{ overflow: hidden;}
.sp li{float: left;margin-right: 25px;width: 450px; height: 250px;}
.sp li:last-child{ margin-right: 0;}
.dd{width: 100%;height: 100%}
.dingdan{ width: 100%; overflow-y: hidden; border: 0; height: 490px;}
.ss{width: 100%;float: left;}
.ry{position: absolute; top:6px;left:23%;width: 70px; opacity: 0; transition: 0.3s ease-in-out;cursor: pointer;z-index: 2;}

.dz:after{clear: both;}
.dz{overflow: hidden;}
.dz li:nth-child(1){margin-top: 0;}
.dz li:nth-child(2){margin-top: 0;}
.dz li:nth-child(3){margin-top: 0;}
.dz li:nth-child(3n){margin-right: 0;}
.dz li{float: left;width: 32%; margin-right: 2%;margin-top: 30px;border-bottom: 2px solid #ccc; position: relative;overflow: hidden;border-radius: 10px;}

.dz li:after{position: absolute;bottom: -1px;left:0;content: "";width: 0%;height: 3px;background-color: #2F318B;z-index: 3;transition: 0.65s ease-in-out;}
.xw-tu{width: 100%; overflow: hidden; position: relative;}
.sj{width: 100%; height: 100%;}
.dw{position: absolute;top:15px; left: 35px; border-radius: 50%;width: 120px; height: 120px;background-color: rgba(47,49,139,.5);color: #fff;text-align: center; padding: 15px 0;}
.dw h2{font-size: 46px;display: block;}
.dw span{display: block;font-size: 14px;}
.xdm{ padding: 10px;background-color: #fff;}
.xdm-bt{ font-weight: bold;font-size: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;	}
.xdm-nr{font-size: 14px;margin: 25px 0;line-height: 25px; height: 75px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color: #666666;}
.xq{padding: 15px 0; overflow: hidden; padding-top: 0;}
.ding:after{width: 100% !important;}
.xq .xqy{margin-right: 5px;float: left;color: #000;}
.tb{float: left;}
.jy{width: 15px !important;margin-top: 2px; transition: 0.65s ease-in-out;}
.ding .xqy{color: #2F318B;transition: 0.65s ease-in-out;}
.ding .xdm-bt{color:#2F318B ;transition: 0.65s ease-in-out;}
.asd{color: #fff;}
@media screen and (max-width:1300px){
.z_header_nav li{padding: 0 1.3vw;}
}
.z_header_nav li:nth-child(5):hover{ background: none !important;}

.it{
	width: 100%;
	background: #2f318b;
	border-radius: 10px;
	overflow: hidden;
}
.it-top{
	overflow: hidden;
	height: 266px;
}
.it-top img{
	width: 100%;
	transition: .5s;
}
.it-bottom{
	font-size: 18px;
	line-height: 3;
	text-align: center;
	color: #fff;
	background: #2f318b;
}
.it:hover img{
	transform: scale(1.1);
}
.juzhong{
	text-align: center;
}
.op p{
	font-size: 16px;
	line-height: 2;
}
.espan{
	float: right;
	/* font-size: 28px;
	color: #3033c2;
	margin-top: 10px; */
	margin-right: 15px;
}
.hg p{
	font-size: 18px;
	line-height: 2;
}
.btop h1{
	font-size: 37px;
	color: #373737;
	margin-bottom: 20px;
}
.btop p{
	font-size: 16px;
	text-indent: 30px;
	line-height: 2;
	color: #414141;
}
.bbottom{
	margin-top: 73px;
}
.otitle{
	text-align: center;
}
.otitle h1{
	font-size: 37px;
	color: #373737;
}

.rongyu{
	width: 1210px;
	margin: 20px auto;
	padding: 10px;
}
.rongyu ul li{
	float: left;
	margin: 0 10px 10px 0;
}
.rongyu ul li:nth-child(4){
	margin-right: 0;
}
.rongyu ul li:nth-last-child(1){
	margin-right: 0;
}
.rongyu ul li img{
	width: 287px;
}
.btop ul li{
	float: left;
	width: 385px;
	height: 265px;
	margin-right: 10px;margin-bottom:10px
}

.tli{
	margin-bottom: 35px;
}
.tli .qleft{
	width: 500px;
	height: auto;

	float: left;
}
.qright{
	float: left;
	margin-left: 20px;
	width: 61%;
	
}
.qright>h1{
	color: #2f318b;
	font-weight: 600;
	font-size: 24px;
}
.xian{
	width: 200px;
	height: 2px;
	background: #2f318b;
	margin: 20px 0;
}
.qright p{
	text-indent: 30px;
	font-size: 18px;
	line-height: 2.5;
}
.map{
	width: 55%;
	height: 400px;
	background: #004CA0;
	float: left;
}
.map-right{
	padding: 20px;
	float: left;
	width: 43%;
	height: 400px;
	margin-left: 10px;
	background: #fff;
}

.eli img{
	float: left;
	width: 50px;
	margin-right: 20px;
	transition: .5s;
}
.eli p{
	float: left;
}
.map-right ul .eli{
	padding-bottom: 24px;
	line-height: 50px;
	font-size: 20px;
	margin-bottom: 22px;
	border-bottom: 1px dashed #ccc;
}
.eli:hover img{
	transform: rotateY(180deg);
}

/* 历程沿革 */
.row {
    overflow: hidden;
    position: relative;
}
.h100 {
    clear: both;
    height: 100px;
    overflow: hidden;
}
.row .wrap {
    position: relative;
    z-index: 4;
}
.wrap {
    clear: both;
    width: 1200px;
    margin: 0 auto;
}
.titBox {
    overflow: hidden;
    position: relative;
    line-height: 35px;
}
.titCh {
    overflow: hidden;
    font-size: 24px;
    color: #c00000;
    text-align: center;
    font-weight: bold;
}
.titIntr {
    overflow: hidden;
    font-size: 16px;
    color: #999;
    text-align: center;
    position: relative;
}
.titIntr span {
    padding: 0 20px;
    position: relative;
}
.titIntr span:before {
    content: "";
    position: absolute;
    width: 94px;
    height: 3px;
    background: url(../image/lft1.png) no-repeat center center;
    left: -85px;
    top: 11px;
}
.titIntr span:after {
    content: "";
    position: absolute;
    width: 94px;
    height: 3px;
    background: url(../image/lft2.png) no-repeat center center;
    right: -85px;
    top: 11px;
}
.h90 {
    clear: both;
    height: 90px;
    overflow: hidden;
}
.row .wrap {
    position: relative;
    z-index: 4;
}
.wrap {
    clear: both;
    width: 1200px;
    margin: 0 auto;
}
.eventBox {
    position: relative;
    z-index: 4;
    padding-bottom: 55px;
}
.eventBox .bg {
    background: url(../image/eventLine.png) left top no-repeat;
    height: 360px;
}
.eventList {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.eventList dd.dd1 {
    left: 10px;
    bottom: 0;
}
.eventList dd {
    position: absolute;
}
.eventList .title {
    background: url(../image/eventIco1.png) center center no-repeat;
    height: 113px;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    color: #c00;
    line-height: 95px;
    width: 115px;
}
.eventList .title2 {
    font-size: 20px;
    font-weight: bold;
    color: #c00;
    /* height: 26px; */
    padding-top: 25px;
}
.eventList .info {
	width: 182px;
    font-size: 14px;
    color: #333;
    /* white-space: nowrap; */
}
.eventList dd.dd2 {
    left: 142px;
    bottom: -111px;
}
.eventList dd.dd3 {
    left: 344px;
    bottom: -7px;
}
.eventList dd.dd4 {
    left: 542px;
    bottom: 137px;
}
.eventList dd.dd5 {
    left: 745px;
    bottom: 185px;
}
.eventList dd.dd6 {
    left: 939px;
    bottom: 286px;
}
.ho img{
	width: 609px;
	border-radius: 10px;
	float: left;
	margin-right: 32px;
	margin-bottom: 30px;
}
.ho img:nth-child(2n-1){
	margin-right: 0;
}
.titCh{
	font-size: 37px !important;
}


/* 桃花源项目 */

.bjt{ width: 100%; background: url(../image/gxbj.jpg) no-repeat top;background-size: cover;}
.bjt-tit{ font-size: 18px;text-align: center;}
.bjt-nr{ line-height: 30px;font-size: 16px;text-indent: 2em; opacity: 0;color: #fff;}
.bjt-dw{ position: absolute; top: 40%; width: 90%; left: 5%;z-index: 3;}
.dyd{ overflow: hidden; position: relative;z-index: 5;}
.dyd li{ float: left;width: 20%; height: 80vh; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.4117647058823529);z-index: 3;}
.dyd li:last-child{ border-right: 0;}
.heihei{ position: absolute; width:100%;height: 80vh; background-color: #000;z-index: 2; opacity: .5; }
.on1{background: url(../image/gxbj.jpg) no-repeat center;background-size: cover; transition: 0.3s ease-in-out;}
.on2{background: url(../image/gxbj2.jpg) no-repeat center;background-size: cover; transition: 0.3s ease-in-out;}
.on3{background: url(../image/gxbj3.jpg) no-repeat center;background-size: cover; transition: 0.3s ease-in-out;}
.on4{background: url(../image/gxbj4.jpg) no-repeat center;background-size: cover; transition: 0.3s ease-in-out;}
.on5{background: url(../image/gxbj5.jpg) no-repeat center;background-size: cover; transition: 0.3s ease-in-out;}
.onhong{background: rgba(92, 141, 255, 0.6);}
.onhong .bjt-tit{ display: none;}
.onhong  .bjt-nr{ top: 0; transition: 0.3s ease-in-out; opacity: 1;}
.dsb{ position: relative;}
.onhong .bjt-dw{ top: 15%; transition: 0.3s ease-in-out; position: relative;}
.bjt-tit h2{color: #fff; font-size: 36px;  margin-bottom: 10px;}
.bjt-tit p{font-size: 20px;color: #fff; letter-spacing: 3px;}
.ico{ display: block; margin: 0 auto;width: 50px; margin-bottom: 10px; transition: 0.3s ease-in-out;}
.onhong .ico{  display: block; margin-bottom: 20px;}
.kz{display: none;}
#dajie{display: none;}
.n_banner{display: none;}
.tiao{display: none;}

.hh{
	text-align: center;
	margin-bottom: 30px;
}
.uline{
	display: inline-block;
	width: 100px;
	height: 2px;
	background: #2f318b;
}
.hh h1{
	font-size: 30px;
}


.oh{
	width: 100%;
}


<!-- 二维码和联系电话 -->


.oop {
    border-top: 1px solid rgba(0,0,0,.1);
    width: 100%;
}
.redd {
    color: red;
    color: #2f318b;
    font-size: 28px;
    padding-bottom: 10px;
}
.re {
    font-size: 14px;
    padding-bottom: 25px;
}
.dian {
    font-size: 36px;
    color: #2f318b;
}

.p-img img{
	width:29%;
	
	
	}

.xw{background-color: #008744;padding: 10px 20px;}
.xw:after{display: block;content: "";clear: both;}
.xw span{color: #fff;font-size: 18px;float: left;font-weight: bold;}
.gd{float: right;font-size: 14px;color: #fff;}
.bao{overflow: hidden;margin:45px 0;overflow:hidden;border-radius:10px;}
.xw-zuo{float: left;width: 600px;}
.xw-you{float: right;background-color: #fff;padding:12px 20px;width: 650px;}
.xj{display: block;}
.xj img{width: 100%; height: 420px;float: left;}
.xw-nr{position: absolute;left: 0;bottom: 0;line-height: 40px;background-color: rgba(0, 0, 0, 0.76); color: #fff;width: 100%;padding: 0 20px;}
.xw-qh{overflow: hidden;padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.xw-qh li{float: left;line-height: 45px;text-align: center;width: 130px;margin-right: 15px;cursor: pointer;color: #000;}
.lv{background-color: #008744;color: #fff !important;}
.xw-lb{}
.xw-lb li{line-height: 36px;overflow: hidden;}
.xw-lb li:hover .xw-cd{color: #2f318b;}
.xw-lb li a{color: #4d4d4d;font-size: 15px;display: block;transition: 0.3s ease-in-out;}
.xw-lb li a i{float: left;width: 6px;height: 6px;background-color:#2f318b ;border-radius: 50%;margin: 0 10px;margin-top: 17px;}
.date{float: right;font-size: 13px;color: #999999;}
.xw-cd{max-width: 70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float: left;	}
.k{display: block;}
.kg{float:left;font-size:16px;width:30px}
.kh{float:left;font-size:16px;width:1080px}
.ddd{overflow:hidden;    line-height: 3;}

.z-con1,.z-con2{
	float:left;
	width:615px;
	height:128px;
	background:#ff0000;
	margin-right:10px;
	overflow:hidden;
	border-radius:10px;
}