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

@media (max-width: 1024px){
body {font-size: 12px; margin: 0 auto;}
}
/** 定义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: #db0012;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px; border: 2px solid #db0012;border-radius: 5px;margin: 0px 5px;}
.pageflip a:hover,.pageflip a.dq{background: #db0012;color: #fff;}
.pageflip a i{display: block;line-height: 30px;height: 30px; }
@media (max-width:768px){
.pageflip{ margin: 20px 0px 0px 0px;}
.pageflip a { font-size: 12px; height: 26px; line-height: 24px; border-width: 1px; padding: 0px 0.3rem;margin: 0px 2px; 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:1366px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 30px; }
	.max1440{padding: 0 20px;max-width: 1200px;}
}
@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:1024px){
	.wrapper_full{overflow: hidden;}
	.wrapper_box{padding: 0px 10px; overflow: hidden;}
	.max1440{padding: 0 10px; overflow: hidden;}
	.max1200{padding: 0 10px; overflow: hidden;}
}
@media (max-width:767px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 10px;}
	.max1440{padding: 0 15px;}
	.max1200{padding: 0 10px;}
}
/* == 全局  ======================================================================================================================================*/



/** == 首页banner ======================================================================================================================================*/
.banner_box{ width: 100%; position: relative;   /*^banner距顶部距离^*/}
.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:calc( 100vh - 0px);/*^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 .slide_full{width: 100%; height:calc( 100vh - 120px); 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; -webkit-animation:scalex 10s linear infinite;animation:scalex 10s linear infinite;} */
.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:rgba(0,0,0,0.5);  opacity: 0.5;/*^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: #db0012; 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/icon/bannerleft.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/icon/bannerright.png); background-repeat:no-repeat; background-position:center center; background-size:50%; text-align: center;border-radius:100%; }
.swiper-ban .swiper-button-prev.swiper-button-disabled{opacity:0.1;background-color:none;background-image:url(../images/icon/bannerleft.png);}/*^到头^*/
.swiper-ban .swiper-button-next.swiper-button-disabled{opacity:0.1;background-color:none;background-image:url(../images/icon/bannerright.png);}/*^到头^*/
.swiper-ban .swiper-button-prev:hover{opacity: 0.8;left:40px;}
.swiper-ban .swiper-button-next:hover{opacity: 0.8;right:40px;}

@media (max-width: 1366px) { 
.banner_box{ width: 100%; position: relative; padding-top: 0px;/*^banner距顶部距离^*/ }
.swiper-ban a .slide_full{width: 100%; height:100vh;/*^banner高度^*/ }
}

