@charset "UTF-8";

pre{font-family: 'SiYuanRegular1689337fdb1dd5c' !important; width: 100%;}
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; outline: none;}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
/*body{font-family: "微软雅黑";font-size: 14px; background:#fff; overflow-x:hidden; color: #333; min-width: 1200px; }*/
a{font-size:16px;text-decoration:none;  color: #333; transition: all .45s; z-index: 99999;    }
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: "微软雅黑"; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;width: 100%;}
.u_hidden{ display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:1200px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1250px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width: 1200px;height:auto;clear: both;margin: 0 auto;}

.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;overflow: hidden;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.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;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
*:before,
*:after {
  z-index: -1;
}
.desc{ line-height: 24px;}
body,.bodys{ transition: all .8s;}
body.fixed .z_header{transform:translateY(-100%);visibility:hidden;}
.z_header{ height: 100px; overflow: hidden; background:#fff; text-align: center; padding: 0 50px; box-sizing: border-box; width: 100%;  box-sizing: border-box; z-index: 10;transition: all .8s; -webkit-transition: all .8s;}
.z_header .logo{  height: 100px; line-height: 100px; }
.z_header .logo img{ vertical-align: middle;} 
.header_fr{ float: right;}
.tel_bar{ display: inline-block; line-height: 40px; border-bottom: 1px solid #1058a4; font-size: 18px; color: #1058A4; margin-top: 25px; text-align: center; font-size: 16px; font-family:"en";}
.tel_bar img{ vertical-align: middle; margin-right: 10px;}
.header_nav{  float: left; margin-right: 30px;}
.header_nav li{ display: inline-block; line-height: 100px; margin: 0 15px; position:relative; }
.header_nav li a{ font-size: 16px; display: block; width: 100%; height: 100%;}
.header_nav li a:hover{ color: #1058A4;}
.header_nav li.active a{ color: #1058A4;}
.header_nav li:before{ content: ""; display: block; width:0%; height: 2px; background: #42a460; position: absolute; left: 50%; bottom: 0; transition: all .6s;}
.header_nav li.active:before,.header_nav li:hover:before{ width: 100%; left: 0;}
.person_btn{ line-height:100px; display: block; width: 40px; float: right; text-align: center; margin-left: 20px;}
.person_btn img{ vertical-align: middle;}
.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; }
.banner .swiper-pagination span{display: inline-block; margin-right: 10px; position: relative; border-radius: 2px; width:4px; height: 20px; background:rgba(255,255,255,.5); opacity: 1; box-sizing: border-box;  transition: all .8s; cursor: pointer;}
.banner .swiper-pagination-bullet-active{  background: #fff!important; height: 38px!important;}
.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 .swiper-slide-active{pointer-events:auto}
.banner .swiper-pagination{ position: absolute; right: 50px; bottom: 60px; z-index: 12; }
.banner_mask{ width: 100%; position: absolute; left: 0; bottom: 60px; z-index: 2;}
.banner img{ width: 100%; vertical-align: bottom;}
@keyframes sb{
	
0%{transform: scale(1) translateY(0);}
50%{transform: scale(1.1) translateY(-20%);}	
100%{transform: scale(1) translateY(0);}
}
.banner_mask .sb{ display: inline-block;animation: sb 1.5s infinite; }
.index_about{ position: relative;}
.about_fl{ width: 100%; float: left;  height: 100%; height: 678px; background: url(../image/aboutbg.jpg) no-repeat left center;background-size: cover;}
.about_fl .z-container{ display: flex; align-items: center; height: 100%; color: #fff;}
.about_fl .flex{ width: 49%;}
.about_fl .desc{ height: 190px;overflow: hidden;}
.about_fl .index_tit .line{ background: #fff;}
.about_fr{ width: 47.9%;position: absolute; right: 0; top: 0; z-index: 2; height: 100%;}
.index_tit span{ font-size: 48px; text-transform: uppercase; font-weight: bold; line-height: 48px;}
.index_tit h3{ font-size: 24px; font-weight: bold;}
.index_tit .line{ display: block; width: 26px; height: 5px; background: #333; margin: 40px 0;}
.morebtn{ display: block; width: 50px; height: 50px; background: #fff; border-radius: 50%; background: #fff; transition: all .4s; text-align: center; line-height: 50px; color: #1058A4; font-size: 24px; margin-top: 50px; font-weight: bold;}
.morebtn2{ background: #1058A4; color: #fff;}
.morebtn:hover,.morebtn2:hover{ transform: rotate(360deg);} 
.index_yw{ background: url(../image/index_bg.jpg) no-repeat center; background-size: cover;}
.yw_fl{ width: 310px; float: left; height: 681px; display: flex;  display: -webkit-flex; align-items: center; }
.yw_fl .desc{ height: 96px; overflow: hidden;}
.yw_fr{ width: 850px; float: right;}
.yw_fr li:first-child{ margin-left: 280px;}
.yw_fr li{ width: 280px; background: #ebf5fd; float: left; height: 340px; text-align: center; margin-left: 1px; margin-bottom: 1px; display: flex; align-items: center; justify-content: center;} 
.yw_fr li img{ margin-bottom: 30px; transition: all .4s;}
.yw_fr li:hover img{ transform: rotate(360deg);}
.yw_fr li:nth-child(3),.yw_fr li:nth-child(4){ margin-bottom: 0;}
.index_pro{ background: url(../image/index_bg2.jpg) no-repeat center; background-attachment: fixed; padding: 30px 0;}
.index_bar{ position: relative; margin-bottom: 40px;}
.index_bar .morebtn{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin: 0;}

.pro_fl{ width: 53.3%; float: left; height: 530px; text-align: center; padding: 60px 0; box-sizing: border-box;}
.pro_fl .flex{ width: 33%;color:#fff;color: #fff; margin: 0 auto;}
.pro_box .see{ color: #fff; opacity: 0;}
.pro_box:hover .see{ opacity: 1;}
.pro_box a{ display: block; width: 100%; height: 100%;width: 100%;}
.pro_box h3{ margin:6px 0; font-size: 18px;color: #fff;}
.pro_box .desc{ color: #666666; color: #fff; height: 48px; overflow: hidden;}
.pro_fr{ width:45.6%; float: right;}
.pro_fr .pro_box{ height: 258px; padding: 18px 10px; box-sizing: border-box;}
.pro_fr .pro_box:first-child{ margin-bottom: 14px;}
.pro_fr .pro_box:last-child,.pro_fr .pro_box:last-child .desc,.pro_fr .pro_box:last-child h3{ color: #fff;}
.pro_fr .flex{ width: 36%; float: left;margin-top: 120px;}

.index_news{ padding: 30px 0; }
.news_list ul{ margin-left: -1.7%;}
.news_list li{ width: 31.6%; float: left; margin-left: 1.7%;}
.news_list li .img{ width: 100%; height: 217px; overflow: hidden;}
.news_list li img{ width: 100%; height: 100%; transition: all .6s;}
.news_list li:hover img{ transform: scale(1.1,1.1);}
.news_list li .info{ padding: 40px 35px; box-sizing: border-box; border:1px solid #e7e7e7;}
.news_list li h3{ line-height: 24px;  overflow: hidden; font-size: 16px; font-weight:bold; }
.news_list li span{ color: #666666;}
.index_logo{ background: #f4f6f7; padding: 60px 0;}
.logo_btn{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.logo_btn a{ display: inline-block;outline: none; }
.logo_btn .iconfont{font-size: 36px; color: #c4c4c4;  transition: all .4s;}
.logo_btn a:hover .iconfont{ color: #1058A4;}
.logo_warp{ height: 120px; line-height: 120px;}
.logo_warp img{ max-width: 100%; max-height: 100%; vertical-align: middle;}

.z_footer{ background: #2a3440; border-top:3px solid #1058a4; color: #67717e;}
.foot_top{ padding: 65px 0; border-bottom: 1px solid rgba(103,113,126,.5);}
.foot_nav{ float: left;}
.foot_nav dl{ display: inline-block; vertical-align: top; margin-right: 3vw;}
.foot_nav dt a{ color: #fff; margin-bottom: 20px;width: 100%;}
.foot_nav a{ display: block; color: #67717E; line-height: 32px;}

.foot_fr{ float: right;}
.foot_code{ float: left; text-align: center; width: 140px; margin-right: 2.5vw;}
.foot_code img{ width: 100%;}
.foot_code h3{ line-height: 24px;}
.foot_addre h3{ font-size: 36px; font-weight: bold; color: #1058A4; text-transform: uppercase; margin-bottom: 10px;}
.foot_tel{ font-size: 24px; font-weight: bold; color: #1058A4; margin-bottom: 5px;}
.foot_tel .iconfont{ font-size: 24px;}
.addre_p{ line-height: 30px; width:570px;font-size: 16px;}
.addre_p span{ display: inline-block; }
.foot_link{ line-height: 60px;}
.foot_link a{ color: #67717e; }

.other_banner{ width: 100%; position: relative;}
.other_banner img{ width: 100%; vertical-align: bottom;}
.banner_text{ width: 100%; position: absolute; left: 0; bottom: 60px; color: #fff;}
.banner_text .en{ text-transform: uppercase; font-size: 48px; font-weight: bold;}
.banner_text span{ font-size: 24px; font-weight: bold;}
.banner_text .arr{ display: block; width: 35px; height: 35px; background: url(../image/arr.png) no-repeat center; background-size: 100% 100%; margin-top: 10vh;}
.page_nav{ height: 54px; line-height: 54px; background: #1058A4; text-align: center;}
.page_nav a{ color: #fff; font-size: 16px; margin: 0 20px; display: inline-block;}
.other_page{ padding: 90px 0;}
.news_list2 li{ margin-bottom: 25px;}
.loadmore{ display: block; width: 170px; height: 54px;  line-height: 54px; text-align: center; border: 1px solid #e4e4e4; margin: 0 auto;margin-top: 70px; transition: all .4s;} 
.loadmore:hover{ background: #1058A4; color: #fff; }

.artic_page{ background: #fff; padding: 30px 60px; box-sizing: border-box;}
.artic_tit{ padding: 40px 0; border-bottom: 1px solid #e5e5e5;}
.artic_tit h3{ font-size: 24px;}
.artic_con{ padding: 50px 0; line-height: 24px; color: #777;}
.artic_con img,.about_con img{ max-width: 100%!important; height: auto!important;}
.topbtm_bar{ border-top:1px solid #e5e5e5; padding: 50px 0; position: relative;}
.topbtm_bar a{ display: block; margin-bottom: 10px; font-size: 16px; width: 70% ;}
.topbtm_bar .back{ width: 136px; height: 48px; background: #1058A4; color: #fff; line-height: 48px; text-align: center; position: absolute; right: 0; top: 50px; }
.artic_tit p{ margin-top: 30px; color: #919191;}
.artic_tit p span{ display: inline-block;}
.artic_tit p .time{ background: url(../image/time.png) no-repeat left center; padding-left: 25px;}

.about_tit{ font-size: 36px; font-weight: bold; text-align: center; margin-bottom: 50px;}
.about_con{line-height: 24px; color: #666;}
.about_con img{ height: auto!important; max-width: 100%!important; }  

.honor_warp{ text-align: center;}
.honor_warp li{ margin-bottom: 30px;}
.honor_warp img{ max-width: 100%;}

.contact_tab .box{ display: block; width: 24.6%;position: relative; z-index: 1; transition: all .2s; cursor: pointer; background: #f4f6f7; height: 215px;  float: left; margin: 0 2px; padding: 30px; box-sizing: border-box;}
.contact_tab .box h3{ font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.contact_tab p{ line-height: 24px; color: #666;}
.contact_tab .iconfont{ margin-right: 10px;}
.contact_tab .code img{ width: 124px; float: left; margin-right: 10px;}
.contact_tab .code span{ margin-top: 70px; float: left; line-height: 24px;}
.contact_tab li.active{ background: #1058A4; color: #fff;}
.contact_tab li.active p{ color: #fff;}
.contact_tab li.active:before{ content: ""; display: block; width: 16px; height: 10px; background: url(../image/arr2.png)no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; z-index: 1;}
.map_tab .child{ margin-top: 70px; height: 620px; overflow: hidden;}
.map_tab img{ width: 100%; height: 100%;}


.zp_box{  padding: 100px 0;}
.rc_box{ margin-bottom: 2px;}
.sideMenu{  }
.sideMenu .tit{ height:80px; line-height:80px; padding:0 50px;box-sizing: border-box; background:#f8f8f8; cursor:pointer; color: #2e2e2e; }
.sideMenu .tit span{ display: inline-block; width:30%; font-size: 16px;}
.sideMenu .tit em{ float:right; display:inline-block; width:30px; height:30px; background: url(../image/add.png) no-repeat left center; background-size: 100% 100%;  margin-top: 25px;}
.sideMenu .tit.on em{ background: url(../image/jian.png) no-repeat center; background-size: 100% 100%; }
.sideMenu .tit.on{ background:#1058a4; color: #fff; }
.sideMenu ul{ padding:40px 50px; color:#515151; display:none;  background: #f8f8f8; }

.sideMenu ul h4{ margin-bottom: 20px;}
.sideMenu ul p{ margin-bottom: 10px;}
.sideMenu .aplybtn{ display: inline-block; width: 120px; height: 45px; background: #1058A4; border-radius: 5px; line-height: 45px; text-align: center;color: #fff; margin-top: 40px; cursor: pointer;}
.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 7px 0 46px rgba(0,0,0,.2); text-align: center; padding: 10px;box-sizing: border-box; display: none;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px; font-size: 24px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33px; text-align: center;line-height: 33px;  color: #fff; border-radius: 4px; background:#1058A4; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:10px; margin-bottom: 40px;}
.aply_pop .btn_group button{ display: inline-block; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px; cursor: pointer;}
.aply_pop .btn_group .surebtn{ background: #929292;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(../image/colse2.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}

.ly_part{ background: url(../image/ly_bg.jpg) no-repeat center; background-attachment: fixed;  }
.ly_part .z-container{ background: #fff; border-top: 10px solid #1058A4; padding: 100px; box-sizing: border-box;}
.ly_part .ly_desc{ width: 30%; color: #878787; float: left;}
.ly_form{ width: 61%; float: right;}
.ly_desc .tit{ color: #333; font-size: 16px;}
.ly_desc .tit h3{ font-size: 30px; text-transform: uppercase;font-family:"en"; line-height: 30px; margin-bottom: 10px; font-weight: bold;}
.ly_desc .tit .line{ display: block; width: 18px; height: 4px; background: #f9a010; margin: 35px 0;}
.ly_desc .text{ line-height: 24px; margin-bottom: 30px;}
.ly_desc .hot_tel span{ font-size: 24px;display: block; color: #333; margin-top: 10px; font-weight: bold;}
.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; width: 100%; height: 50px; background:#1058A4; margin-top: 30px; color: #fff; font-size: 18px;}
.lypic{ margin-top: 40px;}
.lypic img{ max-width: 100%;}





@media screen and (max-width: 1550px) {
.z_header{ padding: 0 0px;}
	
}
@media screen and (max-width: 1450px) {
.header_nav li{ margin: 0 10px;}
.z_header .logo img{ /*width: 230px;*/}
}
@media screen and (max-width: 1300px) {
.header_nav li{ margin: 0 5px;}	
	.z-container{width: 94%;}
}
@media screen and (max-width: 1200px) {

	/*body{ min-width: 1200px; overflow-y: hidden;}*/
	.banner_text .arr{ margin-top: 4vh;}
}