@charset "utf-8";
/* ------------------------------------------------- 
 * 公用样式表 
 * ------------------------------------------------- 
*/  
body{font-family:"微软雅黑","宋体"; font-size:14px; line-height: 1.28571; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal;  color: rgba(255, 255, 255, 1); color: #3f3f3f;  background: rgba(255, 255, 255, 1); 
text-align:justify; -webkit-text-size-adjust:none; height:auto; 
-webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}
/** 定义HTML body **/

a{color:#333;transition:400ms ease all;}
a:focus {color: #333;outline: none;text-decoration: none;}
a:hover {color: #333;outline: none;text-decoration: none;transition:400ms ease all;}

/* == 翻页公用  ====================================================================================*/
.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 20px 0px 0px 0px;}
.pageflip  a{color: #174e9a;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px;border: 2px solid #174e9a;border-radius: 5px;margin: 0px 5px;}
.pageflip  a:hover,.pageflip a.dq{background: #174e9a;color: #fff;}
.pageflip  a i{display: block;line-height: 30px;height: 30px; }
@media (max-width:768px){
.pageflip{ margin: 5px 0px 0px 0px;}
.pageflip  a { font-size: 12px; height: 26px; line-height: 24px; border-width: 1px; padding: 0px 9px; border-radius: 3px; }
.pageflip  a i { line-height: 24px; height: 26px; }
}
/* == 翻页公用  ====================================================================================*/


@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:1023px){}
@media (max-width:767px){}
/* == 全局  ======================================================================================================================================*/
.wrapper_full{margin: 0px auto; max-width: 100%; width: 100%; padding: 0 0px;}
.wrapper_box{margin: 0px auto; max-width: 1600px; width: 100%; position: relative; padding: 0 30px;}
.max1440{margin: 0px auto; max-width: 1360px; width: 100%; padding: 0 30px;}
.max1200{margin: 0px auto; max-width: 1200px; width: 100%; padding: 0 30px;}
@media (max-width:1440px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 30px; }
}
@media (max-width:1280px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 20px;}
	.max1440{padding: 0 20px;}
	.max1200{padding: 0 20px;}
}
@media (max-width:1023px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 10px;}
	.max1440{padding: 0 10px;}
	.max1200{padding: 0 10px;}
}
@media (max-width:767px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 10px;}
	.max1440{padding: 0 10px;}
	.max1200{padding: 0 10px;}
}
/* == 全局  ======================================================================================================================================*/