@media (max-width: 1023px) { 
.banner_box{ width: 100%; position: relative; padding-top:110px;/*^banner距顶部距离^*/}
.swiper-ban a .slide_full{width: 100%; height:300px;/*^banner高度^*/ }
.swiper-ban .swiper-button-prev {left:10px; width: 30px; height: 30px; opacity:1; top: 93%;transition: all 0.5s ease-out;}
.swiper-ban .swiper-button-next {right:10px; width: 30px; height: 30px;opacity:1;top: 93%;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_main1{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:left; z-index: 1; filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.wenzi_main2{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:left; z-index: 1; filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;left: 25%;}
.wenzi_main3{ 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: 14px; line-height: 32px;position: relative; padding-left: 5px;}
.ani-01:after{position: absolute;content: "";border-bottom: 2px solid #fff;width: 50px;bottom:0%;left: 5px;}
.ani-02 { height: auto; margin-bottom: 20px; color: #fff;  font-size: 60px; font-weight: bold; line-height: 1.3;font-weight: bold;
	position: relative;}
.ani-02 span{}


.ani-03 { height: auto; margin-bottom: 0px; color: #ccc; font-size: 22px;line-height: 1.6; font-family: DINEngschriftStd;}

.ani-04{margin-top: 40px;}
.ani-04 a.a1{display: inline-block;background:-webkit-linear-gradient(left,#7c5941,#c3b090 100%); color: #fff;padding: 20px 40px;font-size: 18px;border-radius: 3px;margin-right: 20px; font-weight: bold;}

.ani-04 a.a2{display: inline-block;background:-webkit-linear-gradient(left,#7c5941,#c3b090 100%); color: #fff;padding: 20px 40px;font-size: 18px;border-radius: 3px; font-weight: bold;}
.ani-04 a.a1:hover{padding: 20px 50px;}
.ani-04 a.a2:hover{padding: 20px 50px;}

.ani-05 { height: auto; margin-bottom: 10px; color: #fff; font-size: 26px;line-height: 1.6; font-family: DINEngschriftStd;}

.wenzi_main3 .ani-01{display: inline-block;}



@media (max-width: 1366px) {
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 14px; line-height: 32px;position: relative; padding-left: 5px;}
.ani-01:after{position: absolute;content: "";border-bottom: 2px solid #fff;width: 50px;bottom:0%;left: 5px;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 54px; line-height: 1.3;font-weight: bold;}
.ani-02 span{ color: #d3b16c;}

.ani-03 { height: auto; margin-bottom: 0px; color: #ccc; font-size: 18px;line-height: 1.6; font-family: DINEngschriftStd;}

.ani-04{margin-top: 40px;}
.ani-04 a.a1{display: inline-block;background-color: #d3b16c;color: #fff;padding: 20px 40px;font-size: 18px;border-radius: 3px;margin-right: 20px; font-weight: bold;}
.ani-04 a.a2{display: inline-block;background-color: #cea05f;color: #fff;padding: 20px 40px;font-size: 18px;border-radius: 3px; font-weight: bold;}
.ani-04 a.a1:hover{padding: 20px 50px;}
.ani-04 a.a2:hover{padding: 20px 50px;}

.ani-05 { height: auto; margin-bottom: 10px; color: #fff; font-size: 26px;line-height: 1.6; font-family: DINEngschriftStd;}
}


@media (max-width: 1280px) {

}

@media (max-width: 1023px) { 

.wenzi_main1{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 10px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:left; z-index: 1; filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.wenzi_main2{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 10px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:left; z-index: 1; filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;left: 25%;}
.wenzi_main3{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 10px;  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 { display: none;}
.ani-01:after{position: absolute;content: "";border-bottom: 2px solid #fff;width: 50px;bottom:0%;left: 5px;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 20px; line-height: 1.3;font-weight: bold;}
.ani-02 span{ color: #d3b16c;}

.ani-03 { height: auto; margin-bottom: 0px; color: #ccc; font-size: 12px; line-height: 1.6; font-family: DINEngschriftStd;}

.ani-04{margin-top: 10px;}
.ani-04 a.a1{display: inline-block;background-color: #d3b16c;color: #fff;padding: 5px 10px;font-size: 12px;border-radius: 3px;margin-right: 10px; font-weight: bold;}
.ani-04 a.a2{display: inline-block;background-color: #cea05f;color: #fff;padding: 5px 10px;font-size: 12px;border-radius: 3px; font-weight: bold;}
.ani-04 a.a1:hover{padding: 10px 20px;}
.ani-04 a.a2:hover{padding: 10px 20px;}

.ani-05 { height: auto; margin-bottom: 10px; color: #fff; font-size: 14px;line-height: 1.6; font-family: DINEngschriftStd;}
}

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



/** == pag_ban ====================================================================================*/
.pag_ban{position: relative;overflow: hidden;height: 500px; margin-top: 0px;transition: all 0.5s ease-out;}
.pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; top: 0;left: 0;}
.pag_ban .imgbg {height: 100%; background-position: center center;background-size: cover;background-repeat: no-repeat;}
.pag_ban .imgbg img {display: none;}

.pag_ban_tit{color: #fff; text-align:left; position: relative; width: 100%;  margin: 0px auto; text-shadow: 1px 1px 1px #000; filter:shadow(Color=#000,Direction=10,Strength=10);
	top: 65%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.pag_ban_tit .tf30{ font-size: 36px; padding-bottom: 10px; }
.pag_ban_tit .tf16{ font-size: 80px; font-weight: bold; line-height: 1; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";text-transform: uppercase;}


.pag_ban_tit .tf36{ font-size: 42px; font-weight: bold; padding-bottom: 10px; }
.pag_ban_tit .tf14{ font-size: 24px; font-weight: bold; line-height: 1; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";text-transform: uppercase;}

.pag_ban_titx{max-width: 1300px;}

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

@media (max-width:1023px){
.pag_ban{height: 300px; margin-top: 0rem; padding-top: 130px;}
.pag_ban_tit .tf30{ font-size: 26px; padding-bottom: 0px; }
.pag_ban_tit .tf16{ font-size: 40px; font-weight: bold; line-height: 1; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";text-transform: uppercase;}

.pag_ban_tit .tf36{ font-size: 22px; padding-bottom: 10px; }
.pag_ban_tit .tf14{ font-size: 14px; font-weight: bold; line-height: 1; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";text-transform: uppercase;}
}
/** == pag_ban ====================================================================================*/



/** pc_header header ========================================================================================================================*/
.pc_header{width: 100%; height: 90px; position:fixed; top: 0px; left: 0px; z-index: 9999; background:rgba(0,0,0,1); padding: 0px 0px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);transition: all 0.5s ease-out;}
.pc_header.top_fixedY{background: #db0012; 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;}
}

.hometop{position: absolute; top: 0px; left: 0px; z-index: 99; background:rgba(255,255,255,0.95);}


/** PC_logo ========================================================================================================================*/
.pc_header .wrapper_box{height: 100%;}
.pc_logo{float: left; height: 100%; display: -webkit-flex; /* Safari */display: flex; -webkit-align-items: center; /* Safari 6.1+ */ align-items: center;}
.pc_logo a{float: left; display: block;}
.pc_logo a img{ max-width:auto; height:50px;}



/** pc_nav 通用导航 ====================================================================================*/
.pc_nav {width:auto; margin: 0px auto; float: right; }
.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:auto; 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: #fff; padding: 0px 50px 0px 50px; font-size: 16px; line-height: 90px; text-align: center; display: block; }
.pc_nav > ul > li.nav-one:hover > a {background:#333; color: #fff; }
.pc_nav > ul > li.nav-one > a.on{background: #fff;color: #000;}
/*一级菜单*/
@media (max-width:1440px){
.pc_nav > ul > li.nav-one > a {color: #fff; padding: 0px 40px 0px 40px; font-size: 14px; line-height: 90px; 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); }

.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{font-size: 14px; background:#333; color: #eeeeee; border-top: 1px solid #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;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover >a{ color: #fff; background: #000;}
/*二级菜单*/


/*三级菜单*/
.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{font-size: 14px; 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.4rem;  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; }
.m_header .header-section .mob_logo{height:100%; padding:0.5rem 0.6rem; float: left; overflow: hidden; }
.m_header .header-section .mob_logo a{display: block; height: 100%;}
.m_header .header-section .mob_logo a img{height:100%;}

.m_header .header-section .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 .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:1px;background-color:#000;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(0, 0, 0, 0.9);}/*移动悬浮追加*/
/*移动导航logo按钮*/



.m_header .m-navbar{background-color:rgba(0,0,0,0.9);position:fixed;width:100%;height:100%;z-index:9997;right:-100%;top:0;padding-bottom:0.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.4rem; position: relative;}
.m-navbar .nav-closed .m-navbar_logo{height:100%; padding:0.5rem 0.6rem; float: left; overflow: hidden;}
.m-navbar .nav-closed .m-navbar_logo a{display: block; height: 100%;}
.m-navbar .nav-closed .m-navbar_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:#fff;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: #fff;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:rgba(255,255,255,0.4);  }
#navbar .m_navul li a:hover{ color: #94a7dc;}
#navbar .m_navul li a:hover span{ color: #999;}

#navbar .m_navul li .dropdown_menu{display: none; border-top: 1px solid #999;padding:0.2rem 0px;}
#navbar .m_navul li.dropdown.active .dropdown_menu{display: block;}
#navbar .m_navul li .dropdown_menu a{display: block; color: #999; font-size: 0.48rem; width: 50%; float: left; line-height: 0.9rem;padding:0.2rem 0.5rem;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:rgba(189,206,253,0.7); }

#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 移动端菜单 ====================================================================================*/



/** PC在线客服 ====================================================================================*/
.pc_kefu{position:fixed; width: 70px;right:0;top:50%;margin-top:-200px;z-index:9999; }
.pc_kefu dl{width: 100%;height: 70px;position: relative; z-index: 2; margin-bottom: 1px;}
.pc_kefu dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #21282e;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.pc_kefu dl a{color: #fff;}
.pc_kefu dl dt i{ display: inline-block; width: 25px; height: 25px;margin-top: 5px; background-repeat:no-repeat; background-position:center center; background-size:auto;}
.pc_kefu dl dt p{ font-size: 12px; margin-top: 3px;}

.pc_kefu dl dd{ width: 150px;min-height: 70px; line-height: 25px; color: #fff; background-color:rgba(0, 0, 0, 0.8);padding: 10px 20px;position: absolute; top: 0;right:-150px;z-index: 1;transition: all 0.6s ease;}
.pc_kefu dl dd.wechat{padding: 10px 10px;}
.pc_kefu dl:hover dt{background-color: #db0012;}
.pc_kefu dl:hover dd{right: 70px;}

.pc_kefu dl dt i.ico1{background-image:url(../images/kefu/icon1.png);}/*在线*/
.pc_kefu dl dt i.ico2{background-image:url(../images/kefu/icon2.png);}/*QQ*/
.pc_kefu dl dt i.ico3{background-image:url(../images/kefu/icon3.png);}/*微信*/
.pc_kefu dl dt i.ico4{background-image:url(../images/kefu/icon4.png);}/*电话*/
.pc_kefu dl dt i.ico5{background-image:url(../images/kefu/icon5.png);}/*邮箱*/
.pc_kefu dl dt i.ico6{background-image:url(../images/kefu/icon6.png);}/*微博*/
.pc_kefu dl dt i.ico7{background-image:url(../images/kefu/icon7.png);}/*查找*/
.pc_kefu dl dt i.ico8{background-image:url(../images/kefu/icon8.png);}/*联系我们*/
.pc_kefu dl dt i.ico9{background-image:url(../images/kefu/icon9.png);}/*分享*/
.pc_kefu dl dt i.ico10{background-image:url(../images/kefu/icon10.png);}/*返回*/

@media (max-width:1023px){
	.pc_kefu{display: none;}
}
/** PC在线客服 ====================================================================================*/

/** MOB在线客服 ====================================================================================*/
.mob_kefu{display: none;}
@media (max-width:1023px){
.mob_kefu{display:flex; position: fixed; bottom: 0px;left: 0px; width: 100%;background-color: #db0012; 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}
}
/** 手机微信弹出 ====================================================================================*/


.bo-container {width: 100%;  padding: 0px 10px 0px 10px; -webkit-box-sizing: border-box;box-sizing: border-box;margin-left: auto;margin-right: auto;}
.bo-container:after, .bo-container:before {content: " ";display: table;}
.bo-container:after {clear: both;}
.bo-container-fluid{width: 100%;max-width: 100%; padding: 0px 0px 0px 0px; -webkit-box-sizing: border-box;box-sizing: border-box;margin-left: auto;margin-right: auto;}
@media (min-width:768px){.bo-container{width:750px}}
@media (min-width:992px){.bo-container{width:1200px}}
@media (min-width:1366px){.bo-container{width:1200px}}

@media (min-width:1400px){.bo-container{width:1300px}}



.top_box{ position: relative; height: 120px;}
.logo{float: left; padding-top: 15px;}
.logo img{ height: 80px;image-rendering:crisp-edges;}
.wenan{  font-size: 24px; line-height: 1.3; font-weight: 500; padding-top: 20px; padding-left: 40px; float: left; color: #000; font-weight: bold; }
.wenan span{ color: #db0012; font-size: 36px; line-height: 1;}

.tel{position: absolute; right: 0px; top: 58px; text-align: right;  }
.top_server{ position: absolute; width: 250px; text-align: center; height: 26px; line-height: 26px; top: 0px; right: 0px; background: #db0012; color: #fff;}
.top_server img{width: 18px;}
.top_server a{color: #fff;}

.menu{ width: 100%; height: 60px; border-top: 1px solid #e5e5e5; font-size: 16px; position: absolute; background:rgba(255,255,255,0.9); z-index: 9; }
.menu_box{width:100%;height: 60px;  margin: 0px auto;}




@media (min-width:992px){.menu_box{width:1200px}}
@media (min-width:1366px){.menu_box{width:1300px}}

.menu_l{float: left; width: 250px; line-height: 59px; background: #f2f2f2; text-align: center;}

.banner_wenzi{ position: absolute; z-index: 9; width:250px; padding: 0px 0px; height: 500px;background: rgba(0,0,0,.8); color: #fff; font-size: 14px; text-align: left;}
.banner_wenzisj{ display: none; z-index: 9; width:100%; padding: 0px 0px;background: rgba(0,0,0,.8); color: #fff; font-size: 14px; text-align: left;}
.ban_wz1{ line-height: 26px;}
.ban_wz1 a{display: block; padding: 15px 30px; height: 83.33333px;}
.ban_wz1 a:hover{display: block; background: #000;}
.ban_wz1 a b{ font-size: 16px; color: #fff; display: block; font-weight: 400;}
.ban_wz1 a span{ font-size: 14px; color: #9f9fa1; display: block;}

/* header */

#menu {width:auto; float: left;position: relative; z-index: 999;}
#menu, #menu ul {margin: 0;padding: 0;list-style: none;}
#menu:before, #menu:after {content: "";display: table;}
#menu:after {clear: both;}
#menu {zoom: 1;}
#menu li {float: left; width:auto; padding: 0px 40px; position: relative;}
#menu a {float: left; padding:0px; font-size: 16px; color: #000;  line-height: 57px; display: block; width: 100%; text-align: center;text-transform: uppercase; }
#menu a i{position: absolute; top: 28px; margin-left: 5px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #444;}
#menu a:hover {color:#db0012; border-bottom: 2px solid #db0012;}
#menu li:hover > a {color:#db0012; border-bottom: 2px solid #db0012;}
#menu a.on {color:#db0012; border-bottom: 2px solid #db0012;}

#menu ul {margin: 0px 0 0 0;_margin: 0;opacity: 0;visibility: hidden;position: absolute;top: 59px;left: 0;z-index: 1;background:rgba(255, 255, 255, 0.8);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-moz-box-shadow:3px 5px 10px  rgba(0,0,0,.4); -webkit-box-shadow:3px 5px 10px  rgba(0,0,0,.4);box-shadow:3px 5px 10px  rgba(0,0,0,.4);
}
#menu li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
#menu ul ul {top: 0;left: 280px;margin: 0 0 0 20px;_margin: 0;}
#menu ul li {float: none;display: block;border: 0; width: 260px; padding: 0;}
#menu ul li:last-child {}
#menu ul a {padding: 0px 10px 0px 30px;width:100%; font-size: 15px; height: 40px; line-height: 40px; text-align: left; _height: 10px;display: block;white-space: nowrap;float: none;text-transform: none;}

#menu ul a:hover {background:rgba(0, 0, 0, 0.8); color: #fff;}
#menu li ul li:hover  > a {background:rgba(0, 0, 0, 0.8); color: #fff;}

#menu ul li:first-child > a {}
#menu ul li:first-child > a:after {}
#menu ul ul li:first-child a:after {content: '';position: absolute;left: -5px;top: 50%;margin-top: -6px; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-right: 5px solid #fff;}
#menu ul li:first-child a:hover:after {}
#menu ul ul li:first-child a:hover:after {}
#menu ul li:last-child > a {}
#menu li ul li ul.menu3jt li a{padding: 0px 10px 0px 15px;width: 50%; float: left;}

/* Mobile */
#menu-trigger {display: none;}
@media screen and (max-width: 600px) {
	

	/* nav-wrap */
	#menu-wrap {
		position: relative;
	}
	#menu-wrap * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* menu icon */
	#menu-trigger {
		display: block; float: right;
		width: 100%;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
		padding: 0 0 0 15px;
		border: 1px solid #222;
		color: #fff;
		font-weight: bold;
		background-color: #111;

	}
	/* main nav */
	#menu {
		margin: 0;
		padding: 10px;
		padding-bottom: 50px;
		position: absolute;
		top: 40px;
		width: 100%;
		z-index: 1;
		background-color: #000;
		display: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu:after {
		content: '';
		position: absolute;
		left: 25px;
		top: -8px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #444;
	}
	#menu ul {
		position: static;
		visibility: visible;
		opacity: 1;
		margin: 0;
		background: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu ul ul {
		margin: 0 0 0 20px !important;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu li {
		position: static;
		display: block;
		float: none;
		border: 0;
		margin: 0px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 100%;
		border-bottom: 1px solid #999;
		
		
	}
	#menu ul li {
		margin-left: 0px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 100%;
	}
	#menu a {
		display: block;
		float: none;
		padding: 0;
		color: #fff;
		text-align: left;
		line-height: 40px;
	}
	#menu a:hover {
		color: #fafafa;
	}
	#menu ul a {
		padding: 0;
		width: auto;
	}
	#menu ul a:hover {
		background: none;
	}
	#menu ul li:first-child a:after, #menu ul ul li:first-child a:after {
		border: 0;
	}
	
	#menu li ul.menu2jt{width: 100%;  padding-bottom:20px;}
	#menu li ul.menu2jt li{width: 50%; float: left; margin: 0px; height: 30px; line-height: 30px;}
	#menu li ul.menu2jt li a{padding: 0px 10px 0px 0px;width: 100%; float: left; font-size: 12px; color: #999;}
	
	#menu li ul li ul.menu3jt{width: 100%;  padding-bottom: 10px;}
	#menu li ul li ul.menu3jt li{width: 50%; float: left; margin: 0px; height: 30px; line-height: 30px;}
	#menu li ul li ul.menu3jt li a{padding: 0px 10px 0px 0px;width: 100%; float: left; font-size: 12px; color: #999;}
	#menu a i{position: absolute; display: none; top: 28px; margin-left: 5px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #444;}
}
@media screen and (min-width: 600px) {
	#menu {
		display: block !important;
	}
}
/* iPad */
.no-transition {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 1;
	visibility: visible;
	display: none;
}
#menu li:hover > .no-transition {
	display: block;
}


.search{ float: right; width: 270px; padding-top: 12px;}
.search input{float: left; width:200px;height:20px;font-size:14px;line-height:20px;color:#333;padding:15px 20px;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;outline:none; border: 2px solid #db0012;}
.search .search-btn{ float: left; margin-left:0px; text-align: center; cursor:pointer;color:#FFF;background-color:#db0012;width:70px;height:34px;line-height:30px;font-size:14px;}
.search .search-btn:hover{text-decoration:none}




.index1{ margin-top: -120px; position:relative; z-index: 9; background-color: rgba(255,255,255,1); opacity: 0.8;}
.index1 .item_box{width: 25%;float: left;box-shadow:0 0 15px rgba(0,0,0,0.15);display: flex;align-items: center;}
.index1 .item_box .box_icon{background-color: #000;padding: 25px 25px; width: 120px;  height: 120px; vertical-align: middle;  text-align: center; float: left; background-repeat:no-repeat; background-position:center center; background-size:50%;}

.index1 .item_box .box_icon span{width: 100%; height: 100%; display: block;  background-size: 70%;  background-repeat:no-repeat; background-position:center center; }
.index1 .item_box:nth-child(2n) .box_icon{ background:linear-gradient(90deg,#db0012,#db0012 100%) no-repeat left 50%;background-size: 100% 100% ;}
.index1 .item_box .box_txt{ float: left;padding: 0px 20px; width: calc(100% - 120px);}
.index1 .item_box .box_txt .p2{color: #000;font-size: 24px;line-height: 32px;height: 64px;overflow: hidden;font-weight: bold;}
.index1 .item_box .box_txt .p2 span{ color: #db0012;}

@media (max-width:1366px){
.index1 .item_box .box_txt .p2{color: #000;font-size: 16px;line-height: 32px;height: 64px;overflow: hidden;font-weight: bold;}
.index1 .item_box .box_txt .p2 span{ color: #db0012;}
}

@media (max-width:1023px){
.index1{margin-top: 0px; float: none; width: 100%; padding: 10px 5px; overflow: hidden; opacity: 1;}
.index1 .item_box{width: 48%; margin-right: 1%; margin-left: 1%; float: left;box-shadow:0 0 10px rgba(0,0,0,0.15);display: flex;align-items: center; margin-bottom: 10px;}
.index1 .item_box .box_icon{background-color: #000;padding: 10px 10px; width: 60px;  height: 60px; vertical-align: middle;  text-align: center; float: left;}
.index1 .item_box .box_icon img{width: auto; max-width:auto;  }
.index1 .item_box:nth-child(2n) .box_icon{ background:linear-gradient(90deg,#db0012,#db0012 100%) no-repeat left 50%;}
.index1 .item_box .box_txt{background-color: #fff;float: left;padding: 0px 10px; width: calc(100% - 40px);}
.index1 .item_box .box_txt .p2{color: #000;font-size: 12px;line-height: 20px;height: 40px;overflow: hidden;font-weight: bold;}
.index1 .item_box .box_txt .p2 span{ color: #db0012;}

}
/** .index1 ====================================================================================*/





.apple-banner {width: 100%;height: 500px;overflow: hidden; text-align: center; position: relative;}
.apple-banner .swiper-container {width: 100%;height: 500px}
.swiper-button-prev, .swiper-button-next {width: 15%;height: 100%;background: 0 0}
.swiper-button-prev {left: 0}
.swiper-button-next {right: 0}
.swiper-button-prev span, .swiper-button-next span {display: block;width: 64px;height: 64px;position: absolute;left: 20px;top: 0%;margin-top: 0px;border-radius: 100%;
	background: rgba(180,180,180,.25) url(../img/arrows.png) no-repeat center 17px;
opacity: 0.5;-webkit-transition: opacity .5s ease;transition: opacity .5s ease}
.swiper-button-next span {background: rgba(180,180,180,.25) url(../img/arrows.png) no-repeat center -71px;left: auto;right: 20px}

.swiper-button-prev:hover span, .swiper-button-next:hover span {opacity: 1}
.apple-banner .swiper-pagination {top: auto;bottom: 0px;background: 0 0; left: 45%;}
.apple-banner .swiper-pagination-bullet {display: inline-block;width: 50px;height: 15px;margin: 0 3px;cursor: pointer;background: 0 0;border-radius: 0;opacity: 1}
.apple-banner .swiper-pagination-bullet span {width: 50px;height: 2px;display: block;background: rgba(192,0,0,.2)}
.apple-banner .swiper-pagination-bullet-active span {background: red}
.apple-banner .autoplay .swiper-pagination-bullet-active span {background: rgba(192,0,0,.2);
}
.apple-banner .swiper-pagination-bullet i {background: rgba(192,0,0,1);height: 2px;transform: scaleX(0);transform-origin: 0;display: block}
.apple-banner .autoplay .firsrCurrent i {transition: transform 2.9s linear;transform: scaleX(1)}
.apple-banner .autoplay .current i {transition: transform 4s linear;transform: scaleX(1)}
.apple-banner .autoplay .replace span {background: rgba(192,0,0,.2);}
.slide1 {}
.slide2 {}
.slide3 {}

.apple-bannerpag {width: 100%;height: 500px;overflow: hidden; text-align: center; position: relative;
 -moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.apple-bannerpag .swiper-container {width: 100%;height: 500px}



.in_tuijian{ -moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.in_tuijian_box{padding: 35px 0px;}
.wrapper{ width: 25%; padding-left: 7%; float: left; color:#777475; text-align: center; position: relative; border-right: 1px solid #ccc;}
.wrapper:nth-child(4){ border: 0;}
.timer{ font-size: 42px; float: left;}
.timex{ float: left; padding-left: 10px;}
.timey{ clear: both; text-align: left; padding-top: 5px;}
/*========== banner下时间 ==========*/

.index_tit{ height: 50px;}
.index_tit h5{ display:inline-block; position: relative; font-size: 28px; height: 26px; line-height: 26px; font-weight:bold; padding-left: 15px; margin-top: 5px;}
.index_tit h5:before{content: " "; display: block; height:25px; width: 5px; position: absolute; left: 0px; top: 2px; background-color: #db0012;}
.index_tit span{ display: inline-block;font-size: 16px; line-height: 20px; height: 20px; padding-left: 10px; text-transform:uppercase; color: #999;margin-top: 10px;}
.index_tit_r{float: right; text-align: right;}
.index_tit_r b{ display: block; font-size: 18px;font-weight: 700;}
.index_tit_r em{display: block; font-size: 15px; }
.index_tit_b{ border-bottom:1px solid #ccc;}
/*========== 首页标题 ==========*/


.index_case{ padding: 40px 0px 20px 0px;}
.index_case_box{ padding-top: 10px;}
.index_ca_1{ width:31%; margin-right: 3.5%; float: left; overflow: hidden; margin-bottom: 30px;}
.index_ca_1:nth-child(3){ margin-right: 0%;}
.index_ca_1:nth-child(6){ margin-right: 0%;}

a.index_ca_1a{ display: block; position: relative;}
a.index_ca_1a .index_ca_1ah{position: absolute; width: 100%; height: 100%; color: #fff; padding: 50px; z-index: 9; opacity: 0; background: rgba(0,0,0,.7); transition:400ms ease all;}
a:hover.index_ca_1a .index_ca_1ah{position: absolute; z-index: 9; opacity:1;}
.index_ca_1ah1{ font-size: 22px;}
.index_ca_1ah2{ padding-top: 20px; line-height: 24px;}
.index_ca_1ah3{padding-top: 20px; line-height: 24px;}
.index_ca_1ah4{margin-top: 20px; background: #000; padding: 5px 5px; width: 130px;}

a.index_ca_1a1{ display: block; padding: 10px 0px;}
a.index_ca_1a1 span{ display: block; font-size: 18px; text-transform:uppercase; }
a.index_ca_1a1 b{ display: block; font-size: 22px; font-weight: 400; padding-bottom: 7px; border-bottom: 1px solid #ccc;}
a.index_ca_1a1 .ca_more{ width:140px;margin-top: 10px; padding: 3px 10px; background: #000; color: #fff; }
a:hover.index_ca_1a1 .ca_more{ background: #db0012;}
a:hover.index_ca_1a1 span{ color: #db0012; }
a:hover.index_ca_1a1 b{  color: #db0012;}

.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:100%; height:auto; }
/*========== index_case ==========*/


.index_zxcase{ border-top: 1px solid #000;  padding: 40px 0px;}
.index_zxcase_box{width: 100%; padding-top: 10px;}
.in_zxca_b1{width:23%; margin-right: 2.7%; float: left; margin-bottom: 30px;
-moz-box-shadow:3px 5px 20px  rgba(0,0,0,.3); -webkit-box-shadow:3px 5px 20px  rgba(0,0,0,.3);box-shadow:3px 5px 20px  rgba(0,0,0,.3);}
.in_zxca_b1:nth-child(3){margin-right:0%;}
.in_zxca_b1:nth-child(4){margin-right:0%; float:right;}
.in_zxca_b1:nth-child(7){margin-right:0%;}
.in_zxca_b1:nth-child(8){margin-right:0%; float:right;}

.in_zxca_b1 a .img{display: block; width: 100%; overflow: hidden;}
.in_zxca_b1 a .img img{width: 100%;transition: all 0.3s ease 0s; z-index: 1;}
.in_zxca_b1 a:hover img{transform: scale(1.1);z-index: 1;}




.in_zxca_b1 a .in_zxca_b1_1{padding: 10px 15px; background: #fff; z-index: 9; position: relative;}
.in_zxca_b1 a .in_zxca_b1_1b{ display: block; font-size: 16px; height: 30px; line-height: 30px; font-weight: 400; overflow: hidden; border-bottom: 1px dotted #ccc;}
.in_zxca_b1 a .in_zxca_b1_1s{display: block; margin: 10px 0px; color: #666; font-size: 13px; line-height: 20px; height: 60px; overflow: hidden;}
.in_zxca_b1 a .in_zxca_b2{ background: rgba(0,0,0,.4); color:#fff; padding: 7px 10px;}
.in_zxca_b1 a .in_zxca_b2 img{width: 16px;}
.in_zxca_b1 a .in_zxca_b2r{float: right;}

.in_zxca_b1 a:hover .in_zxca_b1_1{background: rgba(0,0,0,.05);}
.in_zxca_b1 a:hover .in_zxca_b2{ background: rgba(0,0,0,.8); }
/*========== index_zxcase ==========*/


.shigong_box{ height: 660px;padding: 40px 0px;}


/* 本例子css */
.slideTxtBox{ width:100%; text-align:left; margin-top: 20px;  }
.slideTxtBox .hd{ height:150px; padding:0 0px 0 0px; position:relative; }
.slideTxtBox .hd ul{ float:left;height:150px; position:absolute; left:0px; top:0px; width:100%;   }
.slideTxtBox .hd ul li{display: block; width: 19%; margin:0px 1.2% 0px 0px;  height:150px; float:left; text-align: center; padding:0px; background: rgba(255,255,255,.8); cursor:pointer; transition: all 0.3s ease 0s; 
	-moz-box-shadow:0px 0px 20px  rgba(0,0,0,.3); -webkit-box-shadow:0px 0px 20px  rgba(0,0,0,.3);box-shadow:0px 0px 20px  rgba(0,0,0,.3);}
.slideTxtBox .hd ul li:nth-child(5){margin-right:0%; float:right;}

.slideTxtBox .hd ul li.sbg1{ padding-top: 100px; font-size: 18px; background:url(../images/sbg1h.png) no-repeat center 25px;}
.slideTxtBox .hd ul li.sbg2{ padding-top: 100px; font-size: 18px; background:url(../images/sbg2h.png) no-repeat center 25px;}
.slideTxtBox .hd ul li.sbg3{ padding-top: 100px; font-size: 18px; background:url(../images/sbg3h.png) no-repeat center 25px;}
.slideTxtBox .hd ul li.sbg4{ padding-top: 100px; font-size: 18px; background:url(../images/sbg4h.png) no-repeat center 25px;}
.slideTxtBox .hd ul li.sbg5{ padding-top: 100px; font-size: 18px; background:url(../images/sbg5h.png) no-repeat center 25px;}

.slideTxtBox .hd ul li.on{ height:150px; color: #fff;  }
.slideTxtBox .hd ul li.on.sbg1{ padding-top: 100px; font-size: 18px; background:url(../images/sbg1a.png) no-repeat center 25px  rgba(0,0,0,.8);;}
.slideTxtBox .hd ul li.on.sbg2{ padding-top: 100px; font-size: 18px; background:url(../images/sbg2a.png) no-repeat center 25px  rgba(0,0,0,.8);;}
.slideTxtBox .hd ul li.on.sbg3{ padding-top: 100px; font-size: 18px; background:url(../images/sbg3a.png) no-repeat center 25px  rgba(0,0,0,.8);;}
.slideTxtBox .hd ul li.on.sbg4{ padding-top: 100px; font-size: 18px; background:url(../images/sbg4a.png) no-repeat center 25px  rgba(0,0,0,.8);;}
.slideTxtBox .hd ul li.on.sbg5{ padding-top: 100px; font-size: 18px; background:url(../images/sbg5a.png) no-repeat center 25px  rgba(0,0,0,.8);;}

.slideTxtBox .bd ul{ padding:0px;  zoom:1; background: rgba(0,0,0,.8); display: block; color: #fff; }
.slideTxtBox .bd li{ width: 31%; margin: 1.5% 1%; float: left;}
.slideTxtBox .bd li a{display: block; color: #fff;}
.slideTxtBox .bd li a img{width: 100%;}
.slideTxtBox .bd li a span{ display: block; padding: 10px 0px 0px 0px;}






.index_about{padding: 40px 0px 0px 0px;}
.index_about_kh{ width: 100%;}
.index_about_kh ul{ display: block; position: relative; margin-left: -10px; margin-right: -10px;}
.index_about_kh ul li{ width: 16.6%; float: left; padding:10px 10px;}
.index_about_kh ul li a{ display: block;box-shadow:0 0 15px rgba(0,0,0,0.15); position: relative; }
.index_about_kh ul li a .imgzoom{padding-bottom:50%; width: 100%;  position: relative; overflow: hidden; }
.index_about_kh ul li a .imgzoom img{width: 50%; position: absolute; top: 50%; left: 50%;  -webkit-transform:translate(-50% ,-50%); transform:translate(-50%, -50%); 
	 transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;  filter: grayscale(100%); opacity: 0.7;}
.index_about_kh ul li a:hover .imgzoom img{  filter: grayscale(0%); opacity: 1;}
.index_about_kh ul li a span{ position: absolute; width: 100%; font-size: 16px; text-align: center; bottom: 30px; left: 0px; display: none;}
.index_about_kh ul li a:hover{ display: block;box-shadow:0 0 25px rgba(0,0,0,0.35); position: relative; }



.index_about_kh1{ float: left; width: 56.88888%; heigh:auto; padding: 30px 10px 0px 10px; text-align: center; background: rgba(255,255,255,.9); }
.in_ab_kh1_1{ color: #db0012; font-size: 36px; padding-bottom: 14px;}
.in_ab_kh1_1_1{ color: #db0012; font-size: 36px; padding-bottom: 30px;}
.in_ab_kh1_2{border-radius:50%; float: left; width:330px; height: 330px; line-height:330px; font-size: 90px; color: #db0012; border: 3px solid #db0012;}
.in_ab_kh1_21{ margin-left: -30px;}


.in_abou_box{ text-align: center; padding: 70px 0px 0px 0px;}
.in_abou_box h5{ font-size: 36px; color: #db0012;}
.in_abou_box_1{ padding-top: 30px; font-size: 18px; line-height: 35px; color: #333; padding-bottom: 0px;}

.in_pj_box{padding: 20px 0 20px 0 ;}
.in_pj_box_1{width: 100%; height: 180px; overflow: hidden; text-align: left; margin: 20px auto; background: rgba(255,255,255,1);}
.in_pj_box_1b{width: 90%; height: 120px; overflow: hidden; text-align: left; margin: 20px auto; background: rgba(255,255,255,1);  color: #fff;
-moz-box-shadow:3px 5px 10px  rgba(0,0,0,.4); -webkit-box-shadow:3px 5px 10px  rgba(0,0,0,.4);box-shadow:3px 5px 20px  rgba(0,0,0,.2);}
.in_pj_box_1 img{ width: 155px; height: 120px; float: left;}
.in_pj_box_2{ color: #333; padding: 15px 20px 10px 175px;}
.in_pj_box_3{ font-size: 16px; font-weight: 600;}
.in_pj_box_4{ height: 60px; line-height: 20px; overflow: hidden; margin-top: 8px; color: #666;}


.in_pj_box .swiper-button-prev,.in_pj_box .swiper-button-next {width:30px;height:30px; background: #000;}
.in_pj_box .swiper-button-prev {left: 0px}
.in_pj_box .swiper-button-next {right: 0}

.in_pj_box .swiper-button-prev i{ width: 16px; height: 16px; display: block; margin: 4px auto 0px auto;}
.in_pj_box .swiper-button-next i{ width: 16px; height: 16px; display: block; margin: 4px auto 0px auto;}

.in_pj_box .swiper-pagination {top: auto;bottom: 30px;background: 0 0; left: 45%;}
.in_pj_box .swiper-pagination-bullet {display: inline-block;width: 20px;height: 15px;margin: 0 3px;cursor: pointer;background: 0 0;border-radius: 0;opacity: 1}
.in_pj_box .swiper-pagination-bullet span {width: 20px;height: 2px;display: block;background: rgba(192,0,0,.2)}
.in_pj_box .swiper-pagination-bullet-active span {background: red}
.in_pj_box .autoplay .swiper-pagination-bullet-active span {background: rgba(192,0,0,.2);
}
.in_pj_box .swiper-pagination-bullet i {background: rgba(192,0,0,1);height: 2px;transform: scaleX(0);transform-origin: 0;display: block}
.in_pj_box .autoplay .firsrCurrent i {transition: transform 2.9s linear;transform: scaleX(1)}
.in_pj_box .autoplay .current i {transition: transform 4s linear;transform: scaleX(1)}
.in_pj_box .autoplay .replace span {background: rgba(192,0,0,.2);}


.in_pj_box1 .swiper-button-prev,.in_pj_box1 .swiper-button-next {width:90px;height:90px; background: rgba(0,0,0,0.7);}
.in_pj_box1 .swiper-button-prev {left: 0px}
.in_pj_box1 .swiper-button-next {right: 0}

.in_pj_box1 .swiper-button-prev i{ width: 80px; height: 80px; display: block; margin: 5px auto 0px auto;}
.in_pj_box1 .swiper-button-next i{ width: 80px; height: 80px; display: block; margin: 5px auto 0px auto;}




.index_news{padding: 20px 0px;}

.new_lst_cn{ padding-top: 20px;}
.new-wrap {margin-top: 30px;}
.new-wrap .show {display: block;}
.new_cnlf {width: 30%;float: left;}
.new_cnlf img{width: 100%;}
.newlf_tel a {color: #db0012;font-size: 18px;line-height: 30px; height: 30px; margin: 8px 0px; text-align: center;display: block; overflow: hidden;}
.newlf_tel a:hover {color: #C33}
.newlf_tx {font-size: 14px;line-height: 26px;color: #999;height:53px;overflow: hidden;}

.new_cnrf {float: right;width: 68%;}
.newrf_lst dd {width: 48%;height: 85px; margin:0px 1% 10px 1%; border: 1px solid #e4e4e4;float: left; }
.new_rq {width: 65px;height: 65px;background: #969393;float: left;text-align: center;color: #FFF;margin-top: 10px;margin-left: 10px;margin-right: 15px;}
.new_rq .span {display: block;text-align: center;font-weight: bold;padding-top: 5px;}

.new_rq .span .d1{ font-size: 18px;display: block;}
.new_rq .span .d2{ font-size: 13px;font-weight: 400; }
.new_rq .span .d3{ font-size: 13px; font-weight: 400; }

.newrf_tx {float: left;width: 270px;margin-top: 8px;}
.newrf_tx a {color: #333;font-size: 14px;display: block;line-height: 30px; height: 30px; overflow: hidden;}
.newrf_tx .span {display: block;font-size: 12px;color: #999;height: 40px; line-height: 20px; overflow: hidden;}
.newrf_lst dd:hover {border: 2px solid #db0012;box-shadow: 0px 0px 15px rgba(192, 0, 0, .27);}
.newrf_lst dd:hover .newrf_tx a {color: #db0012;}
.newrf_lst dd:hover .new_rq {background: #db0012;margin-top: 9px;margin-left: 9px;}
.newrf_lst dd:hover .newrf_tx {margin-top: 7px;}
.mr0 {margin-right: 0px;}


.index_map{width: 100%; height: 500px;}
.index_mapsj{width: 100%; height: 400px; display: none;}

.foot{color: #fff; padding: 50px 0px; width: 100%;}
.foot a{color: #fff;}
.foot a:hover{color: #db0012;}

.foot_l{ float: left; width: 30%;}
.foot_limg{width: 50%; float: left; padding: 0px 40px 0px 0px;}
.foot_limg img{width: 100%;}
.foot_limg span{display: block; padding-top: 10px; text-align: center;}
.yqlj{padding-top: 40px; color: #919191;}
.yqlj a{padding-right: 20px; color: #919191;}

.foot_r{ float: right; width: 67%; border-left: 1px solid #ccc; padding-left: 5%;}
.foot_r_a{}
.foot_r_a a{ display: inline-block; padding-right: 50px; font-size: 16px;}
.foot_r_tel{ padding:25px 0px 25px 0px;}
.foot_r_tel span{display: inline-block; padding-right: 50px; font-size: 36px; font-weight: bold;}
.foot_r_tel span img{ width: 36px; float: left; margin: 7px 10px 0px 0px;}
.foot_b{}
.foot_b1{color: #868686;}

.nav-fixed { display: none;}



.pag_box{ padding: 50px 0px; min-height: 800px;}
.pag_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}

.pag_nav{ width: 100%; padding: 20px 0px; border-bottom: 1px solid #ccc;}
.pag_nav a{ display: block; float: left; font-size: 16px; line-height: 35px; width: 11.11%; text-align: center; color: #898989;}
.pag_nav a:hover{color:#db0012; font-weight: bold;}
.pag_nav a.dq{color:#db0012; font-weight: bold;}

.pag_navx{ width: 100%; padding: 0px 0px 20px 0px;}
.pag_navx a{ display: block; float: left; font-size: 16px; font-weight: bold;  border-bottom: 1px dotted #ccc; line-height: 35px; width: 100%; text-align: left; color: #898989;}
.pag_navx a:hover{color:#db0012; font-weight: bold;}
.pag_navx a.dq{color:#db0012; font-weight: bold;}

.case_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}
.case_boxm ul { }
.case_boxm ul li{width: 31.33333%; margin: 1% 1%; float: left; position: relative; overflow: hidden;}

.case_boxm ul li a{display: block; position: relative; width: 100%; padding-bottom: 75%;}
.case_boxm ul li a .case_boxm1{ width: 100%; height: 100%; padding: 30% 40px 40px 40px; color: #fff; background: rgba(0,0,0,.7); position: absolute; left: 0px; top: 0px; z-index: 9; opacity: 0;transition:400ms ease all;}
.case_boxm ul li a .case_boxm1 h5{font-size: 20px; text-align: center;}

.case_boxm ul li a .case_boxm1 .yj{text-align: center;}
.case_boxm ul li a .case_boxm1 .yj{color:#fff; font-size: 12px; padding-bottom: 5px;}
.case_boxm ul li a .case_boxm1 .yj img{width: 18px; margin-right: 5px; position: relative;}

.case_boxm ul li a .case_boxm2{padding-top: 10px; margin-top: 15px; border-top: 1px dotted #999; color: #ccc; display: none;}
.case_boxm ul li a:hover .case_boxm1{ opacity: 1;}
.case_boxm ul li a img{width: 100%;transition:400ms ease all; position: absolute; object-fit: cover;}
.case_boxm ul li a:hover img{width: 100%; transform: scale(1.1);}



.pag_more{ padding: 30px 0px; margin-bottom: 20px; text-align: center; font-size: 26px; border-bottom:1px solid #ccc}
.pag_more a{color: #000;}
.pag_more a:hover{color: #db0012;}

.qita_case{padding: 30px 0px;}




.case_info{width: 100%;padding: 20px 0px 20px 0px;  position: relative;display: flex;justify-content:space-between;flex-direction:row-reverse;}

.case_info_box_1{width: 100%;}
.case_info_box_1 img{width: 100%;}

.case_info_m{margin: 30px 0px; padding: 40px 0px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.case_info_m_l{ width: 50%; float: left; padding-right: 30px;}
.case_info_m_r{width: 50%; float: left; padding-left: 30px;}
.case_info_m1{font-size: 26px;}
.case_info_m2{font-size: 14px; padding-top: 15px; line-height: 26px;}



.case_info_m2{margin: 10px 0px 30px 0px; padding: 0px 0px 10px 0px; }
.case_info_m_ll{width: 100%; text-align: center; padding-bottom: 30px;}
.case_info_m_ll img{ width: 80%;}
.case_info_m_ll span{display: block;}
.case_info_m_rr{width: 100%; padding-bottom: 20px; text-align: left; line-height: 1.75; font-size: 16px; overflow: hidden;}
.case_info_m_rr img{ max-width: 100%; width: auto; margin-bottom: 20px;}

.case_info_m3{margin: 0px 0px 0px 0px;float: right; padding: 10px 0px 0px 0px; position: relative; width:75%; overflow: hidden; }
.case_info_m3 img{width: auto; max-width: 100%;}

.fl_l{position: sticky; top: 50px; float: left; width: 20%; height: 720px; overflow: hidden; }

.fl_l_04{ font-size: 26px; line-height: 40px; padding-bottom: 10px; color: #000;}
.fl_l_08{}
.fl_l_08 a{ background: #000; color: #fff; width: 100%; line-height: 35px; text-align: center; float: left; margin: 6px 0% 6px 0;}
.fl_l_08 a:hover{ color: #db0012;}
.fl_l_08 a.dq{ color: #db0012;}



.server_info{width: 100%;padding: 20px 0px 40px 0px; overflow: hidden;}





.server_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}
.server_boxm ul {}
.server_boxm ul li{width: 31%; margin: 0px  3.5% 30px 0px; float: left; position: relative; overflow: hidden;}
.server_boxm ul li:nth-child(3){ margin-right: 0%;}
.server_boxm ul li:nth-child(6){ margin-right: 0%;}
.server_boxm ul li:nth-child(9){ margin-right: 0%;}
.server_boxm ul li:nth-child(12){ margin-right: 0%;}
.server_boxm ul li a{display: block;}
.server_boxm ul li a .server_boxm1{ width: 100%; height: 100%; padding: 10px 10px; color: #000;  transition:400ms ease all;}
.server_boxm ul li a .server_boxm1 h5{font-size: 20px;}
.server_boxm ul li a .server_boxm2{padding-top: 10px; margin-top: 15px; border-top: 1px dotted #999;}
.server_boxm ul li a:hover .server_boxm1{ opacity: 1;background: rgba(0,0,0,1);color: #fff; }
.server_boxm ul li a img{width: 100%;transition:400ms ease all;}
.server_boxm ul li a:hover img{width: 100%; }



.news_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}
.news_boxm ul {-moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.news_boxm ul li{ position: relative; height:auto; padding-bottom: 30px; margin-bottom: 30px; border-bottom:  1px solid #999;}
.news_boxm ul li a{display: block;}
.news_imgl{ position: absolute; width: 300px;}
.news_imgl img{width:100%;}
.news_boxr{  padding-left: 340px;}

.news_boxr h5{font-size: 20px; line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 5px;}
.news_boxr2{ padding-top: 15px; border-top: 1px dotted #ccc; font-size: 14px; line-height: 22px; height: 103px; overflow: hidden; color: #666;}
.news_boxm ul li a .ca_more{ width:140px;margin-top: 10px; padding: 3px 10px; background: #000; color: #fff; }
.news_boxm ul li a:hover .ca_more{ background: #db0012;}
.news_data{ margin-bottom: 10px; color: #999;} 

.news_info{width: 100%;padding: 20px 0px 40px 0px; font-size: 14px;  line-height: 26px; color: #666; overflow: hidden;}
.news_info_tit{font-size: 18px; padding-bottom: 5px; color: #000;}
.news_info_tit1{font-size: 14px; padding-bottom: 20px; margin-bottom: 20px; color: #999; border-bottom: 1px dotted #999;}

.ser_boxm{width: 100%;padding: 30px 0px 80px 0px; overflow: hidden;}
.ser_boxm_x{width: 100%;}
.ser_boxm_x1{ font-size: 30px; line-height: 60px;}
.ser_boxm_x2{ font-size: 30px;}
.ser_boxm_x3{ font-size: 16px; line-height: 26px; padding-top: 25px; color: #666;}
.ser_boxm_x4{ padding: 20px 0px;}
.ser_boxm_x4 img{width: 100%;}

.ser_boxm_x5{ font-size: 30px; line-height: 60px; border-top: 1px solid #666; margin-top: 30px; padding-top: 20px;}






.about_01{ font-size: 36px; line-height: 60px;}
.about_02{ font-size: 36px; line-height: 60px; color: #000;}
.about_03{ font-size: 16px; line-height: 26px; padding: 15px 0px 25px 0px; color: #666;}

.about_04{ font-size: 26px; line-height: 40px; padding-top: 20px; color: #000;}
.about_05{ font-size: 16px; line-height: 30px; padding: 25px 0px; color: #666;}

.about_055{ font-size: 16px; line-height: 35px; padding: 25px 0px; color: #000;}

.about_06{width: 100%;height: 1px; margin: 30px 0px; border-bottom: 1px solid #999;}
.about_66{width: 100%;height: 1px; margin: 20px 0px 10px 0px; border-bottom: 1px solid #ccc;}
.about_07{ font-size: 16px; line-height: 30px; padding: 5px 0px; color: #666;}

.about_08{}
.about_08 a{ background: #000; color: #fff; width: 15.666666%; line-height: 35px; text-align: center; float: left; margin: 5px 1% 5px 0;}
.about_08 a:hover{ color: #db0012;}

.about_09{ padding: 20px 0px;}
.about_091{float: left; width:33.333333%; padding: 0px 10px;}
.about_091 span{display: block; background: #000; color: #fff; text-align: center; line-height: 40px;}
.about_091 img{width: 100%;}









@media (max-width:1200px){

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

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

}
@media (max-width:767px) and (orientation:landscape){

}
@media (max-width:767px) and (orientation:portrait){ 
	
}
@media (max-width:479px){

}


.nomore{width: 100%;overflow: hidden;text-align: center;margin: 10px 0px;font-size: 24px;color: #db0012;line-height: 60px;}




ul.moban4_anli{margin-top: 10px; margin-left: -10px; margin-right: -10px;}
ul.moban4_anli li{float: left;width: 25%; padding: 10px;}
ul.moban4_anli li a{display: block;position: relative;}
ul.moban4_anli li a .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; }
ul.moban4_anli li a .imgzoom img{width: 100%;  height: 100%; object-fit: cover;  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 .txt .yj{color:#fff; font-size: 12px; padding-bottom: 5px;}
ul.moban4_anli li a .txt .yj img{width: 18px; margin-right: 5px;}
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: 0px;margin-left: -5px; margin-right: -5px;}
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); }
ul.moban4_anli li a:hover .imgbg{height: 100%;transition: all 0.5s ease-out;}
ul.moban4_anli li a .txt{position:relative;top: 0px;left: 0px;text-align: center;width: 100%;padding: 5px 10px 5px 10px;opacity: 1;transition: all 0.5s ease-out;background:rgba(0,0,0,0.9); }
ul.moban4_anli li a:hover .txt{padding: 5px 10px 5px 10px;opacity: 1;}
ul.moban4_anli li a .txt span{color: #fff;font-size: 12px;line-height: 22px;height:22px;  overflow: hidden;display: block;}
ul.moban4_anli li a .txt .yj{color:#fff; font-size: 12px; padding-bottom: 2px; margin-top: 2px;}
ul.moban4_anli li a .txt .yj img{width: 18px; margin-right: 5px;}
ul.moban4_anli li a i{  }
ul.moban4_anli li a i img{width: 30px;height: 30px;margin: 0px 0px; display: none;}
ul.moban4_anli li a .txt p{ display: none;}

 

}


.index_hezuo{position: relative; height: auto; overflow: hidden; padding-bottom: 50px;}
.index_hezuo .bo-container{ position: relative; z-index: 9;  border-top: 1px solid #000;  }
.home-service-bg{background-repeat:repeat-y; background-position: center top;  position: relative; 
	position:absolute;top:0;left:0%; width: 100%; height: 10000px;max-width:100%;z-index:1;opacity:1;font-size:0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:bgScroll 160s infinite linear;animation:bgScroll 160s infinite linear;will-change:transform;
}
@-webkit-keyframes bgScroll{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-33.333%);transform:translateY(-33.333%)}}@keyframes bgScroll{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-33.333%);transform:translateY(-33.333%)}}






.index9{padding-top: 50px;padding-bottom: 40px; }

.index_news{margin-top: 0px;margin-left: -15px;margin-right: -15px;}
.index_newsb{width: 33.3333%;float: left;padding: 0px 20px;transition: all 0.5s ease-out; }
.index_newsb .imgzoom{padding-bottom: 25%; width: 100%; position: relative; overflow: hidden; }
.index_newsb .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; z-index: 1 }
.index_newsb: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_newsb .imgzoom:after {content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1;  background:rgba(21,28,50,0.9); }

.index_news .index_newsb:nth-child(2) .imgzoom:after{background:rgba(254,83,61,0.9);}
.index_news .index_newsb:nth-child(3) .imgzoom:after{background:rgba(188,135,61,0.9);}

.imgzoomtit{ position: absolute;  left: 0px; font-size: 26px; width: 100%; z-index: 2; color: #fff; text-align: center;top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.imgzoomtit span{display: block;font-size: 16px;text-transform: uppercase; color:#eee; padding-top: 5px; }

.index_newsbm{padding: 10px 20px;background: #f4f4f4;}
.index_newsul{ display: block; height:280px; overflow: hidden; }
.index_newsul li{ border-bottom: 1px dotted #ccc; padding: 10px 0px 10px 0px; background-image:url(../images/more1.png);background-repeat:no-repeat; background-position:left center; }
.index_newsul li a{ color: #444; display: block;}
.index_newsul li a i{margin-right: 5px; font-size: 12px;}
.index_newsul li a:hover{ color: #db0012;}
.index_newsul li a p{ font-size: 14px; width: 75%; float: left; height: 20px; line-height: 20px; overflow: hidden;}
.index_newsul li a span{ font-size: 12px;float: right; height: 20px; line-height: 20px;}

.index_newsbm a.more{ margin: 20px 0px;color: #db0012; display: block;}
.index_newsbm a.more:hover{padding-left: 10px;}


@media screen and (max-width: 1023px){
.index9{padding-top: 10px;padding-bottom: 10px; }
.index_news{margin-top: 0px;margin-left: -15px;margin-right: -15px; }
.index_newsb{width: 100%;float: left;padding: 0px 15px;transition: all 0.5s ease-out;  display: none;}
	
.index_newsb:first-child{display: block;}
.index_newsb .imgzoom{padding-bottom: 20%; width: 100%; position: relative; overflow: hidden; }
.index_newsb .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; z-index: 1 }
.index_newsb: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_newsb .imgzoom:after {content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1;  background:rgba(21,28,50,0.9); }

.index_news .index_newsb:nth-child(2) .imgzoom:after{background:rgba(254,83,61,0.9);}
.index_news .index_newsb:nth-child(3) .imgzoom:after{background:rgba(188,135,61,0.9);}

.imgzoomtit{ position: absolute;  left: 0px; font-size: 18px; width: 100%; z-index: 2; color: #fff; text-align: center;top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.imgzoomtit span{display: block;font-size: 12px;text-transform: uppercase; color:#eee; padding-top: 5px; }

.index_newsbm{padding: 10px 20px;background: #f6f6f6;}
.index_newsul{ display: block; height:280px; overflow: hidden; }
.index_newsul li{ border-bottom: 1px dotted #ccc; padding: 10px 0px 10px 0px; background-image:url(../images/more1.png);background-repeat:no-repeat; background-position:left center; }
.index_newsul li a{ color: #444; display: block;}
.index_newsul li a i{margin-right: 5px; font-size: 12px;}
.index_newsul li a:hover{ color: #db0012;}
.index_newsul li a p{ font-size: 14px; width: 75%; float: left; height: 20px; line-height: 20px; overflow: hidden;}
.index_newsul li a span{ font-size: 12px;float: right; height: 20px; line-height: 20px;}

.index_newsbm a.more{ margin: 10px 0px;color: #db0012; display: block;}
.index_newsbm a.more:hover{padding-left: 10px;}

}
/** .index9 ====================================================================================*/



.footer{padding-top: 40px;padding-bottom: 20px; background-color: #1f1d1e;}
.footer .max1440{position: relative;}
.footer_l{position: absolute;top: 0px;left: 30px;width: 350px;color: #fff;}
.footer_l .footer_logo{margin-bottom: 15px;}
.footer_l .footer_logo a{display: block;}
.footer_l .footer_logo a img{width: 75px;height: auto;}
.footer_l .xian{border-bottom: 2px solid #fff;width: 60px;}

.footer_l .p1{font-size: 14px;line-height: 24px;margin-top: 10px;margin-bottom: 15px;opacity: 0.5; }
.footer_l  dt a{display: block;color: #fff;font-size: 18px;line-height: 36px;margin: 0px 0px 15px 0px;padding-bottom: 15px; position: relative;}
.footer_l  dt a:after{content: "";position: absolute;bottom: 0px;left: 0px;border-bottom: 2px solid #fff;width: 35px;}



.footer_r{padding-left: 450px;min-height: 240px;}
.footer_r dl{width: 33.3333%;float: left;}
.footer_r dl dt a{display: block;color: #fff;font-size: 18px;line-height: 36px;margin: 0px 0px 15px 20px;padding-bottom: 15px; position: relative;}
.footer_r dl dt a:after{content: "";position: absolute;bottom: 0px;left: 0px;border-bottom: 2px solid #fff;width: 35px;}
.footer_r dl dd a{display: inline-block;font-size: 15px;line-height: 28px;color: #fff;opacity: 0.5;margin-left: 40px;position: relative;border-bottom: 1px solid #151821;}
.footer_r dl dd a:after{content: "";position: absolute;top: 10px;left: -20px;width: 6px;height: 10px; border-width: 0.35em 0 0.35em 0.45em;border-color: transparent #fff;border-style: solid;}
.footer_r dl dd a:hover{border-bottom: 1px solid #fff;color: #fff; opacity: 1;}
.footer_r dl .dl_txt{margin-left: 20px;padding-top: 10px;}
.footer_r dl .p2{font-size: 15px;line-height: 26px;color: #fff;opacity: 0.5;margin-bottom: 20px;}
.footer_r dl .p3{font-size: 20px;color: #fff; margin-bottom: 5px;}
.footer_r dl .tel1{font-size: 34px;color: #fff;font-family: 'LibreBaskerville-Regular-2';}

.youqing{border-top: 1px solid #333;color: #fff;opacity: 0.4;  font-size: 12px; margin-top: 10px;padding-top: 15px; padding-bottom: 0px;}
.youqing a{display: inline-block;color: #fff;font-size: 12px; padding-right: 10px; margin-bottom: 5px;}
.youqing a:hover{color: #db0012;opacity: 1; }

.footerm{border-top: 1px solid #333;margin-top: 10px;padding-top: 20px; padding-bottom: 20px; position: relative;}
.footerm .p1{font-size: 14px;opacity: 0.5;line-height: 26px;color: #fff;}
.footerm  a{display: inline-block;color: #fff;opacity: 1;}
.footerm  a:hover{color: #db0012;}
.footerm .p2{font-size: 14px;opacity: 0.5;line-height: 26px;color: #fff; float: right; position: absolute; right: 0px; top: 20px;}

@media screen and (max-width: 1023px){
.youqing{ display: none;}
	
.footer{padding-top: 20px;padding-bottom: 100px;background-color: #151821;}
.footer_l{position: relative;top: 0px;left: 0px;width: 100%;color: #fff;}
.footer_l .footer_logo{margin-bottom: 10px;}
.footer_l .footer_logo a{display: block; text-align: center;}
.footer_l .footer_logo a img{width: 75px;height: auto;}
.footer_l .xian{border-bottom: 0px solid #fff;width: 60px;}
.footer_l .p1{font-size: 12px;line-height: 24px;margin-top: 0px;margin-bottom: 10px;opacity: 0.7;}	
.footer_r{padding-left: 0px;min-height: auto;}	
.footer_r dl{width: 100%;float: left;display: none;}
.footer_r dl dt a{display: block;color: #fff;font-size: 18px;line-height: 26px;margin: 10px 0px 5px 0px;padding-bottom: 10px; position: relative;}	
.footer_r dl:last-child{display: block;}
.footer_r dl .dl_txt{margin-left: 0px;padding-top: 5px;}
.footer_r dl .p2{font-size: 14px;line-height: 24px;color: #fff;opacity: 0.7;margin-bottom: 20px;}
.footer_r dl .p3{font-size: 20px;color: #fff;opacity: 0.7;margin-bottom: 5px;}
.footer_r dl .tel{font-size: 20px;color: #cea05f;opacity: 0.7;font-family: 'LibreBaskerville-Regular-2';}
.footerm{border-top: 1px solid #333;margin-top: 20px;padding-top: 10px; padding-bottom: 0px;}
.footerm .p1{font-size: 12px;opacity: 0.3;line-height: 20px;color: #fff;}
.footerm  a{display: inline-block;color: #fff;opacity: 1;}
.footerm  a:hover{color: #cea05f;}	
	
.footerm .p2{font-size: 12px;opacity: 0.5;line-height: 20px;color: #fff; float: left; position:relative; right: 0px; top: 0px;}
	
}



.foot_limg{width: 50%; float: left; padding: 10px 40px 0px 0px;}
.foot_limg img{width: 100%;}
.foot_limg span{display: block; padding-top: 10px; text-align: center;}



.pag_cur{ width:100% ; padding: 0px 0px 10px 0px; text-align: left; color: #999; position: absolute; bottom: 10px;}
.pag_cur .bo-container{ max-width: 1300px; margin: 0px auto;}
.pag_cur a{color: #999}
.pag_cur a:hover{ color: #db0012;}

@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; display: none;}
}

.pag_nei{position: relative;padding-top: 50px;padding-bottom: 50px;}
.pag_nei_r{position: absolute;top: 75px;right: 30px;width: 250px; } 
.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 #db0012;width: 45px;}

.blog_mulu{margin-bottom: 60px;}
.blog_mulu ul.mulu_list li{border-bottom: 1px solid #e9e9e9;padding: 15px 0px;color: #12121a;}
.blog_mulu ul.mulu_list li a{display: inline-block;color: #12121a;font-size: 16px;line-height: 18px;height: 18px;overflow: hidden; border-bottom: 1px solid #fff; padding-left: 25px;
background-image:url(../images/dian.png);background-repeat:no-repeat; background-position:left center; background-size:20px;}
.blog_mulu ul.mulu_list li a span{font-size: 16px;color: #db0012;}
.blog_mulu ul.mulu_list li a:hover{ color: #db0012;}
.blog_banner{background-image:-webkit-linear-gradient(left,#7c5941,#c3b090 50%); 
padding: 50px 20px;text-align: center;margin-bottom: 60px;}
.blog_banner .h4{color: #fff;font-size: 24px;line-height: 36px; font-weight: bold;}
.blog_banner a{display: block;border-radius: 2px;background-color: #fff;color: #cea05f;font-size: 16px;padding: 20px 20px;margin-top: 30px;}
.blog_banner a:hover{background-color: #eee;}
.blog_banner .p1{font-size: 14px;line-height: 32px;margin-top: 25px;color: #fff;}
.blog_banner .p2{font-size: 24px;margin-top: 10px;color: #fff;font-family: 'LibreBaskerville-Regular-2';}
.blog_xiangguan{margin-bottom: 30px;}
.blog_xiangguan a{display: inline-block;padding: 14px 15px;border-radius: 2px;border: 1px solid #ddd;background-color: #fff;color: #12121a;font-size: 13px;margin-right: 5px;margin-bottom: 5px;}
.blog_xiangguan a:hover{background-color: #db0012;color: #fff;}
@media screen and (max-width: 1023px){
.pag_nei{position: relative;padding-top: 20px;padding-bottom: 20px;}
.pag_nei_r{position: relative;top: 0px;right: 0px;width: 100%;padding-top: 30px; display: none;}
.blog_h4{font-size: 20px;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 #db0012;width: 45px;}	

.blog_mulu{margin-bottom: 20px; display: none;}
.blog_mulu ul.mulu_list li{border-bottom: 1px solid #e9e9e9;padding: 10px 0px;color: #12121a;}
.blog_mulu ul.mulu_list li a{display: inline-block;color: #12121a;font-size: 14px;line-height: 16px;height: 16px;overflow: hidden; border-bottom: 1px solid #fff;}
.blog_mulu ul.mulu_list li a span{font-size: 14px;color: #f00;}
.blog_mulu ul.mulu_list li a:hover{ color: #cea05f;}
.blog_banner{background-color: #db0012;padding: 15px 15px;text-align: center;margin-bottom: 20px;}
.blog_banner .h4{color: #fff;font-size: 20px;line-height: 24px;}
.blog_banner a{display: block;border-radius: 2px;background-color: #12121a;color: #fff;font-size: 14px;padding: 10px 20px;margin-top: 15px;}
.blog_banner a:hover{background-color: #303b5d;}
.blog_banner .p1{font-size: 14px;line-height: 20px;margin-top: 15px;color: #fff;}
.blog_banner .p2{font-size: 22px;margin-top: 10px;color: #fff;font-family: 'LibreBaskerville-Regular-2';}
.blog_xiangguan{margin-bottom: 20px;}
.blog_xiangguan a{display: inline-block;padding: 8px 12px;border-radius: 2px;border: 1px solid #ddd;background-color: #fff;color: #12121a;font-size: 13px;margin-right: 10px;margin-bottom: 10px;}
.blog_xiangguan a:hover{background-color: #db0012;color: #fff;}	
}
/** 内页新闻右侧 ====================================================================================*/



.pag_nei_l{padding-right: 300px; min-height: 1000px;}
ul.news_list li{border-bottom: 1px solid #ddd;padding: 30px 0px;}
ul.news_list li a{display: block;}
ul.news_list li a .data{font-size: 12px;color: #666;margin-bottom: 15px;}
ul.news_list li a .name{font-size: 24px;color: #12121a;font-weight: bold;margin-bottom: 15px;line-height: 30px;height: 30px;overflow: hidden; }
ul.news_list li a .p1{font-size: 14px;line-height: 25px;height: 50px;overflow: hidden; color: #666; margin-bottom: 20px;}
ul.news_list li a .more{font-size: 14px;color: #12121a; font-weight: bold;display: inline-block;border: 1px solid #12121a;border-radius: 3px;padding: 10px 30px;transition: all 0.5s ease-out;}
ul.news_list li a:hover .name{color: #db0012;}
ul.news_list li a:hover .more{background-color: #db0012;color: #fff;border: 1px solid #db0012;padding: 10px 40px;}

ul.news_list li a.tu .img{float: left; width: 300px; height: 200px; margin-right: 30px;}
ul.news_list li a.tu .imgzoom{padding-bottom: 66%; width: 100%; position: relative; overflow: hidden; }
ul.news_list li a.tu .imgzoom img{width: 100%; min-height: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.news_list li a.tu: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: 1023px){
.pag_nei_l{padding-right: 0px;}
ul.news_list li{border-bottom: 1px solid #ddd;padding: 15px 0px;}
ul.news_list li a{display: block;}
ul.news_list li a .data{font-size: 12px;color: #666;margin-bottom: 5px;}
ul.news_list li a .name{font-size: 16px;color: #12121a;font-weight: 400;margin-bottom: 5px;line-height: 24px;height:auto;overflow: hidden; }
ul.news_list li a .p1{font-size: 14px;line-height: 22px;height: 44px;overflow: hidden; color: #666; margin-bottom: 0px; display: none;}
ul.news_list li a .more{font-size: 12px;color: #12121a; font-weight: bold;display: none;border: 1px solid #12121a;border-radius: 3px;padding: 10px 30px;transition: all 0.5s ease-out;}
ul.news_list li a:hover .name{color: #db0012;}
ul.news_list li a:hover.more{background-color: #db0012;color: #fff;border: 1px solid #db0012;padding: 15px 40px;}

ul.news_list li a.tu{min-height: 80px;}
ul.news_list li a.tu .name{font-size: 16px;color: #12121a;font-weight: 400;margin-bottom: 5px;line-height: 24px;height:48px;overflow: hidden; }
ul.news_list li a.tu .img{float: left; width: 120px; height: 80px; margin-right: 10px;}
ul.news_list li a.tu .imgzoom{padding-bottom: 66%; width: 100%; position: relative; overflow: hidden; }
ul.news_list li a.tu .imgzoom img{width: 100%; min-height: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.news_list li a.tu: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.tu .p1{ display: none;}
	
}

.news_info{padding: 30px 30px; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.newsinfo_tit{text-align: center;padding-bottom: 25px;}
.newsinfo_tit .p1{font-size: 32px;color: #12121a;line-height: 1.4;font-weight: bold;padding-bottom: 10px;}
.newsinfo_tit .p2{font-size: 14px;color: #999;margin-top: 10px;}
.newsinfo_tit .p2 span{display: inline-block;margin-right: 15px;}
.newsinfo_txt{padding: 20px 0px;font-size: 16px;color: #444;line-height: 2;position: relative;overflow: hidden;border-top: 1px solid #ddd;}
.newsinfo_txt img{padding: 10px 0px;}

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

@media screen and (max-width: 1023px){
.news_info{padding: 0px 0px 10px 0px; box-shadow:0 0 15px rgba(0,0,0,0);}
.newsinfo_tit{text-align: center;padding-bottom: 10px;}
.newsinfo_tit .p1{font-size: 18px;color: #12121a;line-height: 26px;font-weight: bold;padding-bottom: 10px;}
.newsinfo_tit .p2{font-size: 12px;color: #999;margin-top: 5px;}
.newsinfo_tit .p2 span{display: inline-block;margin-right: 15px;}
.newsinfo_txt{padding: 15px 0px;font-size: 15px;color: #444;line-height: 1.75;position: relative;overflow: hidden;border-top: 1px solid #ddd;}
.newsinfo_txt img{padding: 10px 0px;}
}

.fanye{ padding: 20px 20px 20px 20px; margin-top: 20px; background: #f4f4f4; }
.fanyea { padding-bottom: 10px; color: #333; font-size: 15px; }
.fanyea a {color: #333; }
.fanyea a:hover { color: #db0012; }
.fanyefh{}
.fanyefh a{color: #333; background: #ccc; font-size: 15px; width:200px; text-align: center; padding: 10px 30px; display: inline-block; margin:10px 0px 0px 0px; border-radius:2px;}
.fanyefh a:hover{background:#db0012; color: #fff; padding:10px 30px;}
.shengming{padding: 20px 0px 0px 0px; margin-top: 20px; border-top: 1px dotted #ccc; font-size: 16px; line-height: 26px;}

.info_xinxi{ padding: 20px 20px 20px 20px; margin-top: 20px; font-size: 14px; color: #666; line-height: 1.5; background: #f4f4f4;}

@media (max-width:992px){
.fanye{ padding: 10px 10px 10px 10px; margin-top: 10px; background: #f4f4f4; }
.fanyea {font-size: 12px; }
.fanyefh a{font-size: 12px; background:#db0012; color: #fff; width: 100%; margin:0px 0px 0px 0px;}
.shengming{padding: 10px 0px 0px 0px; margin-top: 20px; border-top: 1px dotted #ccc; font-size: 12px; line-height: 1.6;}

.info_xinxi{ padding: 10px 10px 10px 10px; margin-top: 10px; font-size: 12px; color: #666; line-height: 1.5; background: #f4f4f4;}

}



ul.news_xiangguan{margin-top: 50px;margin-left: -20px;margin-right: -20px;}
ul.news_xiangguan .h4{color: #12121a;font-size: 30px;font-weight: bold;margin-bottom: 20px;margin-left: 20px;}
ul.news_xiangguan li{width: 50%;float: left;padding: 0px 20px;}
ul.news_xiangguan li a{color: #12121a;display: block;line-height: 40px;height: 40px;overflow: hidden;font-size: 16px;}
ul.news_xiangguan li a i{padding-right: 10px;}
ul.news_xiangguan li a:hover{color: #db0012;}
@media screen and (max-width: 1023px){
ul.news_xiangguan{margin-top: 20px;margin-left: 0px;margin-right: 0px;}
ul.news_xiangguan .h4{color: #12121a;font-size: 18px;font-weight: bold;margin-bottom: 10px;margin-left: 0px;}
ul.news_xiangguan li{width: 100%;float: left;padding: 0px 0px;}
ul.news_xiangguan li a{color: #12121a;display: block;line-height: 30px;height: 30px;overflow: hidden;font-size: 14px;}
ul.news_xiangguan li a i{padding-right: 10px;}
ul.news_xiangguan li a:hover{color: #db0012;}
}
/** 相关文章 ====================================================================================*/











@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	
.navbar-toggle{padding:6px;color:#fff; padding-top: 0px; z-index: 1111111; position: absolute; right: 0px; top: 10px;}
.navbar-toggle i{font-size:20px; line-height: 1;color:#fff;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0;}
.navbar-toggle i{ width: 32px; height: 3px; display: block; background: #fff; margin-bottom: 4px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,7px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,7px,0) rotate(-135deg);
    -moz-transform:translate3d(0,7px,0) rotate(-135deg);
    -ms-transform:translate3d(0,7px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-7px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-7px,0) rotate(135deg);
    -moz-transform:translate3d(0,-7px,0) rotate(135deg);
    -ms-transform:translate3d(0,-7px,0) rotate(135deg);
}
	
	
	
.top_box{ position: relative; height: auto; }
.logo{float: left; padding-top: 15px; width: 100%; text-align: center;}
	.logo img{width: auto; height: 60px;}
.tel{ display: none;}
.top_server{ position: absolute; width: 100%; text-align: center; height: 26px; line-height: 26px; top: 0px; right: 0px; background: #c00000; color: #fff;}
.top_server img{width: 18px;}
.top_server a{color: #fff;}

.wenan{  font-size: 16px; line-height: 1.3; font-weight: 500; width: 100%; padding-bottom: 10px;  padding-top: 10px; padding-left: 0px; float: left; text-align: center; color: #000; font-weight: bold; }
.wenan span{ color: #db0012; font-size: 20px; line-height: 1;}

.hometop{position: absolute; top: 0px; left: 0px; z-index: 99; background:rgba(255,255,255,1);}

	
	
.menu{ width: 100%; height:40px; border-top: 1px solid #e5e5e5; font-size: 16px; z-index: 99999; position: relative; display: none;}
.menu_box{width:100%; margin: 0px auto;}
.menu_l{float: left; width: 250px; line-height: 40px; background: #f2f2f2; text-align: center; display: none;}
.search{ display: none;}
	

.index_hezuo{position: relative; height: auto; overflow: hidden; padding-bottom: 10px;}

	
.banner_wenzisj{ display: block; z-index: 9; width:100%; padding: 0px 0px;background: rgba(0,0,0,.8); color: #fff; font-size: 14px; text-align: left;}
.ban_wz1{ line-height: 26px; width: 50%;float: left;}
.ban_wz1 a{display: block; padding: 5px 10px 5px 15px; height:auto; border-bottom: 1px solid #666; border-right: 1px solid #666;}
.ban_wz1 a:hover{display: block; background: #000;}
.ban_wz1 a b{ font-size: 13px; color: #fff; display: block; font-weight: 400; line-height: 20px;}
.ban_wz1 a span{ font-size: 12px; color: #9f9fa1; display: block;line-height: 20px;}

	
	
.apple-banner {width: 100%;height:auto;overflow: hidden; text-align: center; position: relative;}
.apple-banner .swiper-container {width: 100%;height: 180px}
.swiper-button-prev, .swiper-button-next {width: 15%;height: 100%;background: 0 0}
.swiper-button-prev {left: 0}
.swiper-button-next {right: 0}
.swiper-button-prev span, .swiper-button-next span {display: block;width: 34px;height: 34px;position: absolute;left: 10px;top: 0%;margin-top: 0px;border-radius: 100%;
	background: rgba(180,180,180,.25) url(../img/arrows.png) no-repeat center 0px; background-size: 20px;
opacity: 0.5;-webkit-transition: opacity .5s ease;transition: opacity .5s ease}
.swiper-button-next span {background: rgba(180,180,180,.25) url(../img/arrows.png) no-repeat center -88px;left: auto;right: 10px}

.swiper-button-prev:hover span, .swiper-button-next:hover span {opacity: 1}
.apple-banner .swiper-pagination {top: auto;bottom: 0px;background: 0 0; left: 40%;}
.apple-banner .swiper-pagination-bullet {display: inline-block;width: 20px;height: 15px;margin: 0 3px;cursor: pointer;background: 0 0;border-radius: 0;opacity: 1}
.apple-banner .swiper-pagination-bullet span {width: 20px;height: 2px;display: block;background: rgba(192,0,0,.2)}
.apple-banner .swiper-pagination-bullet-active span {background: red}
.apple-banner .autoplay .swiper-pagination-bullet-active span {background: rgba(192,0,0,.2);
}
.apple-banner .swiper-pagination-bullet i {background: rgba(192,0,0,1);height: 2px;transform: scaleX(0);transform-origin: 0;display: block}
.apple-banner .autoplay .firsrCurrent i {transition: transform 2.9s linear;transform: scaleX(1)}
.apple-banner .autoplay .current i {transition: transform 4s linear;transform: scaleX(1)}
.apple-banner .autoplay .replace span {background: rgba(192,0,0,.2);}
.slide1 {}
.slide2 {}
.slide3 {}

.apple-bannerpag {width: 100%;height: 150px;overflow: hidden; text-align: center; position: relative;
 -moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.apple-bannerpag .swiper-container {width: 100%;height: 200px}

.apple-banner .swiper-container .swiper-wrapper .swiper-slide { background-size: 150%; background-repeat: no-repeat;}
.apple-bannerpag .swiper-container .swiper-wrapper .swiper-slide { background-size: 150%; background-repeat: no-repeat;}
	
	
.in_tuijian{ -moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.in_tuijian_box{padding: 5px 0px 15px 0px;}
.wrapper{ width: 25%; padding-left: 4%; float: left; color:#777475; text-align: center; position: relative; border-right: 1px solid #ccc;}
.wrapper:nth-child(4){ border: 0;}
.timer{ font-size: 20px; float: left; font-weight: bold;}
.timex{ float: left; padding-left: 10px;}
.timey{ clear: both; text-align: left; padding-top: 5px;}
/*========== banner下时间 ==========*/

	
	
.index_tit{ height: 40px;}
.index_tit h5{ display:inline-block; font-size: 18px; height: 26px; line-height: 26px; font-weight:600;  padding-left: 10px; margin-top: 10px;}
.index_tit h5:before{content: " "; display: block; height:15px; width: 5px; position: absolute; left: 0px; top: 5px; background-color: #db0012;}
.index_tit span{ display:none;font-size: 11px; line-height: 20px; height: 20px; padding-left: 10px; text-transform:uppercase; color: #999;margin-top: 10px;}
.index_tit_r{float: right; text-align: right; padding: 10px 5px 0px 0px;}
.index_tit_r b{ display: block; font-size: 13px;font-weight: 700; display: none;}
.index_tit_r em{display: block; font-size: 10px; padding-top: 10px;font-weight:600;  }
.index_tit_b{ border-bottom:1px solid #ccc;}
/*========== 首页标题 ==========*/


.index_case{ padding: 0px 0px 10px 0px;}
.index_case_box{ padding-top: 10px; margin-left: -1%; margin-right: -1%;}
.index_ca_1{ width:48%; margin-right: 1%; margin-left: 1%; float: left; overflow: hidden; margin-bottom: 10px;}
.index_ca_1:nth-child(3){ margin-right: 0%;}
.index_ca_1:nth-child(6){ margin-right: 0%;}

a.index_ca_1a{ display: block; position: relative;}
a.index_ca_1a .index_ca_1ah{position: absolute; width: 100%; height: 100%; color: #fff; padding: 20px; z-index: 9; opacity: 0; background: rgba(0,0,0,.7); transition:400ms ease all;}
a:hover.index_ca_1a .index_ca_1ah{position: absolute; z-index: 9; opacity:0;}
.index_ca_1ah1{ font-size: 22px;}
.index_ca_1ah2{ padding-top: 20px; line-height: 24px;}
.index_ca_1ah3{padding-top: 20px; line-height: 24px;}
.index_ca_1ah4{margin-top: 20px; background: #000; padding: 5px 5px; width: 130px;}

a.index_ca_1a1{ display: block; padding: 10px 0px;}
a.index_ca_1a1 span{ display: block; font-size: 10px; text-align: left; display: block; height: 15px; line-height: 15px; margin-bottom: 3px; overflow: hidden; text-transform:uppercase; }
a.index_ca_1a1 b{ display: block; font-size: 16px; font-weight: 600; padding-bottom: 7px; border-bottom: 1px solid #ccc;}
a.index_ca_1a1 .ca_more{ width:120px;margin-top: 10px; font-size: 12px; padding: 3px 10px; background: #000; color: #fff; }
a:hover.index_ca_1a1 .ca_more{ background: #c00000;}
a:hover.index_ca_1a1 span{ color: #c00000; }
a:hover.index_ca_1a1 b{  color: #c00000;}

.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:100%; height:auto; }
/*========== index_case ==========*/


.index_zxcase{ border-top: 1px solid #000;  padding: 10px 0px 20px 0px;}
.index_zxcase_box{width: 100%; padding-top: 10px;}
.in_zxca_b1{width:48%; margin-right: 1%; margin-left: 1%; float: left; margin-bottom: 15px;
-moz-box-shadow:3px 5px 20px  rgba(0,0,0,.3); -webkit-box-shadow:3px 5px 20px  rgba(0,0,0,.3);box-shadow:3px 5px 20px  rgba(0,0,0,.3);}
.in_zxca_b1:nth-child(3){margin-right:1%;}
.in_zxca_b1:nth-child(4){margin-right:1%; float:right;}
.in_zxca_b1:nth-child(7){margin-right:1%;}
.in_zxca_b1:nth-child(8){margin-right:1%; float:right;}

.in_zxca_b1 a .img{display: block; width: 100%; overflow: hidden;}
.in_zxca_b1 a .img img{width: 100%;transition: all 0.3s ease 0s; z-index: 1; height: 130px;}
.in_zxca_b1 a:hover img{transform: scale(1.1);z-index: 1;}

.in_zxca_b1 a .in_zxca_b1_1{padding: 5px 5px; background: #fff; z-index: 9; position: relative;}
.in_zxca_b1 a .in_zxca_b1_1b{ display: block; font-size: 14px; height: 25px; line-height: 25px; font-weight: 400; overflow: hidden; border-bottom: 1px dotted #ccc;}
.in_zxca_b1 a .in_zxca_b1_1s{display: block; margin: 5px 0px; color: #666; font-size: 12px; line-height: 16px; height: 50px; overflow: hidden;}
.in_zxca_b1 a .in_zxca_b2{ background: rgba(0,0,0,.4); color:#fff; padding: 7px 5px; font-size: 12px;}
.in_zxca_b1 a .in_zxca_b2 img{width: 16px;}
.in_zxca_b1 a .in_zxca_b2r{float: right;}

.in_zxca_b1 a:hover .in_zxca_b1_1{background: rgba(0,0,0,.05);}
.in_zxca_b1 a:hover .in_zxca_b2{ background: rgba(0,0,0,.8); }
/*========== index_zxcase ==========*/


.shigong_box{ height:auto;padding: 0px 0px 20px 0px;}


/* 本例子css */
.slideTxtBox{ width:100%; text-align:left; margin-top: 20px;  }
.slideTxtBox .hd{ height:80px; padding:0 0px 0 0px; position:relative; }
.slideTxtBox .hd ul{ float:left;height:80px; position:absolute; left:0px; top:0px; width:100%;   }
.slideTxtBox .hd ul li{display: block; width: 19%; margin:0px 1.2% 0px 0px;  height:80px; float:left; text-align: center; padding:0px; background: rgba(255,255,255,.8); cursor:pointer; transition: all 0.3s ease 0s; 
	-moz-box-shadow:0px 0px 20px  rgba(0,0,0,.3); -webkit-box-shadow:0px 0px 20px  rgba(0,0,0,.3);box-shadow:0px 0px 20px  rgba(0,0,0,.3); }
.slideTxtBox .hd ul li:nth-child(5){margin-right:0%; float:right;}

.slideTxtBox .hd ul li.sbg1{ padding-top: 50px; font-size: 12px; background:url(../images/sbg1h.png) no-repeat center 15px;background-size: 30px;}
.slideTxtBox .hd ul li.sbg2{ padding-top: 50px; font-size: 12px; background:url(../images/sbg2h.png) no-repeat center 15px;background-size: 30px;}
.slideTxtBox .hd ul li.sbg3{ padding-top: 50px; font-size: 12px; background:url(../images/sbg3h.png) no-repeat center 15px;background-size: 30px;}
.slideTxtBox .hd ul li.sbg4{ padding-top: 50px; font-size: 12px; background:url(../images/sbg4h.png) no-repeat center 15px;background-size: 30px;}
.slideTxtBox .hd ul li.sbg5{ padding-top: 50px; font-size: 12px; background:url(../images/sbg5h.png) no-repeat center 15px;background-size: 30px;}

.slideTxtBox .hd ul li.on{ height:80px; color: #fff;  }
.slideTxtBox .hd ul li.on.sbg1{ padding-top: 50px; font-size: 12px; background:url(../images/sbg1a.png) no-repeat center 15px  rgba(0,0,0,.8);background-size: 30px;}
.slideTxtBox .hd ul li.on.sbg2{ padding-top: 50px; font-size: 12px; background:url(../images/sbg2a.png) no-repeat center 15px  rgba(0,0,0,.8);background-size: 30px;}
.slideTxtBox .hd ul li.on.sbg3{ padding-top: 50px; font-size: 12px; background:url(../images/sbg3a.png) no-repeat center 15px  rgba(0,0,0,.8);background-size: 30px;}
.slideTxtBox .hd ul li.on.sbg4{ padding-top: 50px; font-size: 12px; background:url(../images/sbg4a.png) no-repeat center 15px  rgba(0,0,0,.8);background-size: 30px;}
.slideTxtBox .hd ul li.on.sbg5{ padding-top: 50px; font-size: 12px; background:url(../images/sbg5a.png) no-repeat center 15px  rgba(0,0,0,.8);background-size: 30px;}

.slideTxtBox .bd ul{ padding:0px;  zoom:1; background: rgba(0,0,0,.8); display: block; color: #fff; }
.slideTxtBox .bd li{ width: 31%; margin: 1.5% 1%; float: left;}
.slideTxtBox .bd li a{display: block; color: #fff;}
.slideTxtBox .bd li a img{width: 100%;}
.slideTxtBox .bd li a span{ display: block; padding: 10px 0px 0px 0px; font-size: 12px;}

	
	
.index_about{padding:10px 0px 0px 0px;}
.index_about_kh{}
.index_about_kh ul{ display: block; width: auto; position: relative; margin-left: -5px; margin-right: -5px;}
.index_about_kh ul li{ float: left;  width: 25%; padding: 5px 5px; text-align: center;}
.index_about_kh ul li img{ width: 100%;}


.index_about_kh1{ float: left; width: 100%; heigh:auto; padding: 20px 10px 0px 10px; margin-top: -75px; text-align: center; background: rgba(255,255,255,1); }
.in_ab_kh1_1{ color: #c00000; font-size: 26px; padding-bottom: 14px;}
.in_ab_kh1_1_1{ color: #c00000; font-size: 26px; padding-bottom: 30px;}
.in_ab_kh1_2{border-radius:50%; float: left; width:50%; height: 190px; line-height:190px; font-size: 40px; color: #c00000; border: 3px solid #c00000;}
.in_ab_kh1_21{ margin-left: 0%;}


.in_abou_box{ text-align: center; padding: 20px 0px 0px 0px; border-top: 1px solid #ccc; margin-top: 10px;}
.in_abou_box h5{ font-size: 18px; color: #c00000;}
.in_abou_box_1{ padding-top: 20px; font-size: 12px; line-height: 20px; color: #333; padding-bottom: 20px;}

.in_pj_box{padding: 10px 0 10px 0 ;}
.in_pj_box_1{width: 100%; height: 160px; overflow: hidden; text-align: left; margin: 10px auto; background: rgba(255,255,255,1);}
.in_pj_box_1b{width: 90%; height: 110px; overflow: hidden; text-align: left; margin: 10px auto; background: rgba(255,255,255,1);  color: #fff;
-moz-box-shadow:3px 5px 10px  rgba(0,0,0,.4); -webkit-box-shadow:3px 5px 10px  rgba(0,0,0,.4);box-shadow:3px 5px 20px  rgba(0,0,0,.2);}
.in_pj_box_1 img{ width: 100px; height: 100px; padding-top: 5px; float: left;}
.in_pj_box_2{ color: #333; padding: 10px 10px 10px 105px;}
.in_pj_box_3{ font-size: 14px; font-weight: 600;}
.in_pj_box_4{ height: 60px; font-size: 12px; line-height: 20px; overflow: hidden; margin-top: 8px; color: #666;}


.in_pj_box .swiper-button-prev,.in_pj_box .swiper-button-next {width:30px;height:30px; background: #000;}
.in_pj_box .swiper-button-prev {left: 0px}
.in_pj_box .swiper-button-next {right: 0}

.in_pj_box .swiper-button-prev i{ width: 16px; height: 16px; display: block; margin: 4px auto 0px auto;}
.in_pj_box .swiper-button-next i{ width: 16px; height: 16px; display: block; margin: 4px auto 0px auto;}

.in_pj_box .swiper-pagination {top: auto;bottom: 30px;background: 0 0; left: 45%;}
.in_pj_box .swiper-pagination-bullet {display: inline-block;width: 20px;height: 15px;margin: 0 3px;cursor: pointer;background: 0 0;border-radius: 0;opacity: 1}
.in_pj_box .swiper-pagination-bullet span {width: 20px;height: 2px;display: block;background: rgba(192,0,0,.2)}
.in_pj_box .swiper-pagination-bullet-active span {background: red}
.in_pj_box .autoplay .swiper-pagination-bullet-active span {background: rgba(192,0,0,.2);
}
.in_pj_box .swiper-pagination-bullet i {background: rgba(192,0,0,1);height: 2px;transform: scaleX(0);transform-origin: 0;display: block}
.in_pj_box .autoplay .firsrCurrent i {transition: transform 2.9s linear;transform: scaleX(1)}
.in_pj_box .autoplay .current i {transition: transform 4s linear;transform: scaleX(1)}
.in_pj_box .autoplay .replace span {background: rgba(192,0,0,.2);}


.in_pj_box1 .swiper-button-prev,.in_pj_box1 .swiper-button-next {width:40px;height:40px; background: rgba(0,0,0,0.7);}
.in_pj_box1 .swiper-button-prev {left: 0px}
.in_pj_box1 .swiper-button-next {right: 0}

.in_pj_box1 .swiper-button-prev i{ width: 40px; height: 40px; display: block; margin: 0px auto 0px auto;}
.in_pj_box1 .swiper-button-next i{ width: 40px; height: 40px; display: block; margin: 0px auto 0px auto;}
	.in_pj_box1 .swiper-button-prev i img{width: 40px;}
	.in_pj_box1 .swiper-button-next i img{width: 40px;}

	
	
.index_news{padding: 10px 0px;}

.new_lst_cn{ padding-top: 10px;}
.new-wrap {margin-top: 30px;}
.new-wrap .show {display: block;}
.new_cnlf {width: 30%;float: left; display: none;}
.new_cnlf img{width: 100%;}
.newlf_tel a {color: #c00000;font-size: 18px;line-height: 30px; height: 30px; margin: 8px 0px; text-align: center;display: block; overflow: hidden;}
.newlf_tel a:hover {color: #C33}
.newlf_tx {font-size: 14px;line-height: 26px;color: #999;height:53px;overflow: hidden;}

.new_cnrf {float: right;width: 100%; height:280px; overflow: hidden;}
.newrf_lst dd {width: 98%;height: 85px; margin:0px 1% 10px 1%; border: 1px solid #e4e4e4;float: left; }
.new_rq {width: 65px;height: 65px;background: #969393;float: left;text-align: center;color: #FFF;margin-top: 10px;margin-left: 10px;margin-right: 15px;}
.new_rq .span {display: block;text-align: center;font-weight: bold;padding-top: 5px;}

.new_rq .span .d1{ font-size: 18px;display: block;}
.new_rq .span .d2{ font-size: 13px;font-weight: 400; }
.new_rq .span .d3{ font-size: 13px; font-weight: 400; }

.newrf_tx {float: left;width: 220px;margin-top: 8px;}
.newrf_tx a {color: #333;font-size: 14px;display: block;line-height: 30px; height: 30px; overflow: hidden;}
.newrf_tx .span {display: block;font-size: 12px;color: #999;height: 40px; line-height: 20px; overflow: hidden;}
.newrf_lst dd:hover {border: 2px solid #c00000;box-shadow: 0px 0px 15px rgba(192, 0, 0, .27);}
.newrf_lst dd:hover .newrf_tx a {color: #c00000;}
.newrf_lst dd:hover .new_rq {background: #c00000;margin-top: 9px;margin-left: 9px;}
.newrf_lst dd:hover .newrf_tx {margin-top: 7px;}
.mr0 {margin-right: 0px;}

	
.index_map{width: 100%; height: 400px; display: none;}
.index_mapsj{width: 100%; height:auto; display: block;}
	.index_mapsj img{width: 100%;}
	
	
.foot{color: #fff; padding: 20px 0px 70px 0px; width: 100%;}
.foot a{color: #fff;}
.foot a:hover{color: #c00000;}

.foot_l{ float: left; width: 100%;}
.foot_limg{width: 50%; float: left; padding: 0px 20px 0px 20px;}
.foot_limg img{width: 100%;}
.foot_limg span{display: block; padding-top: 10px; text-align: center;}
.yqlj{padding-top: 40px; color: #919191; display: none;}
.yqlj a{padding-right: 20px; color: #919191;}

.foot_r{ float: right; width: 100%; border-left: 1px solid #ccc; padding-left: 5%; padding-right: 5%;}
.foot_r_a{ display: none;}
.foot_r_a a{ display: inline-block; padding-right: 50px; font-size: 16px;}
.foot_r_tel{ padding:25px 0px 25px 0px;}
.foot_r_tel span{display: block; padding-right: 0px; font-size: 32px; font-weight: bold; text-align: center;}
	.foot_r_tel span a{color: #fff;}
.foot_r_tel span img{ width: 30px; float: none; margin: -5px 10px 0px 0px;}
.foot_b{ font-size: 12px;}
.foot_b1{color: #868686; padding-top: 5px;}
	
.nav-fixed {
    position: fixed;
	display: block;
    z-index: 999;
    bottom: 0;
    width: 100%;
    height: 60px;
    max-width: 640px;
     background: rgba(0,0,0,.9);
    border-top: 1px solid #e8e8e8;
}
.purchase-fixed {
    border: none;
}
.nav-fixed a {
    float: left;
    width: 20%;
    height: 60px;
    padding-top: 10px;
	text-align: center;
}
.nav-fixed a img {
    width: 20px;
    height:20px;
    margin: 0 auto;

}
.nav-fixed a:nth-child(3)  img {
    width: 80px;
    height:80px;
    margin: -30px auto 0px  auto;

}
	
.nav-fixed a p {
    width: 100%; display: block;
    font-size: 12px;
    line-height:16px;
    color: #fff;
	padding-top: 5px;
    text-align: center;
}
.nav-fixed a:active {
    background-color: #e8e8e8;
}
.nav-fixed a.active p{
    color: #fff;
}
.nav-fixed a.active img{
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
	
	
	
.pag_box{ padding: 10px 10px; min-height: 800px;}
.pag_boxm{width: 100%;padding: 30px 0px 10px 0px; overflow: hidden;}

.pag_nav{ width: 100%; padding: 20px 0px; border-bottom: 1px solid #ccc;}
.pag_nav a{ display: block; float: left; font-size: 13px; line-height: 30px; width:33.3333%; text-align: center; color: #898989;}
.pag_nav a:hover{color:#c00000; font-weight: bold;}
.pag_nav a.dq{color:#c00000; font-weight: bold;}

.case_boxm{width: 100%;padding: 20px 0px 10px 0px; overflow: hidden;}
.case_boxm ul {-moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.case_boxm ul li{width: 48%; margin:1% 1%; padding-bottom: 55px;  float: left; position: relative; overflow: hidden;}
.case_boxm ul li a{display: block; padding-bottom:70%;}
.case_boxm ul li a .case_boxm1{ width: 100%; height: 55px; text-align: center; position:absolute; left: 0px; bottom: -55px; top: auto; padding: 5px 5px; color: #fff; background: rgba(0,0,0,1);  z-index: 9; opacity: 1;transition:400ms ease all;}
.case_boxm ul li a .case_boxm1 h5{font-size: 12px; height: 20px; line-height: 20px; overflow: hidden;}


.case_boxm ul li a .case_boxm2{padding-top: 10px; margin-top: 15px; border-top: 1px dotted #999; color: #ccc; display: none;}
.case_boxm ul li a:hover .case_boxm1{ opacity: 1;}
.case_boxm ul li a img{width: 100%;transition:400ms ease all; height: 100%; position:absolute;}
.case_boxm ul li a:hover img{width: 100%; transform: scale(1.1);}

.pag_more{ padding: 30px 0px; margin-bottom: 20px; text-align: center; font-size: 18px; border-bottom:1px solid #ccc}
.pag_more a{color: #000;}
.pag_more a:hover{color: #c00000;}
	
.qita_case{padding: 30px 0px;}




.case_info{width: 100%;padding: 10px 0px 20px 0px; display: block;}

.case_info_box_1{width: 100%;}
.case_info_box_1 img{width: 100%;}

.case_info_m{margin: 20px 0px; padding: 20px 0px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.case_info_m_l{ width: 100%; float: left; padding-right: 10px;padding-left: 10px;}
.case_info_m_r{width: 100%; float: left; padding-left: 10px;padding-right: 10px;}
.case_info_m1{font-size: 18px;}
.case_info_m2{font-size: 12px; padding-top: 5px; line-height: 22px; color: #666;}



.case_info_m2{margin: 10px 0px; padding: 0px 0px 20px 0px; display: none; }
.case_info_m_ll{width: 100%; float: left; padding-right: 10px; padding-left: 10px; display: none;}
.case_info_m_rr{width: 100%; float: left; padding-left: 0px; text-align: right;}

.case_info_m3{margin: 10px 0px; padding: 0px 0px 0px 0px; width: 100%; overflow: hidden;}
	.case_info_m3 img{width: 100%;}

.index_tit_r em.caseem{display: none;}

.fl_l_04{ font-size: 24px; line-height: 35px; font-weight: bold; padding-bottom: 10px; color: #000;}
.fl_l_08{ }
.fl_l_08 a{ background: #000; color: #fff; width: 48%; line-height: 35px; text-align: center; float: left; margin: 3px 1% 3px 1%;}
.fl_l_08 a:hover{ color: #c00000;}

	.fl_l{width: 100%; height: auto;}
.pag_navx{ width: 100%; padding: 0px 10px 20px 10px;}
.pag_navx a{ display: block; float: left; font-size: 14px; font-weight: 400;  border-bottom: 1px dotted #ccc; line-height: 35px; width: 50%; text-align: left; color: #898989;}
.pag_navx a:hover{color:#c00000; font-weight: 400;}
.pag_navx a.dq{color:#c00000; font-weight: 400;}

.server_info{width: 100%;padding: 20px 0px 40px 0px; overflow: hidden;}
	
	


.news_boxm{width: 100%;padding: 20px 0px; overflow: hidden;}
.news_boxm ul {-moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}
.news_boxm ul li{ position: relative; height:auto; padding-bottom: 30px; margin-bottom: 30px; border-bottom:  1px solid #999;}
.news_boxm ul li a{display: block;}
.news_imgl{ position:relative; width: 100%;}
.news_imgl img{width:100%;}
.news_boxr{  padding-left:10px; padding-right: 10px; padding-top: 15px;}

.news_boxr h5{font-size: 16px; line-height: 26px; height:auto; overflow: hidden; margin-bottom: 5px;}
.news_boxr2{ padding-top: 15px; border-top: 1px dotted #ccc; font-size: 14px; line-height: 22px; height: 103px; overflow: hidden; color: #666;}
.news_boxm ul li a .ca_more{ width:140px;margin-top: 10px; padding: 3px 10px; background: #000; color: #fff; }
.news_boxm ul li a:hover .ca_more{ background: #c00000;}
.news_data{ margin-bottom: 10px; color: #999;} 

.news_info{width: 100%;padding: 10px 10px 10px 10px; font-size: 14px;  line-height: 26px; color: #666; overflow: hidden;}
.news_info_tit{font-size: 18px; padding-bottom: 5px; color: #000;}
.news_info_tit1{font-size: 14px; padding-bottom: 20px; margin-bottom: 20px; color: #999; border-bottom: 1px dotted #999;}
	.news_info img{width: 100%;}

.ser_boxm{width: 100%;padding: 30px 10px; overflow: hidden;}
.ser_boxm_x{width: 100%; font-size: 13px; line-height: 1.75;}
.ser_boxm_x1{ font-size: 18px; line-height: 50px;}
.ser_boxm_x2{ font-size: 18px;}
.ser_boxm_x3{ font-size: 13px; line-height: 26px; padding-top: 10px; color: #666;}
.ser_boxm_x4{ padding: 10px 0px;}
	.ser_boxm_x4 img{width: 100%;}

.ser_boxm_x5{ font-size: 18px; line-height: 50px; border-top: 1px solid #666; margin-top: 20px; padding-top:10px;}

	
	

.about_boxm{padding: 0px 10px;}
.about_01{ font-size: 20px; line-height: 24px; padding-bottom: 10px;}
.about_02{ font-size: 20px; line-height: 24px; color: #000; padding-bottom: 10px;}
.about_03{ font-size: 13px; line-height: 22px; padding: 10px 0px 15px 0px; color: #666;}

.about_04{ font-size: 16px; line-height: 1.75; font-weight: bold; padding-top: 0px; color: #000;}
.about_05{ font-size: 12px; line-height: 22px; padding: 10px 0px; color: #666;}
	.about_05 div{padding-bottom: 10px;}

.about_055{ font-size: 12px; line-height: 2; padding: 20px 0px; color: #000;}

.about_06{width: 100%;height: 1px; margin: 20px 0px; border-bottom: 1px solid #999;}
.about_66{width: 100%;height: 1px; margin: 20px 0px 10px 0px; border-bottom: 1px solid #ccc;}
.about_07{ font-size: 13px; line-height: 30px; padding: 5px 0px; color: #666;}

.about_08{}
.about_08 a{ background: #000; color: #fff; width: 49%; line-height: 35px; text-align: center; float: left; margin: 5px 1% 5px 0;}
.about_08 a:hover{ color: #c00000;}

.about_09{ padding: 20px 0px;}
.about_091{float: left; width:100%; padding: 0px 10px;}
.about_091 span{display: block; background: #000; color: #fff; text-align: center; line-height: 40px;}
.about_091 img{width: 100%;}




	
	
	
	
	
	
	
/* 智能手机（纵向和横向）--------------------------------------------------------------------------------------------------- */
}


 


















@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
	
	

/* iPad（横向）--------------------------------------------------------------------------------------------------- */
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
	
/* iPads（纵向） --------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 1024px) 
and (max-width : 1200px) {

/* 台式机和笔记本电脑 --------------------------------------------------------------------------------------------------- */
}