@charset "utf-8";
/* ------------------------------------------------- 
 * 公用样式表 
 * ------------------------------------------------- 
*/  
body{font-family:"微软雅黑","宋体"; position: relative;  font-size:14px; height:auto;  line-height: 1.28571; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal;  
	color: rgba(255, 255, 255, 1); color: #2c2c2c;  background: rgba(255, 255, 255, 1); 
text-align:justify; -webkit-text-size-adjust:none; -webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/-moz-osx-font-smoothing: grayscale;/*firefox*/}

@media (max-width: 1024px){
body {font-size: 12px; margin: 0 auto;}
}
/** 定义HTML body **/

a{color:#333; transition:400ms ease all;}
a:focus {color: #333;outline: none;text-decoration: none;}
a:hover {color: #333;outline: none;text-decoration: none;transition:400ms ease all;}

/* == 翻页公用  ====================================================================================*/
.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 20px 0px 0px 0px;}
.pageflip a{color: #d61419;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px; border: 2px solid #d61419;border-radius: 5px;margin: 0px 5px;}
.pageflip a:hover,.pageflip a.dq{background: #d61419;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: 1600px; width: 100%; position: relative; padding: 0 30px;}
.max1440{margin: 0px auto; max-width: 1360px; width: 100%; padding: 0 30px;}
.max1200{margin: 0px auto; max-width: 1200px; width: 100%; padding: 0 30px;}
@media (max-width:1440px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 30px; }
        .max1440{margin: 0px auto; max-width: 1260px; width: 100%; padding: 0 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:700px;/*^banner高度^*/ 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上覆盖色^*/}

/** banner点点点 =====*/
.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
.swiper-ban .swiper-pagination-bullet{background: #fff; width: 10px; height:5px; border-radius:5px;  opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-ban .swiper-pagination-bullet-active {background: #d61419; 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:500px;/*^banner高度^*/ }
}

@media (max-width: 1023px) { 
.banner_box{ width: 100%; position: relative; padding-top: 0rem;/*^banner距顶部距离^*/}
.swiper-ban a .slide_full{width: 100%; height:200px;/*^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;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 50px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 40px; }
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 30px; font-family: DINEngschriftStd;}

@media (max-width: 1440px) {

}

@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: 1; 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;}
}

@media (max-width: 1023px) { 
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1; 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;}
}
@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: 1; 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.5rem; }
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 0.5rem; font-family: DINEngschriftStd;}
}
/** == 首页banner上文字 ======================================================================================================================================*/



/** == pag_ban ====================================================================================*/
.pag_ban{position: relative;overflow: hidden;height: 600px; margin-top: 0px;transition: all 0.5s ease-out;}
.pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0); 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;  
	top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.pag_ban_tit .tf30{color: #fff; font-size: 60px;font-weight: bold; }
.pag_ban_tit .tf16{color: #fff; font-size: 100px; line-height: 100px; font-weight: bold; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; padding-bottom: 10px; }

@media (max-width:1366px){
.pag_ban{height: 300px; overflow: hidden;}
.pag_ban_tit{padding: 0px 20px 0px 20px;}
}

@media (max-width:1023px){
.pag_ban{height: 150px; margin-top: 0rem;}
.pag_ban_tit .tf30{ font-size:26px; font-weight:600;}
.pag_ban_tit .tf16{ font-size: 36px; line-height: 40px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; padding-bottom: 0px; }
}
/** == pag_ban ====================================================================================*/



/** pc_header header ========================================================================================================================*/
.pc_header{width: 100%; height: 90px; position:fixed; top: 0px; left: 0px; z-index: 9999; background:rgba(0,0,0,1); padding: 0px 0px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);transition: all 0.5s ease-out;}
.pc_header.top_fixedY{background: #d61419; 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:50px;}



/** pc_nav 通用导航 ====================================================================================*/
.pc_nav {width:auto; margin: 0px auto; float: right; }
.pc_nav ul{ display: block;}
.pc_nav:after,.pc_nav > ul:after {content: "";display: block;clear: both;visibility: hidden; line-height: 0; height: 0;}
/*一级菜单*/
.pc_nav > ul > li.nav-one {float: left; width:auto; display: block; position: relative;-webkit-perspective: 85px; -moz-perspective: 85px; -ms-perspective: 85px; perspective: 85px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;}
.pc_nav > ul > li.nav-one > a {color: #fff; padding: 0px 50px 0px 50px; font-size: 16px; line-height: 90px; text-align: center; display: block; }
.pc_nav > ul > li.nav-one:hover > a {background:#333; color: #fff; }
.pc_nav > ul > li.nav-one > a.on{background: #fff;color: #000;}
/*一级菜单*/
@media (max-width:1440px){
.pc_nav > ul > li.nav-one > a {color: #fff; padding: 0px 40px 0px 40px; font-size: 14px; line-height: 90px; text-align: center; display: block; }
}


/*二级菜单*/
.pc_nav > ul > li.nav-one > ul.nav-two {opacity: 0; width: 100%;height: auto;top:auto;left: 0;padding-bottom: 0px; display: block;transition: all 0.3s ease-out; position: absolute;background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;-webkit-transform-origin: 0px 0px;-moz-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;transform-origin: 0px 0px;-webkit-transform: rotateX(-60deg);-moz-transform: rotateX(-60deg);-ms-transform: rotateX(-60deg);transform: rotateX(-60deg);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}
.pc_nav > ul > li.nav-one:hover > ul.nav-two { opacity: 1; -webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); }

.pc_nav > ul > li.nav-one > ul.nav-two >li{height: 50px; transition: all 0.3s ease-out; position: relative;}
.pc_nav > ul > li.nav-one > ul.nav-two >li >a{font-size: 14px; background:#333; color: #eeeeee; border-top: 1px solid #000; width:100%; height:50px;line-height: 50px;padding:0px 0px; text-align: center;display: block; text-decoration: none;transition: all 0.2s ease-out;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover >a{ color: #fff; background: #000;}
/*二级菜单*/


/*三级菜单*/
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three{margin-left: 100%;top: 0;position: absolute; left: 0px;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three{left: auto; width: 100%;}
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three li{height: 0; width: 100%; display: block; transition: all 0s ease-out; position: relative; overflow: hidden;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three li{height: 50px; overflow: hidden; transition: all 0.2s ease-out;}
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a{font-size: 14px; width:100%; height:50px; line-height: 50px;padding:0px 0px; text-align: center; background:#666;color: #eeeeee;  border-top: 1px solid #000;display: block; text-decoration: none; }
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a:hover{ color: #fff; background: #000;}
/*有三级菜单的小箭头*/
ul.nav-three::after {position: absolute; top: 25px; left: -20px;width: 4px; height: 4px; border-bottom: 1px solid #eee;border-right: 1px solid #eee; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
/*三级菜单*/
/** pc_nav ====================================================================================*/




/** m_nav 移动端菜单 ====================================================================================*/
.m_header{width: 100%;height:2.4rem;  background:rgba(0, 0, 0, 1); 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; }
.m_header .header-section .mob_logo{height:100%; padding:0.5rem 0.6rem; float: left; overflow: hidden; }
.m_header .header-section .mob_logo a{display: block; height: 100%;}
.m_header .header-section .mob_logo a img{height:100%;}

.m_header .header-section .nav-icon{ position: absolute; right:0.56rem; top: 0.8rem; width:0.8rem;height:0.8rem; z-index:1000;font-size:0;text-align:right;cursor:pointer;}
.m_header .header-section .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .header-section .nav-icon i span{display:inline-block;width:90%;height:1px;background-color:#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:rgba(0, 0, 0, 0.9);}/*移动悬浮追加*/
/*移动导航logo按钮*/



.m_header .m-navbar{background-color:rgba(0,83,204,0.9);position:fixed;width:100%;height:100%;z-index:9997;right:-100%;top:0;padding-bottom:0.6rem;box-sizing:border-box;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all .4s cubic-bezier(.4,0,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch;}

.m_header .m-navbar.open{right: 0px;}
.m-navbar .nav-closed{ height:2.4rem; position: relative;}
.m-navbar .nav-closed .m-navbar_logo{height:100%; padding:0.5rem 0.6rem; float: left; overflow: hidden;}
.m-navbar .nav-closed .m-navbar_logo a{display: block; height: 100%;}
.m-navbar .nav-closed .m-navbar_logo a img{height:100%;}

.m_header .nav-closed .nav-icon{ position: absolute; right:0.56rem; top: 0.8rem; width:0.8rem;height:0.8rem;  z-index:1000;font-size:0;text-align:right;cursor:pointer;}
.m_header .nav-closed .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .nav-closed .nav-icon i span{display:inline-block;width:80%;height:2px;background-color:#fff;position:relative; }
.m_header .nav-closed .nav-icon i:nth-of-type(1) span{top:45%; right: 10%; transform:rotate(45deg);}
.m_header .nav-closed .nav-icon i:nth-of-type(2) span{top:45%; right: 10%;transform:rotate(-45deg);}
/*移动导航弹出信息*/


#navbar .m_navul{margin-top: 10%; width: 80%; margin-left: 10%;  text-transform:uppercase;}
#navbar .m_navul li{padding: 0 0.6rem;border-bottom: 0px solid rgba(255,255,255,0.1);transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;opacity: 0;}
#navbar.open .m_navul li{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);}
#navbar .m_navul li a{color: #fff;font-size: 0.6rem;height:auto;line-height: 1rem; padding: 0.4rem 0px; width: 100%;display: block;text-decoration: none;}
#navbar .m_navul li a i{float: right;line-height: 1rem;}
#navbar .m_navul li a span{font-size: 0.32rem; color:rgba(255,255,255,0.4);  }
#navbar .m_navul li a:hover{ color: #94a7dc;}
#navbar .m_navul li a:hover span{ color: #94a7dc;}

#navbar .m_navul li .dropdown_menu{display: none; border-top: 1px solid #94a7dc;padding:0.2rem 0px;}
#navbar .m_navul li.dropdown.active .dropdown_menu{display: block;}
#navbar .m_navul li .dropdown_menu a{display: block; color: #bdcefd; font-size: 0.48rem; line-height: 0.9rem;padding:0.2rem 0.5rem;box-sizing: border-box; }
#navbar .m_navul li .dropdown_menu a:last-child{border: none;}
#navbar .m_navul li .dropdown_menu a span{font-size: 0.32rem; color:rgba(189,206,253,0.7); }

#navbar .m_navul li:nth-child(1) {transition: all 0.2s ease-out;}
#navbar .m_navul li:nth-child(2) {transition: all 0.3s ease-out;}
#navbar .m_navul li:nth-child(3) {transition: all 0.4s ease-out;}
#navbar .m_navul li:nth-child(4) {transition: all 0.5s ease-out;}
#navbar .m_navul li:nth-child(5) {transition: all 0.6s ease-out;}
#navbar .m_navul li:nth-child(6) {transition: all 0.7s ease-out;}
#navbar .m_navul li:nth-child(7) {transition: all 0.8s ease-out;}
#navbar .m_navul li:nth-child(8) {transition: all 0.9s ease-out;}
#navbar .m_navul li:nth-child(9) {transition: all 1.0s ease-out;}
/** m_nav 移动端菜单 ====================================================================================*/









.h2tit{ display: block; padding-top: 50px; padding-bottom: 10px; font-size: 36px; text-align: center;}

.sousuo{ max-width: 1440px; margin: 0px auto; padding-bottom: 20px;}

.index01{ display: block;max-width: 1440px; margin: 0px auto; background: #f6f6f6; padding: 30px;}
.index01 li{display: block; width: 50%; float: left; padding: 10px; border-bottom: 1px solid #ccc;}


.index02{ display: block;max-width: 1440px; margin: 0px auto; background: #f6f6f6; padding: 30px;}

.pag_01{padding: 30px 30px; }
.pag_01danye{background: #f6f6f6;padding: 30px 30px; }
/** pag_01 ====================================================================================*/

.pag_02{ display: block;}
.pag_02 li{ padding: 30px 30px; margin-bottom: 20px; background: #f6f6f6; display: block;}
.pag_02 li span{display: block; width: 50%; float: left; padding: 10px; border-bottom: 1px solid #ccc;}


.location{padding: 30px 0px; border-bottom: 1px solid #ccc;}

.newsinfo{background: #f6f6f6; padding: 30px;}
.newsinfo span{padding: 10px 0px; display: block; border-bottom: 3px solid #ccc;}














/** PC在线客服 ====================================================================================*/
.pc_kefu{position:fixed; width: 70px;right:0;top:50%;margin-top:-200px;z-index:9999; }
.pc_kefu dl{width: 100%;height: 70px;position: relative; z-index: 2; margin-bottom: 1px;}
.pc_kefu dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #21282e;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.pc_kefu dl a{color: #fff;}
.pc_kefu dl dt i{ display: inline-block; width: 25px; height: 25px;margin-top: 5px; background-repeat:no-repeat; background-position:center center; background-size:auto;}
.pc_kefu dl dt p{ font-size: 12px; margin-top: 3px;}

.pc_kefu dl dd{ width: 150px;min-height: 70px; line-height: 25px; color: #fff; background-color:rgba(0, 0, 0, 0.8);padding: 10px 20px;position: absolute; top: 0;right:-150px;z-index: 1;transition: all 0.6s ease;}
.pc_kefu dl dd.wechat{padding: 10px 10px;}
.pc_kefu dl:hover dt{background-color: #d61419;}
.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: #d61419; 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}
}
/** 手机微信弹出 ====================================================================================*/

.juyiwebcom{}
/*www.juyiweb.com 版权信息*/
.tag_box{}
.tag_box a{ font-size: 20px;line-height: 35px; display: inline-block; margin: 10px 10px; border-bottom: 2px solid #d3b16c; }
.tag_box a:hover{ color: #d3b16c;}

@media (max-width:1023px){
	.tag_box a{ font-size: 14px;line-height: 25px; display: inline-block; margin: 5px 5px; border-bottom: 1px solid #d3b16c; }
}
