@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: #3f3f3f;  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: #999;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px; border: 2px solid #999;border-radius: 5px;margin: 0px 5px;}
.pageflip a:hover,.pageflip a.dq{background: #999;color: #fff;}
.pageflip a i{display: block;line-height: 30px;height: 30px; }
@media (max-width:768px){
.pageflip{ margin: 10px 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: 1920px; width: 90%; position: relative; padding: 0 30px;}
.max1440{margin: 0px auto; max-width: 1360px; width: 100%; padding: 0 30px;}
.max1200{margin: 0px auto; max-width: 1200px; width: 100%; padding: 0 30px;}
@media (max-width:1440px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 30px; }
}
@media (max-width:1280px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 20px;}
	.max1440{padding: 0 20px;}
	.max1200{padding: 0 20px;}
}
@media (max-width: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 10px;}
	.max1200{padding: 0 10px;}
}
/* == 全局  ======================================================================================================================================*/



/** == 首页banner ======================================================================================================================================*/
.banner_box{ width: 100%; position: relative; padding-top: 0px;/*^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:100vh; 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 .slide_fullv{width: 100%; height:100vh; overflow: hidden; position: relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }


.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.0;/*^banner上覆盖色^*/}
.slide_fullv .bg_heivideo{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: 11;background:rgba(0,0,0,0.5);  opacity: 1;/*^banner上覆盖色^*/}
.slide_fullv video{min-width:100%;min-height:100%;position:absolute;top:0;left:50%; z-index: 9; -webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}



/** 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: 15px; height:10px; border-radius:5px;  opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-ban .swiper-pagination-bullet-active {background: #01719f; 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: 0rem;/*^banner距顶部距离^*/}
.swiper-ban a .slide_full{width: 100%; height:95vh;/*^banner高度^*/ }
	.swiper-ban a .slide_fullv{width: 100%; height:95vh;/*^banner高度^*/  }
	.slide_fullv .bg_heivideo{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: 11;background:rgba(0,0,0,0.2);  opacity: 1;/*^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_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  z-index: 15; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center;  text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);}
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 50px; font-weight: bold;}
.ani-01 img{display: inline-block;height: 100%;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 24px; }
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 16px; font-family: Gotham-Bold;transition: all 0.5s ease-out;border-bottom: 1px solid #fff;display: inline-block;padding-bottom: 10px;}
.ani-03:hover{letter-spacing: 2px;}
@media (max-width: 1440px) {
.ani-01 img{display: inline-block;height: 300px;}
}

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

@media (max-width: 1023px) { 
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 15; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size:30px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 20px; }
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 20px; font-family: DINEngschriftStd;}
.ani-01 img{display: inline-block;height: auto;}
}
@media (max-width: 767px) { 
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 15; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 0.5rem; line-height: 1.6; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 0.65rem; }
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 0.5rem; font-family: DINEngschriftStd;}
.ani-01 img{display: inline-block;height: auto;}
}
/** == 首页banner上文字 ======================================================================================================================================*/



/** == pag_ban ====================================================================================*/
.pag_ban{position: relative;overflow: hidden;height: 100vh; margin-top: 0px;transition: all 0.5s ease-out;}
.pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.4); 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: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.pag_ban_tit .tf30{ font-size: 45px; padding-bottom: 10px; }
.pag_ban_tit .tf16{ font-size: 16px; line-height: 30px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}

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

@media (max-width:1023px){
.pag_ban{height: 500px; margin-top: 0rem;}
.pag_ban_tit .tf30{ font-size:16px; font-weight:600;}
.pag_ban_tit .tf16{ font-size: 12px; line-height: 20px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
}
@media (max-width:860px){
.pag_ban{height: 700px; margin-top: 0rem;}
.pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.2); height: 100%; width: 100%; top: 0;left: 0;}
}
/** == pag_ban ====================================================================================*/



/** pc_header header ========================================================================================================================*/
.pc_header{width: 100%; height: 60px; 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);transition: all 0.5s ease-out;}
.pc_header.top_fixedY{background:rgba(0,0,0,1); 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;}
}