/** == 首页banner ======================================================================================================================================*/
.banner_box{ width: 100%; position: relative; padding-top: 0px;}
.swiper-ban.swiper-container{}
.swiper-ban.swiper-slide{ background: #000; width: 100%; height:auto;}
.swiper-ban a {display: block; width: 100%; height:100%; overflow: hidden; position: relative;}
.swiper-ban a .slide_full{width: 100%; height:700px;/*^banner高度^*/ overflow: hidden; position: relative; background-repeat:no-repeat; background-position:center center; background-size:cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.swiper-ban a > img {position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; }
.swiper-ban a .bg_hei{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: 1; background:linear-gradient(-150deg,#000,#103170 50%); opacity: 0.4;/*^banner上覆盖色^*/}

/** banner点点点 =====*/
.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
.swiper-ban .swiper-pagination-bullet{background: #fff; width: 10px; height:5px; border-radius:5px;  opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-ban .swiper-pagination-bullet-active {background: #0f4ba3; width: 30px; }

/** banner箭头 =====*/
.swiper-ban .swiper-button-prev {left:30px; width: 50px; height: 50px; opacity:1; top: 50%;transition: all 0.5s ease-out;}
.swiper-ban .swiper-button-next {right:30px; width: 50px; height: 50px;opacity:1;top: 50%;transition: all 0.5s ease-out;}

.swiper-ban .swiper-button-prev {background-color:rgba(0,0,0,0.9);background-image:url(../images/left.png); background-repeat:no-repeat; background-position:center center; background-size:50%; text-align: center;border-radius:100%; }
.swiper-ban .swiper-button-next { background-color:rgba(0,0,0,0.9);background-image:url(../images/right.png); background-repeat:no-repeat; background-position:center center; background-size:50%; text-align: center;border-radius:100%; }
.swiper-ban .swiper-button-prev:hover{opacity: 0.8;left:40px;}
.swiper-ban .swiper-button-next:hover{opacity: 0.8;right:40px;}

.swiper-ban .swiper-button-prev.swiper-button-disabled{opacity:0.1;background-color:none;background-image:url(../images/left.png);}/*^到头^*/
.swiper-ban .swiper-button-next.swiper-button-disabled{opacity:0.1;background-color:none;background-image:url(../images/right.png);}/*^到头^*/

@media (max-width: 1023px) { 
.banner_box{ width: 100%; position: relative; padding-top: 2.6rem;}
.swiper-ban a .slide_full{width: 100%; height:500px;}
}

@media (max-width: 767px) { 
.banner_box{ width: 100%; position: relative; padding-top: 2.6rem;}
.swiper-ban a .slide_full{width: 100%; height:250px;}
.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px;}
.swiper-ban .swiper-button-prev {left:10px; width: 30px; height: 30px; opacity:1; top: 90%;transition: all 0.5s ease-out;}
.swiper-ban .swiper-button-next {right:10px; width: 30px; height: 30px;opacity:1;top: 90%;transition: all 0.5s ease-out;}
.swiper-ban .swiper-button-prev:hover{opacity: 0.8;left:20px;}
.swiper-ban .swiper-button-next:hover{opacity: 0.8;right:20px;}
}
/** == 首页banner ======================================================================================================================================*/



/** == 首页banner上文字 ======================================================================================================================================*/
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 45%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1;  filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 30px; color: #fff; font-size: 60px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 20px; color: #fff; font-size: 40px; font-weight: bold;}
.ani-03 { height: auto; margin-bottom: 30px; color: #fff; font-size: 20px; font-family: DINEngschriftStd;}
.ani-04{height: auto; margin-bottom: 10px; color: #fff; font-size: 20px; }
.ani-04{ background:rgba(1, 79, 153, 0.8);  width: 350px; margin: 0px auto; padding: 20px 30px;}
 
@media (max-width: 1440px) {
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 30px; color: #fff; font-size: 60px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 20px; color: #fff; font-size: 40px; }
.ani-03 { height: auto; margin-bottom: 20px; color: #fff; font-size: 20px; font-family: DINEngschriftStd;}

}

@media (max-width: 1280px) {
}

@media (max-width: 1023px) { 
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1; filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size:26px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 5px; color: #fff; font-size: 20px; display: none;}
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 14px; font-family: DINEngschriftStd;display: none;}

.ani-04{height: auto; margin-bottom: 10px; color: #fff; font-size: 12px; }
.ani-04{ background:rgba(1, 79, 153, 0.8);  width: 250px; margin: 0px auto; padding: 7px 10px;}
}

/** == 首页banner上文字 ======================================================================================================================================*/



/** == pag_ban ====================================================================================*/
.pag_ban{position: relative;overflow: hidden;height: 300px; margin-top: 0px;transition: all 0.5s ease-out;}
.pag_ban:before {content: ''; position: absolute;background:linear-gradient(-150deg,#000,#103170 50%); opacity: 0.5; height: 100%; width: 100%; top: 0;left: 0;}

.pag_ban .imgbg {height: 100%;}
.pag_ban .imgbg {background-position: center center;background-size: cover;background-repeat: no-repeat;}
.pag_ban .imgbg img { display: none;}


.pag_ban_tit{color: #fff; text-align:center; position: relative; width: 100%; max-width: 1360px; padding: 0px 30px 0px 30px;  margin: 0px auto; filter:shadow(Color=#000,Direction=10,Strength=10);top: 40%; -webkit-transform:translateY(-40%); transform:translateY(-40%); }
.pag_ban_tit .tf30{ font-size: 45px; padding-bottom: 10px; font-weight: bold; }
.pag_ban_tit .tf16{ font-size: 24px; line-height: 30px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; text-transform: uppercase;}
.pag_ban_tit .tf14{ font-size: 14px; line-height: 30px; color: #eee; margin-top: 20px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; text-transform: uppercase;}
.pag_ban_tit .tf14 a{color: #eee;  padding: 0px 5px;}
.pag_ban_tit .tf14 a:hover{color: #fff; }

@media (max-width:1366px){
.pag_ban{position: relative;height: 300px; overflow: hidden;}
.pag_ban_tit{padding: 0px 20px 0px 20px;}
}

@media (max-width:1023px){
.pag_ban{position: relative;height: 200px; margin-top: 0rem;}
.pag_ban_tit .tf30{ font-size:0.8rem; font-weight:600;padding-bottom: 10px;}
.pag_ban_tit .tf16{ font-size:12px ; line-height: 1.4; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
.pag_ban_tit .tf14{  display: none;}
}
@media (max-width:992px){
	.pag_ban{position: relative;height: 180px;}
	.pag_ban_tit{color: #fff; text-align:center; position: relative; width: 100%; max-width: 1360px; padding: 0px 30px 0px 30px;  margin: 0px auto; filter:shadow(Color=#000,Direction=10,Strength=10);top: 80%; -webkit-transform:translateY(-80%); transform:translateY(-80%); }
}
/** == pag_ban ====================================================================================*/



/** pc_header header ========================================================================================================================*/
.pc_header{width: 100%; height: 61px; position:relative; top: 0px; left: 0px; z-index: 9999;  padding: 0px 0px; box-shadow: 0px 5px 3px 3px rgba(0, 0, 0, 0.05);transition: all 0.5s ease-out;  border-top: 1px solid #ebebeb; background-color: #fff;}

.pc_header.top_fixedY{position: fixed;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);transition: all 0s ease-out; }
/** .pc_header.top_fixedY 固定顶部溢出 ======**/
.pc_header.top_fixed{-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);transition: all 0.5s ease-out;}
/** .pc_header.top_fixedY 滑出顶部显示 ======**/

.m_header{display: none;}
@media (max-width:1023px){
.pc_header{display: none;}
.m_header{display:block;}
}

/** logo ========================================================================================================================*/
.pc_header .wrapper_box{height: 100%;}

.logo_m{padding: 25px 0px;}
.logo_m .logo{float: left; height: 60px;  display: -webkit-flex; /* Safari */display: flex;   -webkit-align-items: center; /* Safari 6.1+ */ align-items: center;}
.logo_m .logo a{float: left; display: block;height: 60px; }
.logo_m .logo a img{ max-width:auto; height: 100%;}
.logo1{float: right;}
.logo1 .item {float: left;margin-right: 40px;}
.logo1 .item i{float: left;line-height: 60px;margin-right: 10px;}
.logo1 .item i img{width: 40px;height: 40px;}
.logo1 .item .txt{float: right;line-height: 22px;}
.logo1 .item .txt p{font-size: 20px;font-weight: 700;display: block; padding-top: 10px;}
.logo1 .item .txt span{font-size: 13px;display: block;}

.logo1 .item:nth-child(1) .txt p{ color: #333;}
.logo1 .item:nth-child(2) .txt p{ color: #333;}
.logo1 .item:nth-child(3) .txt p{ color: #333;}

@media (max-width:1023px){
.logo_m{display: none;}	
}


/** pc_nav 通用导航 ====================================================================================*/
.pc_nav {width:80%; margin: 0px auto; float: left; }
.pc_nav ul{ display: block;}
.pc_nav:after,.pc_nav > ul:after {content: "";display: block;clear: both;visibility: hidden; line-height: 0;height: 0;}
/*一级菜单*/
.pc_nav > ul > li.nav-one {float: left; width:12.5%; display: block; position: relative;-webkit-perspective: 85px; -moz-perspective: 85px; -ms-perspective: 85px; perspective: 85px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;}
.pc_nav > ul > li.nav-one > a {color: #000; padding: 0px 0px 0px 0px; font-size: 16px; line-height: 60px;  font-weight: bold;  text-align: center; display: block; }
.pc_nav > ul > li.nav-one:hover > a { color: #fff; background-color: #0f4ba3;}
.pc_nav > ul > li.nav-one > a.on{color: #fff; background-color: #0f4ba3;}

.pc_nav > ul > li.nav-one > a:after{content: " ";display: block; height: 10px; width: 2px; position: absolute; right:-2px; top: 42%; background-color: #dadada;}

/*一级菜单*/
@media (max-width:1440px){
.pc_nav > ul > li.nav-one > a {color: #000; padding: 0px 0px 0px 0px; font-size: 16px; line-height: 60px; text-align: center; display: block; }
}
@media (max-width:1280px){
.pc_nav {width:75%; margin: 0px auto; float: left;  }
.pc_nav > ul > li.nav-one > a {color: #000; padding: 0px 0px 0px 0px; font-size: 14px; line-height: 60px; text-align: center; display: block; }
}


/*二级菜单*/
.pc_nav > ul > li.nav-one > ul.nav-two {opacity: 0; width: 100%;height: auto;top:auto;left: 0;padding-bottom: 0px; display: block;transition: all 0.3s ease-out; position: absolute;background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;-webkit-transform-origin: 0px 0px;-moz-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;transform-origin: 0px 0px;-webkit-transform: rotateX(-60deg);-moz-transform: rotateX(-60deg);-ms-transform: rotateX(-60deg);transform: rotateX(-60deg);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}

.pc_nav > ul > li.nav-one:hover > ul.nav-two { opacity: 1; 
-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg);box-shadow:0 10px 20px 2px rgba(0, 0, 0, .1)}

.pc_nav > ul > li.nav-one > ul.nav-two >li{height: 50px; transition: all 0.3s ease-out; position: relative;}
.pc_nav > ul > li.nav-one > ul.nav-two >li >a{ background:rgba(255, 255, 255, 0.9); color: #000;   width:100%; height:50px;line-height: 50px;padding:0px 0px; text-align: center;display: block; text-decoration: none;transition: all 0.2s ease-out; border-bottom: 1px dotted #ccc;}
.pc_nav > ul > li.nav-one > ul.nav-two >li >a.on{ background:rgba(1, 79, 153, 0.9); color: #0f4ba3;   width:100%; height:50px;line-height: 50px;padding:0px 0px; text-align: center;display: block; text-decoration: none;transition: all 0.2s ease-out;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover >a{ color: #fff; background:rgba(1, 79, 153, 0.9);}

.pc_nav > ul > li.nav-one > ul.nav-twoh{width: 650px;background:rgba(255, 255, 255, 0.9);}
.pc_nav > ul > li.nav-one > ul.nav-twoh >li{height: 50px;width: 25%;  float: left; transition: all 0.3s ease-out; position: relative;}
.pc_nav > ul > li.nav-one > ul.nav-twoh >li >a{ background:rgba(255, 255, 255, 0);}

/*二级菜单*/


/*三级菜单*/
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three{margin-left: 100%;top: 0;position: absolute; left: 0px;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three{left: auto; width: 100%;}
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three li{height: 0; width: 100%; display: block; transition: all 0s ease-out; position: relative; overflow: hidden;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three li{height: 50px; overflow: hidden; transition: all 0.2s ease-out;}
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a{width:100%; height:50px; line-height: 50px;padding:0px 0px; text-align: center; background:#666;color: #eeeeee;  border-top: 1px solid #000;display: block; text-decoration: none; }
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a:hover{ color: #fff; background: #000;}
/*有三级菜单的小箭头*/
ul.nav-three::after {position: absolute; top: 25px; left: -20px;width: 4px; height: 4px; border-bottom: 1px solid #eee;border-right: 1px solid #eee; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
/*三级菜单*/
/** pc_nav ====================================================================================*/

/** m_nav 移动端菜单 ====================================================================================*/
.m_header{width: 100%;height:2.6rem;  background:rgba(255,255,255,1); position:absolute; top: 0px; left:0px; right: 0px; z-index: 9999; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.0);transition: all 0.5s ease-out;}
.m_header .header-section{width:100%; height: 100%; overflow: hidden;border-bottom: 1px solid #fff;}
.m_header .header-section .m_logo{height:100%; padding:0.6rem 0.3rem; float: left; overflow: hidden; }
.m_header .header-section .m_logo a{display: block; height: 100%;}
.m_header .header-section .m_logo a img{height:100%;}

.m_header .header-section .nav-icon{ position: absolute; right:0.56rem; top: 0.9rem; width:0.8rem;height:0.8rem; z-index:1000;font-size:0;text-align:right;cursor:pointer;}
.m_header .header-section .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .header-section .nav-icon i span{display:inline-block;width:90%;height:2px;background-color:#333;position:relative;border-radius:2px}
.m_header .header-section .nav-icon i:nth-of-type(1) span{top:20%}
.m_header .header-section .nav-icon i:nth-of-type(2) span{top:45%;width:60%}
.m_header .header-section .nav-icon i:nth-of-type(3) span{top:75%}

.mo_fixed{ background:rgba(255,255,255,0.9);}
/*移动导航logo按钮*/

.m_header .m-navbar{background-color:rgba(255,255,255,0.94);position:fixed;width:100%;height:100%;z-index:9997;right:-100%;top:0;padding-bottom:.6rem;box-sizing:border-box;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all .4s cubic-bezier(.4,0,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch;}

.m_header .m-navbar.open{right: 0px;}
.m-navbar .nav-closed{ height:2.6rem; position: relative;background-color:rgba(255,255,255,1);}
.m-navbar .nav-closed .m_logo{height:100%; padding:0.6rem 0.6rem; float: left; overflow: hidden; }
.m-navbar .nav-closed .m_logo a{display: block; height: 100%;}
.m-navbar .nav-closed .m_logo a img{height:100%;}

.m_header .nav-closed .nav-icon{ position: absolute; right:0.56rem; top: 0.8rem; width:0.8rem;height:0.8rem;  z-index:1000;font-size:0;text-align:right;cursor:pointer;}
.m_header .nav-closed .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .nav-closed .nav-icon i span{display:inline-block;width:80%;height:2px;background-color:#333;position:relative; }
.m_header .nav-closed .nav-icon i:nth-of-type(1) span{top:45%; right: 10%; transform:rotate(45deg);}
.m_header .nav-closed .nav-icon i:nth-of-type(2) span{top:45%; right: 10%;transform:rotate(-45deg);}
/*移动导航弹出信息*/


#navbar .m_navul{margin-top: 10%; width: 80%; margin-left: 10%;  text-transform:uppercase;}
#navbar .m_navul li{padding: 0 0.6rem;border-bottom: 0px solid rgba(255,255,255,0.1);transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;opacity: 0;}
#navbar.open .m_navul li{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);}
#navbar .m_navul li a{color: #333;font-size: 0.6rem;height:auto;line-height: 1rem; padding: 0.4rem 0px; width: 100%;display: block;text-decoration: none;}
#navbar .m_navul li a i{float: right;line-height: 1rem;}
#navbar .m_navul li a span{font-size: 0.32rem; color: #333;color: #333;  }
#navbar .m_navul li a:hover{color: #174e9a;}
#navbar .m_navul li a:hover span{ color: #174e9a;}

#navbar .m_navul li .dropdown_menu{display: none; border-top: 1px solid #174e9a;padding:0.2rem 0px;}
#navbar .m_navul li.dropdown.active .dropdown_menu{display: block;}
#navbar .m_navul li .dropdown_menu a{display:inline-block; width: 50%; float: left;  color:#174e9a; font-size: 12px; line-height: 0.9rem;padding:0.2rem 0.1rem;box-sizing: border-box; }
#navbar .m_navul li .dropdown_menu a:last-child{border: none;}
#navbar .m_navul li .dropdown_menu a span{font-size: 0.32rem; color: #174e9a; }

#navbar .m_navul li:nth-child(1) {transition: all 0.2s ease-out;}
#navbar .m_navul li:nth-child(2) {transition: all 0.3s ease-out;}
#navbar .m_navul li:nth-child(3) {transition: all 0.4s ease-out;}
#navbar .m_navul li:nth-child(4) {transition: all 0.5s ease-out;}
#navbar .m_navul li:nth-child(5) {transition: all 0.6s ease-out;}
#navbar .m_navul li:nth-child(6) {transition: all 0.7s ease-out;}
#navbar .m_navul li:nth-child(7) {transition: all 0.8s ease-out;}
#navbar .m_navul li:nth-child(8) {transition: all 0.9s ease-out;}
#navbar .m_navul li:nth-child(9) {transition: all 1.0s ease-out;}

/** m_nav 移动端菜单 ====================================================================================*/

.weixinboxx{display: none; background:rgba(0,0,0,0.5); position: fixed; z-index: 999997; width: 100%; height: 100%; top: 0px; left: 0px;  }
.weixind{position: fixed; z-index: 999998; width: 100%; height: 100%; top: 0px; left: 0px; }
.weixinbox{position: fixed; z-index: 999999; width: 100%; height: 100%; top: 0px; left: 0px; display:flex; justify-content: center; vertical-align: middle; text-align: center; align-content: center; align-items:center;}
.weixinm{padding: 50px 30px; background:#fff; color: #666;  position: relative; z-index: 9999999;}
.weixinn{ font-size: 16px; background:rgba(0,0,0,0.1); color: #000; text-align: center; padding: 10px 0px; width: 80%; display: block; margin: 0px auto;}
.weixinnz{ font-size: 16px; margin-top: 10px; text-align: center; display: block;}


.pc_header_top{background-color: #151515;height: auto;padding: 7px 0px; font-size: 12px; width: 100%;color:#999;}
.pc_header_top a{ color: #999;}
.pc_header_top a:hover{ color: #3f9df7;}
.pc_header_top_l{float: left;}
.pc_header_topm {float: right;margin-right: 30px;height: 15px;line-height: 15px;}
.pc_header_topm i img{width: 15px;height: 15px;vertical-align:top;margin-right: 5px; opacity: 0.5;}
@media (max-width:1023px){
.pc_header_top{display: none;}
}

.tell{float: right;width: 20%; color: #0f4ba3;height: 100%;line-height: 60px;font-size:22px; font-weight: bold; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
.tell i{float: left;display: block; line-height: 60px; height: 60px; padding-top: 15px; margin-right: 10px; vertical-align:middle;}
.tell i img{width: 30px;height:30px;margin-left: 20px; float: left; }
@media (max-width:1280px){
.tell{float: right;width: 25%; color: #0f4ba3;height: 100%;line-height: 60px;font-size:22px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
}

.index_moban1{background-repeat:no-repeat; background-position:center center; background-size:100%;height: 400px;position: relative;}
.index_moban1:after{position: absolute;content: "";width: 50%;float: left;z-index: 99;background:rgba(228,0,13,0.7);top: 0px;left: 0px;height: 100%;}
.index_moban1:before{position: absolute;content: "";width: 50%;float: right;z-index: 99;background:rgba(12,106,194,0.7);top: 0px;right: 0px;height: 100%;}
.index_moban1 .max1440{position: relative;z-index: 999;}
.index_moban1 .moban1_l{width: 50%;float: left;padding: 70px 70px 0px 30px;color: #fff;}
.index_moban1 .moban1_l a{display: inline-block;z-index: 998;position: relative;border: 2px solid #fff;padding: 10px 55px;}
.index_moban1 .moban1_l a span{color: #fff;font-size: 18px;font-weight: bold;}
.index_moban1 .moban1_l a span:after{position: absolute;content: "";top: 0px;left: 0px;width: 0%;background:rgba(255,2255,255,1);height: 100%;z-index: -1;transition: all 0.5s ease-out;}
.index_moban1 .moban1_l a:hover span:after{width: 100%;}
.index_moban1 .moban1_l a:hover span{color: #333;}
.index_moban1 .moban1_l .p1{display: block;font-weight: 700;font-size: 24px;}
.index_moban1 .moban1_l .p2{font-size: 40px;font-weight: 700;}
.index_moban1 .moban1_l .p3{font-size: 14px;margin: 20px 0px 20px;height: 100px;line-height: 25px;overflow: hidden;}

.index_moban1 .moban1_r{width: 50%;float: left;padding: 70px 30px 0px 70px;color: #fff;}
.index_moban1 .moban1_r a{display: inline-block;z-index: 998;position: relative;border: 2px solid #fff;padding: 10px 55px;}
.index_moban1 .moban1_r a span{color: #fff;font-size: 18px;font-weight: bold;}
.index_moban1 .moban1_r a span:after{position: absolute;content: "";top: 0px;left: 0px;width: 0%;background:rgba(255,2255,255,1);height: 100%;z-index: -1;transition: all 0.5s ease-out;}
.index_moban1 .moban1_r a:hover span:after{width: 100%;}
.index_moban1 .moban1_r a:hover span{color: #333;}
.index_moban1 .moban1_r .p1{display: block;font-weight: 700;font-size: 24px;}
.index_moban1 .moban1_r .p2{font-size: 40px;font-weight: 700;}
.index_moban1 .moban1_r .p3{font-size: 14px;margin: 20px 0px 20px;height: 100px;line-height: 25px;overflow: hidden;}
@media (max-width:1023px){
	.index_moban1{display: none;}
.index_moban1 .max1440{position: relative;z-index: 999;padding: 0px 0px;}
.index_moban1{background-repeat:no-repeat; background-position:center center; background-size:cover;height: 75px;position: relative; padding-top: 5px;}
.index_moban1:after{position: absolute;content: "";width: 55%;float: left;z-index: 99;background:rgba(0,186,144,0.9);top: 0px;left: 0px;height: 100%;}
.index_moban1:before{position: absolute;content: "";width: 45%;float: right;z-index: 99;background:rgba(12,106,194,0.9);top: 0px;right: 0px;height: 100%;}
.index_moban1 .moban1_l{width: 55%;float: left;;padding: 10px 10px 10px 10px;color: #fff; }
.index_moban1 .moban1_l .p1{display: none;font-weight: 300;font-size: 10px;margin-bottom: 0px;}
.index_moban1 .moban1_l .p2{font-size: 14px;font-weight: 700;}
.index_moban1 .moban1_l .p3{ display: none; font-size: 12px;margin: 10px 0px 15px;height: auto;line-height: 20px;overflow: hidden;}
.index_moban1 .moban1_l a{display: inline-block;z-index: 998;position: relative;border: 1px solid #fff;padding:2px 15px; line-height: 1; margin-top: 5px;}
.index_moban1 .moban1_l a span{color: #fff;font-size: 12px;font-weight: 300;}

.index_moban1 .moban1_r{width: 45%;float: right;padding: 10px 10px 10px 10px;color: #fff; }
.index_moban1 .moban1_r .p1{display: none;font-weight: 300;font-size: 10px;margin-bottom: 0px;}
.index_moban1 .moban1_r .p2{font-size: 14px;font-weight: 700;}
.index_moban1 .moban1_r .p3{ display: none;font-size: 12px;margin: 10px 0px 15px;height: auto;line-height: 20px;overflow: hidden;}
.index_moban1 .moban1_r a{display: inline-block;z-index: 998;position: relative;border: 1px solid #fff;padding: 2px 15px; line-height: 1;margin-top: 5px;}
.index_moban1 .moban1_r a span{color: #fff;font-size: 12px;font-weight: 300;}
}



.index_gg{padding-top: 50px;padding-bottom: 50px; color: #fff;background-image:url(http://www.lldxdl.com/uploads//article/b445f493763aa912bd7096.jpg);  position: relative;
	}
	.index_gg:before{content: " ";display: block;clear: both;  position: absolute; z-index: 1; left: 0px; top: 0px;  width: 100%; height: 100%; background-color: rgba(228,0,13,0.7);}

.index_gg .h3{ text-align: center; font-size: 30px; font-weight: bold;z-index: 2; position: relative; }
.index_gg .tel{ text-align: center; font-size:38px; padding-top: 20px;z-index: 2;  position: relative;}
@media (max-width:1200px){
	.index_gg{padding-top: 30px;padding-bottom: 30px; }
}
@media (max-width:999px){
.index_gg{padding-top: 8%;padding-bottom: 8%; color: #fff;}
.index_gg .h3{ text-align: center; font-size: 0.6rem; font-weight: bold;}
.index_gg .tel{ text-align: center; font-size: 0.9rem; padding-top: 10px; }
}
/** index_gg ====================================================================================*/




.index_moban2{padding-top: 60px;padding-bottom: 60px;}
.index_title{text-align: center; position: relative;}
.index_title .p1{font-size: 22px;font-weight: 500;color: #333;}
.index_title .p2{font-size: 40px;padding: 10px 0px;font-weight:bold; color: #000;}
.index_title .p2 h1{font-size: 40px;padding: 10px 0px;font-weight:bold; color: #000; display: inline-block;}
.index_title .line{border-bottom: 2px solid #0f4ba3;width: 100px;margin: 0px auto 10px ;position: relative;}
.index_title .line:after{position: absolute;left: 50%;top: -4px;width: 10px;height: 10px;border-radius: 50%; margin-left: -5px; background-color: #0f4ba3;content: "";}
.index_title .p3{font-size: 14px;padding: 10px 0px;color: #666; line-height: 1.55; opacity: 0.8;}
.index_title .en{text-transform: uppercase; font-size: 60px; color: #0f4ba3; line-height: 60px; height: 60px; overflow: hidden; position: absolute; left: 0px; top: -10px; text-align: center; width: 100%; font-weight: bold; z-index: -1; 
	opacity: 0.07;}

@media (max-width:1023px){
.index_moban2{padding-top: 20px;padding-bottom: 20px;}
.index_title{text-align: center;}
.index_title .p1{font-size: 16px;font-weight: 500;color: #333;display: none;}
.index_title .p2{font-size: 0.9rem;padding: 0px 0px 10px 0px;font-weight: 700; color: #000;}
.index_title .p2 h1{font-size: 0.8rem;padding: 0px 0px 5px 0px;font-weight: 700; color: #000; display: inline-block;}
.index_title .line{border-bottom: 2px solid #0f4ba3;width: 80px;margin: 0px auto 5px ;position: relative;}
.index_title .line:after{position: absolute;left: 50%;top: -3px;width: 8px;height: 8px;border-radius: 50%; margin-left: -5px; background-color: #0f4ba3;content: "";}
.index_title .p3{font-size: 12px; line-height: 20px; height: 20px; overflow: hidden; margin: 5px 0px; padding: 0px 0px;color: #666;}
.index_title .en{text-transform: uppercase; font-size: 30px; color: #0f4ba3; line-height: 60px; height: 60px; overflow: hidden; position: absolute; left: 0px; top: -10px; text-align: center; width: 100%; font-weight: bold; z-index: -1; 
	opacity: 0.07;}
}


ul.moban2_list{margin-left: -10px;margin-right: -10px;margin-top: 30px;}
ul.moban2_list li{width: 25%;float: left;padding: 0px 10px; margin: 0px 0px 30px 0px;}
ul.moban2_list li a{display: block;position: relative;}
ul.moban2_list li a .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; }
ul.moban2_list li a .imgzoom .imgbg{position: absolute;top: 0px;left: 0px; background:rgba(12,106,194,0.9);width: 100%;height: 100%;opacity: 0;transition: all 0.5s ease-out;}
ul.moban2_list li a:hover .imgzoom .imgbg{opacity: 1;}
ul.moban2_list li a .imgzoom img{width: 100%;  min-height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.moban2_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
ul.moban2_list li a .tit{text-align: center;padding: 15px 0px; border-bottom: 1px  dotted #fff; }
ul.moban2_list li a .tit h3{font-size: 16px;font-weight: bold;color: #000;line-height: 22px;height: 22px;overflow: hidden;}
ul.moban2_list li a .txt {position: absolute;top: 0px;left: 0px;width: 100%;text-align: center;padding: 20% 20px 0px 20px;opacity: 0;transition: all 0.5s ease-out;}
ul.moban2_list li a:hover .txt{opacity: 1; color: #fff;}
ul.moban2_list li a .txt span{display: block;font-size: 18px;color: #fff;margin: 10px 0px;font-weight: bold; }
ul.moban2_list li a .txt .xian{ width: 20%; margin: 0px auto; height: 2px; background: #fff; margin-bottom: 10px; display: block;}
ul.moban2_list li a .txt .p1{font-size: 14px;color: #fff; width: 100px; margin: 30px auto 0px; background-color: rgba(228,0,13,0.99); line-height: 30px;height: auto;  overflow: hidden;}

.index_more{ text-align: center; padding-top: 20px;}
.index_more a{display: inline-block; font-size: 16px; background:rgba(228,0,13,0.99); color: #fff; padding: 15px 30px;}
.index_more a:hover{padding: 15px 40px;}

@media (max-width:1023px){
ul.moban2_list li{width: 50%;float: left;padding: 0px 10px;}
}
@media (max-width:767px){
ul.moban2_list{margin-left: -5px;margin-right: -5px;margin-top: 10px;}
ul.moban2_list li{width: 50%;float: left;padding: 0px 5px;margin: 0px 0px 10px 0px;}
ul.moban2_list li a{display: block;position: relative;border: 1px  dotted #e4e4e4; }
ul.moban2_list li a .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
ul.moban2_list li a .imgzoom .imgbg{ display: none; position: absolute;top: 0px;left: 0px; background:rgba(12,106,194,0.9);width: 100%;height: 100%;opacity: 0;transition: all 0.5s ease-out;}
ul.moban2_list li a:hover .imgzoom .imgbg{opacity: 1;}
ul.moban2_list li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.moban2_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
ul.moban2_list li a .tit{text-align: center;padding: 8px 10px;}
ul.moban2_list li a .tit h3{font-size: 12px;font-weight: bold;color: #000;line-height: 22px;height: 22px;overflow: hidden;}
ul.moban2_list li a .txt { display: none; position: absolute;top: 0px;left: 0px;width: 100%;text-align: center;padding: 10% 20px 0px 20px;opacity: 0;transition: all 0.5s ease-out;}
ul.moban2_list li a:hover .txt{opacity: 1;}
ul.moban2_list li a .txt span{display: block;font-size: 18px;color: #fff;margin: 10px 0px;font-weight: bold;}
ul.moban2_list li a .txt .p1{font-size: 12px;color: #fff;line-height: 22px;height: 44px;overflow: hidden;}

.index_more{ text-align: center; padding-top: 10px;}
.index_more a{display: inline-block; font-size: 16px; background:rgba(228,0,13,0.99); color: #fff; padding: 10px 20px;}
.index_more a:hover{padding: 10px 40px;}

}

.yidong_y{display: none;}
@media (max-width:767px){
	.yidong_y{display:block;}
}

.yidong_n{display: block;}
@media (max-width:767px){
	.yidong_n{display:none;}
}


.inpro_top{text-align: center;margin-top: 30px;}
ul.inpro_top_list{display: inline-block;}
ul.inpro_top_list li{display: inline-block;margin: 0px 10px 10px;}
ul.inpro_top_list li a{display: block;font-size: 16px;padding: 0px 15px; font-weight: bold;  position: relative;color: #000; }
ul.inpro_top_list li a:before{position: absolute;content: "";top: 8px;left: 0px;width: 6px;height: 6px;background-color: #0f4ba3;border-radius: 50%;}
ul.inpro_top_list li a:after{position: absolute;content: "";width: 0%;bottom: -5px;left: 50%;margin-left: -0%; border-bottom: 1px solid #0f4ba3;transition: all 0.5s ease-out;}
ul.inpro_top_list li a:hover:after{width: 100%;left: 50%;margin-left: -50%;}
ul.inpro_top_list li a:hover{ color: #0f4ba3;}
@media (max-width:1023px){
.inpro_top{text-align: center;margin-top: 10px;  display: none;}
ul.inpro_top_list{display: inline-block;}
ul.inpro_top_list li{display: inline-block;margin: 2px 0px;}
ul.inpro_top_list li a{display: inline-block;font-size: 12px;padding: 0px 10px;position: relative;color: #000; margin-bottom: 2px;}
ul.inpro_top_list li a:before{position: absolute;content: "";top: 6px;left: 0px;width: 6px;height: 6px;background-color: #0f4ba3;border-radius: 50%;}
ul.inpro_top_list li a:after{position: absolute;content: "";width: 0%;bottom: -5px;left: 50%;margin-left: -0%; border-bottom: 1px solid #0f4ba3;transition: all 0.5s ease-out;}
ul.inpro_top_list li a:hover:after{width: 100%;left: 50%;margin-left: -50%;}
}


ul.pag_nav{display:block; text-align: center; padding-top: 20px;}
ul.pag_nav li{display: inline-block;margin: 0px 10px;}
ul.pag_nav li a{display: block;font-size: 16px;padding: 8px 15px; font-weight: bold;  position: relative;color: #000; }
ul.pag_nav li a:before{position: absolute;content: "";top: 15px;left: 0px;width: 6px;height: 6px;background-color: #0f4ba3;border-radius: 50%;}
ul.pag_nav li a:after{position: absolute;content: "";width: 0%;bottom: 0px;left: 50%;margin-left: -0%; border-bottom: 1px solid #0f4ba3;transition: all 0.5s ease-out;}
ul.pag_nav li a:hover:after{width: 100%;left: 50%;margin-left: -50%;}
ul.pag_nav li a:hover{ color: #0f4ba3;}

ul.pag_nav li a.on{color: #fff; background-color: #0f4ba3; border-radius:0px 10px 0px 10px;}

@media (max-width:1023px){
 
	ul.pag_nav{display: inline-block;text-align: center; width: 100%;padding-top: 10px; }
	ul.pag_nav li{display: inline-block;margin: 2px 0px;}
	ul.pag_nav li a{display: inline-block;font-size: 0.52rem;padding: 3px 10px;position: relative;color: #000; margin-bottom: 1px;}
	ul.pag_nav li a:before{position: absolute;content: "";top: 6px;left: 0px;width: 6px;height: 6px;background-color: #0f4ba3;border-radius: 50%;}
	ul.pag_nav li a:after{position: absolute;content: "";width: 0%;bottom: -5px;left: 50%;margin-left: -0%; border-bottom: 1px solid #0f4ba3;transition: all 0.5s ease-out;}
	ul.pag_nav li a:hover:after{width: 100%;left: 50%;margin-left: -50%;}
}
	


.index_moban3{height:auto;background-repeat:no-repeat; background-position:center center; background-size:cover;}
.index_moban3 .imgbg{height: 100%;width: 100%; }
.index_moban3 .imgbg .moban3m{padding-top: 80px;padding-bottom: 80px;}
.index_moban3 .index_title{text-align: center;color: #fff;}
.index_moban3 .index_title .p1{color: #fff;}
.index_moban3 .index_title .p2{color: #fff;}
.index_moban3 .index_title .p3{color: #fff;}
.index_moban3 .index_title .line{border-bottom: 2px solid #fff;width: 80px;margin: 0px auto 10px ;position: relative;}
.index_moban3 .index_title .line:after{position: absolute;left: 50%;top: -5px;width: 10px;height: 10px;border-radius: 50%; margin-left: -5px; background-color: #fff;content: "";}
ul.moban3_list{margin-left: -50px;margin-right: -50px;margin-top: 40px;}
ul.moban3_list li{width: 50%;float: left;padding: 40px 50px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;position: relative; overflow: hidden;}
ul.moban3_list li:nth-child(2n){border-right: 0px solid #ccc;}
ul.moban3_list li:nth-child(3){border-bottom: 0px solid #ccc;}
ul.moban3_list li:nth-child(4){border-bottom: 0px solid #ccc;}
ul.moban3_list li a{display: block;text-align: center;color: #fff; }

ul.moban3_list li a i {position: absolute; left: 0px; top: 0px; opacity: 0; width: 100%;height: 100%; transition: all 0.5s ease-out; background-color:rgba(0,0,0,0.6);}
ul.moban3_list li a i img{width: 100%;height: 100%;}

ul.moban3_list li a:hover i{opacity: 0.7; }

ul.moban3_list li a h3{font-size: 20px;display: block;margin: 0px 0px 20px 0px;font-weight: 700;position: relative;z-index: 2;}
ul.moban3_list li a:hover h3{color: #fff;}
ul.moban3_list li a .p1{font-size: 16px;line-height: 28px;height: 56px;overflow: hidden;margin-bottom: 20px;color: #fff;position: relative;z-index: 2;}
ul.moban3_list li a span{display: inline-block;border: 1px solid #fff; padding: 10px 35px;font-size: 14px;position: relative;z-index: 2;}
ul.moban3_list li a:hover span{border: 1px solid #fff;}
ul.moban3_list li a span:before{position: absolute;top: 0px;left: 0px;width: 0%;height: 100%;background-color: #0f4ba3;z-index: -1;content: "";transition: all 0.5s ease-out;}
ul.moban3_list li a:hover span:before{width: 100%;}

@media (max-width:1023px){
.index_moban3{height: auto;}
.index_moban3 .imgbg{height: 100%;width: 100%; }
.index_moban3 .imgbg .moban3m{padding-top: 30px;padding-bottom: 30px;}
.index_moban3 .index_title{text-align: center;color: #fff;}
.index_moban3 .index_title .p1{color: #fff;}
.index_moban3 .index_title .p2{color: #fff;}
.index_moban3 .index_title .p3{color: #ccc;}
.index_moban3 .index_title .line{border-bottom: 2px solid #fff;width: 80px;margin: 0px auto 10px ;position: relative;}
.index_moban3 .index_title .line:after{position: absolute;left: 50%;top: -3px;width: 8px;height: 8px;border-radius: 50%; margin-left: -5px; background-color: #fff;content: "";}
ul.moban3_list{margin-left: 0px;margin-right: 0px;margin-top: 20px;}
ul.moban3_list li{width: 50%;float: left;padding: 15px 10px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
 
ul.moban3_list li a{display: block;text-align: center;color: #fff;}
ul.moban3_list li a i img{width: 45px;height: 45px;}
ul.moban3_list li a h3{font-size: 14px;display: block;margin: 5px 0px;font-weight: 700;line-height: 20px;height: 20px;overflow: hidden;}
ul.moban3_list li a:hover h3{color: #174e9a;}
ul.moban3_list li a .p1{font-size: 12px;line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 10px;color: #ccc;}
ul.moban3_list li a span{display: inline-block;border: 1px solid #fff; padding: 4px 15px;font-size: 10px;position: relative;z-index: 2; line-height: 1;}
ul.moban3_list li a:hover span{border: 2px solid #174e9a;}
ul.moban3_list li a span:before{position: absolute;top: 0px;left: 0px;width: 0%;height: 100%;background-color: #f00;z-index: -1;content: "";transition: all 0.5s ease-out;}
ul.moban3_list li a:hover span:before{width: 100%;}
}




.index_moban4{padding-top: 60px;  padding-bottom: 60px;}
.index_moban4 .index_title{text-align: center;color: #fff;}
@media (max-width:1023px){
.index_moban4{padding-top: 20px;  padding-bottom: 20px; }
}

ul.moban4_anli{margin-top: 10px;}
ul.moban4_anli li{float: left;width: 33.333%; padding: 10px;}
ul.moban4_anli li a{display: block;position: relative;}
ul.moban4_anli li a .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
ul.moban4_anli li a .imgzoom img{width: 100%; min-height: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.moban4_anli li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
ul.moban4_anli li a .imgbg{position: absolute;top: 0px;left: 0px;width: 100%;height: 0%;background:rgba(0,0,0,0.5);transition: all 0.5s ease-out; }
ul.moban4_anli li a:hover .imgbg{height: 100%;}
ul.moban4_anli li a .txt{position: absolute;top: 0px;left: 0px;text-align: center;width: 100%;padding: 10% 20px 0px 20px;opacity: 0;transition: all 0.5s ease-out;}
ul.moban4_anli li a:hover .txt{padding: 15% 20px 0px 20px;opacity: 1;}
ul.moban4_anli li a .txt span{color: #fff;font-size: 18px;line-height: 20px;height: 20px;overflow: hidden;display: block; font-weight: bold;}
ul.moban4_anli li a i{display: block;}
ul.moban4_anli li a i img{width: 40px;height: 40px;margin: 10px 0px;}
ul.moban4_anli li a .txt p{color: #fff;font-size: 14px; padding: 5px 0px; line-height:1;overflow: hidden;display: block; border: 1px solid #ccc; width: 120px;  margin: 20px auto;}

@media (max-width:1024px){
ul.moban4_anli{margin-top: 10px;}
ul.moban4_anli li{float: left;width: 50%;}
ul.moban4_anli li a{display: block;position: relative;}
ul.moban4_anli li a .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
ul.moban4_anli li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.moban4_anli li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
ul.moban4_anli li a .imgbg{position: absolute;top: 0px;left: 0px;width: 100%;height: 0%;background:rgba(0,0,0,0.5); }
ul.moban4_anli li a:hover .imgbg{height: 100%;transition: all 0.5s ease-out;}
ul.moban4_anli li a .txt{position: absolute;top: 0px;left: 0px;text-align: center;width: 100%;padding: 30% 20px 0px 20px;opacity: 0;transition: all 0.5s ease-out;}
ul.moban4_anli li a:hover .txt{padding: 20% 20px 0px 20px;opacity: 1;}
ul.moban4_anli li a .txt span{color: #fff;font-size: 18px;line-height: 20px;height: 20px;overflow: hidden;display: block;}
ul.moban4_anli li a i{display: block;}
ul.moban4_anli li a i img{width: 40px;height: 40px;margin: 10px 0px;}
}
@media (max-width:767px){
ul.moban4_anli{margin-top: 10px;}
ul.moban4_anli li{float: left;width: 50%;padding: 5px;}
ul.moban4_anli li a{display: block;position: relative;}
ul.moban4_anli li a .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
ul.moban4_anli li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.moban4_anli li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
ul.moban4_anli li a .imgbg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background:rgba(0,0,0,0.3); }
ul.moban4_anli li a:hover .imgbg{height: 100%;transition: all 0.5s ease-out;}
ul.moban4_anli li a .txt{position: absolute;top: 0px;left: 0px;text-align: center;width: 100%;padding: 25% 10px 0px 10px;opacity: 1;transition: all 0.5s ease-out;}
ul.moban4_anli li a:hover .txt{padding: 25% 10px 0px 10px;opacity: 1;}
ul.moban4_anli li a .txt span{color: #fff;font-size: 12px;line-height: 1.2;height:auto;overflow: hidden;display: block;}
ul.moban4_anli li a i{display: none; }
ul.moban4_anli li a i img{width: 40px;height: 40px;margin: 10px 0px;}
ul.moban4_anli li a .txt p{ display: none;}

ul.moban4_anli li:last-child {display: none;}

}
.index_moban5{padding-top: 60px;padding-bottom: 30px;}
@media (max-width:1023px){
.index_moban5{padding-top: 20px;padding-bottom: 20px;}
}




/** swiper01_box ====================================================================================*/
.swiper01_box{ width:100%; position: relative; margin: 20px -1% 0px -1%; padding: 0px 0px; }

a.sw_item01{ display: block; width: 48%; margin: 0px 1% 20px 1%; padding: 30px 30px;color: #999; background:rgba(0,0,0,0.05); float: left; text-align: left;transition: all 0.5s ease-out;}
a.sw_item01 .p1{ font-size: 16px; color: #333; font-weight: 600; height: 20px; line-height: 20px; overflow: hidden;}
a.sw_item01 .xian{font-size: 12px; border-bottom: 2px solid #174e9a; width: 50%; padding: 5px 0; margin-bottom: 0px;  }
a.sw_item01 .p2{ font-size: 12px; color: #999; margin-top: 5px; height: 40px; line-height: 20px; overflow: hidden;}
a.sw_item01:hover{ background:#174e9a; color: #fff; }
a.sw_item01:hover .p1{color: #fff;}
a.sw_item01:hover .p2{color: #ccc;}
a.sw_item01:hover  .xian{ border-bottom: 2px solid #fff; width: 100%;transition: all 0.5s ease-out;}
@media screen and (max-width: 1023px){
.swiper01_box{ width:100%; position: relative; margin: 10px -1% 20px -1%; padding: 0px 0px; }
a.sw_item01{ display:block; width: 98%; margin: 0px 1% 10px 1%; padding: 10px 10px;color: #999; background:rgba(0,0,0,0.05); float: left; text-align: left;transition: all 0.5s ease-out;}
a.sw_item01 .p1{ font-size: 14px; color: #333; font-weight: 600; height: 20px; line-height: 20px; overflow: hidden;}
a.sw_item01 .xian{font-size: 12px; border-bottom: 2px solid #ccc; padding: 5px 0; width: 100%; margin-bottom: 0px;  display:none; }
a.sw_item01 .p2{ font-size: 12px; color: #999; margin-top: 5px; height: 40px; line-height: 20px; overflow: hidden; display:none;}
}

a.sw_item01x{ display: block; width: 31%; margin: 0px 1% 10px 1%; padding: 10px 20px;color: #999; background:rgba(0,0,0,0.05); float: left; text-align: left;transition: all 0.5s ease-out;}
a.sw_item01x .p1{ font-size: 14px; color: #333; font-weight: 600; height: 20px; line-height: 20px; overflow: hidden;}
a.sw_item01x .xian{font-size: 12px; border-bottom: 2px solid #174e9a; width: 50%; padding: 5px 0; margin-bottom: 0px;  }
a.sw_item01x .p2{ font-size: 12px; color: #999; margin-top: 5px; height: 40px; line-height: 20px; overflow: hidden;}
a.sw_item01x:hover{ background:#174e9a; color: #fff; }
a.sw_item01x:hover .p1{color: #fff;}
a.sw_item01x:hover .p2{color: #ccc;}
a.sw_item01x:hover  .xian{ border-bottom: 2px solid #fff; width: 100%;transition: all 0.5s ease-out;}
@media screen and (max-width: 1023px){
.swiper01_box{ width:100%; position: relative; margin: 10px -1% 0px -1%; padding: 0px 0px; }
a.sw_item01x{ display:none; width: 98%; margin: 0px 1% 10px 1%; padding: 10px 10px;color: #999; background:rgba(0,0,0,0.05); float: left; text-align: left;transition: all 0.5s ease-out;}
a.sw_item01x .p1{ font-size: 14px; color: #333; font-weight: 600; height: 20px; line-height: 20px; overflow: hidden;}
a.sw_item01x .xian{font-size: 12px; border-bottom: 2px solid #ccc; padding: 5px 0; width: 100%; margin-bottom: 0px;  display:none; }
a.sw_item01x .p2{ font-size: 12px; color: #999; margin-top: 5px; height: 40px; line-height: 20px; overflow: hidden; display:none;}
a.sw_item01x:nth-child(1){ display: block;}
a.sw_item01x:nth-child(2){ display: block;}
a.sw_item01x:nth-child(3){ display: block;}
a.sw_item01x:nth-child(4){ display: block;}
a.sw_item01x:nth-child(5){ display: block;}
a.sw_item01x:nth-child(6){ display: block;}
}


/** swiper01_box ====================================================================================*/
.swiper0a_box{ width:98%; position: relative; margin: 0px 0% 10px 0%; padding: 0px 0px;  }

a.sw_item01a{ display: block; width: 48%; margin: 0px 1% 0px 1%; border-bottom: 1px dotted #ccc; padding: 10px 20px; position: relative;
	color: #999; float: left; text-align: left;transition: all 0.5s ease-out;}
a.sw_item01a:before{position: absolute;top: 18px;left:5px;width: 5px;height: 5px;background-color: #174e9a;z-index: 1;content: "";transition: all 0.5s ease-out;}
a.sw_item01a .p1{ font-size: 14px; color: #333; height: 20px; line-height: 20px; overflow: hidden; }
a.sw_item01a .p1 span{font-size: 12px; padding-left: 10px;}
a.sw_item01a:hover{ color: #174e9a; }
a.sw_item01a:hover .p1{color: #174e9a;}


@media screen and (max-width: 1023px){
	.swiper0a_box{display: none;}
	a.sw_item01a{ display: block; width: 48%; margin: 0px 1% 0px 1%; border-bottom: 1px dotted #ccc; padding: 5px 10px; position: relative;
		color: #999; float: left; text-align: left;transition: all 0.5s ease-out;}
	a.sw_item01a:before{position: absolute;top: 13px;left:2px;width: 5px;height: 5px;background-color: #174e9a;z-index: 1;content: "";transition: all 0.5s ease-out;}
	a.sw_item01a .p1{ font-size: 12px; color: #333; height: 20px; line-height: 20px; overflow: hidden; }
	a.sw_item01a .p1 span{font-size: 12px; padding-left: 10px;}
	a.sw_item01a:hover{ color: #174e9a; }
	a.sw_item01a:hover .p1{color: #174e9a;}
}




.index_moban6{padding-top: 60px;padding-bottom: 40px; background: #f6f6f6;}
@media screen and (max-width: 1023px){
.index_moban6{padding-top: 20px;padding-bottom: 10px;}
}
/** swiper01_box ====================================================================================*/
.swiper02_box{ width:100%; position: relative; margin: 30px auto 0px auto; padding: 0px 0px; }
/** 点 ============*/
.swiper02_box .swiper-container{padding: 0px 0px 40px 0px; height: auto;}
.swiper02_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper02_box .swiper-pagination-bullet{ background: #ccc;   opacity: 0.8; width: 10px; height:10px;border-radius:50%;  margin: 0px 10px; transition: all 0.5s ease-out;}
.swiper02_box .swiper-pagination-bullet-active{ background: #174e9a ; width: 10px; opacity:1;}
/** 左右按钮 ============*/
.swiper02_box .swiper-button-prev {left: 10px;opacity:1; top: 30%;  }
.swiper02_box .swiper-button-next {right:10px;opacity:1;top: 30%; }
.swiper02_box .swiper-button-prev {width: 20px;height: 70px; background-color:none;background-image:url(../images/sleft.png);background-repeat:no-repeat; background-position:center center; background-size:100%; text-align: center;}
.swiper02_box .swiper-button-next {width: 20px;height: 70px; background-color:none;background-image:url(../images/sright.png);background-repeat:no-repeat; background-position:center center; background-size:100%; text-align: center;}
.swiper02_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/slefth.png);}
.swiper02_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/srighth.png);}

.swiper02_box .swiper-button-prev.hide{opacity:0;}
.swiper02_box .swiper-button-next.hide{opacity:0;}
.swiper02_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}

@media screen and (max-width: 1280px){
}
	
@media screen and (max-width: 1023px){
.swiper02_box{ width:100%; position: relative; margin: 20px auto 0px auto; padding: 0px 0px; }
.swiper02_box .swiper-pagination{width: 100%; text-align:center;}
.swiper02_box .swiper-container{padding: 0px 0px 30px 0px; height: auto;}
.swiper02_box .swiper-pagination-bullet{ background: #fff; border: 1px solid #000; opacity: 0.8; width: 7px; height: 7px;border-radius:50%;  margin: 0px 5px; transition: all 0.5s ease-out;}
.swiper02_box .swiper-pagination-bullet-active{ background: #174e9a; width: 7px; opacity:1;}

.swiper02_box .swiper-button-prev {left: 10px;opacity:1; top: 30%}
.swiper02_box .swiper-button-next {right:10px;opacity:1;top: 30%}
.swiper02_box .swiper-button-prev {width:10px;height: 70px; background-color:none; background-image:url(../images/sleft.png); text-align: center;}
.swiper02_box .swiper-button-next {width:10px;height: 70px; background-color:none; background-image:url(../images/sright.png); text-align: center;}
}

a.swx_item02{ display: block; }
a.swx_item02 .imgzoom{padding-bottom: 50%; width: 100%; position: relative; overflow: hidden; }
a.swx_item02 .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.swx_item02:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.index_moban7{padding-top: 40px;padding-bottom: 40px; position: relative;}
.index_moban7:before{content: " ";display: block; top: 0px; left: 0px; clear: both; position: absolute; z-index: 2; width: 100%; height: 100%; background-color: rgba(23,78,154,0.9);  }
.moban7_list {margin-left: -50px; margin-right: -50px; position: relative; z-index: 3;}
.moban7_list .item{float: left;width: 20%;text-align: center;border-right: 1px solid #ddd;padding: 20px 20px 40px 20px;}
.moban7_list .item:last-child{border-right: 0px solid #ddd;}
.moban7_list .item span{display: block;color: #fff;font-size: 40px;font-weight: bold; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
.moban7_list .item i{display: block;margin: 10px 0px 10px 0px;}
.moban7_list .item i img{width: 40px;height: 40px;}
.moban7_list .item .p1{font-size: 18px;color: #fff;margin: 5px 0px;position: relative;}
.moban7_list .item .p1:before{position: absolute;content: "";left: 50%;margin-left: -15px;border-bottom: 2px solid #fff;bottom: -20px;width: 30px;transition: all 0.5s ease-out;}
.moban7_list .item:hover .p1:before{eft: 50%;margin-left: -30px;bottom: -20px;width: 60px;}

@media (max-width:1023px){
.index_moban7{padding-top: 20px;padding-bottom: 20px; }
.moban7_list {margin-left: 0px; margin-right: 0px;}
.moban7_list .item{float: left;width: 50%;text-align: center;border-right: 1px solid #ddd;padding: 10px 10px 20px 10px;border-bottom: 1px solid #ddd;}
.moban7_list .item:nth-child(3){ width: 33.3333%;}
.moban7_list .item:nth-child(4){border-right: 1px solid #ddd;width: 33.3333%;}
.moban7_list .item:nth-child(5){border-right: 0px solid #ddd;width: 33.3333%;}
.moban7_list .item:nth-child(2){border-right: 0px solid #ddd;}
.moban7_list .item span{display: block;color: #fff;font-size: 22px; line-height: 1; font-weight: bold;}
.moban7_list .item i{display: block;margin: 5px 0px;}
.moban7_list .item i img{width: 30px;height: 30px;}
.moban7_list .item .p1{font-size: 12px;color: #fff;margin: 5px 0px;position: relative;}
.moban7_list .item .p1:before{position: absolute;content: "";left: 50%;margin-left: -15px;border-bottom: 2px solid #fff;bottom: -10px;width: 30px;transition: all 0.5s ease-out;}
.moban7_list .item:hover .p1:before{left: 50%;margin-left: -30px;bottom: -10px;width: 60px;}
	
}


.index_moban8{padding-top: 60px;padding-bottom: 60px; background-color: #eee;}

.index_moban8 .max1440{max-width: 1356px;}

.mode-list{ height: 400px;overflow: hidden; margin-top: 30px;}
.mode-list .mode-wrap{ width: 600px; height: 400px;position: relative;}
.mode-list .mode-item{ width: 232px; height: 400px; text-align: center; float: left;transition: all 0.5s ease-out;}
.mode-list .mode-item:nth-child(1) .mode-view{background:rgba(255,255,255,1.8);}
.mode-list .mode-item:nth-child(2) .mode-view{background:rgba(245,245,245,1.8);}
.mode-list .mode-item:nth-child(3) .mode-view{background:rgba(255,255,255,1.8);}
.mode-list .mode-item:nth-child(4) .mode-view{background:rgba(245,245,245,1.8);}

.mode-list .mode-view{ float: left; width: 232px; height: 400px; opacity: 1; color: #333; overflow: hidden;}
 
.mode-list .mode-detail{ float: left; color: #333; width: 600px; height: 400px; opacity: 1;position: absolute;top: 0px;left: 0px;}
.mode-list .mode-detail .detail-right{ width: 368px; height: 400px; float: left; }
.mode-list .mode-detail .detail-right img{height: 100%;}
.mode-list .mode-detail .detail-left{width: 232px; height: 400px;  float: left;  overflow: hidden;color: #fff;  }

.mode-list .mode-detail .detail-left a{padding: 100px 30px 30px 30px;text-align: left;display: block;position: relative;height: 100%;}
.mode-list .mode-detail .detail-left a i{ font-size: 40px; margin-bottom: 20px;}
.mode-list .mode-detail .detail-left a .h3{font-size: 20px;color: #333;line-height: 22px;height: 22px; font-weight: bold; overflow: hidden;}
.mode-list .mode-detail .detail-left a .p1{font-size: 13px;color: #666;line-height: 22px;height: 66px;overflow: hidden;margin-top: 20px; }
.mode-list .mode-detail .detail-left a .ii{ font-size: 20px; margin-top: 20px; color: #0f4ba3;}

.mode-list .mode-item.active { width: 600px; }
.mode-list .mode-item.active .mode-view{background-color: #0f4ba3; color: #fff;}

.mode-list .mode-item.active .mode-detail .detail-left a {padding: 40px 30px 30px 30px; border-left: 6px solid #e4000d;}
.mode-list .mode-item.active .mode-detail .detail-left a .h3{color: #fff;}
.mode-list .mode-item.active .mode-detail .detail-left a .p1{color: #fff; height: auto;}
.mode-list .mode-item.active .mode-detail .detail-left a i{color: #e4000d;}
.mode-list .mode-item.active .mode-detail .detail-left a .ii{ font-size: 20px; margin-top: 20px; color: #fff;}

@media (max-width:1023px){
	.index_moban8{ display: none;}
}

.index_about{padding-top: 50px;padding-bottom: 0px;position: relative;}
.index_about .bot_bg{position: absolute;bottom: 0px;right: -50%;width: 100%;background-repeat:no-repeat; background-position:center center; background-size:cover;height: 220px;z-index: 1;}
.index_about .max1440{position: relative;}
.aboutm{margin-top: 50px;margin-bottom: 20px;}
.inabout_l{float: left;width: 48%;}
.inabout_l .h3{font-size: 22px;color: #333;line-height: 1;font-weight: bold;margin-bottom: 15px;}
.inabout_l .h3 h1{font-size: 28px; display: inline-block; color:#0f4ba3; padding-left: 5px;}
.inabout_l .p1{font-size: 16px;color: #333;line-height: 1;text-transform: uppercase;margin-bottom: 40px;}
.inabout_l .p2{font-size: 14px;color: #333;line-height: 25px;height: 225px;overflow: hidden;}
.inabout_l a{display: inline-block;background-color: #e4000d;color: #fff;padding: 10px 30px 10px 30px;margin-top: 30px;position: relative;font-size: 14px;}
.inabout_l a:after{ background-repeat:no-repeat; background-position:center center; background-size:40px;position: absolute;top: 0px;right: 0px;width: 40px;height: 100%;content: "";}
.inabout_l a:hover{background-color: #e4000d;padding: 10px 50px 10px 50px;}
.inabout_r{float: right;width: 50%;padding: 0px 0px 25px 25px;}
.inabout_r .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden;box-shadow:0 22px 60px -5px rgba(0, 0, 0, 0.4); z-index: 3;}
.inabout_r .imgzoom img{width: 100%; min-height: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.inabout_r:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
@media screen and (max-width: 1366px){
.aboutm{margin-top: 60px;margin-bottom: 20px;}
}
@media screen and (max-width: 1023px){
.index_about{padding-top: 10px;padding-bottom: 0px;position: relative;margin-bottom: 0px;}
.index_about .bot_bg{position: absolute;bottom: 0px;right: 0px;width: 100%;background-repeat:no-repeat; background-position:center center; background-size:cover;height: 220px;z-index: -1;}
.aboutm{margin-top: 20px;margin-bottom: 10px;}
.inabout_l{float: left;width: 100%;margin-bottom: 10px;}
.inabout_l .h3{font-size: 16px;color: #333;line-height: 1;font-weight: bold;margin-bottom: 5px; text-align: center;}
.inabout_l .h3 h1{font-size: 23px; display: block;color:#0f4ba3; padding-left: 0px; padding: 5px 0px;}
.inabout_l .p1{font-size: 12px;color: #333;line-height: 20px;text-transform: uppercase;margin-bottom: 10px;text-align: left;}
.inabout_l .p2{font-size: 12px;color: #333;line-height:20px;height: 100px;overflow: hidden;}
.inabout_l a{display: block;background-color: #174e9a;color: #fff; text-align: center; width: 50%; padding: 10px 0px 10px 0px;margin: 20px auto;position: relative;font-size: 12px;}
.inabout_r{float: right;width: 100%;padding: 0px 0px 0px 0px;}
.inabout_r .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden;box-shadow:0 22px 60px -5px rgba(0, 0, 0, 0.0);}
}
/*首页关务我们--------------------------*/



.index_work{padding-top: 0px;padding-bottom: 30px;}
.index_work .h4{font-size: 26px;font-weight: bold;color: #333;}
@media screen and (max-width: 1023px){
.index_work{padding-top: 10px;padding-bottom: 10px;}
.index_work .h4{font-size: 20px;font-weight: bold;color: #333;}
}
/** swiper02x_box ====================================================================================*/
.swiper02x_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 30px 0px 0px 0px; }
/** 点 ============*/
.swiper02x_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;}
.swiper02x_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper02x_box .swiper-pagination-bullet{ background: #0053cc;  opacity: 0.8; width: 10px; height:10px;border-radius:5px;  margin: 0px 5px; transition: all 0.5s ease-out;}
.swiper02x_box .swiper-pagination-bullet-active{ background: #e4000d; width: 30px; opacity:1;}
/** 左右按钮 ============*/
.swiper02x_box .swiper-button-prev {left: -50px;opacity:1;top: 40%;}
.swiper02x_box .swiper-button-next {right:-50px;opacity:1;top: 40%; }
.swiper02x_box .swiper-button-prev {width: 35px;height: 75px; text-align: center; background-color:none;background-image:url(../images/xleftm.png);background-repeat:no-repeat; background-position:center center; background-size:35px;}
.swiper02x_box .swiper-button-next {width: 35px;height: 75px; text-align: center; background-color:none;background-image:url(../images/xrightm.png);background-repeat:no-repeat; background-position:center center; background-size:35px; }
.swiper02x_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/xleft.png);}
.swiper02x_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/xright.png);}

.swiper02x_box .swiper-button-prev.hide{opacity:0;}
.swiper02x_box .swiper-button-next.hide{opacity:0;}
.swiper02x_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}
@media screen and (max-width: 1366px){
/** 左右按钮 ============*/
.swiper02x_box .swiper-button-prev {left: 0px;opacity:1;top: 40%;}
.swiper02x_box .swiper-button-next {right: 0px;opacity:1;top: 40%; }	
}

@media screen and (max-width: 1280px){
}
	
@media screen and (max-width: 1023px){
.swiper02x_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; }
.swiper02x_box .swiper-pagination{width: 100%; text-align:center;}
/** 点 ============*/
.swiper02x_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;}
.swiper02x_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper02x_box .swiper-pagination-bullet{ background: #0053cc;  opacity: 0.8; width: 5px; height:5px;border-radius:5px;  margin: 0px 2px; transition: all 0.5s ease-out;}
.swiper02x_box .swiper-pagination-bullet-active{ background: #e4000d; width: 20px; opacity:1;}

.swiper02x_box .swiper-button-prev {left: 0px;opacity:1; top: 48%}
.swiper02x_box .swiper-button-next {right:0px;opacity:1;top: 48%}
.swiper02x_box .swiper-button-prev {width:30px;height: 30px; background-size:20px;}
.swiper02x_box .swiper-button-next {width:30px;height: 30px; background-size:20px; }
}

a.sw_item02{ display: block;position: relative;}
a.sw_item02 .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden;}
a.sw_item02 .imgzoom img{width: 100%; min-height: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.sw_item02:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

a.sw_item02 .imgzoomx{padding-bottom: 165%; width: 100%; position: relative; overflow: hidden;}
a.sw_item02 .imgzoomx img{width: 100%; min-height: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.sw_item02:hover .imgzoomx img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

a.sw_item02 .txt{padding: 15px 30px; width: 100%;  text-align: left;transition: all 0.5s ease-out;position: relative;}
a.sw_item02 .txt .p1{ font-size: 14px; color: #666; height: 20px; line-height: 20px; overflow: hidden; text-align: center;}
@media screen and (max-width: 1023px){
a.sw_item02 .txt{padding: 10px 15px; width: 100%;  text-align: left;transition: all 0.5s ease-out;position: relative;}
a.sw_item02 .txt .p1{ font-size: 12px; color: #666; height: 20px; line-height: 20px; overflow: hidden;}
}
/*首页厂房环境------------------------*/

/** swiper02x1_box ====================================================================================*/
.swiper02x1_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 30px 0px 10px 0px; }
/** 点 ============*/
.swiper02x1_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;}
.swiper02x1_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper02x1_box .swiper-pagination-bullet{ background: #0053cc;  opacity: 0.8; width: 10px; height:10px;border-radius:5px;  margin: 0px 5px; transition: all 0.5s ease-out;}
.swiper02x1_box .swiper-pagination-bullet-active{ background: #e4000d; width: 30px; opacity:1;}
/** 左右按钮 ============*/
.swiper02x1_box .swiper-button-prev {left: -50px;opacity:1;top: 40%;}
.swiper02x1_box .swiper-button-next {right:-50px;opacity:1;top: 40%; }
.swiper02x1_box .swiper-button-prev {width: 35px;height: 75px; text-align: center; background-color:none;background-image:url(../images/xleftm.png);background-repeat:no-repeat; background-position:center center; background-size:35px;}
.swiper02x1_box .swiper-button-next {width: 35px;height: 75px; text-align: center; background-color:none;background-image:url(../images/xrightm.png);background-repeat:no-repeat; background-position:center center; background-size:35px; }
.swiper02x1_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/xleft.png);}
.swiper02x1_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/xright.png);}

.swiper02x1_box .swiper-button-prev.hide{opacity:0;}
.swiper02x1_box .swiper-button-next.hide{opacity:0;}
.swiper02x1_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}
@media screen and (max-width: 1366px){
/** 左右按钮 ============*/
.swiper02x1_box .swiper-button-prev {left: 0px;opacity:1;top: 40%;}
.swiper02x1_box .swiper-button-next {right: 0px;opacity:1;top: 40%; }	
}

@media screen and (max-width: 1280px){
}
	
@media screen and (max-width: 1023px){
.swiper02x1_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; }
.swiper02x1_box .swiper-pagination{width: 100%; text-align:center;}
/** 点 ============*/
.swiper02x1_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;}
.swiper02x1_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper02x1_box .swiper-pagination-bullet{ background: #0053cc;  opacity: 0.8; width: 5px; height:5px;border-radius:5px;  margin: 0px 2px; transition: all 0.5s ease-out;}
.swiper02x1_box .swiper-pagination-bullet-active{ background: #e4000d; width: 20px; opacity:1;}

.swiper02x1_box .swiper-button-prev {left: 0px;opacity:1; top: 48%}
.swiper02x1_box .swiper-button-next {right:0px;opacity:1;top: 48%}
.swiper02x1_box .swiper-button-prev {width:30px;height: 30px; background-size:20px;}
.swiper02x1_box .swiper-button-next {width:30px;height: 30px; background-size:20px; }
}



/** swiper02x1_box ====================================================================================*/
.swiper02x2_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 30px 0px 40px 0px; }
/** 点 ============*/
.swiper02x2_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;}
.swiper02x2_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper02x2_box .swiper-pagination-bullet{ background: #0053cc;  opacity: 0.8; width: 10px; height:10px;border-radius:5px;  margin: 0px 5px; transition: all 0.5s ease-out;}
.swiper02x2_box .swiper-pagination-bullet-active{ background: #e4000d; width: 30px; opacity:1;}
/** 左右按钮 ============*/
.swiper02x2_box .swiper-button-prev {left: -50px;opacity:1;top: 40%;}
.swiper02x2_box .swiper-button-next {right:-50px;opacity:1;top: 40%; }
.swiper02x2_box .swiper-button-prev {width: 35px;height: 75px; text-align: center; background-color:none;background-image:url(../images/xleftm.png);background-repeat:no-repeat; background-position:center center; background-size:35px;}
.swiper02x2_box .swiper-button-next {width: 35px;height: 75px; text-align: center; background-color:none;background-image:url(../images/xrightm.png);background-repeat:no-repeat; background-position:center center; background-size:35px; }
.swiper02x2_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/xleft.png);}
.swiper02x2_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/xright.png);}

.swiper02x2_box .swiper-button-prev.hide{opacity:0;}
.swiper02x2_box .swiper-button-next.hide{opacity:0;}
.swiper02x2_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}
@media screen and (max-width: 1366px){
/** 左右按钮 ============*/
.swiper02x2_box .swiper-button-prev {left: 0px;opacity:1;top: 40%;}
.swiper02x2_box .swiper-button-next {right: 0px;opacity:1;top: 40%; }	
}

@media screen and (max-width: 1280px){
}
	
@media screen and (max-width: 1023px){
.swiper02x2_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; }
.swiper02x2_box .swiper-pagination{width: 100%; text-align:center;}
/** 点 ============*/
.swiper02x2_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;}
.swiper02x2_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper02x2_box .swiper-pagination-bullet{ background: #0053cc;  opacity: 0.8; width: 5px; height:5px;border-radius:5px;  margin: 0px 2px; transition: all 0.5s ease-out;}
.swiper02x2_box .swiper-pagination-bullet-active{ background: #e4000d; width: 20px; opacity:1;}

.swiper02x2_box .swiper-button-prev {left: 0px;opacity:1; top: 48%}
.swiper02x2_box .swiper-button-next {right:0px;opacity:1;top: 48%}
.swiper02x2_box .swiper-button-prev {width:30px;height: 30px; background-size:20px;}
.swiper02x2_box .swiper-button-next {width:30px;height: 30px; background-size:20px; }
}






.index_gongyi{padding-top: 50px;padding-bottom: 70px;position: relative;}
.index_gongyi:after{position: absolute;bottom: 85px;left: 0px;width: 49%;height: 220px;content: "";background-color: #e4000d;z-index: 1;}

.index_gongyi .index_title{text-align: center;color: #fff;}
.index_gongyi .index_title .p1{color: #fff;}
.index_gongyi .index_title .p2{color: #fff;}
.index_gongyi .index_title .p3{color: #fff;}
.index_gongyi .index_title .line{border-bottom: 2px solid #fff;width: 80px;margin: 0px auto 10px ;position: relative;}
.index_gongyi .index_title .line:after{position: absolute;left: 50%;top: -3px;width: 8px;height: 8px;border-radius: 50%; margin-left: -5px; background-color: #fff;content: "";}


.gongyim{margin-top: 50px;}
.gongyi_l{width: 46%;float: left;}
.gongyi_l .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden;box-shadow:0 0 15px rgba(0,0,0,0.5);}
.gongyi_l .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; z-index: 999;}
.gongyi_l:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.gongyi_r{float: right;width: 48%;color: #ccc;}
.gongyi_r .h3{font-size: 20px;color: #fff;line-height: 25px;height: 25px;overflow: hidden;margin-bottom: 10px;}
.gongyi_r .p1{font-size: 12px;color: #78a6e5;line-height: 20px;height: 20px;overflow: hidden;}
.gongyi_r .p2{font-size: 16px;margin-top: 30px;color: #fff;background-image:url(../images/thico.png);background-repeat:no-repeat; background-position:left 5px;padding-left: 36px;line-height: 25px;height: auto;overflow: hidden; font-weight: bold;}
.gongyi_r .p3{font-size: 14px;margin-top: 10px;color: #ccc; padding-left: 36px;line-height: 25px; overflow: hidden;}
.gongyi_r .p3 span{padding: 0px 5px 0px 8px; position: relative;}
.gongyi_r .p3 span::after{position: absolute; left: 0px; top: 5px; content: "";width:2px; height: 10px; background:#ccc;}

.thico{margin-top: 30px;margin-left: -10px;margin-right: -10px;}
.thico .item{width: 33.3333%;float: left;text-align: center;padding: 0px 10px;}
.thico .item img{width: 45px;height: 45px;}
.thico .item span{display: block;color: #fff;margin-top: 25px;font-size: 16px;line-height: 18px;height: 18px;overflow: hidden;}


@media screen and (max-width: 1023px){
.index_gongyi{padding-top: 30px;padding-bottom: 20px;position: relative;}
.index_gongyi:after{display: none;}
.gongyim{margin-top: 20px;}
.gongyi_l{width: 100%;float: left;margin-bottom: 20px;}
.gongyi_l .imgzoom{padding-bottom: 50%; width: 100%; position: relative; overflow: hidden;box-shadow:0 0 15px rgba(0,0,0,0.0);}
.gongyi_r{float: right;width: 100%;}
.gongyi_r .h3{font-size: 16px;color: #fff;line-height: 20px;height: 20px;overflow: hidden;margin-bottom: 5px;}
.gongyi_r .p1{font-size: 12px;color: #78a6e5;line-height: 18px;height: 18px;overflow: hidden;text-align: left;}
.gongyi_r .p2{font-size: 12px;margin-top: 20px;color: #fff;background-image:url(../images/thico.png);background-repeat:no-repeat; background-position:left 3px;padding-left: 30px;line-height: 20px;height: auto;overflow: hidden;}
.thico{margin-top: 20px;margin-left: -10px;margin-right: -10px;}
.thico .item{width: 33.3333%;float: left;text-align: center;padding: 0px 10px;}
.thico .item img{width: 30px;height: 30px;}
.thico .item span{display: block;color: #fff;margin-top: 15px;font-size: 14px;line-height: 18px;height: 18px;overflow: hidden;}

.gongyi_r .p3{font-size: 12px;margin-top: 0px;color: #ccc; padding-left: 36px;line-height: 25px; overflow: hidden;}
.gongyi_r .p3 span{padding: 0px 5px 0px 8px; position: relative;}
.gongyi_r .p3 span::after{position: absolute; left: 0px; top: 5px; content: "";width:2px; height: 10px; background:#ccc;}

}











.footer{background-color: #1a1f27;color: #fff;padding-top: 50px;padding-bottom: 20px;}
.footer .footer_t{position: relative;padding-bottom: 20px;}
.footer_l{text-align:left;padding-right: 300px;}
.footer_l dl{float: left;width: 20%;}
.footer_l dl dt{font-size: 16px;color: #ddd; margin-bottom: 20px; padding-left: 10px; border-left: 2px solid #0f4ba3;}
.footer_l dl dd{padding-left: 12px;}
.footer_l dl dd a{font-size: 12px;display: block;margin: 5px 0px;color: #999;}
.footer_l dl dd a:hover{color: #0f4ba3;}

.footer_l dl:first-child{ width: 60%;}
.footer_l dl:first-child dd{width: 33.333%; display: inline-block; float: left;}

.footer_r{width: 280px;position: absolute;top: 0px;right: 0px; }
.footer_r  .p2{font-size: 15px;line-height: 26px;color: #fff;opacity: 0.7;margin-bottom: 20px;}
.footer_r  .p3{font-size: 20px;color: #fff; margin-bottom: 5px;}
.footer_r  .tel{font-size: 24px;color: #0f4ba3;font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; font-weight: bold;}


.footer_b{padding-top: 15px; margin-bottom: 15px; color: #999; font-size: 12px; border-top: 1px solid #333;}
.footer_b span{display: inline-block;}
.footer_b a{display: inline-block;color: #999;margin: 0px 5px;}
.footer_b a:hover{color: #0f4ba3;}

.footer_m{background-color: #10141d;color: #999;padding: 20px 0px; font-size: 12px; line-height: 1.75; text-align: center;}
.footer_m a{color: #ccc;margin: 0px 5px;}
.footer_m a:hover{color: #0f4ba3;}
@media (max-width:1023px){
.footer{background-color: #1a1f27;color: #fff;padding-top: 20px;padding-bottom: 10px; display: none;}
.footer .footer_t{border-bottom: 0px solid #999;position: relative;padding-bottom: 0px;}
.footer_l{text-align: center;padding-right: 300px;display: none;}
.footer_r{width: 100%;position: relative;top: 0px;right: 0px;text-align: center;}
.footer_r .p1{font-size: 12px;margin-bottom: 10px;}
	.footer_b{display: none;}
.footer_m{background-color: #10141d;color: #fff;padding: 15px 0px; font-size: 10px;line-height: 20px; padding-bottom: 95px;}
}

/*在线客服*/
.zxkf{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.zxkf ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.zxkf ul li:hover{background:#0f4ba3;color:#fff}
.zxkf ul li:hover a{color:#fff}

.zxkf ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.zxkf ul li i.bgs1{background-image:url(../images/kefu/right_pic5.png)}
.zxkf ul li i.bgs2{background-image:url(../images/kefu/right_pic7.png)}
.zxkf ul li i.bgs3{background-image:url(../images/kefu/right_pic2.png)}
.zxkf ul li i.bgs4{background-image:url(../images/kefu/right_pic1.png)}
.zxkf ul li i.bgs5{background-image:url(../images/kefu/right_pic3.png)}
.zxkf ul li i.bgs6{background-image:url(../images/kefu/right_pic6_on.png)}
.zxkf ul li:hover i.bgs1{background-image:url(../images/kefu/right_pic5_on.png)}
.zxkf ul li:hover i.bgs2{background-image:url(../images/kefu/right_pic7_on.png)}
.zxkf ul li:hover i.bgs3{background-image:url(../images/kefu/right_pic2_on.png)}
.zxkf ul li:hover i.bgs4{background-image:url(../images/kefu/right_pic1_on.png)}
.zxkf ul li:hover i.bgs5{background-image:url(../images/kefu/right_pic3_on.png)}

.zxkf ul li.zxkftop{background:#0f4ba3;color:#fff}
.zxkf ul li.zxkftop:hover{opacity:.8;filter:Alpha(opacity=80)}

.zxkf ul li.zxkfewm .ewBox{width:155px; height: 155px; display:none;color:#363636;text-align:center;position:absolute;left:-158px;top:0;border:1px solid #e0e0e0}
.zxkf ul li.zxkfewm .ewBox img{width: 100%;}

.zxkf ul li.zxkfetel .telBox{width:240px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#0f4ba3}
.zxkf ul li.zxkfetel .telBox dd{display:block;height:auto;overflow:hidden;padding-left:82px;line-height:24px;font-size:16px}
.zxkf ul li.zxkfetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin:13px 0px 0px 0px;font-size:18px}
.zxkf ul li.zxkfetel .telBox dd.bgs1{background:url(../images/kefu/right_pic8.png) 28px center no-repeat; padding-bottom: 13px; background-color:#0f4ba3;}

.zxkf ul li:hover .ewBox{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
.zxkf ul li:hover .telBox{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@media (max-width: 992px) {
.zxkf{display: none;}	
}

.zhezhaoBox{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);top:0;left:0;z-index:2}
.wx_conBox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;background-color:#fff;text-align:center;font-size:14px;padding:20px;border-radius:30px;z-index:999;}
.wx_conBox>p{margin-top:10px}
.wx_conBox>img{width:60px;height:60px}
.wx_conTxt1{font-size:18px;font-weight:700}
.wx_conBtn{width:100px;height:40px;color:#fff;font-size:16px;line-height:40px;text-align:center;margin:auto;background-color:#1aad19;margin-top:20px}
.wx_conBtn a{display:block;color:#fff}
.chahaoSty{text-align:right}
.chahaoSty>img{width:32px;height:32px;display:inline-block}

/*footer------------------------------------------------*/

.footer-fix{display: block;display: none; z-index: 999; border-top: 1px solid #58060f;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0px;font-size: 12px;line-height: 1;}
.footer-fix li i .i1{background-image:url("../images/f_01.png")}
@media (max-width:1023px){
	.footer-fix{display: block;position: fixed; bottom: 0px;left: 0px; width: 100%;background-color: #fff;}
	.footer-fix li {float: left;width: 25%;}
	.footer-fix li a {display: block;text-align: center;padding: 7px 0px;font-size: 12px;line-height: 1;}
	.footer-fix li a i{display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
	.footer-fix li i.i1{background-image:url("../images/f_01.png")}
	.footer-fix li i.i2{background-image:url("../images/f_02.png")}
	.footer-fix li i.i3{background-image:url("../images/f_04.png")}
	.footer-fix li i.i4{background-image:url("../images/f_03.png")}
}
/*footer-fix---------------------------*/

.about_top{text-align: center;background-color: #f4f4f4;;padding: 20px;}
.about_top i img{width: 20px;height: 20px;vertical-align: top;}
.about_top a{display: inline-block;line-height: 20px;height: 20px;font-size: 16px;}
.about_top a:hover{color: #174e9a;}
.about_top a.on{color: #174e9a;}
@media (max-width:1023px){
.about_top{text-align: center;background-color: #f4f4f4;;padding: 10px;}
.about_top i img{width: 18px;height: 18px;vertical-align: top;}
.about_top a{display: inline-block;line-height: 20px;height: 20px;font-size: 14px;}
.about_top a:hover{color: #174e9a;}
.about_top a.on{color: #174e9a;}
}

.pag_main1{padding-top: 40px;padding-bottom: 50px;}
.pag_about1{position: relative; margin-top: 40px;}

.about_l{position:sticky;top: 100px;left: 0px;width: 25%;background-color: #f4f4f4; float: left;}
.about_l h3{background-color: #e4000d;padding: 25px 30px 25px;font-weight: bold;font-size: 24px;color: #fff;margin-bottom: 10px; border-radius: 15px 15px 0px 0px;}
.about_l p{ font-size: 12px; text-transform:uppercase; font-weight: 500; margin-top: 5px;}
ul.item{padding: 15px 25px;}
ul.item li{background-color: #fff;margin-bottom: 10px;}
ul.item li a{display: block;}
ul.item li a span{position: relative;color: #666;font-size: 16px;display: block;z-index: 2;padding: 15px 25px;}
ul.item li a.on span{background-color: #e4000d;color: #fff;}
ul.item li a:hover span{color: #fff;}
ul.item li a span:before{position: absolute;top: 0px;left: 0px;width: 0%;height: 100%;background-color: #e4000d;z-index: -1;content: "";transition: all 0.5s ease-out;}
ul.item li a:hover span:before{width: 100%;color: #fff;}
ul.item li a span i{float: right;}

.about_r{ float: right; width: 72%;}
.about_r .txt{ padding: 0px 0px; line-height: 2;font-size: 16px;color: #333;position: relative;overflow: hidden;background-color: #fff; }

@media (max-width:1023px){
.pag_main1{padding-top: 0px;padding-bottom: 20px;}
.pag_main1.max1440{ padding: 20px 10px;}
.pag_about1{position: relative;margin-top: 0px;}
.about_l{position: relative;top: 0px;left: 0px;width: 100%;background-color:#fff;border: 0px solid #ddd; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px;box-shadow:0 0 10px rgba(0,0,0,0.15); display: none;}
.about_l h3{ display: none;}
ul.item{padding: 0px 10px;}
ul.item li{background-color: #fff; margin-bottom: 0px; float: left;}
ul.item li a{display: block;}
ul.item li a span{position: relative;font-size: 14px;color: #333;font-weight: bold;display: block;z-index: 2;padding: 5px 10px;}
ul.item li a.on span{background-color: #174e9a;color: #fff;}
ul.item li a:hover span{color: #fff;}
ul.item li a span:before{position: absolute;top: 0px;left: 0px;width: 0%;height: 100%;background-color: #174e9a;z-index: -1;content: "";transition: all 0.5s ease-out;}
ul.item li a:hover span:before{width: 100%;color: #fff;}

.about_r{padding-left: 0px; padding-bottom: 0px; width: 100%;}
.about_r .txt{padding: 0px 5px; line-height: 2;font-size: 0.56rem;color: #666;position: relative;overflow: hidden; }
}


.pag_main2{padding-top: 40px;padding-bottom: 40px;}
.about2_l{width: 70%;float: left;}

.about2_top{padding: 0px 0px;box-shadow:0 0 10px rgba(0,0,0,0.15); width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 3;}
ul.about2_lm li{float: left; margin-right: 1px;}
ul.about2_lm li a{display: block;font-size: 16px; font-weight: bold; color: #333;  padding: 20px 35px;}
ul.about2_lm li a.on{background-color: #174e9a; color: #fff;}
ul.about2_lm li a:hover{background-color: #174e9a;color: #fff; }

.cur_box{padding: 0px 0px; background-color:rgba(23,78,154,0.7); font-size: 12px; line-height: 35px;  color: #ccc;  width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 3;}
.cur_m a{display:inline-block;font-size: 12px; color: #ccc; padding: 0px 10px;}
.cur_m a:hover{ color: #fff; }

@media (max-width:1023px){
	.cur_box{ display: none;}
	}

.about2_txt{padding: 20px 0px; margin: 20px 0px; line-height: 2;font-size: 16px;color: #333; position: relative;overflow: hidden; }

.about2_txt iframe{height: 550px;}


@media (max-width:1023px){
	.about2_txt{padding: 0px 0px; margin: 0px 0px; line-height: 2;font-size: 14px;color: #333; position: relative;overflow: hidden; }

	}



.about2_r{ float: right;text-align: right; padding-top: 20px;}
.about2_r i img{width: 20px;height: 20px;vertical-align:middle; float: left;}
.about2_r a{display: inline-block;font-size: 16px;line-height: 1;vertical-align:middle;}
.about2_r a.on{color: #174e9a;}
.about2_r a:hover{color: #174e9a;}




@media (max-width:1023px){
.about2_bottom iframe{height: 350px;}
.pag_main2{padding-top: 10px;padding-bottom: 10px;}
.about2_top{padding: 0px 0px;box-shadow:0 0 10px rgba(0,0,0,0.15);background-color: #fff;}
.about2_lm{margin-bottom: 0px; padding: 10px 0px;}
	
ul.about2_lm li{float: left;margin-right: 0px; margin-left: 0px; padding: 0px 0px;}
ul.about2_lm li a{display: block;font-size: 14px;color: #333;font-weight: bold;margin: 0px 0px;  padding: 5px 10px;}
ul.about2_lm li a.on{background-color: #174e9a; color: #fff;}
ul.about2_lm li a:hover{background-color: #174e9a;color: #fff; }


.about2_r{width: 100%;float: right;text-align: left;}
.about2_bottom{padding-top: 20px;padding-bottom: 0px;}
.about2_bottom .img{height: auto;background-repeat:no-repeat; background-position:center center; background-size:cover;}
.about2_bottom .txt{padding: 0px 5px;background-color: #f4f4f4; line-height: 2;font-size: 0.56rem;color: #666;position: relative;overflow: hidden;background-color: #fff;}
.about2_r{line-height: 20px;}
.about2_r i img{width: 15px;height: 15px;vertical-align:middle;}
.about2_r a{display: inline-block;font-size: 14px;line-height: 20px;vertical-align:middle;}
.about2_r a.on{color: #174e9a;}
.about2_r a:hover{color: #174e9a;}
}


ul.product_list{margin-left: -10px;margin-right: -10px; padding: 30px 0px 30px 0px;}
ul.product_list_l{ padding: 0px 0px;}



ul.product_list li{width: 33.3333%;float: left;padding: 0px 10px 20px 10px;}
ul.product_list li a{display: block;}
ul.product_list li a:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);}
ul.product_list li a .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
ul.product_list li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.product_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

ul.product_list li a .test{padding: 10px 20px 20px; background: #fff; }
ul.product_list li a .test .p1{font-size: 20px;font-weight: bold;color: #333;line-height: 40px;height: 40px;overflow: hidden;margin: 0px 0px; text-align: center;}
ul.product_list li a .test .p2{font-size: 14px; color: #666; line-height: 22px;height: 66px;overflow: hidden;margin: 10px 0px; display: none;}
ul.product_list li a .test span{background-color: #f6f6f6;display: block; margin: 0px auto; width: 100px; text-align: center; padding: 5px 10px;font-size: 12px;z-index: 2;position: relative;}
ul.product_list li a:hover .test span{color: #fff;}
ul.product_list li a .test span:before{width: 0%;height: 100%;position: absolute;top: 0px;left: 0px;background-color: #174e9a;z-index: -1;content: "";transition: all 0.5s ease-out;}
ul.product_list li a:hover .test span:before{width: 100%;}

ul.product_listq li{ width: 20%;}
ul.product_listq li a .test .p1{font-size: 14px;}
@media (max-width:1023px){
ul.product_list li{width: 50%;float: left;padding: 0px 10px 20px 10px;}
ul.product_list li a .test{padding: 10px 10px; }
}

@media (max-width:768px){
ul.product_list{margin-left: 0px;margin-right: 0px;padding: 10px 0px 10px 0px;}
ul.product_list li{width: 50%;float: left;padding: 0px 5px 10px 5px;}
ul.product_list li a .test{padding: 10px 10px; }
ul.product_list li a .test .p1{font-size: 14px;font-weight: bold;color: #333;line-height: 20px;height: 20px;overflow: hidden;margin: 0px 0px 5px 0px;}
ul.product_list li a .test .p2{font-size: 14px;line-height: 22px;height: auto;overflow: hidden;margin: 5px 0px;}
ul.product_list li a .test span{background-color: #174e9a;color: #fff;display: block; margin: 0px auto; width: 100%; text-align: center; padding: 5px 10px;font-size: 12px;z-index: 2;position: relative;}
ul.product_list li a:hover .test span{color: #fff;}
ul.product_list li a .test span:before{width: 0%;height: 100%;position: absolute;top: 0px;left: 0px;background-color: #174e9a;z-index: -1;content: "";transition: all 0.5s ease-out;}
ul.product_list li a:hover .test span:before{width: 100%;}
}

ul.anli_list{ margin-left: -10px;margin-right: -10px; padding: 30px 0px;}
ul.anli_list li{float: left;width: 33.3333%;padding: 0px 10px 20px 10px;}
ul.anli_list li a{display: block;position: relative;}
ul.anli_list li a .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
ul.anli_list li a .imgzoom img{width: 100%; min-height: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.anli_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
ul.anli_list li a .imgbg{position: absolute;top: 0px;left: 0px;width: 100%;height: 0%;background:rgba(0,0,0,0.5); }
ul.anli_list li a:hover .imgbg{height: 100%;transition: all 0.5s ease-out;}
ul.anli_list li a .anli_txt{position: absolute;top: 0px;left: 0px;text-align: center;width: 100%;padding: 30% 20px 0px 20px;opacity: 0;transition: all 0.5s ease-out;}
ul.anli_list li a:hover .anli_txt{padding: 17% 20px 0px 20px;opacity: 1;}
ul.anli_list li a .anli_txt span{color: #fff;font-size: 16px;line-height: 20px;height: 20px;overflow: hidden;display: block;}
ul.anli_list li a i{display: block;}
ul.anli_list li a i img{width: 30px;height: 30px;margin: 10px 0px;}
@media (max-width:1023px){
	ul.anli_list{ margin-left: -10px;margin-right: -10px; padding: 10px 0px;}
ul.anli_list li{float: left;width: 50%;padding: 0px 10px 20px 10px;}
	ul.anli_list li a .imgbg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background:rgba(0,0,0,0); }
ul.anli_list li a .anli_txt{position:relative;top: 0px;  left: 0px;text-align: center;width: 100%;padding: 15px 20px 15px 20px;opacity: 1;transition: all 0.5s ease-out;}
ul.anli_list li a .anli_txt span{color: #000;font-size: 13px;line-height: 20px;height: auto;overflow: hidden;display: block;}
ul.anli_list li a i{display: none;}
}

@media (max-width:768px){
ul.anli_list li{float: left;width: 100%;padding: 0px 10px 20px 10px;}
}





ul.news_list{ padding: 30px 0px 0px 0px;}
ul.news_list_l{padding: 0px 0px;}
ul.news_list li{margin-bottom: 30px;}
ul.news_list li a{display: block;position: relative; background-color: #f7f7f7;}
ul.news_list li a .img_list{position: absolute;width: 300px;top: 0px;left: 0px;}
ul.news_list li a .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
ul.news_list li a .imgzoom img{width: 100%; height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.news_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

ul.news_list li a .txt_list{padding: 20px 20px 15px 330px; min-height: 180px;}
ul.news_list li a .news_txt h3{font-size: 20px; font-weight: bold; line-height: 30px;height: 30px;overflow: hidden; display: block; margin-bottom: 10px;}
ul.news_list li a:hover .news_txt h3{color: #174e9a;}
ul.news_list li a .news_txt .time{font-size: 12px;color: #666; line-height: 14px;height: 14px;margin: 10px 0px;}
ul.news_list li a .news_txt .p1{font-size: 14px; color: #666; line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 10px;}
ul.news_list li a .news_txt span{display: inline-block;background-color: #f7f7f7;padding: 5px 10px;z-index: 2;position: relative;font-size: 12px;}
ul.news_list li a:hover .news_txt span{color: #fff;}
ul.news_list li a .news_txt span:before{position: absolute;top: 0px;left: 0px;width: 0%;height: 100%; content: "";background-color: #174e9a;z-index: -1;transition: all 0.5s ease-out;}
ul.news_list li a:hover .news_txt span:before{width: 100%;}

@media (max-width:1023px){
ul.news_list li{margin-bottom: 15px;}
ul.news_list li a{display: block;position: relative;  background-color: #f7f7f7;}
ul.news_list li a .img_list{position: absolute;width: 120px;top: 10px;left: 10px;}
ul.news_list li a .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
ul.news_list li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.news_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

ul.news_list li a .txt_list{padding: 10px 10px 10px 140px; min-height: 90px; border-bottom: 1px dotted #ccc;}
ul.news_list li a .news_txt h3{font-size: 15px; font-weight: bold; line-height: 20px;height: 40px;overflow: hidden; display: block; margin-bottom: 7px;}
ul.news_list li a:hover .news_txt h3{color: #174e9a;}
ul.news_list li a .news_txt .time{ display: none;}
ul.news_list li a .news_txt .p1{ display: none;  }
ul.news_list li a .news_txt span{display: inline-block;background-color: #174e9a; color: #fff; padding: 5px 10px;z-index: 2;position: relative;font-size: 11px;}
ul.news_list li a:hover .news_txt span{color: #fff;}
ul.news_list li a .news_txt span:before{position: absolute;top: 0px;left: 0px;width: 0%;height: 100%; content: "";background-color: #174e9a;z-index: -1;transition: all 0.5s ease-out;}
ul.news_list li a:hover .news_txt span:before{width: 100%;}
}


ul.news_list li.wutu{}
ul.news_list li.wutu a .img_list{ display: none;}
ul.news_list li.wutu a .txt_list{padding: 30px 30px 30px 30px; min-height: 90px;}
@media (max-width:1023px){
	ul.news_list{ padding: 10px 0px 0px 0px;}
	#share-3{display: none;}
ul.news_list li.wutu{}
ul.news_list li.wutu a .img_list{ display: none;}
ul.news_list li.wutu a .txt_list{padding: 15px 15px 15px 15px; min-height:auto;}	
ul.news_list li.wutu a .news_txt h3{font-size: 16px; font-weight: bold; line-height: 22px;height: auto;overflow: hidden; display: block; margin-bottom: 7px;}
ul.news_list li.wutu a .news_txt .p1{font-size: 12px; display: block; color: #999; line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 10px;}
}






.feedback{padding: 0px 0px;background-color: #f9f9f9;}
.feedback .tit .h3{font-size: 30px;color: #333;font-weight: bold;}
.feedback .tit .p1{font-size: 14px;color: #666;margin-top: 10px;}
ul.liuyan{margin-top: 30px;}
ul.liuyan li{float: left;margin-right: 20px;}
ul.liuyan li input{float: left;width: 250px;border: 1px solid #f6f6f6;box-shadow: 0 0 5px rgba(0,0,0,0.1);border-radius: 2px;line-height: 50px;font-size: 14px;padding: 0px 15px;color: #666;}
ul.liuyan li .text span{float: left;line-height: 50px;color: #999;margin-right: 10px;}
ul.liuyan li .text .yewu_box{float: left;line-height: 50px;color: #999;}
ul.liuyan li .text .yewu_box em{background-image:url(../images/feedback1.jpg);background-repeat:no-repeat;background-position:left center;padding-left: 20px;}
ul.liuyan li .text .yewu_box em.on{background-image:url(../images/feedback2.jpg);background-repeat:no-repeat;background-position:left center;padding-left: 20px;}
ul.liuyan li:last-child{width: 100%;margin: 20px 0px;}
ul.liuyan li textarea{width: 100%;height: 130px;border: 1px solid #f6f6f6;border-radius: 2px;font-size: 14px;padding: 15px;color: #666;box-shadow: 0 0 5px rgba(0,0,0,0.1);}

.liuyan_b{margin-top: 20px;margin-bottom: 30px;}
.liuyan_b a{float: left; border-radius: 5px; display: block;text-align: center;background-size:cover;color: #666;padding: 16px 30px 16px 30px;background-color: #f4f4f4;border: 1px solid #ddd;}

.liuyan_b a:hover{color: #fff;background-color: #174e9a;}
.liuyan_b span{display: inline-block;float: left;line-height: 50px;margin-left: 20px;color: #999;font-size: 14px;}
@media (max-width:1023px){
.feedback{padding: 30px 0px;background-color: #f9f9f9;}
.feedback .tit .h3{font-size: 18px;color: #333;font-weight: bold;}
.feedback .tit .p1{font-size: 12px;color: #666;margin-top: 10px;}
ul.liuyan{margin-top: 10px;}
ul.liuyan li{float: left;margin-right: 0px;width: 100%;margin-bottom: 10px;}
ul.liuyan li input{float: left;width: 100%;border: 1px solid #f6f6f6;box-shadow: 0 0 5px rgba(0,0,0,0.1);border-radius: 2px;line-height: 30px;font-size: 12px;padding: 0px 15px;color: #666;}
ul.liuyan li .text span{float: left;line-height: 20px;color: #999;margin-right: 10px;}
ul.liuyan li .text .yewu_box{float: left;line-height: 30px;color: #999;}
ul.liuyan li .text .yewu_box em{background-image:url(../images/feedback1.jpg);background-repeat:no-repeat;background-position:left center;padding-left: 20px;}
ul.liuyan li .text .yewu_box em.on{background-image:url(../images/feedback2.jpg);background-repeat:no-repeat;background-position:left center;padding-left: 20px;}
ul.liuyan li:last-child{width: 100%;margin: 0px 0px;}
ul.liuyan li textarea{width: 100%;height: 130px;border: 1px solid #f6f6f6;border-radius: 2px;font-size: 14px;padding: 15px;color: #666;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
}


.aq_list{ margin: 0px auto;padding-top: 30px;}
.aq_list dl{ display:block; border-bottom: 1px solid #ccc; padding: 0px 0px; font-size: 15px;position: relative;}
.aq_list dt{ cursor:pointer;padding: 20px 15px;font-size: 18px;color: #222;font-weight: bold;}
.aq_list dt .p1{width: 65%;overflow: hidden;font-size: 18px;line-height: 20px;height: 20px; position: relative;}
.aq_list dd{ display:none;color: #757575; font-size: 14px; line-height: 1.63;padding: 30px 30px; background: #fafafa;}
.aq_list dt .rico1{ float: right; font-size:16px; position: absolute;width: 100px;right: 0px;top: 20px;}
.aq_list dt.rico2{color: #fff; background: #174e9a;}

@media (max-width:1023px){
.aq_list{ margin: 0px auto;padding-top: 0px;}
.aq_list dl{ display:block; border-bottom: 1px solid #ccc; padding: 0px 0px; font-size: 15px;position: relative;}
.aq_list dt{ cursor:pointer;padding: 10px 10px 10px 10px;font-size: 18px;color: #222;font-weight: bold;}
.aq_list dt .p1{width: 65%;overflow: hidden;font-size: 14px;line-height: 20px;height: 20px; position: relative;}
.aq_list dd{ display:none;color: #757575; font-size: 14px; line-height: 1.63;padding: 10px 10px; background: #fafafa;}
.aq_list dt .rico1{ float: right; font-size:14px; position: absolute;width: auto;right: 10px;top: 10px;}
.aq_list dt.rico2{color: #fff; background: #174e9a;}
}


.zhaopin h3{font-size: 24px;font-weight: bold;color: #333;margin-bottom: 10px;}
.zhaopin .zhaopin_txt{font-size: 16px;line-height: 26px;position: relative;overflow: hidden;color: #666;margin-bottom: 10px;}
@media (max-width:1023px){
.zhaopin h3{font-size: 18px;font-weight: bold;color: #333;margin-bottom: 5px;}
.zhaopin .zhaopin_txt{font-size: 14px;line-height: 22px;position: relative;overflow: hidden;color: #666;margin-bottom: 10px;}
}

.lianxi{margin-bottom: 30px;}
.lianxi h3{font-size: 24px;font-weight: bold;color: #333;margin-bottom: 10px;}
.lianxi p{font-size: 18px;margin: 10px 0px;}
.lianxi img{width: 100px;height: 100px;float: left;margin-right: 20px;}
@media (max-width:1023px){
.lianxi{margin-bottom: 30px;}
.lianxi h3{font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px;}
.lianxi p{font-size: 16px;margin: 5px 0px;}
.lianxi img{width: 100px;height: 100px;float: left;margin-right: 20px;}
}




.xiangxi{padding-top: 30px;}
.xiangxi .xiangxi_tit{margin-bottom: 20px; text-align: center;}
.xiangxi .xiangxi_tit h3{font-size: 22px;color: #333;}
.xiangxi .xiangxi_tit .p1{color: #174e9a;margin-top: 15px;font-size: 12px;}
.xiangxi .xiangxi_txt{position: relative;font-size: 15px;color: #333; min-height: 500px; line-height: 2;overflow: hidden; padding: 20px 0px 20px 0px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
@media screen and (max-width: 1023px){
.xiangxi{padding-top: 0px;}
.xiangxi .xiangxi_tit{margin-bottom: 10px;}
.xiangxi .xiangxi_tit h3{font-size: 16px;color: #333;}
.xiangxi .xiangxi_tit .p1{color: #174e9a;margin-top: 5px;font-size: 12px;}
.xiangxi .xiangxi_txt{position: relative;font-size: 0.52rem;color: #333;line-height: 24px;  min-height:200px; padding: 10px 0px 10px 0px;overflow: hidden;}
}

.fanye{ padding: 20px 0px 0px 0px; margin-top: 20px; border-top: 1px dotted #ccc;}
.fanyea { padding-bottom: 10px; color: #333; font-size: 15px; }
.fanyea a {color: #333; }
.fanyea a:hover { color: #0053cc; }
.fanyefh{}
.fanyefh a{color: #333; background: #ccc; font-size: 15px; width: 100%; text-align: center; padding: 10px 30px; display: inline-block; margin:10px 0px 0px 0px; border-radius:2px;}
.fanyefh a:hover{background:#0053cc; color: #fff; padding:10px 30px;}

@media (max-width:992px){
.fanyea {font-size: 0.56rem; }
.fanyefh a{font-size: 0.56rem; background:#0053cc; color: #fff;}
}


.in_fanyefh{}
.in_fanyefh a{color: #333; background: #eee; font-size: 15px; width: 100%; text-align: center; padding: 20px 30px; display: inline-block; margin:10px 0px 30px 0px; border-radius:2px;}
.in_fanyefh a:hover{background:#0053cc; color: #fff;  }




.pag_main{padding-top: 40px;padding-bottom: 30px;}
@media (max-width:1023px){
.pag_main{padding-top: 2.6rem;padding-bottom: 20px;}
}



.prom{position: relative; padding-top: 20px;}
.prom_l{width: 400px; float: left;}
.prom_l .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; }
.prom_l .imgzoom img{width: 100%; min-height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.prom_l:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
@media (max-width:1023px){
.prom_l{position: relative;top: 0px;left: 0px;width: 100%;}
}
/*prom--------------------------------------*/


.prom_r{min-height: 300px; width: calc(100% - 450px); float: right;}
.prom_r h1{font-size: 24px; color: #000; border-bottom: 1px dotted #ccc; font-weight: bold;line-height: 30px; overflow: hidden;margin-bottom: 20px; padding-bottom: 20px;}
.prom_r .p1{font-size: 14px;line-height: 25px; min-height: 155px; margin-bottom: 30px;overflow: hidden;}

.prom_r a.a1{display: inline-block;padding: 10px 25px;color: #fff;background-color: #0053cc;font-size: 16px; margin-right: 20px;}
.prom_r a.a2{display: inline-block;padding: 10px 25px;color: #fff;background-color: #e4000d;font-size: 16px;}
.prom_r a:hover{padding: 10px 35px;}

.prom_txt{padding-top: 30px;}
.prom_txt h4{font-size: 24px;padding-bottom: 10px;border-bottom: 2px solid #0053cc;display: inline-block;}
.prom_txt p{border-top: 1px solid #ddd;padding-top: 15px;line-height: 26px;font-size: 14px;position: relative;overflow: hidden;color: #333;}
.pag_canshu{padding-top: 50px;}
.canshu_txt{position: relative;font-size: 16px;line-height: 2;color: #333;overflow: hidden;margin-top: 20px;}

@media (max-width:1023px){
.prom{position: relative; padding-top: 0px;}
.prom_r{min-height:auto; width:100%; float: right; margin-top: 20px; text-align: center;}
.prom_r h1{font-size: 0.8rem; color: #000; border-bottom: 1px dotted #ccc; font-weight: bold;line-height: 30px; overflow: hidden;margin-bottom: 10px; padding-bottom: 10px;}
.prom_r .p1{font-size: 13px;line-height: 1.75; min-height: auto; height: auto;margin-bottom: 30px;overflow: hidden;}

.prom_r a.a1{display: inline-block;padding: 10px 25px;color: #fff;background-color: #0053cc;font-size: 16px; margin-right: 20px;}
.prom_r a.a2{display: inline-block;padding: 10px 25px;color: #fff;background-color: #e4000d;font-size: 16px;}
.prom_r a:hover{padding: 10px 35px;}

.prom_txt{padding-top: 30px;}
.prom_txt h4{font-size: 24px;padding-bottom: 10px;border-bottom: 2px solid #0053cc;display: inline-block;}
.prom_txt p{border-top: 1px solid #ddd;padding-top: 15px;line-height: 26px;font-size: 14px;position: relative;overflow: hidden;color: #333;}
.pag_canshu{padding-top: 30px;}
.canshu_txt{position: relative;font-size: 13px;line-height:1.75;color: #333;overflow: hidden;margin-top: 20px;}

}


.pag_title{text-align: center;}
.pag_title p{position: relative;}
.pag_title span{position: relative;display: inline-block;}
.pag_title span i{font-size: 28px;color: #333;position: relative;display: inline-block;font-style: normal;position: relative;background-color: #fff;padding: 0px 15px;font-weight: bold;}
.pag_title .p1{font-size: 16px;text-transform: uppercase;color: #999;margin-top: 5px;}
.pag_title span:after{position: absolute;top: 50%;left: -40px;content: "";border-bottom: 3px solid #0053cc;width: 40px;}
.pag_title span:before{position: absolute;top: 50%;right: -40px;content: "";border-bottom: 3px solid #0053cc;width: 40px;}
.pag_title p:before{position: absolute;top: 50%;left: 0px;content: "";border-bottom: 1px solid #eee;width: 100%;}
@media (max-width:1023px){
.pag_title{text-align: center;}
.pag_title p{position: relative;}
.pag_title span{position: relative;display: inline-block;}
.pag_title span i{font-size: 18px;color: #333;position: relative;display: inline-block;font-style: normal;position: relative;background-color: #fff;padding: 0px 15px;font-weight: bold;}
.pag_title .p1{font-size: 12px;text-transform: uppercase;color: #999;margin-top: 5px;}
.pag_title span:after{position: absolute;top: 50%;left: -40px;content: "";border-bottom: 3px solid #0053cc;width: 40px;}
.pag_title span:before{position: absolute;top: 50%;right: -40px;content: "";border-bottom: 3px solid #0053cc;width: 40px;}
.pag_title p:before{position: absolute;top: 50%;left: 0px;content: "";border-bottom: 1px solid #eee;width: 100%;}
}
/*pag_title---------------------------------*/


.index_liucheng{padding-top: 50px;padding-bottom: 50px; background: #f8f8f8;}
.index_lcbox{ padding: 50px 0px;}
.index_lcboxa{ width: 18%; float: left; padding-right: 8%; background-image:url(../images/index_liuchengbg.png);background-repeat:no-repeat; background-position:right 35%; background-size:auto;}
.index_lcboxa:last-child{ width: 10%;padding-right: 0%;}
.index_lcboxa img{width: 100%;transition: all ease 0.3s;}
.index_lcboxa:hover img{transform: scale(0.9);}
.index_lcboxa span{ padding-top: 30px; font-size: 16px; display: block; text-align: center;}
@media (max-width:1200px){
	.index_liucheng{padding-top: 30px;padding-bottom: 30px;}	
}
@media (max-width:999px){
.index_liucheng{padding-top: 8%;padding-bottom: 8%; background: #f8f8f8;}
.index_lcbox{ padding: 20px 0px 0px 0px;}
.index_lcboxa{ width: 33.3333%; float: left; padding-right: 4%; padding-left: 4%; margin-bottom: 20px; background-image:none;background-repeat:no-repeat; background-position:right 35%; background-size:auto;}
.index_lcboxa:last-child{ width: 33.3333%; padding-right: 4%;}
.index_lcboxa img{width: 100%;transition: all ease 0.3s;}
.index_lcboxa:hover img{transform: scale(0.9);}
.index_lcboxa span{ padding-top: 10px; font-size: 12px; display: block; text-align: center;}	
}
/** index_liucheng ====================================================================================*/


.pag_tese{padding-top: 50px; padding-bottom:50px;}



.pag_lianxi{padding-top: 50px; padding-bottom: 50px; color: #fff;}
ul.lianxi_list{background-color: rgba(23,78,154,0.9);padding: 50px;margin-top: 30px;}
ul.lianxi_list li{line-height: 40px;padding: 15px 0px; border-bottom: 1px solid #8dafdf;}

ul.lianxi_list h4{font-size: 22px;font-weight: bold;border-bottom: 1px solid #8dafdf;padding-bottom:20px;}
ul.lianxi_list li img{ float:left; margin-top: 8px; padding-right: 20px; width: 45px;}
ul.lianxi_list li p{font-size: 16px;display: inline-block; }
@media (max-width:1023px){
	.pag_tese{padding-top: 50px; padding-bottom:50px; display: none;}
.pag_lianxi{padding-top: 20px;padding-bottom: 	0px;}
ul.lianxi_list{background-color: rgba(23,78,154,0.9);padding: 25px;margin-top: 10px;}
ul.lianxi_list li{line-height: 20px;padding: 10px 0px; border-bottom: 1px solid #8dafdf;}

ul.lianxi_list h4{font-size: 14px;font-weight: bold;border-bottom: 1px solid #8dafdf;padding-bottom: 10px;}
ul.lianxi_list li img{ float:left; margin-top: 0px; padding-right: 10px; width: 32px;}
ul.lianxi_list li p{font-size: 12px;}
}



/** swiper01_box ====================================================================================*/
.pag_swiper01_box{ width:100%; position: relative; margin: 20px auto 0px auto; padding: 0px 0px; }
/** 点 ============*/
.pag_swiper01_box .swiper-container{padding: 10px 5px 50px 5px; height: auto;}
.pag_swiper01_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.pag_swiper01_box .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 10px; height:10px;border-radius:5px;  margin: 0px 10px; transition: all 0.5s ease-out;}
.pag_swiper01_box .swiper-pagination-bullet-active{ background: #e4000d; width: 30px; opacity:1;}
/** 左右按钮 ============*/
.pag_swiper01_box .swiper-button-prev {left: 10px;opacity:1; top: 30%;  }
.pag_swiper01_box .swiper-button-next {right:10px;opacity:1;top: 30%; }
.pag_swiper01_box .swiper-button-prev {width: 20px;height: 70px; background-color:none;background-image:url(themes/images/sleft.png);background-repeat:no-repeat; background-position:center center; background-size:100%; text-align: center;}
.pag_swiper01_box .swiper-button-next {width: 20px;height: 70px; background-color:none;background-image:url(themes/images/sright.png);background-repeat:no-repeat; background-position:center center; background-size:100%; text-align: center;}
.pag_swiper01_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(themes/images/slefth.png);}
.pag_swiper01_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(themes/images/srighth.png);}

.pag_swiper01_box .swiper-button-prev.hide{opacity:0;}
.pag_swiper01_box .swiper-button-next.hide{opacity:0;}
.pag_swiper01_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}

@media screen and (max-width: 1280px){
}
	
@media screen and (max-width: 1023px){
.pag_swiper01_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 0px 0px; }
.pag_swiper01_box .swiper-container{padding: 10px 5px 30px 5px; height: auto;}
.pag_swiper01_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.pag_swiper01_box .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 5px; height:5px;border-radius:5px;  margin: 0px 5px; transition: all 0.5s ease-out;}
.pag_swiper01_box .swiper-pagination-bullet-active{ background: #e4000d; width: 30px; opacity:1;}
}

a.pag_sw_item01{ display: block; background: #fff;}
a.pag_sw_item01:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);}
a.pag_sw_item01 .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; }
a.pag_sw_item01 .imgzoom img{width: 100%; min-height: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.pag_sw_item01:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

a.pag_sw_item01 .txt{padding: 20px 20px;  width: 100%;  text-align: center;}
a.pag_sw_item01 .txt .name{ font-size: 18px; color: #333; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 5px;}
a.pag_sw_item01:hover .txt .name{color: #0053cc;}
a.pag_sw_item01 .txt span{display: inline-block;padding: 10px 40px; font-size: 12px; color: #666;}

@media screen and (max-width: 1023px){
a.pag_sw_item01{ display: block;}
a.pag_sw_item01:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);}
a.pag_sw_item01 .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; }
a.pag_sw_item01 .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.pag_sw_item01:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

a.pag_sw_item01 .txt{padding: 10px 10px;  width: 100%;  text-align: center;}
a.pag_sw_item01 .txt .name{ font-size: 14px; color: #333; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 0px;}
a.pag_sw_item01:hover .txt .name{color: #0053cc;}
a.pag_sw_item01 .txt span{display: inline-block;padding: 5px 10px; font-size: 12px; color: #666;}
}
/*swiper01_box-------------------------*/



.news_info{ padding: 0px 0% 20px 0%; width: 100%; margin: 0px auto; position: relative;}
.news_info .h1{font-size: 26px; color: #000; line-height: 32px; font-weight: 400; text-align: center; }
.news_info .meta{padding-bottom: 10px; margin-top: 20px;  margin-bottom:20px; color: #999; font-size: 12px; text-align: center; border-bottom: 2px solid #dbdbdb;}
.news_info .meta span{padding-right:20px;}

.news_info .ms{ background: #ececec;font-size: 14px; line-height: 2; color: #333; padding: 20px 30px;}

.news_info_content{padding: 30px 0px 0px 0px; width: 100%; font-size: 16px; line-height:2; color: #333; overflow: hidden;}
.news_info_content a{font-weight: bold; color: #000;}
.news_info_content a:hover{ color: #ff8538;}
.news_info_content img{ padding: 10px 0px;}

.news_info_content iframe{width: 100%; height: 550px;} 
.news_info_tishi{ padding: 10px 0px; margin: 30px 0px; border: 1px solid #ececec; border-left: 0px; border-right: 0px; color: #666;}


@media (max-width:992px){
.news_info{ padding: 15px 0px 0px 0px; width: 100%; margin: 0px auto; position: relative; border-top: 1px dotted #ccc;}
.news_info .h1{font-size: 0.72rem; color: #000; line-height: 1rem; font-weight: 400; text-align: center; }
.news_info .meta{padding-bottom: 10px; margin-top: 10px;  margin-bottom:10px; color: #999; font-size: 0.44rem; text-align: center; border-bottom: 3px solid #dbdbdb;}
.news_info .meta span{padding-right:10px;}

.news_info .ms{ background: #ececec;font-size: 0.46rem; color: #666; padding: 10px 10px;}

.news_info_content{padding: 20px 0px 0px 0px; width: 100%; font-size: 0.56rem; line-height: 1.8; color: #333; overflow: hidden;}
.news_info_content a{font-weight: bold; color: #000;}
.news_info_content a:hover{ color: #ff8538;}
.news_info_content img{ padding: 10px 0px;}
	
.news_info_content iframe{width: 100%; height: 250px;} 
.news_info_tishi{ padding: 10px 0px; font-size: 10px; margin: 20px 0px 0px 0px; border: 1px solid #ececec; border-left: 0px; border-right: 0px; color: #666;}

}


.pag_tuijian{ padding: 30px 0px 0;}


.jianjie_tit .h3{font-size: 28px;color: #2e2e2e;font-weight: bold;line-height: 30px;margin-bottom: 5px;}
.jianjie_tit span{display: block;font-size: 12px;color: #7e7e7e;text-transform: uppercase;letter-spacing: 1px;}
@media screen and (max-width: 1023px){
.jianjie_tit .h3{font-size: 18px;color: #2e2e2e;font-weight: bold;line-height: 24px;margin-bottom: 5px;}
.jianjie_tit span{display: block;font-size: 12px;color: #7e7e7e;text-transform: uppercase;letter-spacing: 1px;}
}
/*公司简介标题--------------------------------------------*/


.jianjie_01{padding-top: 20px;padding-bottom: 0px; position: relative;}
.jianjie01_r{position: absolute;top: 20px;right: 30px;width: 590px; }
.jianjie01_r .imgzoom{padding-bottom: 62%; width: 100%; position: relative; overflow: hidden; z-index: 3;}
.jianjie01_r .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.jianjie01_r:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.jianjie01_l{min-height: 365px;padding-right: 650px;padding-top: 0px;}
.jianjie01_l .p1{font-size: 16px;color: #333;line-height: 2;margin-top: 25px;}
.jianjie01_l .p2{color:#e4000d;font-size: 26px; font-weight: bold; padding-top: 20px;}

.jianjie01_r::before, .jianjie01_r::after { content: ""; width: 100%; height: 100%; position: absolute;  }
.jianjie01_r::before { top: 10px; left: 10px; background: #ddd; z-index: 2; }
.jianjie01_r::after  { top: 20px; left: 20px; background: #eee; z-index: 1; }


@media screen and (max-width: 1023px){
.jianjie_01{padding-top: 0px;padding-bottom: 0px; position: relative;}
.jianjie01_r{position: relative;top: 0px;right: 0px;width: 100%;}
.jianjie01_l{min-height: auto;padding-right: 0px;padding-top: 40px;}
.jianjie01_l .p1{font-size: 14px;color: #4a4a4a;line-height: 24px;margin-top: 10px;}
.jianjie01_l .p2{color:#e4000d;font-size: 16px;}
}
/*jianjie_01----------------------------------*/


.jianjie_02{padding-top: 50px;padding-bottom: 50px;}
.jianjie02_warp{background-color: #f9f9f9;padding: 50px 0px;}
.jianjie02_list{width: 25%;float: left;border-right: 1px dashed #e4000d;}
.jianjie02_list:last-child{border-right: 0px dashed #e4000d;}
.jianjie02_list .item{text-align: center;}
.jianjie02_list .item .p1 span{font-size: 48px;color: #333;line-height: 50px;font-family: "HELVETICANEUELTPRO-THEX";font-weight: bold;}
.jianjie02_list .item .p1 b{font-size: 12px;background-color: #e4000d;border-radius: 50%;width: 22px;height: 22px;line-height: 22px;color: #fff;display: inline-block;}
.jianjie02_list .item .xian{width: 38px;border-bottom: 2px solid #e4000d;margin: 15px auto 15px auto;}
.jianjie02_list .item .p2{font-size: 12px;color: #4a4a4a;line-height: 16px;}
@media screen and (max-width: 1023px){
.jianjie_02{padding-top: 30px;padding-bottom: 10px;}
.jianjie02_warp{background-color: #f3f5f9;padding: 10px 0px;}
.jianjie02_list{width: 50%;float: left;border-right: 1px dashed #e4000d;border-bottom: 1px dashed #e4000d;}
.jianjie02_list:nth-child(2n){border-right: 0px dashed #e4000d;}
.jianjie02_list:nth-child(3){border-bottom: 0px dashed #e4000d;}
.jianjie02_list:nth-child(4){border-bottom: 0px dashed #e4000d;}
.jianjie02_list .item{padding: 10px;}
.jianjie02_list .item .p1 span{font-size: 25px;color: #333;line-height: 30px;font-family: "HELVETICANEUELTPRO-THEX";font-weight: bold;}
.jianjie02_list .item .p1 b{font-size: 10px;background-color: #e4000d;border-radius: 50%;width: 18px;height: 18px;line-height: 18px;color: #fff;display: inline-block;}
.jianjie02_list .item .xian{width: 38px;border-bottom: 2px solid #e4000d;margin: 5px auto 5px auto;}
.jianjie02_list .item .p2{font-size: 12px;color: #4a4a4a;line-height: 16px; min-height: 50px;}
}
/*jianjie_02-------------------------------*/


.pag_cur{ padding: 0px 0px 10px 0px; text-align: right; color: #999;}
.pag_cur a{color: #999}
.pag_cur a:hover{ color: #e4000d;}

@media screen and (max-width: 1023px){
	.pag_cur{ padding: 10px 0px 10px 0px; text-align:center; color: #999; border-top: 2px solid #eee; font-size: 10px;}
}

.zt_info_txt{padding: 0px 0px 60px 0px;font-size: 16px;color: #444;line-height: 2;position: relative;overflow: hidden;}

@media screen and (max-width: 1023px){

.zt_info_txt{padding: 0px 0px 20px 0px;font-size: 14px;color: #444;line-height: 1.67;position: relative;overflow: hidden;}
	
}

.blog_h4{font-size: 26px;color: #333;position: relative;padding-bottom: 10px;margin-bottom: 25px;}
.blog_h4:after{position: absolute;content: "";bottom: 0px;left: 0px;border-bottom: 2px solid #e4000d;width: 45px;}

@media screen and (max-width: 1023px){
.blog_h4{font-size: 18px;font-weight: bold;color: #333;position: relative;padding-bottom: 10px;margin-bottom: 10px;}
.blog_h4:after{position: absolute;content: "";bottom: 0px;left: 0px;border-bottom: 2px solid #e4000d;width: 45px;}	

}
/** 内页新闻右侧 ====================================================================================*/


.con_1{padding-bottom: 30px;}
.con_2 iframe{ width: 100%; height: 450px;}

.contact_ul { display: block; margin: -4px 0 0 -4px; padding-bottom: 30px; }
.contact_ul li { display: block; width: 50%; float: left; padding-left: 4px; margin-top: 4px; }
.contact_ul li .div { background: rgba(0,0,0,.05); color: #666; position: relative; overflow: hidden; padding: 30px 30px 30px 100px; height: 100px; border: 2px solid rgba(0,0,0,0); }
.contact_ul li .div i { display: inline-block; font-style: normal; width: 60px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #bbb; border-radius: 50%; position: absolute; top: 20px; left: 20px; font-size: 32px; }
.contact_ul li:nth-of-type(2) .div i { font-size: 27px; }
.contact_ul li:nth-of-type(3) .div i { font-size: 26px; }
.contact_ul li .div b { display: block; font-weight: normal; line-height: 24px; height: 24px; overflow: hidden; font-size: 20px; position: absolute; top: 20px; left: 100px; }
.contact_ul li .div span { display: block; font-style: normal; line-height: 18px; height: 36px; overflow: hidden; font-size: 16px; font-family: "AvianRegular"; position: absolute; top: 55px; left: 100px; padding-right: 10px; color: #999; }

.contact_ul li .div:hover { background:#e4000d; color: #fff; }
.contact_ul li .div:hover i {border-color: #fff; }
.contact_ul li .div:hover span { color: #fff; }


@media screen and (max-width: 1023px){
.contact_ul li { display: block; width: 100%; float: left; padding-left: 4px; margin-top: 4px; }
.contact_ul li .div { background: rgba(0,0,0,.05); color: #666; position: relative; overflow: hidden; padding: 10px 10px 10px 50px; height: 70px; border: 2px solid rgba(0,0,0,0); }
.contact_ul li .div i { display: inline-block; font-style: normal; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #bbb; border-radius: 50%; position: absolute; top: 10px; left: 10px; font-size: 22px; }
.contact_ul li:nth-of-type(2) .div i { font-size: 17px; }
.contact_ul li:nth-of-type(3) .div i { font-size: 16px; }
.contact_ul li .div b { display: block; font-weight: normal; line-height: 24px; height: 24px; overflow: hidden; font-size: 18px; position: absolute; top: 10px; left: 70px; }
.contact_ul li .div span { display: block; font-style: normal; line-height: 18px; height: 36px; overflow: hidden; font-size: 14px; font-family: "AvianRegular"; position: absolute; top: 35px; left:70px; padding-right: 10px; color: #999; }

.contact_ul li .div:hover { background:#e4000d; color: #fff; }
.contact_ul li .div:hover i {border-color: #fff; }
.contact_ul li .div:hover span { color: #fff; }
}


/** MOB在线客服 ====================================================================================*/
.mob_kefu{display: none;}
@media (max-width:1023px){
.mob_kefu{display:flex; position: fixed; bottom: 0px;left: 0px; width: 100%;background-color: #e4000d; z-index: 999; box-shadow:0 0 15px rgba(0,0,0,0.35);}
.mob_kefu li{ color: #fff; padding: 10px 0px 10px 0px; width: 25%; float: left; text-align: center;}
.mob_kefu li a{ display: block; color: #fff; font-size: 0.56rem;}
.mob_kefu li a img{width: 25px;}
.mob_kefu li a p{padding-top: 5px;}
.mob_kefu_tel{width: 50px;position: absolute;left: calc(50% - 25px);top: -25px;animation: mob_kefu_teltiao 2s infinite;}
.mob_kefu_tel img{width: 100%;}
}
@keyframes mob_kefu_teltiao {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -14px, 0);
            transform: translate3d(0, -14px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -6px, 0);
            transform: translate3d(0, -6px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-1px,0);
            transform: translate3d(0,-1px,0);
  }
}

/** MOB在线客服 ====================================================================================*/


/** 手机微信弹出 ====================================================================================*/
@media (max-width:1023px){
.zhezhaoBox{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);top:0;left:0;z-index:99999;}
.wx_Box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;background-color:#fff;text-align:center;font-size:14px;padding:20px;border-radius:30px;z-index:999999;}
.wx_Box>p{margin-top:10px}
.wx_Box>img{width:60px;height:60px}
.wx_Txt1{font-size:18px;font-weight:700;}
.wx_conBtn{width:auto; display: inline-block; padding: 0px 20px; height:40px;color:#fff;font-size:16px;line-height:40px;text-align:center;margin:auto;background-color:#1aad19;margin-top:20px}
.wx_conBtn a{display:block;color:#fff}
.wx_close{text-align:right}
.wx_close>img{width:32px;height:32px;display:inline-block}
}
/** 手机微信弹出 ====================================================================================*/