/** 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:30px;}



.t_top{float: left;line-height: 60px;padding-left: 15px;margin-left: 15px;position: relative;color: #bababa;}
.t_top:before{position: absolute;top: 0px;left: 0px;content: "";border-left: 1px solid #bababa;height: 20px;top: 50%;margin-top: -10px;opacity: 0.3;}
.t_top strong{ font-size: 12px; font-weight: 400; color: #939393;}
@media (max-width:1200px){
	.t_top{display: none;}
}

.tel{float: right;width: auto;line-height: 60px;color: #fff;position: relative;padding-left: 20px;}
.tel:before{position: absolute;top: 0px;left: 0px;content: "";border-left: 1px solid #bababa;height: 20px;top: 50%;margin-top: -10px;opacity: 0.3;}
.tel span{font-weight: bold;font-family: Gotham-Bold, Arial, 微软雅黑, 黑体, 宋体;}

/** 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: #bababa; padding: 0px 20px 0px 20px; font-size: 14px; line-height: 60px; text-align: center; display: block; }
.pc_nav > ul > li.nav-one:hover > a { color: #fff; }
.pc_nav > ul > li.nav-one > a.on{color: #fff;}
/*一级菜单*/
@media (max-width:1366px){
.pc_nav > ul > li.nav-one > a {color: #bababa; padding: 0px 15px 0px 15px; font-size: 14px; line-height: 60px; text-align: center; display: block; }
}
@media (max-width:1280px){
.pc_nav > ul > li.nav-one > a {color: #bababa; padding: 0px 15px 0px 15px; font-size: 12px; line-height: 60px; text-align: center; display: block; }
}

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

.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: 60%;height:3rem;  background:#282828; position: fixed; 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; box-shadow:0 0 15px rgba(0,0,0,0.15);}
.m_header .header-section .mob_logo{height:100%; padding:0.9rem 0.6rem; float: right; overflow: hidden;background-color: #fff;}
.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; left:1.1rem; top: 1.1rem; 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:#fff;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:#282828}/*移动悬浮追加*/
/*移动导航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:3rem; position: relative;width: 60%;background-color: #282828;}
.m-navbar .nav-closed .m-navbar_logo{height:100%; padding:0.9rem 0.6rem; float: right; overflow: hidden;background-color: #fff;}
.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; left:1.1rem; top: 1.1rem; 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: #e62f13;}
#navbar .m_navul li a:hover span{ color: #e62f13;}


#navbar .m_navul li .dropdown_menu{display: none; border-top: 1px solid #666;padding:0.2rem 0px;}
#navbar .m_navul li.dropdown.active .dropdown_menu{display: block;}
#navbar .m_navul li .dropdown_menu a{display: block; color: #b1b1b1; width: 50%; opacity: 0.7; float: left; font-size: 0.48rem; line-height: 0.9rem;padding:0.2rem 0rem;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;}

.nav_tel{ position: absolute; z-index: 99; bottom: 0px; left: 0px; width: 100%;border-top: 1px solid #000;background:linear-gradient(150deg,#f98d0b 0%,#e62f13 100%);  }
.nav_tel a{padding: 15px; display: block; text-align: center; color: #fff;}
.nav_tel a p{font-size: 16px;}
.nav_tel a span{ font-size: 30px;  font-family:  DINEngschriftStd,"microsoft yahei";}
/** m_nav 移动端菜单 ====================================================================================*/

.index_title{position: relative;}
.index_title .h4{font-size: 20px;color: #8d8d8d;font-weight: bold;line-height: 1;margin-bottom: 15px;}
.index_title .h2{font-size: 60px;color: #000;font-weight: bold;line-height: 1;}
.index_title .title_more{right: 10%;position: absolute;top: 50px;}
.index_title .title_more a{color: #000;font-size: 16px;display: inline-block;padding-bottom: 15px;position: relative;font-family: 'Gotham-Book',Arial;}
.index_title .title_more a:before{position: absolute;bottom: 0px;left: 0px;content: "";border-bottom: 1px solid #000;width: 100%;transition: all 0.5s ease-out;}
.index_title .title_more a:hover:before{display: none;}
.index_title .title_more a:after{position: absolute;bottom: 0px;left: 0px;content: "";border-bottom: 1px solid #000;width: 0%;transition: all 0.5s ease-out;}
.index_title .title_more a:hover:after{width: 100%;}

.index_title .anli_nav{position: absolute;top: 50px;right: 0px;}
.index_title .anli_nav a{display: inline-block;float: left;color: #5c5c5c;margin-left: 20px;font-size: 16px;}
.index_title .anli_nav a.on{font-weight: bold;color: #000;}
.index_title .anli_nav a:hover{color: #000;}
@media (max-width:1023px){
.index_title{position: relative;}
.index_title .h4{font-size: 18px;color: #8d8d8d;font-weight: bold;line-height: 1;margin-bottom: 5px;}
.index_title .h2{font-size: 40px;color: #000;font-weight: bold;line-height: 1;}
.index_title .title_more{display: none;}
.index_title .anli_nav{display: none;}
}



.index_ser_box{width: 89%;padding: 8% 0 7% 0;margin-left:11%;margin-top: 0px;position: relative;z-index: 2;background-color: rgba(255,255,255,0.95);}
ul.ser_box_list{margin-top: 35px;display: flex; overflow: hidden;}
ul.ser_box_list li{width: 25%;float: left; }
ul.ser_box_list li:first-child{background-color: #ed7b00;}
ul.ser_box_list li:nth-child(2){background-color: #384ae1;}
ul.ser_box_list li:nth-child(3){background-color: #00c4bf;}
ul.ser_box_list li:nth-child(4){background-color: #e62f13;}
ul.ser_box_list li .listm{padding: 10% 15%;color: #fff;height: 100%;}
ul.ser_box_list li .listm img{width: 90px;height: 90px;display: block;}
ul.ser_box_list li .listm .p1{font-size: 18px;line-height: 20px; height: 20px;overflow: hidden; font-weight: bold;margin: 30px 0px 20px 0px;}
ul.ser_box_list li .listm a{display: block;color: #fff;font-size: 16px;line-height: 36px;height: 36px;overflow: hidden;}
ul.ser_box_list li .listm a span{position: relative;margin-right: 10px;transition: all 0.5s ease-out;}
ul.ser_box_list li .listm a span:before{border-bottom: 1px solid #fff;width: 10px;height: 1px;position: absolute;top: 50%;left: 0px;content: "";transition: all 0.5s ease-out;}
ul.ser_box_list li .listm a:hover span:before{width: 25px;}
ul.ser_box_list li .listm a:hover span{margin-right: 25px;}
.ser_more{display: none;}

@media (max-width:1680px){
.index_ser_box{width: 94%;padding: 10% 0 7% 0;margin-left:7%;margin-top: 0px;position: relative;z-index: 2;background-color: rgba(255,255,255,0.95);}
}

@media (max-width:1440px){
.index_ser_box{width: 94%;padding: 10% 0 7% 0;margin-left:7%;margin-top: 0px;position: relative;z-index: 2;background-color: rgba(255,255,255,0.95);}
}
@media (max-width:1023px){
.index_ser_box{width: 89%;padding: 8% 0 0% 0;margin-left:11%;margin-top: 0px;position: relative;z-index: 2;background-color: #fff;}
ul.ser_box_list{margin-top: 0px;display: block;}
ul.ser_box_list li{width: 100%;float: left;}
ul.ser_box_list li .listm{padding: 3% 5%;color: #fff;height: 100%;}
ul.ser_box_list li .listm a{display: none;}
ul.ser_box_list li .listm img{width: 60px;height: 60px;display: block;}	
ul.ser_box_list li .listm .p1{font-size: 18px;line-height: 20px; height: 20px;overflow: hidden; font-weight: bold;margin: 10px 0px 20px 0px;}
.ser_more{display: block;text-align: center;padding: 15% 0	;}
.ser_more a{color: #000;font-size: 16px;display: inline-block;padding-bottom: 15px;position: relative;font-family: 'Gotham-Book',Arial;}
.ser_more a:before{position: absolute;bottom: 0px;left: 0px;content: "";border-bottom: 1px solid #000;width: 100%;transition: all 0.5s ease-out;}
.ser_more a:hover:before{display: none;}
.ser_more a:after{position: absolute;bottom: 0px;left: 0px;content: "";border-bottom: 1px solid #000;width: 0%;transition: all 0.5s ease-out;}
.ser_more a:hover:after{width: 100%;}	
	
.index_ser_box ul.ser_box_list{margin-top: 20px;display: block;}
}
/*首页服务内容-----------------------------*/

.index_case_box{width: 78%;margin: 0px auto;}
.index_case_box .more{margin: 0 auto 5% auto;text-align: center;}
.index_case_box .more a{font-size: 16px;border: 1px solid #ccc;padding: 10px 35px;color: #ccc;display: inline-block;position: relative;}
.index_case_box .more a:before{width: 0px;left: 0px;bottom: 0px; position: absolute;border-bottom: 1px solid #000;content: "";}
.index_case_box .more a:hover:before{width: 100%;opacity: 0;transition: all 0.5s ease-out;}
.index_case_box .more a:after{width: 100%;right: 0px;bottom: 0px; position: absolute;border-bottom: 1px solid #fff;content: "";opacity: 0;}
.index_case_box .more a:hover:after{width: 0%;opacity: 1;transition: all 0.5s ease-out;}

ul.case_box_list{padding: 3% 0 0 0;}
ul.case_box_list li{width: 33.3333%;float: left;margin-bottom: 1%;}
ul.case_box_list li a{display: block;}
ul.case_box_list li a .imgzoom{padding-bottom: 57%; width: 100%; position: relative; overflow: hidden; }
ul.case_box_list li a .imgzoom > img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.case_box_list li a:hover .imgzoom > img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
ul.case_box_list li a .imgzoom .imgbg{position: absolute;top: 0px;right: 0px;width: 0%;height: 100%;background:rgba(0,0,0,0.7);transition: all 0.5s ease-out;}
ul.case_box_list li a:hover .imgzoom .imgbg{width: 100%;}

ul.case_box_list li a .imgzoom i.imgxf{width: 100%;position: absolute;top: 50%;left: 0px; height: 100px; margin-top: -50px;text-align: center;display: block;overflow: hidden;}
ul.case_box_list li a .imgzoom i.imgxf img{opacity: 0; -webkit-transition-delay: .3s;transition-delay: .3s;-webkit-transform: translateY(120%) rotate(20deg);transform: translateY(120%) rotate(20deg);transition: all 0.5s ease-out;}
ul.case_box_list li a:hover .imgzoom i.imgxf img{opacity: 1;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition: -webkit-transform 0.9s cubic-bezier(.6,.3,.1,1);transition: transform 0.8s cubic-bezier(.6,.3,.1,1);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
ul.case_box_list li a .txt{padding: 3% 5% 5% 0;}
ul.case_box_list li a .txt .h3{font-size: 14px;color: #666;font-weight: normal;line-height: 14px; height: 14px;overflow: hidden; margin-bottom: 10px;}
ul.case_box_list li a .txt .h4{font-size: 12px;color: #666;font-weight: normal;line-height: 12px;height: 12px;overflow: hidden; font-family: 'Gotham-Book',Arial,"微软雅黑","黑体",'宋体';}

@media (max-width:1680px){
	.index_case_box{width: 86%;margin: 0px auto;}
}
@media (max-width:1440px){
	.index_case_box{width: 86%;margin: 0px auto;}
}

@media (max-width:1023px){
.index_case_box{width: 90%;margin: 0px auto;}
.index_case_box .more{margin: 10px auto 15% auto;text-align: center;}
ul.case_box_list{padding: 5% 0 0 0;}
ul.case_box_list li{width: 100%;float: left;margin-bottom: 1%;}
ul.case_box_list li a .txt{padding: 1.5% 5% 5% 0;}
ul.case_box_list li a .txt .h3{font-size: 14px;color: #999;font-weight:bold;line-height: 20px; height: auto;overflow: hidden; margin-bottom: 2px;}
ul.case_box_list li a .txt .h4{font-size: 12px;color: #666;font-weight: normal;line-height: 20px;height: auto;overflow: hidden; font-family: 'Gotham-Book',Arial,"微软雅黑","黑体",'宋体';}
	
ul.case_box_list li a .imgzoom i.imgxf{width: 100%;position: absolute;top: 55%;left: 0px; height: 100px; margin-top: -50px;text-align: center;display: block;overflow: hidden;}
ul.case_box_list li a .imgzoom i.imgxf img{opacity: 1; -webkit-transition-delay: .3s;transition-delay: .3s;-webkit-transform: translateY(0%) rotate(0deg);transform: translateY(0%) rotate(0deg);transition: all 0.5s ease-out; width: 60%;}
ul.case_box_list li a .imgzoom .imgbg{position: absolute;top: 0px;right: 0px;width: 100%;height: 100%;background:rgba(0,0,0,0.25);transition: all 0.5s ease-out;}
}
/*首页客户案例----------------------------------------------*/

.index_news_box{background-image:linear-gradient(to right, #272727 0%, #2d2d2d 50%, #272727 50% , #272727 100%);}
.index_news_boxm{width: 78%;margin:auto;overflow: hidden;}
.ng_newsl{width: 50%;padding: 5% 2% 5% 0;float: left;}
.ng_newsr{width: 50%;padding: 5% 0 5% 2%;float: left;}
.ng_news_title{position: relative;padding-bottom: 3%;}
.ng_news_title .h4{font-size: 16px;color: #929292;line-height: 16px;height: 16px;overflow: hidden;font-weight: bold;margin: 10px 0px;}
.ng_news_title .h3{text-transform: uppercase;font-size: 20px;color: #fff;font-weight: bold;line-height: 24px;height: 24px;overflow: hidden; text-align: left;}
.ng_news_list1{margin: 2% 0 4% 0;overflow: hidden;}
.ng_news_list1 a .imgzoom{padding-bottom: 40%; width: 100%; position: relative; overflow: hidden; }
.ng_news_list1 a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.ng_news_list1 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);min-height: 100%; }
.ng_news_list1 a .list1_txt{padding: 2% 0 0 0;transition: all 0.4s ease;}
.ng_news_list1 a:hover .list1_txt{padding: 2% 3% 0 3%;}
.ng_news_list1 a .list1_txt .p1{font-size: 18px;color: #fff;font-weight: bold;line-height: 20px;height: 20px;overflow: hidden;}
.ng_news_list1 a .list1_txt .p2{color: #787878;font-size: 12px;line-height: 22px;height: 44px;overflow: hidden; margin: 25px 0px;width: 90%;}
.ng_news_list1 a:hover .list1_txt .p2{color: #fff;}
.ng_news_list1 a .list1_txt .time{font-size: 12px;color: #787878;font-family: 'Gotham-Book',Arial;position: relative;}
.ng_news_list1 a:hover .list1_txt .time{color: #fff;}
.ng_news_list1 a .list1_txt .time .i1{background-repeat:no-repeat; background-position:center center; background-size:cover;background-image:url("../images/icon/r1.png");width: 19px;height: 10px;position: absolute;top: 50%;right: 0px;margin-top: -5px;display: block;}
.ng_news_list1 a .list1_txt .time .i2{display: none;}
.ng_news_list1 a:hover .list1_txt .time .i1{display: none;}
.ng_news_list1 a:hover .list1_txt .time .i2{background-repeat:no-repeat; background-position:center center; background-size:cover;background-image:url(../images/icon/inmore-b.svg);width: 19px;height: 10px;position: absolute;top: 50%;right: 0px;margin-top: -5px;display: block;}
.ng_news_list2{border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(255,255,255,.1);padding: 15px 0px;}
.ng_news_list2 a{display: inline-block;width: 32%;float: left;line-height: 26px;height: 26px;overflow: hidden;margin-right: 1%;margin-bottom: 1%;color: #787878;text-overflow: ellipsis;padding-right: 2%;font-size: 14px;white-space: nowrap;}
.ng_news_list2 a:hover{color: #fff;}


.ng_news_title{position: relative;}
.ng_news_title a.nmore{ background:url(../images/icon/inmore-b.svg) center no-repeat; display:block; width:43px; height:43px; border-radius:100%; position:absolute; right:0; top:50%; margin-top:-21px;}
.ng_news_title .contain {position:absolute; width:100%; height:100%; z-index:3; right:0; top:0; display:block;}
.ng_news_title .contain .path { stroke-dasharray: 135;stroke-dashoffset: 135;}
.ng_news_title:hover a.nmore  svg.contain .path{animation: dash 1000ms forwards;}
@keyframes dash {
  from {stroke-dashoffset: 135;}
  to {stroke-dashoffset: 0;}
}
@media (max-width:1680px){
	.index_news_boxm{width: 86%;margin: 0px auto;}
}
@media (max-width:1440px){
	.index_news_boxm{width: 86%;margin: 0px auto;}
}

@media (max-width:1023px){
.index_news_box{background:#333!important;}
.index_news_boxm{width: 90%;margin:auto;overflow: hidden;padding: 5% 0;}
.ng_newsl{width: 100%;padding: 5% 0 5% 0;float: left;}
.ng_newsr{width: 100%;padding: 5% 0 5% 0;float: left;}
.ng_news_list1{border-bottom: 1px solid rgba(255,255,255,.1);padding: 2% 0 4% 0;}
.ng_news_list1 a .list1_txt .p1{font-size: 18px;color: #fff;font-weight: bold;line-height: 24px;height: auto;overflow: hidden;}
.ng_news_list1 a .list1_txt .p2{color: #787878;font-size: 12px;line-height: 22px;height: auto;overflow: hidden; margin: 15px 0px;width: 100%;}
.ng_news_list2{display: none;}
}
/*首页新闻-------------------------------*/

.index_container_box{height: auto;padding-top: 100px;padding-bottom: 100px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.index_container_box .txt{text-align: center;}
.index_container_box .txt .h2{color: #000;font-size: 24px;position: relative;padding-bottom: 30px;padding-top: 1%;font-weight: bold;}
.index_container_box .txt .h2:after{content: "";position: absolute;width: 40px;border-bottom: 1px solid #ccc;margin-left: -20px;bottom: 0px;left: 50%;height: 1px;}
.index_container_box .txt .h4{color: #666;width: 63%;margin:1% auto 1% auto;overflow: hidden;font-size: 12px;line-height: 24px;height: auto;font-weight: normal;}
.index_container_box .txt a{display: inline-block;border: 1px solid #999;color: #666;padding: 10px 20px;font-weight: bold;transition: all 0.5s ease-out;position: relative;}
.index_container_box .txt a:before{width: 0px;left: 0px;bottom: 0px; position: absolute;border-bottom: 1px solid #000;content: "";}
.index_container_box .txt a:hover:before{width: 100%;opacity: 0;transition: all 0.5s ease-out;}
.index_container_box .txt a:after{width: 100%;right: 0px;bottom: 0px; position: absolute;border-bottom: 1px solid #fff;content: "";opacity: 0;}
.index_container_box .txt a:hover:after{width: 0%;opacity: 1;transition: all 0.5s ease-out;}

@media (max-width:1440px){
.index_container_box .txt .h4{color: #666;width: 70%;margin:1% auto 1% auto;overflow: hidden;font-size: 12px;line-height: 24px;height: auto;font-weight: normal;}
}
@media (max-width:1023px){
.index_container_box{height: auto;padding-top: 60px;padding-bottom: 60px;}
.index_container_box .txt{width: 90%;text-align: center;margin: 0px auto;}
.index_container_box .txt .h4{display: none;}
.index_container_box .txt .h2:after{display: none;}
}
/*首页关于--------------------------------*/

.index_footer_box{background-color: #191919;padding: 4% 0 2% 0;}
.footer{position: relative;width: 78%;margin: auto;height: auto;}
.footer:before{position: absolute;content: "";top: 60px;left: 0px; width: 100%;border-top: 1px solid #2a2a2a;height: 1px;}
.footer_l{width: 31%;float: left;}
.footer_title{margin-bottom: 50px;}
.footer_title .p1{font-size: 14px;color: #fff;line-height: 1;margin-bottom: 10px;font-weight: bold;}
.footer_title .p2{font-size: 24px;display: block;color: #fff;font-weight: bold;line-height: 1;}
.footer_title .p2 span{font-size: 12px; color: #b5b5b5;}

@media (max-width:1680px){
.footer{position: relative;width: 86%;margin: auto;height: auto;}
}

@media (max-width:1440px){
.footer{position: relative;width: 86%;margin: auto;height: auto;}
}

@media (max-width:1023px){
.index_footer_box{background-color: #191919;padding: 4% 0 10px 0;}
.footer{position: relative;width: 90%;margin: auto;height: 100px;}	
.footer:before{position: absolute;content: "";top: 100px;left: 0px; width: 100%;border-top: 1px solid #2a2a2a;height: 1px;}
.footer_l{width: 100%;float: left;padding-top: 5%;}
}
@media (max-width:768px){
.footer:before{position: absolute;content: "";top: 80px;left: 0px; width: 100%;border-top: 1px solid #2a2a2a;height: 1px;}
}
/*底部标题----------------------------------------*/

.ewmadd .ewml{width: 76px;float: left;}
.ewmadd .ewml img{width: 76px;height: 76px;}
.ewmadd .ewmr{width:calc(100% - 90px);float: right;padding-top:13px;font-weight: bold;}
.ewmadd .ewmr .p1{font-size: 16px;color: #999;line-height: 1;margin-bottom: 5px;}
.ewmadd .ewmr .p2{font-size: 24px;color: #fff;line-height: 1;}
@media (max-width:1023px){
.ewmadd .ewmr{width:calc(100% - 90px);float: right;padding-top:18px;font-weight: bold;}
.ewmadd .ewmr .p1{font-size: 14px;color: #999;line-height: 1;margin-bottom: 5px;}
}
/*联系方式------------------------------*/

.add{padding-top: 30px;color: rgb(95, 95, 95);font-size: 12px; line-height: 1.6; text-align: left;}
.add .p4{color: #666;line-height: 20px; padding-top: 20px;}
.add a{color: #666; padding-right: 10px;}
.add a:hover{color: #fff;}

@media (max-width:1023px){
.add .p2{font-weight: bold;line-height: 20px;margin-bottom: 10px;margin-top: 10px;}
.add .p4{display: none;}
}
/*地址邮箱服务城市------------------------------------*/

.footer_r{width: 59%;float: right; margin-right: -30px;}
.footer_r .website{padding-top: 20px;}
.footer_r .website dl{display: block;float: left;width: 16.6666%;text-align:left;}
.footer_r .website dl dt {display: block;color: #fff;margin-bottom: 20px;padding-bottom: 20px;font-size: 14px;font-weight: bold;}
.footer_r .website dl dd a{display: block;color: rgb(95, 95, 95);line-height: 32px;font-size: 12px;}
.footer_r .website dl dd a:hover{color: #fff;}

@media (max-width:1440px){
.footer_r{width: 69%;float: right; margin-right: -30px;}
	
}
@media (max-width:1023px){
.footer_r{display: none;}
}
/*底部导航-------------------------------*/

.yqlink{padding-top: 50px;font-size: 12px;width: 78%;margin: auto;}
.yqlink span{color: #5f5f5f;display: block;margin-bottom: 5px;}
.yqlink a{color: #5f5f5f;margin-right: 5px; line-height: 22px;}
.yqlink a:hover{color: #fff;}

@media (max-width:1680px){
.yqlink{padding-top: 50px;font-size: 12px;width: 86%;margin: auto;}
}

@media (max-width:1440px){
.yqlink{padding-top: 50px;font-size: 12px;width: 86%;margin: auto;}
}

@media (max-width:1023px){
.yqlink{display: none;}
}
/*友情链接--------------------*/

.index_footerm_box{background-color: #141414;padding: 1% 0;}
.index_footerm_box .boxmm{width: 78%;margin: auto;color: #5f5f5f;font-size: 12px;}
.index_footerm_box .boxmm a{color: #5f5f5f;font-size: 12px;}
.index_footerm_box .boxmm a:hover{color: #fff;}

@media (max-width:1680px){
.index_footerm_box .boxmm{width: 86%;margin: auto;color: #5f5f5f;font-size: 12px;}
}

@media (max-width:1440px){
.index_footerm_box .boxmm{width: 86%;margin: auto;color: #5f5f5f;font-size: 12px;}
}


@media (max-width:1023px){
.index_footerm_box{background-color: #141414;padding: 3% 0 85px ;}
.index_footerm_box .boxmm{width: 90%;margin: auto;color: #5f5f5f;font-size: 12px;}
}
/*底部----------------------*/


.pag_title{position: relative;}
.pag_title .h4{font-size: 20px;color: #8d8d8d;font-weight: bold;line-height: 1;margin-bottom: 15px;}
.pag_title .h2{font-size: 60px;color: #fff;font-weight: bold;line-height: 1;}

@media (max-width:1023px){
.pag_title .h4{font-size: 18px;color: #8d8d8d;font-weight: bold;line-height: 1;margin-bottom: 15px;}
.pag_title .h2{font-size: 28px;color: #fff;font-weight: bold;line-height: 1;}
}


.pag_title .anli_nav{position: absolute;top: 50px;right: 0px;}
.pag_title .anli_nav a{display: inline-block;float: left;color: #5c5c5c;margin-right: 20px;font-size: 16px;}
.pag_title .anli_nav a.on{font-weight: bold;color: #fff;}
.pag_title .anli_nav a:hover{color: #fff;}

@media (max-width:1023px){
.pag_title .anli_nav{position:relative;top: 0px;right: 0px; padding-top: 40px;}
.pag_title .anli_nav a{display: inline-block;float: left;color: #5c5c5c;margin-right: 10px;font-size: 14px; margin-bottom: 5px;}
}
/*分页案例标题----------------*/

.con_bg{background-color: #141414;background-image:url(../images/pag_ban.jpg); background-repeat:no-repeat; background-position:center top; background-size:100%;}
.casetbg{background-color: #141414; background-image:linear-gradient(to bottom, #000 0%, #000 650px, #121212 650px, #121212 100%); background-repeat:no-repeat; background-position:center top; background-size:100%;}
.pag_box{padding: 15% 0px 7% 0px;width: 78%;margin: auto;}


@media (max-width:1680px){
.casetbg{background-color: #141414; background-image:linear-gradient(to bottom, #000 0%, #000 500px, #121212 500px, #121212 100%); background-repeat:no-repeat; background-position:center top; background-size:100%;}
.pag_box{padding: 15% 0px 7% 0px;width: 86%;margin: auto;}
}

@media (max-width:1440px){
.pag_box{padding: 15% 0px 7% 0px;width: 86%;margin: auto;}	
}

@media (max-width:1023px){
.con_bg{background-color: #141414; background-image:url(../images/pag_ban.jpg); background-repeat:no-repeat; background-position:right top; background-size:220%;}
.casetbg{background-color: #141414; background-image:linear-gradient(to bottom, #000 0%, #000 450px, #121212 450px, #121212 100%);background-repeat:no-repeat; background-position:right top; background-size:220%;}
.pag_box{padding: 170px 0px 10% 0px;width: 90%;margin: auto;}
}


/*分页案例----------------*/




.news_bg{background-color: #141414; background-image:url(../images/pag_ban.jpg);background-repeat:no-repeat; background-position:center top; background-size:100%;}
.news_box{padding: 15% 0px 5% 0px;width: 86%;margin: auto;}
@media (max-width:1023px){
.news_bg{background-color: #080808; background-image:url(../images/pag_ban.jpg);background-repeat:no-repeat; background-position:right top; background-size:220%;}
.news_box{padding: 180px 0px 10% 0px;width: 90%;margin: auto;}
}



.news_top{padding: 180px 0% 3% 0%;width: 86%;margin: auto;}
.news_top .time{display: inline-block;border: 1px solid #464646;width: 100px;text-align: center;}
.news_top .time h4{font-size: 12px;border-bottom: 1px solid #464646;display: block;padding: 10px 0px;overflow: hidden;color: #fff;font-weight: bold;}
.news_top .time h5{font-size: 36px;display: block;padding: 5px 0px;overflow: hidden;color: #fff;font-weight: bold;}
.news_top .p1{font-size: 44px;padding-top: 20px;color: #fff;font-weight: bold;}
.news_top .p2{padding: 10px 0px;}
.news_top .p2 span{display: inline-block;float: left;margin-right: 40px;font-size: 14px;color: #575757;}
.news_top .p2  a{color: #575757; font-weight: bold;}.news_top .p2  a:hover{color:#ed7b00; font-weight: bold;}

@media (max-width:1440px){
.news_top{padding: 10% 0px 3% 0px;  width: 86%;}
.news_top .p1{font-size: 28px;padding-top: 20px;color: #fff;font-weight: bold;}
}
@media (max-width:1366px){

}
@media (max-width:860px){
.news_top{padding: 120px 0px 5% 0px; width: 90%;}
.news_top .p1{font-size: 18px;padding-top: 20px;color: #fff;font-weight: bold;}
.news_top .p2 span{display: inline-block;float: left;margin-right: 20px;font-size: 12px;color: #575757;}
}
/*新闻详情顶部--------------------------------*/






.news_nav{padding-top: 20px; position: relative; z-index: 10;}
.news_nav a{display: inline-block; color: #797979; margin-right: 30px; font-size: 16px; }
.news_nav a.on{color: #fff;}
.news_nav a:hover{color: #fff;font-weight: bold;}
@media (max-width:1023px){
.news_nav a{font-size: 14px;margin-right: 17px; float: left;  margin-bottom: 10px;}
}
/*新闻导航--------------------------------*/


.server_nav{padding-top: 20px;}
.server_nav a{display: inline-block; color: #797979; margin-right: 30px; font-size: 16px; }
.server_nav a.on{color: #fff;}
.server_nav a:hover{color: #fff;font-weight: bold;}
@media (max-width:1023px){
.server_nav a{font-size: 14px;margin-right: 20px;  margin-bottom: 10px;}
}
/*新闻导航--------------------------------*/




.news_main{padding: 5% 8% 5% 8%;background-color: #fff;margin-right: 120px;}
.news_left{width: 80%;padding-right: 3%;float: left;position: relative;}
.news_left:after{position: absolute;border-right: 1px solid #ededed;width: 1px;top: 0px;right: 0px;height: 100%;content: "";}
.news_left .crumbs{border-bottom: 1px solid #ededed;padding: 0px 0px 24px 0px;margin-bottom: 50px;font-size: 14px;color: #666;}
.news_left .crumbs a{font-size: 14px;color: #666;}
.news_left .crumbs a:hover{color: #000;}
.news_left .news_left_txt{position: relative;font-size: 16px;line-height: 2;color: #333; margin-bottom: 30px;}
.news_left .news_left_txt a{color: #000; font-weight: bold;}
.news_left .news_left_txt a:hover{color: #ed7b00; font-weight: bold;}
.news_right{width: 20%;float: right;padding-left: 2%;}

@media (max-width:1440px){
.news_main{padding: 5% 7% 5% 7%;background-color: #fff;margin-right: 100px;}
.news_left .news_left_txt{font-size: 15px;line-height: 2;}
}
@media (max-width:1023px){
.news_left .news_left_txt{font-size: 14px;line-height: 2; margin-bottom: 10px;}
	
.news_main{padding: 5% 5% 5% 5%;background-color: #fff;margin-right: 0px;}
.news_left{width: 100%;padding-right: 0%;float: left;position: relative;}
.news_left:after{border-right: 0px solid #ededed;}
.news_left .crumbs{display: none;}
	
.news_right{display: none;}
}

.news_shengming{font-size: 14px; color: #999; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ccc;}
@media (max-width:1023px){
	.news_shengming{font-size: 12px; line-height: 1.6; color: #999; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ccc;}
	#share-3{display: none;}
}

.news_abq{ padding-top: 20px;color: #666; font-size: 14px;font-weight: 400;}
.news_abq a{color: #666; font-size: 14px; margin-right: 5px;}
.news_abq a:hover{color: #ed7b00; font-weight: 400;}
@media (max-width:1023px){
.news_abq{ padding-top: 20px;color: #666; font-size: 12px;font-weight: 400;}
.news_abq a{color: #666; font-size: 12px; margin-right: 5px;}
.news_abq a:hover{color: #ed7b00; font-weight: 400;}
}
/*新闻详细页---------------------------*/

.hotnewsr{clear: both;margin-bottom: 40px;overflow: hidden;}
.hotnewsr .h4{font-size: 18px;font-weight: bold;border-bottom: 1px solid #ededed;padding-bottom: 20px;display: block;color: #000;overflow: hidden;}
ul.hot{padding: 10px 0px;}
ul.hot li{padding: 10px 0px; }
ul.hot li a{display: block;color: #666;position: relative;margin-right: 0px;margin-bottom: 0px;}
ul.hot li a .imgzoom{padding-bottom: 0%; width: 100%; position: relative; overflow: hidden; display: block;transition: all 0.5s ease-out;}
ul.hot li a .imgzoom img{width: 100%;  position: absolute;min-height: 100%; }
ul.hot li a .p1{margin-top: 10px;font-size: 14px;line-height: 20px;height: 20px;overflow: hidden; color: #666;}
ul.hot li a:hover .p1{color: #000;}
ul.hot li a .p2{padding: 5px 0px;font-size: 12px;color: #ccc;font-weight: bold;}

ul.hot li.on a .imgzoom{display: block;padding-bottom: 55%; }


.rm_list{padding: 20px 0px;}
.rm_list a{display: inline-block;float: left;font-size: 14px;color: #666;margin-right: 10px;margin-bottom: 10px;}
.rm_list a:hover{color: #000;}

.xg_list{padding: 20px 0px;}
.xg_list a{display: inline-block;float: left;font-size: 14px;color: #666;margin-right: 10px;margin-bottom: 10px;}
.xg_list a:hover{color: #000;}
/*新闻详细页------------------------------------*/

.news_detail{padding: 0 5% 5% 5%;margin-right: 120px;background-color: #fff;}
.news_detail .fanye{padding: 3% 0;position: relative;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.news_detail .fanye .fanyea_l{width: 40%;float: left;color: #1a1a1a;font-weight: bold;}
.news_detail .fanye .fanyea_l .line{border-bottom: 2px solid #000;width: 20px;float: left;padding-top: 5px;display: inline-block;margin-right: 10px;}
.news_detail .fanye .fanyea_l span{display: inline-block;float: left;line-height: 14px;transition: all 0.5s ease-out;}
.news_detail .fanye .fanyea_l a{font-size: 14px;margin: 0px 2%;display: inline-block;color: #1a1a1a;width: 75%;line-height: 14px;height: 14px;overflow: hidden;}
.news_detail .fanye .fanyea_l:hover span{letter-spacing: 1.5px;}
.news_detail .fanye .fanyea_l a:hover{border-bottom: 1px solid #000;}

.news_detail .fanye .fanyea_c{width: 20%;text-align: center;margin: auto;float: left;}
.news_detail .fanye .fanyea_c a{margin: 0px auto;display: inline-block;color: #1a1a1a;font-size: 14px;font-weight: bold;transition: all 0.5s ease-out;}
.news_detail .fanye .fanyea_c a:hover{letter-spacing: 2px;}

.news_detail .fanye .fanyea_r{width: 40%;float: right;text-align: right;color: #1a1a1a;font-weight: bold;}
.news_detail .fanye .fanyea_r .line{border-bottom: 2px solid #000;width: 20px;float: right;padding-top: 5px;display: inline-block;margin-left: 10px;}
.news_detail .fanye .fanyea_r span{display: inline-block;float: right;line-height: 14px;transition: all 0.5s ease-out;}
.news_detail .fanye .fanyea_r a{font-size: 14px;color: #1a1a1a;margin: 0px 2%;display: inline-block;width: 75%;line-height: 14px;height: 14px;overflow: hidden;}
.news_detail .fanye .fanyea_r:hover span{letter-spacing: 1.5px;}
.news_detail .fanye .fanyea_r a:hover{border-bottom: 1px solid #000;}

.fanyem{display: none;}
@media (max-width:1440px){
.news_detail{padding: 0 5% 5% 5%;margin-right: 100px;background-color: #fff;}
}


@media (max-width:1023px){
.news_detail{padding: 0 5% 5% 5%;margin-right: 0px;background-color: #fff;}
.news_detail .fanye{display: none;}
.fanyem{display: block;padding: 7% 0;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.fanyem .fanyema_l{width: 100%;float: left;}
.fanyem .fanyema_l .line{border-bottom: 2px solid #000;float: left;width: 20px;padding-top: 8px;}
.fanyem .fanyema_l a{display: inline-block;margin: 0 2%; font-size: 14px;font-weight: bold;color: #1a1a1a; width:calc(100% - 40px);}

.fanyem .fanyema_r{width: 100%;float: right;text-align: right;}
.fanyem .fanyema_r .line{border-bottom: 2px solid #000;float: right;width: 20px;padding-top: 8px;}
.fanyem .fanyema_r a{display: inline-block;margin: 0 2%;font-size: 14px;font-weight: bold;color: #1a1a1a;width:calc(100% - 40px);}
	
.fanyem .fanyema_c{width: 100%;float: left;text-align: center; padding-top: 10px;}
.fanyem .fanyema_c a{font-size: 14px;color: #1a1a1a;font-weight: bold; background: #e5e5e5; padding: 5px 0px; display: block;}
}
/*新闻详细页翻页-----------------------------------------------------*/

.relatedcontent{padding: 9% 0 0 0;}
.pag_titlem{text-align: center;font-weight: bold;}
.pag_titlem .h5{font-size: 20px;color: #767676;}
.pag_titlem .h4{font-size: 50px;color: #1a1a1a;}

@media (max-width:1440px){
.pag_titlem .h4{font-size: 36px;color: #1a1a1a;}
}
@media (max-width:860px){
.pag_titlem{text-align: left;font-weight: bold;}
.pag_titlem .h5{font-size: 18px;color: #767676;}
.pag_titlem .h4{font-size: 22px;color: #1a1a1a;}
}
.relatedcontent ul.case_box_list {padding-top: 50px;}
@media (max-width:1023px){
.relatedcontent ul.case_box_list {padding-top: 10px;}
}
/*案例页顶部-------------------------*/


.pag_titlemm{text-align: center;font-weight: bold;}
.pag_titlemm .h5{font-size: 20px;color: #767676;}
.pag_titlemm .h4{font-size: 50px;color: #fff;}
@media (max-width:860px){
.pag_titlemm{text-align: center;font-weight: bold;}
.pag_titlemm .h5{font-size: 18px;color: #767676;}
.pag_titlemm .h4{font-size: 26px;color: #fff;}
}

.ng_news{padding: 300px 15% 120px 15%;}
.ng_title{font-weight: bold;}
.ng_title .h4{font-size: 20px;color: #8d8d8d;}
.ng_title .h2{font-size: 60px;color: #fff;}
.ng_title .gat_t1{font-size: 14px; line-height: 1.5; color: #8d8d8d; font-weight: 400;}

@media (max-width:1023px){
.ng_news{padding: 200px 0% 5% 5%;}
}
@media (max-width:860px){
.ng_title .h4{font-size: 18px;color: #8d8d8d;}
.ng_title .h2{font-size: 20px;color: #fff;}
.ng_title .gat_t1{font-size: 12px; line-height: 1.5; color: #8d8d8d; font-weight: 400;}
}
/*新闻呢列表顶部标题-------------------------*/

.tag_box{display: block;}
.tag_box a{display: block; padding: 15px 30px; margin-bottom: 15px; float: left; margin-right: 10px; background: #888888; color: #fff;}
.tag_box a:hover{background: #000;}

@media (max-width:1023px){
.tag_box a{display: block; padding: 7px 10px; margin-bottom: 10px; float: left; margin-right: 10px; background: #888888; color: #fff;}
.tag_box a:hover{background: #000;}	
}






.nw_list a{position: relative;display: block;border-bottom: 1px solid #e6e6e6;padding: 5% 0 4% 4%;transition: all 0.5s ease-out;}
.nw_list a .data{border: 1px solid #e6e6e6;text-align: center;display: inline-block;width: 98px;font-weight: bold;color: #1a1a1a;float: left;transition: all 0.5s ease-out;}
.nw_list a .data h4{font-size: 12px;border-bottom: 1px solid #e6e6e6;padding: 10px 0px;transition: all 0.5s ease-out;}
.nw_list a .data h5{font-size: 36px;padding: 10px 0px;font-family: 'Gotham-Bold',Arial,"微软雅黑","黑体",'宋体';}

.nw_list a .nw_listimg{ width: 200px; float: left; margin-left: 30px;}
.nw_list a .nw_listimg .imgzoom{padding-bottom:52%; width: 100%; position: relative; overflow: hidden; display: block;transition: all 0.5s ease-out;}
.nw_list a .nw_listimg .imgzoom img{width: 100%; min-height: 100%;  position: absolute;transition: all 0.5s ease-out;}
.nw_list a:hover .nw_listimg  .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);}

.nw_list a .txt{float: left;padding-left: 50px;padding-top: 15px;position: relative;width:calc(100% - 140px);}
.nw_list a .txtimg{float: left;padding-left: 20px;padding-top: 15px;position: relative;width:calc(100% - 370px);}
.nw_list a .txt .p1{font-size: 22px;font-weight: bold;color: #1a1a1a;line-height: 24px;height: 24px;overflow: hidden;margin-bottom: 15px;padding-right: 90px;}
.nw_list a .txt .p2{position: absolute;top: 20px;right: 0px;width: 70px; height: 22px; line-height: 22px; overflow: hidden; color: #999;}
.nw_list a .txt .p3{color: #999;font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;}
.nw_list a .txt .p4{display: none;}
.nw_list a:hover .data{border: 1px solid #1a1a1a;}
.nw_list a:hover .data h4{border-bottom: 1px solid #1a1a1a;}
.nw_list a:hover{background-color: #f3f3f3;}

@media (max-width:1440px){
.nw_list a .txt{float: left;padding-left: 40px;padding-top: 15px;position: relative;width:calc(100% - 120px);}
.nw_list a .txt .p1{font-size: 20px;font-weight: bold;color: #1a1a1a;line-height: 24px;height: 24px;overflow: hidden;margin-bottom: 15px;padding-right: 90px;}
	
.nw_list a .txtimg{float: left;padding-left: 20px;padding-top: 15px;position: relative;width:calc(100% - 350px);}
}

@media (max-width:1023px){
.nw_list a{position: relative;display: block;border-bottom: 1px solid #e6e6e6;padding: 5% 0 5% 4%;transition: all 0.5s ease-out;}
.nw_list a .data{display: none;}
.nw_list a .txt{float: left;padding-left: 0px;padding-top: 0px;padding: 5% 0; position: relative;width: 100%;}
.nw_list a .txt .p1{font-size: 18px;font-weight: bold;color: #1a1a1a;line-height: 24px;height: auto;overflow: hidden;margin-bottom: 20px;padding-right: 0px;}
.nw_list a .txt .p2{position: relative;top: 0px;right: 0px;width: 100%;padding-bottom: 6px;color: #999;font-size: 14px;}
.nw_list a .txt .p3{color: #999;font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;margin-bottom: 20px;}
.nw_list a .txt .p4{display: block;color: #999;}
	
	.nw_list a .nw_listimg{display: none;}
}

@media (max-width:768px){
.nw_list a{position: relative;display: block;border-bottom: 1px solid #e6e6e6;padding: 5% 0 5% 0%;transition: all 0.5s ease-out;}
}
/*新闻列表页---------------------*/





.ng_case_top{width: 80.75%; min-height: 200px; background-color: #121212;padding: 70px 7% 0px 5%;float: right;position: relative;margin-top: -200px;}
.tz{position: absolute;right: 0px;top: 0px;;margin-top: -30px;}
.tz a{display: block;padding: 28px 50px;color: #fff;float: left;font-size: 16px;font-weight: bold;background-color: #000;transition: all 0.5s ease-out;}
.tz a i{background-image:url(../images/icon/inmore-b.svg);width: 19px;height: 10px;display:inline-block; padding-left: 20px; margin-right: 100px; background-repeat:no-repeat; background-position:center right;margin-top: 5px;transition: all 0.5s ease-out;}
.tz a:hover{background-color: #1a1a1a;}
.tz a:hover i{padding-left: 40px;  }
@media (max-width:860px){
.tz{display: none;}
.ng_case_top{width: 95%;background-color:rgba(18,18,18,0.9); ;padding: 40px 7% 5% 2%;float: right;position: relative;margin-top: -250px;}
}

.case_top_txt .logo{width: 26%;text-align: center;float: left;}
.case_top_txt .logo img{width: 245px;height: 100px;}
.case_top_txt .txt{float: right;width: 70%;border-left: 1px solid #232323;padding-left: 8%;}
.case_top_txt .txt .tit .p1{width: 50%;float: left;color: #ccc;font-size: 20px;line-height: 1; font-weight: bold;}
.case_top_txt .txt .tit span{color: #5f5f5f;display: inline-block;font-size: 12px;line-height: 1;height: 12px;overflow: hidden;font-weight: bold;float: right;width: 50%;text-align: right;margin-top: 10px;}
.case_top_txt .txt .p2{color: #919191;font-size: 12px;line-height: 24px;height: 72px;overflow: hidden;font-family: 'Gotham-Book',Arial,"微软雅黑","黑体",'宋体';margin-top: 10px;}
@media (max-width:860px){
.case_top_txt .logo{display: none;}
.case_top_txt .txt{width: 100%;border-left: 0px solid #232323;}
.case_top_txt .txt .tit .p1{width: 100%;}
.case_top_txt .txt .tit span{display: none;}
.case_top_txt .txt .p2{line-height: 25px;height: 150px;}
}

.anli_xx{background-color: #121212;}
.anli_xxm{text-align:left;width: 78%;margin: auto;padding: 7% 0 5% 0;font-size: 14px;line-height: 24px;overflow: hidden;color: #fff;}
@media (max-width:1440px){
	.anli_xxm{text-align:left;width: 86%;margin: auto;padding: 7% 0 5% 0;font-size: 14px;line-height: 24px;overflow: hidden;color: #fff;}
}
@media (max-width:860px){
.anli_xxm{text-align:left;width: 90%;margin: auto;padding: 10% 0 5% 0;font-size: 14px;line-height: 24px;overflow: hidden;color: #fff;}
}



.weixin{background-repeat:no-repeat; background-position:center center; background-size:cover;padding: 7% 0px;}
.weixin .txt{width: 340px;margin: 0px auto;color: #fff;}
.weixin .txt .txt_l{float: left;}
.weixin .txt .txt_l img{width: 114px;height: 114px;}
.weixin .txt .txt_r{float: left;padding-left: 30px;padding-top: 10px;}
.weixin .txt .txt_r .p1{font-size: 18px;}
.weixin .txt .txt_r a{display: inline-block;border: 1px solid #fff;border-radius: 100px;color: #fff;padding: 10px 40px;margin-top: 25px;}
.weixin .txt .txt_r a:hover{background-color: #fff;color: #000;}
@media (max-width:860px){
.weixin{background-repeat:no-repeat; background-position:center center; background-size:cover;padding: 12% 0px;}
.weixin .txt .txt_l{display: none;}
.weixin .txt .txt_r{text-align: center;margin: 0px auto;width: 100%;padding-left: 0px;}
.weixin .txt .txt_r .p1{display: none;}
.weixin .txt .txt_r a{display: inline-block;border: 1px solid #fff;border-radius: 100px;color: #fff;padding: 10px 40px;margin-top: 0px;}
}

.other_case{background-color: #121212;padding: 7% 0 1% 0;}
.other_casem{width: 78%;margin: auto;}
.other_casem ul.case_box_list{padding: 5% 0 5% 0;}
@media (max-width:1680px){
.other_casem{width: 86%;margin: auto;}
}
	
@media (max-width:1023px){
.other_casem{width: 90%;margin: auto;}
.other_casem ul.case_box_list{padding: 5% 0 5% 0;}
}

.case_bg{background-color: #121212;}

.contact{background-color: #fff;padding: 10% 8% 10% 11%;margin-right: 120px;}
.con_left{width: 35%;float: left;}
.con_left i{background-image:url(../images/icon/sy.png);width: 36px;height: 26px;display: block;}
.con_left .h2{padding-top: 20px;font-size: 34px;color: #1a1a1a;font-weight: bold;}
.con_left .h4{padding-top: 10px;font-size: 14px;color: #767676;text-transform: uppercase;font-weight: bold;}
.con_left .contactm{padding-top: 80px;}
.con_left .contactm img{width: 90px;height: 90px;float: left;}
.con_left .contactm .p1{float: left;padding: 0px 20px;}
.con_left .contactm .p1 span{font-size: 14px;padding-top: 15px;padding-bottom: 10px;display: block;font-weight: bold;}
.con_left .contactm .p1 a{display: block;}
.con_left .contactm .p1 a img{width: 36px;height: 36px;}

.con_right{width: 60%;float: left;padding-left: 5%;}
.con_right .item{padding-top: 20px;}
.con_right .item .p1{width: 15%;float: left;margin-right: 5%;color: #999;line-height: 26px;text-transform: uppercase;text-align: right;font-weight: bold;font-size: 14px;}
.con_right .item .p2{float: left;width: 80%;color: #000;font-size: 14px;line-height: 26px;border-bottom: 1px solid #ededed;padding-bottom: 20px;font-weight: bold;}
@media (max-width:1440px){
.con_right .item .p1{width: 25%;float: left;margin-right: 5%;color: #999;line-height: 26px;text-transform: uppercase;text-align: right;font-weight: bold;font-size: 14px;}
.con_right .item .p2{float: left;width: 70%;color: #000;font-size: 14px;line-height: 26px;border-bottom: 1px solid #ededed;padding-bottom: 20px;font-weight: bold;}
}

iframe{height: 400px; overflow: hidden;}
@media (max-width:1280px){
.contact{background-color: #fff;padding: 10% 5% 10% 11%;margin-right: 0px;}
}
@media (max-width:1023px){
.contact{background-color: #fff;padding: 10% 5% 10% 5%;margin-right: 0px;}
.con_left{width: 100%;float: left;}
.con_left .h2{padding-top: 20px;font-size: 28px;color: #1a1a1a;font-weight: bold;}
.con_left .h4{padding-top: 10px;font-size: 12px;color: #767676;text-transform: uppercase;font-weight: bold;}	
.con_left .contactm{padding-top: 40px;}
	
.con_right{width: 100%;float: left;padding-left: 0%;border-top: 5px solid #e7e7e7;margin-top: 50px;padding-top: 10%;}
.con_right .item{padding-top: 15px;}
.con_right .item .p1{width: 100%;float: left;margin-right: 5%;color: #999;line-height: 26px;text-transform: uppercase;text-align: left;font-weight: bold;font-size: 14px;}
.con_right .item .p2{float: left;width: 100%;color: #000;font-size: 14px;line-height: 26px;border-bottom: 1px solid #ededed;padding-bottom: 15px;font-weight: bold;}
iframe{display: none;}
}
/*联系我们----------------------------------------*/



.danye{background-color: #fff;padding: 5% 12% 8% 12%;margin-right: 120px; font-size: 14px; line-height: 2; color: #000;}
@media (max-width:1440px){
.danye{ padding: 5% 7.5% 8% 7.5%; margin-right: 100px;}
}
@media (max-width:1023px){
.danye{background-color: #fff;padding: 10% 5% 10% 5%;margin-right: 0px; font-size: 14px; line-height: 1.6;}
}










.service_bg{background-color: #fff;background-image:url(../images/pag_ban.jpg); background-repeat:no-repeat; background-position:center top; background-size:100%;}
.service_box{width: 89%;margin-right: 11%;}
/*服务--------------------*/

.service_box1{background-repeat:no-repeat; background-position:center center; background-size:cover;padding: 15% 0px;}
.service_box1 .txt{width: 78%;margin: auto;text-align: left;}
.service_box1 .txt .h2{font-size: 40px;color: #1a1a1a;margin: 20px 0px;font-weight: bold;}
.service_box1 .txt .p1{padding-top: 80px;font-size: 16px;line-height: 22px;color: #1a1a1a;font-weight: bold;text-transform: uppercase;}

@media (max-width:1440px){
.service_box1 .txt{width: 86%;margin: auto;text-align: left;}
}
@media (max-width:860px){
.service_bg{background-color: #fff;background-image:url(../images/pag_ban.jpg); background-repeat:no-repeat; background-position:right top; background-size:240%;}
.service_box1 .txt{width: 90%;margin: auto;text-align: left;}
.service_box1 .txt .h2{font-size: 22px;color: #1a1a1a;margin: 20px 0px;font-weight: bold;}
	.service_box1 .txt .h2 span{display: block; padding-top: 10px;}
}
/*服务1--------------------*/

.pro_bg{background-color: #121212;}
.pro_bg .process{width: 75%;margin: auto;padding: 10% 0 0;}
.projectprocess{padding: 5% 0;min-height: 700px;}
.projectprocess .item{width: 25%;height: 350px; float: left;border-radius: 200px;border: 1px solid #262626;position: relative;transition: all 0.5s ease-out;}
.projectprocess .item .postion{text-align: center;position: relative;}
.projectprocess .item .postion .i1{width: 60px;height: 60px;position: absolute;top: 100px;left: 50%;margin-left: -30px;}
.projectprocess .item .postion .i2{width: 60px;height: 60px;position: absolute;top: 100px;left: 50%;margin-left: -30px;display: none;}
.projectprocess .item .postion .h4{color: #fff;padding-top: 180px; font-family: 'Gotham-Book',Arial,"微软雅黑","黑体",'宋体';font-weight: bold;}
.projectprocess .item .postion .line{width: 65%;background-image: linear-gradient(to right, #bfbfbf 0%, #bfbfbf 50%, transparent 50%);background-size: 15px 2px;height: 1px;margin: 20px auto 20px auto;opacity: 0;}
.projectprocess .item:hover .postion .line{opacity: 1;}
.projectprocess .item:hover{height: 520px;background-color: #fff;}
.projectprocess .item:hover .postion .i2{display: block;}
.projectprocess .item:hover .postion .h4{color: #000;}
.projectprocess .item:hover .postion .txt{opacity: 1;}

.projectprocess .item .postion .txt{text-align: left;width: 65%;margin: 0px auto;opacity: 0;}
.projectprocess .item .postion .txt li{display: block;color: #000;height: 48px;}
.projectprocess .item .postion .txt li h6{display: inline-block;font-size: 14px;padding-right: 5px;float: left;line-height: 14px;}
.projectprocess .item .postion .txt li i{border-bottom: 1px solid #000;width: 5px;height: 1px;display: inline-block;float: left;padding-top: 5px;}
.projectprocess .item .postion .txt li h5{padding-left: 5px;display: inline-block;font-size: 14px;float: left;line-height: 14px;height: 14px;overflow: hidden;width: 85%;}
@media (max-width:1440px){
.projectprocess .item .postion .txt li i{display: none;}
}
@media (max-width:1440px){
.pro_bg .process{width: 86%;margin: auto;padding: 10% 0 0;}	
.projectprocess .item .postion .h4{padding-top: 200px;}
.projectprocess .item .postion .i1{width: 60px;height: 60px;position: absolute;top: 120px;left: 50%;margin-left: -30px;}
.projectprocess .item .postion .i2{width: 60px;height: 60px;position: absolute;top: 120px;left: 50%;margin-left: -30px;display: none;}
.projectprocess .item .postion .txt li i{display: none;}
.projectprocess .item .postion .txt li h5{font-size: 12px;padding-left: 2px;width: 80%;}
}
@media (max-width:1023px){
.pro_bg .process{width: 80%;margin: auto;padding: 10% 0 0;}	
.projectprocess{padding: 10% 0 5% 0;min-height: 700px;}
.projectprocess .item{width: 100%;height: 300px; float: left;border-radius: 200px;z-index: 2; margin-top: -20px; border: 1px solid #262626;position: relative;transition: all 0.5s ease-out;}
.projectprocess .item .postion .h4{padding-top: 150px;}
.projectprocess .item .postion .i1{width: 60px;height: 60px;position: absolute;top: 60px;left: 50%;margin-left: -30px;}
.projectprocess .item .postion .i2{width: 60px;height: 60px;position: absolute;top: 60px;left: 50%;margin-left: -30px;display: none;}
	
.projectprocess .item .postion .txt li{display: block;color: #000;height: 28px;}
.projectprocess .item .postion .txt li h6{display: inline-block;font-size: 14px;padding-right: 5px;float: left;line-height: 14px;}
.projectprocess .item .postion .txt li i{border-bottom: 1px solid #000;width: 5px;height: 1px;display: inline-block;float: left;padding-top: 5px;}
.projectprocess .item .postion .txt li h5{padding-left: 5px;display: inline-block;font-size: 14px;float: left;line-height: 14px;height: 14px;overflow: hidden;width: 85%;}
	
.projectprocess .item:hover{height: 400px;background-color: #fff; z-index: 9;}
}


/*相关案例---------------------------------*/

.howtodoit{width: 78%;margin: auto;padding: 10% 0 10% 0;}

@media (max-width:1440px){
.howtodoit{width: 86%;margin: auto;padding: 10% 0 10% 0;}	
}
@media (max-width:1023px){
.howtodoit{width: 90%;margin: auto;padding: 10% 0 10% 0;}
}

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

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


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

.swiper01_box .swiper-button-prev {left: 0px;opacity:1; top: 45%}
.swiper01_box .swiper-button-next {right:0px;opacity:1;top: 45%}
.swiper01_box .swiper-button-prev {width:30px;height: 30px; background-size:20px;}
.swiper01_box .swiper-button-next {width:30px;height: 30px; background-size:20px; }
}
a.sw_item01{ display: block;position: relative;}
a.sw_item01 .it_img{position: absolute;top: 0px;left: 0px;width: 700px;}
a.sw_item01 .it_img .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden; }
a.sw_item01 .it_img .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.sw_item01 .it_img: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);min-height: 100%; }

a.sw_item01 .it_txt{min-height: 457px;background-color: #f7f7f7;padding: 80px 20px 30px 800px;}
a.sw_item01 .it_txt .h2{font-size: 60px;line-height: 1;margin-bottom: 10px; font-weight: bold;text-shadow: #ccc 1px 0 0, #ccc 0 1px 0, #ccc -1px 0 0, #ccc 0 -1px 0;color: #f7f7f7;}
a.sw_item01 .it_txt i{background-image:url(../images/icon/sy.png);width: 36px;height: 26px;background-repeat:no-repeat; background-position:center center;display: block;}
a.sw_item01 .it_txt .h3{font-size: 40px;line-height: 1;height: 40px;overflow: hidden;font-weight: bold;color: #1a1a1a;margin: 20px 0px 30px 0px;}
a.sw_item01 .it_txt .p1{font-size: 18px;line-height: 1;height: 18px;overflow: hidden; font-weight: bold;color: #1a1a1a;margin-bottom: 20px;}
a.sw_item01 .it_txt .p1 .line{border-bottom: 1px solid #1a1a1a;width: 20px;height: 1px;margin-right: 10px;float: left;padding-top: 10px;}
@media screen and (max-width: 1440px){
a.sw_item01 .it_img{position: absolute;top: 0px;left: 0px;width: 600px;}
a.sw_item01 .it_txt{min-height: 391px;background-color: #f7f7f7;padding: 60px 20px 30px 680px;}
}
@media screen and (max-width: 1366px){
a.sw_item01 .it_img{position: absolute;top: 0px;left: 0px;width: 500px;}
a.sw_item01 .it_txt{min-height: 326px;background-color: #f7f7f7;padding: 30px 20px 30px 550px;}
a.sw_item01 .it_txt .h2{font-size: 40px;line-height: 1;margin-bottom: 10px; font-weight: bold;text-shadow: #ccc 1px 0 0, #ccc 0 1px 0, #ccc -1px 0 0, #ccc 0 -1px 0;color: #f7f7f7;}
a.sw_item01 .it_txt .h3{font-size: 30px;line-height: 1;height: 40px;overflow: hidden;font-weight: bold;color: #1a1a1a;margin: 15px 0px 15px 0px;}
}
@media screen and (max-width: 1023px){
a.sw_item01 .it_img{position: relative;top: 0px;left: 0px;width: 100%;}
a.sw_item01 .it_txt{min-height: auto;background-color: #f7f7f7;padding: 20px 20px 20px 20px;}
a.sw_item01 .it_txt .h2{display: none;}
	a.sw_item01 .it_txt i{background-image:url(../images/icon/sy.png);width: 26px;height: 16px;background-repeat:no-repeat; background-position:center center;display: block;background-size:20px;}
a.sw_item01 .it_txt .h3{font-size: 20px; line-height: 1.4; height: auto;font-weight: bold;color: #1a1a1a;margin: 10px 0px 20px 0px;}
a.sw_item01 .it_txt .p1{font-size: 14px;line-height: 1.3;height: auto;overflow: hidden; font-weight: bold;color: #1a1a1a;margin-bottom: 10px;}
}
/*我们的服务-----------------------------*/

/** swiper02_box ====================================================================================*/
.swiper02_box{ width:100%; position: relative; margin: 50px auto 0px auto; padding: 0px 0px 0px 0px; }

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

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

.swiper02_box .swiper-slide-thumb-active .sw_item02 i:before{width: 16px;height: 16px;position: absolute;content: "";top: 50%;left: 50%;margin-left: -8px;margin-top: -8px;border-radius: 50%;z-index: 1;border: 2px solid #000;display: block;}

.swiper02_box .swiper-slide-thumb-active .sw_item02 i:after{width: 6px;height: 6px;position: absolute;background-color: #000; content: "";top: 50%;left: 50%;margin-left: -3px;margin-top: -3px;border-radius: 5px;z-index: 2;}

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

.swiper02_box .swiper-button-prev {left: 0px;opacity:1; top: 45%}
.swiper02_box .swiper-button-next {right:0px;opacity:1;top: 45%}
.swiper02_box .swiper-button-prev {width:30px;height: 30px; background-size:20px;}
.swiper02_box .swiper-button-next {width:30px;height: 30px; background-size:20px;}
}
a.sw_item02{ display: block;position: relative;text-align: center;color: #767676;font-weight: bold;}
a.sw_item02:before{width: 100%;position: absolute;bottom: 38px;left: 0px;border-bottom: 2px solid #767676;content: "";}
a.sw_item02 i{position: relative;display: block;}
a.sw_item02 i:after{width: 6px;height: 6px;position: absolute;background-color: #767676; content: "";top: 50%;left: 50%;margin-left: -3px;margin-top: -3px;border-radius: 5px;z-index: 2;}
a.sw_item02 i:before{width: 16px;height: 16px;position: absolute;content: "";top: 50%;left: 50%;margin-left: -8px;margin-top: -8px;border-radius: 50%;z-index: 1;border: 2px solid #000;display: none;background-color: #fff;}

a.sw_item02:hover i:before{display: block;}
a.sw_item02:hover i:after{background-color: #000;}
a.sw_item02:hover{color: #000;}
a.sw_item02 .p1{font-size: 14px;padding-bottom: 20px;}
a.sw_item02 .p2{font-size: 15px;padding-top: 20px;}

@media screen and (max-width: 1023px){
a.sw_item02 .p2{font-size: 12px;padding-top: 20px;}
a.sw_item02 i:after{width: 6px;height: 6px;position: absolute;background-color: #767676; content: "";top: 50%;left: 50%;margin-left: -3px;margin-top: -7px;border-radius: 5px;z-index: 2;}
a.sw_item02 i:before{width: 16px;height: 16px;position: absolute;content: "";top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;border-radius: 50%;z-index: 1;border: 2px solid #000;display: none;background-color: #fff;}
	
.swiper02_box .swiper-slide-thumb-active .sw_item02 i:before{width: 16px;height: 16px;position: absolute;content: "";top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;border-radius: 50%;z-index: 1;border: 2px solid #000;display: block;}

.swiper02_box .swiper-slide-thumb-active .sw_item02 i:after{width: 6px;height: 6px;position: absolute;background-color: #000; content: "";top: 50%;left: 50%;margin-left: -3px;margin-top: -7px;border-radius: 5px;z-index: 2;}
}
/*我们的服务-----------------------------*/


.about_body{background: #000;}

.ng_about_bg{background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #f5f5f5 27%, #f5f5f5 100%);}
.ng_about_box{background-color: #fff;padding: 10% 120px;margin-right: 120px; }
.pc_left{float: left;width: 35%;}
.pc_left .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; }
.pc_left .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }

.pc_right{float: right;width: 50%;margin-right: 5%;color: #1a1a1a;}
.pc_right i{background-image:url(../images/icon/sy.png);width: 36px;height: 26px;background-repeat:no-repeat; background-position:center center;display: block;}
.pc_right .h3{font-size: 40px;font-weight: bold;margin: 10px 0px;line-height: 1;}
.pc_right .h4{font-size: 14px;font-weight: bold;margin: 15px 0px;line-height: 1;text-transform: uppercase;}
.pc_right .p1{font-size: 14px;line-height: 24px;margin-top: 20px;position: relative;overflow: hidden;}

@media screen and (max-width: 1440px){
.pc_right{float: right;width: 60%;margin-right: 0%;color: #1a1a1a;}
	.ng_about_box{background-color: #fff;padding: 10% 120px;margin-right: 100px; }
	.pc_right .h3{font-size: 35px;font-weight: bold;margin: 10px 0px;line-height: 1;}
}
@media screen and (max-width: 1023px){
.ng_about_box{background-color: #fff;padding: 5% 5% 10% 5%;margin-right: 0px;}
.pc_left{float: left;width: 100%;margin-bottom: 20px;}
.pc_right{float: right;width: 100%;margin-right: 0%;color: #1a1a1a;}
.pc_right .h3{font-size: 20px;font-weight: bold;margin: 10px 0px;line-height: 1;}
.pc_right .h4{font-size: 12px;font-weight: bold;margin: 15px 0px;line-height: 1; text-align: left;}
}
/*关于我们----------------------------*/

.shiming{background-repeat:no-repeat; background-position:center center;padding: 7% 0;position: relative;}
.shiming_m{width: 78%;margin: auto;position: relative;}
.shiming_m .txt{text-align: center;}
.shiming_m .txt .h4{color: #1a1a1a;font-size: 20px;font-weight: bold;line-height: 1;}
.shiming_m .txt .line{width: 50px;margin: 20px auto;height: 2px;display: block;background-color: #1a1a1a;}
.shiming_m .txt .h3{color: #000;font-size: 55px;line-height: 1;letter-spacing: 5px;font-weight: bold;}
.shiming_m .txt .h5{color: #1a1a1a;opacity: 0.8;font-size: 14px;text-transform: uppercase;line-height: 1;margin-top: 2%;}
.shiming_m .txt .h6{color: #1a1a1a;line-height: 24px;margin-top: 15%;}
.shiming_m .cprev{position: absolute;left: -2%;top: 50%;margin-top: -5px;text-transform: uppercase;transform: rotate(90deg);text-align: center;font-size: 12px;}
.shiming_m .cnext{position: absolute;right: -2%;top: 50%;margin-top: -5px;text-transform: uppercase;transform: rotate(90deg);text-align: center;font-size: 12px;}
.shiming .righttop_txt{position: absolute;right: 3%;top: 6%;font-size: 14px;text-transform: uppercase;}

@media screen and (max-width: 1440px){
.shiming .righttop_txt{position: absolute;right:8%;top: 6%;font-size: 14px;text-transform: uppercase;}
	.shiming_m .txt .h3{color: #000;font-size: 45px;line-height: 1;letter-spacing: 0px;font-weight: bold;}
}

@media screen and (max-width: 1023px){
	.shiming{background-repeat:no-repeat; background-position:center center;padding: 13% 0;position: relative;}
.shiming_m{width: 90%;margin: auto;position: relative;}
.shiming_m .cprev{display: none;}
.shiming_m .cnext{display: none;}
.shiming .righttop_txt{display: none;}
.shiming_m .txt .h3{color: #000;font-size: 30px;line-height: 1.2;letter-spacing: 5px;font-weight: bold;}
.shiming_m .txt .h5{color: #1a1a1a;opacity: 0.8;font-size: 14px;text-transform: uppercase;line-height: 1.5;margin-top: 5%;}
.shiming_m .txt .h6{color: #1a1a1a;line-height: 24px;margin-top: 15%;}
}
/*使命-------------------------------------*/

.customers_bg{ background: #000;}
.customers{padding: 5.5% 0;width: 78%;margin: auto;}
.customers .h6{width: 50%;margin: 50px auto;color: #5f5f5f;font-size: 14px;line-height: 28px;text-align: center;}

@media screen and (max-width: 1440px){
.customers{padding: 5.5% 0;width: 86%;margin: auto;}
.customers .h6{width: 60%;margin: 50px auto;color: #5f5f5f;font-size: 14px;line-height: 28px;text-align: center;}	
}
@media screen and (max-width: 860px){
.customers{padding: 8% 0;width: 90%;margin: auto;}
.customers .h6{width: 100%;margin: 30px auto;color: #5f5f5f;font-size: 14px;line-height: 24px;text-align: center;}
}

.hezuo .hz{width: 14.22222%;float: left; padding: 0.5px;}
.hezuo .hz .imgzoom{padding-bottom: 54%; width: 100%; position: relative; overflow: hidden; }
.hezuo .hz .imgzoom img{min-height: 100%; width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; 
	opacity:0.8;filter:alpha(opacity=80);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.hezuo .hz:hover .imgzoom img{min-height: 100%; -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);
opacity:1;filter:alpha(opacity=100);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;
}
@media screen and (max-width: 1023px){
.hezuo .hz{width: 33.3333%;float: left;}
.hezuo .hz:nth-child(13){ display: none;}
.hezuo .hz:nth-child(14){ display: none;}
}
/*合作客户----------------------------------------*/


/** 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: #000;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: #ed7b00;}
.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: #282828; 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}
}
/** 手机微信弹出 ====================================================================================*/



.at-t1{padding-bottom: 40px; text-align: center;}
.at-t1 h2{font-size: 36px; line-height: 1.5; font-weight: bold; padding-bottom: 30px; color: #fff;}
.at-t1 h2 span{ color: #ed7b00;}
.at-t1 .desc{font-size: 14px; line-height: 1.6; color: #919191;}


.case_service{overflow: hidden;padding-bottom: 60px;}
.case_service .tit{display: inline-block;line-height: 28px;font-weight: bold;color: #fff;font-size: 16px;}
.case_service ul{overflow: hidden; text-align: center;}
.case_service li{ display: inline-block; margin-right: 16px;}
.case_service li a{display: block;height: 28px;border-radius: 20px;line-height: 25px;font-size: 14px;color: #ccc; background: #333; padding: 0 17px 0 19px;}
.case_service li a:before{content: '';width: 4px;height: 4px;display: inline-block;vertical-align: middle;margin-right: 8px;background-color: #ed7b00;}
.case_service li:hover a{background-color: #ed7b00;color: #fff;}
.case_service li:hover a:before{background-color: #fff;}

.case_nimg{ padding-bottom: 50px; text-align: center;}
.case_nimg2{ padding-bottom: 100px; text-align: center;}

@media (max-width:1023px){
.at-t1{padding-bottom: 20px; text-align: center;}
.at-t1 h2{font-size: 21px; line-height: 1.5; font-weight: bold; padding-bottom: 15px; color: #fff;}
.at-t1 .desc{font-size: 14px; line-height: 1.6; color: #919191;}


.case_service{overflow: hidden;padding-bottom: 40px;}
.case_service .tit{display: inline-block;line-height: 28px;font-weight: bold;color: #fff;font-size: 14px;}
.case_service ul{overflow: hidden; text-align: center;}
.case_service li{ display: inline-block; margin-right: 1px; margin-bottom: 5px;}
.case_service li a{display: block;height: 25px;border-radius: 20px;line-height: 25px;font-size: 12px;color: #ccc; background: #333; padding: 0 10px 0 10px;}
.case_service li a:before{content: '';width: 4px;height: 4px;display: inline-block;vertical-align: middle;margin-right: 8px;background-color: #ed7b00;}
.case_service li:hover a{background-color: #ed7b00;color: #fff;}
.case_service li:hover a:before{background-color: #fff;}

.case_nimg{ padding-bottom: 20px; text-align: center;}
.case_nimg2{ padding-bottom: 40px; text-align: center;}
}


.case_seo{overflow: hidden;padding-top: 0px;}
.case_seo ul{overflow: hidden; text-align: center; margin-left: -1%; margin-right: -1%;}
.case_seo ul li{ display: inline-block; float: left; margin-right: 16px; width: 23%; margin: 1%; color: #ccc; background: #333; text-align: center; padding: 20px 0px; }
.case_seo ul li span{color: #ed7b00; padding-bottom: 10px; display: block; font-size: 24px; font-weight: bold; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}


@media (max-width:1023px){
.case_seo{overflow: hidden;padding-top: 0px;}
.case_seo ul{overflow: hidden; text-align: center; margin-left: -1%; margin-right: -1%;}
.case_seo ul li{ display: inline-block; float: left; margin-right: 16px; width: 48%; margin: 1%; color: #ccc; background: #333; text-align: center; padding: 20px 0px; }
.case_seo ul li span{color: #ed7b00; padding-bottom: 0px; display: block; font-size: 18px; font-weight: bold; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
}




.ziliao_box ul{display: flex;display: -webkit-flex;justify-content:flex-start;flex-direction: row;flex-wrap: wrap;
	  margin-left: -40px; margin-right: -40px;}
.ziliao_box ul li{width: 33.3333%; padding: 20px 40px;  }
.ziliao_box ul li .ziliao_boxm{ position: relative; display: block; border: 1px solid #dbdbdb; color: #333; padding: 20px;}
.ziliao_box ul li .ziliao_boxm img{position: absolute; left: 20px; top: 20px; width: 100px; height: auto;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr{ height: 115px; padding-left: 140px;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr h6{ display: block; font-size: 22px; line-height: 24px; height: 58px; overflow: hidden; padding-top: 10px;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr a{ margin-top: 15px; width: 120px; height: 35px; line-height: 35px; display: block; text-align: center; font-size: 18px; color: #ed7b00; border: 1px solid #ed7b00;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr a:hover{ background: #ed7b00; color: #fff;}


@media (max-width:1680px){
.ziliao_box ul{display: flex;display: -webkit-flex;justify-content:flex-start;flex-direction: row;flex-wrap: wrap;
	  margin-left: -40px; margin-right: -40px;}
.ziliao_box ul li{width: 33.3333%; padding: 20px 20px;  }
.ziliao_box ul li .ziliao_boxm{ position: relative; display: block; border: 1px solid #dbdbdb; color: #333; padding: 20px;}
.ziliao_box ul li .ziliao_boxm img{position: absolute; left: 20px; top: 20px; width: 100px; height: auto;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr{ height: 115px; padding-left: 140px;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr h6{ display: block; font-size: 18px; line-height: 24px; height: 58px; overflow: hidden; padding-top: 10px;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr a{ margin-top: 15px; width: 120px; height: 35px; line-height: 35px; display: block; text-align: center; font-size: 18px; color: #ed7b00; border: 1px solid #ed7b00;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr a:hover{ background: #ed7b00; color: #fff;}
}

@media (max-width:1440px){
.ziliao_box ul{display: flex;display: -webkit-flex;justify-content:flex-start;flex-direction: row;flex-wrap: wrap;
	  margin-left: -10px; margin-right: -10px;}
.ziliao_box ul li{width: 33.3333%; padding: 15px 10px;  }
.ziliao_box ul li .ziliao_boxm{ position: relative; display: block; border: 1px solid #dbdbdb; color: #333; padding: 20px;}
.ziliao_box ul li .ziliao_boxm img{position: absolute; left: 20px; top: 20px; width: 100px; height: auto;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr{ height: 115px; padding-left: 130px;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr h6{ display: block; font-size: 16px; line-height: 24px; height: 58px; overflow: hidden; padding-top: 10px;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr a{ margin-top: 15px; width: 120px; height: 35px; line-height: 35px; display: block; text-align: center; font-size: 16px; color: #ed7b00; border: 1px solid #ed7b00;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr a:hover{ background: #ed7b00; color: #fff;}	
}

@media (max-width:1023px){
.ziliao_box ul{display: flex;display: -webkit-flex;justify-content:flex-start;flex-direction: row;flex-wrap: wrap;
	  margin-left: -10px; margin-right: -10px;}
.ziliao_box ul li{width: 100%; padding: 10px 10px;  }
.ziliao_box ul li .ziliao_boxm{ position: relative; display: block; border: 1px solid #dbdbdb; color: #333; padding: 20px;}
.ziliao_box ul li .ziliao_boxm img{position: absolute; left: 20px; top: 20px; width: 80px; height: auto;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr{ height: 90px; padding-left: 100px;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr h6{ display: block; font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; padding-top: 0px;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr a{ margin-top: 7px; width: 120px; height: 35px; line-height: 33px; display: block; text-align: center; font-size: 14px; color: #ed7b00; border: 1px solid #ed7b00;}
.ziliao_box ul li .ziliao_boxm .ziliao_boxmr a:hover{ background: #ed7b00; color: #fff;}	
}
/** ziliao_box ====================================================================================*/