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

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: #316eb6;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px;border: 2px solid #316eb6;border-radius: 5px;margin: 0px 5px;}
.pageflip  a:hover,.pageflip a.dq{background: #316eb6;color: #fff;}
.pageflip  a i{display: block;line-height: 30px;height: 30px;}
@media (max-width:768px){
.pageflip{ margin: 5px 0px 0px 0px;}
.pageflip  a { font-size: 12px; height: 26px; line-height: 24px; border-width: 1px; padding: 0px 9px; border-radius: 3px; }
.pageflip  a i { line-height: 24px; height: 26px; }
}
/* == 翻页公用  ====================================================================================*/

@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:1023px){}
@media (max-width:767px){}

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


/** == 手机导航按钮  ====================================================================================*/
/** == 手机导航按钮  ====================================================================================*/


/** == 首页banner =====================================================-webkit-animation:scalex 10s linear infinite;animation:scalex 10s linear infinite;===============================*/
.banner_box{ width: 100%; position: relative; padding-top: 130px;}

.swiper-ban.swiper-container {}
.swiper-ban.swiper-slide{ background: #000; width: 100%; height:auto;}
.swiper-ban a { display: block; width: 100%; height:auto; overflow: hidden; position: relative;}
.swiper-ban a .slide_full{width: 100%; height:460px; overflow: hidden; position: relative; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; 
}
.swiper-ban a > img {position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; }
.swiper-ban a .bg_hei{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: 1; 
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(56, 58, 78, 0.6)), to(rgba(11, 12, 18, 0.4)));
	background-image:linear-gradient(170deg, rgba(56, 58, 78, 0.8) 0%, rgba(11, 12, 18, 0.2) 100%)}

/** banner上文字 =====*/
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; margin-top:-90px;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: 20px; color: #fff; font-size: 50px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 20px; }
.ani-03 { height: auto; margin-bottom: 10px; color: #fff; font-size: 16px;}

.wenzi_main_nore{ border: 2px solid #fff; padding: 15px 100px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.wenzi_main_nore i{padding-left: 15px;}
.wenzi_main_nore:hover{ border: 2px solid #fff; padding: 15px 130px;}

/** 点点点 =====*/
.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: 10px; border-radius:5px;  opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-ban .swiper-pagination-bullet-active {background: #316eb6; width: 30px; }

/** 箭头 =====*/
.swiper-ban .swiper-button-prev {opacity:1;}
.swiper-ban .swiper-button-next {opacity:1;}
.swiper-ban .swiper-button-prev {width: 50px;height: 50px; line-height: 50px; border-radius:100%; background:#316eb6;  color: #fff; text-align: center;}
.swiper-ban .swiper-button-next {width: 50px;height: 50px; line-height: 50px; border-radius:100%; background:#316eb6;color: #fff; text-align: center;}
.swiper-ban .swiper-button-prev,.swiper-ban .swiper-button-next{font-size: 26px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-ban .swiper-button-prev:hover{background:#316eb6;  color: #fff;}
.swiper-ban .swiper-button-next:hover{background:#316eb6;  color: #fff;}

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

@media (max-width: 1023px) { 
.banner_box{ width: 100%; position: relative; padding-top: 0px;}
.swiper-ban a .slide_full{width: 100%; height:150px;}
.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px;}
.swiper-ban .swiper-button-prev {width: 35px;height: 35px; line-height: 35px; left: 5px; display: none;}
.swiper-ban .swiper-button-next {width: 35px;height: 35px; line-height: 35px; right: 5px; display: none;}
	
.wenzi_main{width: 100%; margin: 0px auto; padding: 0px 0px;  top: 50%; margin-top:-45px;text-align: center; }
.ani-01 { height: auto; margin-bottom: 5px; color: #fff; font-size: 18px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 12px; }
.ani-03 { height: auto; margin-bottom: 10px; color: #fff; font-size: 12px;}
	
	
}

/** == 首页banner ====================================================================================*/

/** == pag_ban ====================================================================================*/
.pag_ban{position: relative;overflow: hidden;height: 250px; margin-top: 130px;}
.pag_ban:before {content: ''; position: absolute;background-image:linear-gradient(180deg, rgba(56, 58, 78, 0.6) 0%, rgba(11, 12, 18, 0.4) 100%); height: 100%; width: 100%; top: 0;left: 0;}
.pag_ban .imgbg {height: 100%}
.pag_ban .imgbg {background-position: center center;background-size: cover;background-repeat: no-repeat;}
.pag_ban .imgbg img {display: none;}

.pag_ban_tit{position: relative; width: 100%; color: #fff; max-width: 1300px; margin: 0px auto; padding: 60px 0 0 0; text-align: center; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);}
.pag_ban_tit .tf30{ font-size: 46px; font-weight: bold;}
.pag_ban_tit .tf16{ font-size: 14px; width: 50%; margin: 0px auto;  font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
@media (max-width:1366px){
.pag_ban{position: relative;height: 250px; overflow: hidden;}
}
@media (max-width:1023px){
.pag_ban{position: relative;height: 150px; margin-top: 0px;}
.pag_ban_tit{padding:40px 0 0 0; text-align: center; }
.pag_ban_tit .tf30{ font-size: 20px; font-weight:600;}
.pag_ban_tit .tf16{ font-size: 12px; width: 100%; font-weight:400;font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
}
/** == pag_ban ====================================================================================*/

/** == pag_ban ====================================================================================*/
.pag_proban{position: relative;overflow: hidden;height: 150px; }
.pag_proban:before {content: ''; position: absolute;background-image:linear-gradient(180deg, rgba(56, 58, 78, 0.6) 0%, rgba(11, 12, 18, 0.4) 100%); height: 100%; width: 100%; top: 0;left: 0;}
.pag_proban .imgbg {height: 100%}

@media (max-width:1023px){
	.pag_proban{position: relative;overflow: hidden;height: 20px; }
	.pag_proban:before {content: ''; position: absolute;background-image:linear-gradient(180deg, rgba(56, 58, 78, 0.6) 0%, rgba(11, 12, 18, 0.4) 100%); height: 100%; width: 100%; top: 0;left: 0;}
	.pag_proban .imgbg {height: 100%}
}

/** pc_nav ====================================================================================*/
.pc_nav,
.pc_nav ul,
.pc_nav ul li,
.pc_nav ul li a{margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;}
.pc_nav:after,.pc_nav > ul:after {content: ".";display: block;clear: both;visibility: hidden; line-height: 0;height: 0;}

.pc_nav {width:auto; float: right; line-height: 1.6;  }
.pc_nav > ul > li {float: left;padding: 0px 0px 0px 20px; }
.pc_nav > ul > li > a { font-size: 18px; font-weight: 500; line-height: 89px;color: #000;border-right:0px solid #000; text-decoration: none;text-transform: uppercase;}
.pc_nav > ul > li:hover > a {color: #316eb6;font-weight: 600;  border-bottom: 3px solid #316eb6;}
.pc_nav > ul > li a.on {color: #316eb6;font-weight: 600;  border-bottom: 3px solid #316eb6;}
.pc_nav > ul > li.nav-has-sub > a {}
.pc_nav ul ul {position: absolute; left: -9999px;}
.pc_nav > ul > li > ul {border-top: 0px solid #FFF;}
.pc_nav li:hover > ul {left: auto;}

.pc_nav ul ul ul {margin-left: 100%;top: 0;}
.pc_nav ul ul li {height: 0;transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;}
.pc_nav ul li:hover > ul > li {height:50px; line-height: 50px;}
.pc_nav ul ul li a { padding:0px 30px; width: 180px; height:50px; line-height: 50px;  background: #000;border-top: 1px solid #990B2C;text-decoration: none;color: #eeeeee;
transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.pc_nav ul ul li:hover > a,
.pc_nav ul ul li a:hover {color: #000;background: #FFF; }
.pc_nav ul ul li.nav-has-sub > a::after {position: absolute; top: 25px;right: 10px;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 ul ul li.nav-has-sub:hover > a::after { border-color: #f00;}
/** pc_nav ====================================================================================*/


/** m_nav ====================================================================================*/
.m_header{width: 100%;height: 70px; top: 0px; left:0px; z-index: 999; background: #fff;}
.m_header .header-section{width:100%; height:70px; padding:10px 10px; overflow: hidden; }
.m_header .header-section .logo{ width: 200px; float: left;}/** logo ===================*/
.m_header .header-section .logo img{}
.m_header .header-section:after{content:"";width:100%;height:1px;background-color:#d1d1d1;position:absolute;left:0;bottom:0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}

.m_header .header-section .nav-icon{ position: absolute; right: 20px; top: 22px; width:25px;height:25px; 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:70%;height:2px;background-color:#d61519;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:55%}
.m_header .header-section .nav-icon i:nth-of-type(3) span{top:70%}

.m_header .m-navbar{background-color:#fff;position:fixed;width:100%;height:100%;z-index:99999;right:-100%;top:0;padding-bottom:.6rem;box-sizing:border-box;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all .4s cubic-bezier(.4,0,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch}
.m_header .m-navbar.open{right: 0px;}
.m-navbar .logo{ padding: 15px 20px; position: relative;}
.m-navbar .logo .logoimg{width: 250px; display: block;}/** logo ===================*/
.m-navbar .logo .logoimg img{}
.m_header .logo .nav-icon{ position: absolute; right: 20px; top:30px; width:25px;height:25px; z-index:1000;font-size:0;text-align:right;cursor:pointer}
.m_header .logo .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .logo .nav-icon i span{display:inline-block;width:100%;height:2px;background-color:#d61519;position:relative;border-radius:2px}
.m_header .logo .nav-icon i:nth-of-type(1) span{top:20%;transform:rotate(45deg);}
.m_header .logo .nav-icon i:nth-of-type(2) span{top:20%;transform:rotate(-45deg);}


#navbar .m_navul{margin-top: 0px; border-top: 1px solid #f5f5f5;}
#navbar .m_navul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;opacity: 0;}
#navbar.open .m_navul li{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);}
#navbar .m_navul li a{color: #333;font-size: 14px;height: 50px;line-height: 50px;width: 100%;display: block;text-decoration: none;}
#navbar .m_navul li .dropdown_menu{display: none;}
#navbar .m_navul li.dropdown.active .dropdown_menu{display: block;}
#navbar .m_navul li .dropdown_menu a{display: block; color: #666; font-size: 13px; height: 50px;line-height: 50px;padding: 0 10px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5;}
#navbar .m_navul li .dropdown_menu a:last-child{border: none;}

#navbar .m_navul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(7) {
    -webkit-transition: all 1.5s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.5s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(8) {
    -webkit-transition: all 1.9s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.9s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(9) {
    -webkit-transition: all 2.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 2.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
/** m_nav ====================================================================================*/


/** header ====================================================================================*/
.m_header{display: none;}
.pc_header{width: 100%; height: 130px; padding: 0px 0px; position: fixed; left: 0px; top: 0px; z-index: 999; background: #fff;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;
box-shadow:0 0 15px rgba(0,0,0,0.15);}
.pc_header.bg{height: 92px;}
.pc_header.bg .top_box{height: 0px; overflow: hidden;}

.pc_header .max1200{height: 92px; }
.pc_header .logo{ float: left; padding-top: 20px;}
.pc_header .logo a{display: block;}

.top_box{background: #1f2d49; color: #ccc; line-height: 38px; height: 38px;overflow: hidden; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.top_box_l{float: left; opacity: 0.9;}
.top_box_r{float: right;opacity: 0.9; }
.top_box_r a{color: #ccc; padding: 0px 10px; position: relative;}
.top_box_r a:after {content: " ";display: block; position: absolute; right: 0px; top:25%; height: 10px; width: 1px;  border-right: 1px solid #999;}
.top_box_r a:last-child{color: #ff6600;}
.top_box_r a:last-child:after{display: none;}
.top_box_r a:hover{color: #ff6600;}
.top_box_r a i{ font-size: 14px; margin-right: 5px;}


.phonebaojia{display: none;padding:10px 10px; background: #fff;}
.phonebaojiam{padding: 20px 0px;}
@media (max-width:1023px){
.pc_header{display: none;}
.m_header{display:block;}
	
.pcbaojia{display: none;}
.phonebaojia{display: block;}
	
}

/** header ====================================================================================*/

.man{display: flex;display: -webkit-flex;justify-content:flex-start;flex-direction: row;flex-wrap: wrap;
	  margin-left: -10px; margin-right: -10px;}
.man li{width: 25%; padding: 10px 10px;}
.man li .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
.man li .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.man li:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

@media (max-width:1023px){
.man{margin-left: -5px; margin-right: -5px;}
.man li{width: 50%; padding: 5px 5px;vertical-align:baseline;}
}



/** index_bj ====================================================================================*/
.index_bj{ background: #fff; margin: 20px auto 0 ; padding-top: 20px; height:auto; border:1px solid #ececec;}
.index_bj_tit{ text-align: center; font-size: 30px; color: #333;}

.index_bj_bd{ margin: 10px 20px; border: 2px solid #316eb6; padding: 10px 0px; }
.bd_inp{ width: 25%; float: left; height: 30px; padding:0px 15px;  border-right: 1px solid #ccc;}
.bd_inp #content{ width: 100%; height: 30px; line-height: 30px; border: 0px; padding-left: 10px;background: url(../images/input_arrow.png) no-repeat right transparent;}
.bd_inp .inp1{ width: 100%; height: 30px; line-height: 30px; border: 0px; padding-left: 10px;}

.bd_inpa{ width: 25%; float: left; height: 30px; padding:0px 0px; margin-top: -10px;}
a.ainp1{ display: inline-block; text-align: center; background: #316eb6; color: #fff; width:100%;  font-size: 24px; height: 50px; line-height: 50px; border-radius:0px;}
a.ainp1:hover{background: #af0004; color: #fff;}

.index_bj_xx{ border-top: 1px dashed #cccccc; margin-top: 20px; padding: 20px;}

ul.swiper0201_tit { display: block; background: #f5f5f5; }
ul.swiper0201_tit > li { display: block; width: 14.2%; float: left; text-align: center; height: 45px; line-height: 45px; overflow: hidden; color: #000; font-size: 16px; font-weight: 600; cursor: pointer; }
ul.swiper0201_tit > li:nth-child(2){ color: #088b0c;}

.swiper0201{ height:225px; }
.swiper0201-ul { display: block;  background: #fff;height: 45px; border-bottom: 1px solid #e9e9e9;}
.swiper0201-ul > li { display: block; width: 14.2%; float: left; text-align: center; height: 45px; line-height: 45px; overflow: hidden; color: #666; font-size: 14px; cursor: pointer; }
.swiper0201-ul > li:nth-child(2){ color: #088b0c;}
.swiper0201-ul:hover { background: #eee; }


@media (max-width:1023px){
.index_bj{ background: #fff; margin: 10px auto 0 ; padding-top: 10px; height:auto; border:1px solid #ececec;}
.index_bj_tit{ text-align: center; font-size: 18px; color: #333;}

.index_bj_bd{ margin: 10px 0px; border: 2px solid #316eb6; padding: 0px 0px; }
.bd_inp{ width: 100%; float: left; height: 50px; padding:0px 15px;  border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.bd_inp #content{ width: 100%; height: 50px; line-height: 50px; border: 0px; padding-left: 10px;background: url(../images/input_arrow.png) no-repeat right transparent;}
.bd_inp .inp1{ width: 100%; height: 50px; line-height: 50px; border: 0px; padding-left: 10px;}
.bd_inp:nth-child(2){width: 50%; border-bottom: 0px solid #ccc;}
.bd_inp:nth-child(3){width: 50%; border-bottom: 0px solid #ccc;}
	
.bd_inpa{ width: 100%; float: left; height: 50px; padding:0px 0px; margin-top: 0px;}
a.ainp1{ display: inline-block; text-align: center; background: #316eb6; color: #fff; width:100%;  font-size: 20px; height: 50px; line-height: 50px; border-radius:0px;}
a.ainp1:hover{background: #af0004; color: #fff;}

.index_bj_xx{ border-top: 1px dashed #cccccc; margin-top: 10px; padding: 10px 0px;}

ul.swiper0201_tit { display: block; background: #f5f5f5; }
ul.swiper0201_tit > li { display: block; width: 14.2%; float: left; text-align: center; height: 45px; line-height: 45px; overflow: hidden; color: #000; font-size: 12px; font-weight: 600; cursor: pointer; }
ul.swiper0201_tit > li:nth-child(2){ color: #088b0c;}

.swiper0201{ height:225px; }
.swiper0201-ul { display: block;  background: #fff;height: 45px; border-bottom: 1px solid #e9e9e9;}
.swiper0201-ul > li { display: block; width: 14.2%; float: left; text-align: center; height: 45px; line-height: 45px; overflow: hidden; color: #666; font-size: 12px; cursor: pointer; }
.swiper0201-ul > li:nth-child(2){ color: #088b0c;}
.swiper0201-ul:hover { background: #eee; }
}


/** index_bj ====================================================================================*/



.index_xm{  margin: 30px auto 0; padding: 40px 0px; height:auto;  
	background-image:url(../images/20210319140205_976999413.jpg);background-repeat:repeat; background-position:center center; background-size:auto;
}
.index_tit {text-align: center;}
.index_tit b{ text-align: center; font-size: 36px; margin-bottom: 5px; color: #313131; display: block;
	background-image:url(../images/index_tit_bg.png);background-repeat:no-repeat; background-position:center center; background-size:auto;}
.index_tit span {font-size: 18px; color: #313131;display: block;}




.index_xm .swiper01.swiper-container{padding: 20px 0px 30px 0px; height:auto; }
.index_xm .swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.index_xm .swiper01.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #316eb6; width: 10px; height: 10px;border-radius:5px;  margin: 0px 5px; opacity:0.5; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.index_xm .swiper01.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #316eb6; width: 30px; opacity:1;}

.index_xm .swiper-button-prev {left: -3%;opacity:1; top: 60%}
.index_xm .swiper-button-next {right: -3%;opacity:1;top: 60%}
.index_xm .swiper-button-prev {width: 50px;height: 50px; line-height: 50px; background:url(../images/jtl2.png) no-repeat center; text-align: center;}
.index_xm .swiper-button-next {width: 50px;height: 50px; line-height: 50px; background:url(../images/jtr2.png) no-repeat center; text-align: center;}
.index_xm .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(../images/jtl1.png) no-repeat center;}
.index_xm .swiper-button-next.swiper-button-disabled{opacity:1;background:url(../images/jtr1.png) no-repeat center;}

.index_xmm{display: block; padding:0px 15px; width: 33.333%; margin-bottom: 10px; float: left; position: relative; overflow: hidden;   }
.index_xmm .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; }
.index_xmm .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.index_xmm:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.index_xmm .text{  text-align: left; padding:10px 0px 20px 0px; position: relative;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.index_xmm .text .txt1{ font-size: 24px; color: #333;  padding-bottom: 0px; line-height: 50px; height: 50px; overflow: hidden; position: relative;}
 
.index_xmm .text .txt2{color: #565656; margin-top: 0px; line-height: 25px; height: 50px; font-size: 14px;overflow: hidden;}


@media (max-width:1023px){
.index_xm{  margin: 30px auto 0; padding: 30px 0px 20px 0px; height:auto;  
		background-image:url(../images/20210319140205_976999413.jpg);background-repeat:repeat; background-position:center center; background-size:auto;
}
.index_xm{  margin: 15px auto 0 ;height:auto;  }
.index_tit {text-align: center;}
.index_tit b{ text-align: center; font-size: 26px; margin-bottom: 5px; color: #000; display: block;}
.index_tit span {font-size: 12px; color: #303c4a;display: none;}

	
	
.index_xmm{display: block; padding:0px 8px; width: 50%; float: left; position: relative; overflow: hidden; background: #fff; }
.index_xmm .text{ text-align: center; padding:10px 0.2rem 10px 0.2rem; position: relative;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.index_xmm .text .txt1{ font-size: 18px; color: #333; font-weight: bold; padding-bottom: 5px; line-height: 25px; height: 30px; overflow: hidden; position: relative;}
.index_xmm .text .txt1:after {content: " ";display: block;clear: both; position: absolute; bottom: 0px; left: 35%; width: 30%; line-height: 0;height: 2px; background: #316eb6;}

.index_xmm .text .txt2{color: #000; margin-top: 5px; line-height: 20px; height: 40px; font-size: 13px;overflow: hidden;}
.index_xmm .text .txt2 span{background: #316eb6;color: #fff;font-size: 14px;padding: 2px 3px; margin-right: 5px;}
.index_xmm .text .txt2 em{font-style: normal;color: #316eb6;font-size: 14px;font-weight: bold;}

.index_xmm .text .txt3{ text-align: center; padding-top: 5px;}
.index_xmm .text .txt3 a{display: inline-block;width: 70px; font-size: 12px; height: 28px;line-height: 26px;text-align: center; color: #316eb6;border: 1px solid #316eb6;margin: 5px 5px;}
.index_xmm .text .txt3 a:hover{background: #316eb6;border:1px solid #316eb6;color: #fff;}

}

/** index_xm ====================================================================================*/




.index_sbx{ margin: 0px auto 0 ; padding: 50px 0 50px 0 ; background-image:url(../images/aboutbg.jpg);background-repeat:repeat; background-position:center top; background-size:100%; }
.index_sbxm{  margin-top: 20px; padding: 20px 490px 20px 30px; height:340px; position: relative;}
.index_sbxmimg{position: absolute; right: 20px; top: 20px; }

.index_sbxm_tit{height: 38px; line-height: 38px; }
.index_sbxm_tit .tit_left{height: 38px; line-height: 38px; float: left; font-size: 18px; color: #fff; width: 203px; background:url(../images/tit_1.png) no-repeat center; text-align: center;}
.index_sbxm_tit span{ color: #316eb6; font-size: 26px; padding-left: 20px;}
.index_sbxm_tit .tit_left a{color: #fff;}

.about_icon{margin-top: 27px;}
.about_icon i{display: inline-block;width: 18px;height: 17px; margin-right: 5px;}
.about_icon span{margin:0 20px 0px 0px;color: #333;}

.about_deta{text-indent: 2em;color: #000;font-size: 15px;line-height: 30px; height: 240px; overflow: hidden; margin-top: 20px;}
.about_deta a{color: #316eb6;font-size: 15px;}

.about_list{margin-top: 15px;padding-top: 25px;border-top: 1px solid #e3e3e3;overflow: hidden;}
.about_list ul li{width: 33.333%;float: left;}
.about_list ul li i{display: inline-block;width: 44px;height: 44px;border: 1px solid #316eb6;border-radius: 50%;float: left;margin-right: 13px;
	background: url(../images/iconwrap.png) no-repeat 0 0;}
.about_list ul li a:hover >i{-webkit-animation-name:bounce;animation-name:bounce;}
.about_list ul li span{font-size: 18px;color: #316eb6;display: block;line-height: 1;}
.about_list ul li em{color: #ababab;font-style: normal;margin-top: 2px;display: block;}
.about_list ul li:nth-child(1) i{background-position: 7px 6px;}
.about_list ul li:nth-child(2) i{background-position: -46px 6px;}
.about_list ul li:nth-child(3) i{background-position: -100px 6px;}

.index_xmche{padding: 10px 0px; margin-top: 20px; margin-left: -15px; margin-right: -15px;}

@media (max-width:1023px){

.index_xmche{padding: 10px 0px; margin-top: 0px;margin-left: -8px; margin-right: -8px;}

.index_sbx{ margin: 20px auto 0 ; padding: 10px 0 20px 0 ; background-color: #f9f9f9;}
.index_sbxm{ background: none; margin-top: 10px; padding: 10px 0px 20px 0px; height:auto;; border:0px solid #ececec; position: relative;}
.index_sbxmimg{position:relative; right: 0px; top: 0px; width: 100%;}

.index_sbxm_tit{height:auto; line-height: 38px; }
.index_sbxm_tit .tit_left{height: 38px; line-height: 38px; float: none; font-size: 16px; color: #fff; width: 100%; background:url(../images/tit_1.png) no-repeat center center; text-align: center;}
.index_sbxm_tit span{ color: #316eb6; display: block; text-align: center; font-size: 22px; padding-left: 0px;}

.about_icon{margin-top: 7px; text-align: center; display: none;}
.about_icon i{display: inline-block;width: 18px;height: 17px; margin-right: 5px;}
.about_icon span{margin:0 20px 0px 0px;color: #999;}

.about_deta{text-indent: 2em;color: #666666;font-size: 14px;line-height: 22px; height:auto; overflow: hidden; margin-top: 0px; margin-bottom: 20px;}
.about_deta a{color: #316eb6;font-size: 15px;}
	
.about_list{ display: none;}
}
/** index_sbx ====================================================================================*/




.index_server{ margin: 30px auto 0 ;    }
.index_serm{ background: #fff; margin-top: 10px; padding: 0px 15px 20px 15px; height:auto; border:1px solid #ececec; position: relative;}

.index_serm .swiper02.swiper-container{padding: 20px 0px 30px 0px; height:auto; }
.index_serm .swiper02.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.index_serm .swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #316eb6; width: 10px; height: 10px;border-radius:5px;  margin: 0px 5px; opacity:0.5; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.index_serm .swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #316eb6; width: 30px; opacity:1;}

.index_serm .swiper-button-prev {left: -3%;opacity:1; top: 60%}
.index_serm .swiper-button-next {right: -3%;opacity:1;top: 60%}
.index_serm .swiper-button-prev {width: 50px;height: 50px; line-height: 50px; background:url(../images/jtl2.png) no-repeat center; text-align: center;}
.index_serm .swiper-button-next {width: 50px;height: 50px; line-height: 50px; background:url(../images/jtr2.png) no-repeat center; text-align: center;}
.index_serm .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(../images/jtl1.png) no-repeat center;}
.index_serm .swiper-button-next.swiper-button-disabled{opacity:1;background:url(../images/jtr1.png) no-repeat center;}


.index_serm_box{transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.index_serm_box .imgzoom{padding-bottom: 55%; border-top: 4px solid #316eb6;width: 100%; position: relative; overflow: hidden; }
.index_serm_box .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.index_serm_box:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.index_serm_box:hover {box-shadow:1px 1px 25px rgba(0,0,0,0.25);}

.index_serm_box .index_sermt i{ position: absolute; z-index: 9; top: -15px; left: 44%; text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius:50%; background: #316eb6; overflow: hidden;font-style:normal; color: #fff;}
.index_serm_box .index_sermt{ border: 1px solid #e3e3e3; padding: 30px 10px; text-align: center; position: relative;}
.index_serm_box .index_sermt .h2{ font-size: 18px; height:30px; line-height: 30px; overflow: hidden; font-weight: 600; color: #333; margin-bottom: 10px;}
.index_serm_box .index_sermt .p{ font-size: 14px; color: #666;height:50px; line-height: 25px; overflow: hidden;}
/** index_server ====================================================================================*/


.index_case{ margin: 30px auto 0 ;    }
.index_casem{margin-top: 10px; padding: 0px 0px 0px 0px; height:auto;  position: relative;}

a.index_casem_box{ padding: 10px; width:25%; float: left;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; border: 1px solid #e3e3e3; display: block; background: #fff;}
a.index_casem_box .imgzoom{padding-bottom: 55%; width: 100%; position: relative; overflow: hidden; }
a.index_casem_box .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.index_casem_box:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
a.index_casem_box:hover {box-shadow:1px 1px 15px rgba(0,0,0,0.15); color: #000; }

a.index_casem_box .index_sermt{ padding: 0px 0px; margin: 0px 0px 10px 0px; color: #666; line-height: 22px; height: 44px; overflow: hidden; text-align:left; position: relative;}
a.index_casem_box .index_sermmol{ color: #666; display: inline-block; font-size: 12px;  padding: 2px 0px; width: 100px; text-align: left;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.index_casem_box:hover .index_sermmol{ color: #000; }
a.index_casem_box .index_sermmor{ color: #666; display: inline-block; float: right; font-size: 12px;  padding: 2px 0px; width: 100px; text-align: center;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.index_casem_box:hover .index_sermmor{ color: #fff; background: #316eb6;}
/** index_case ====================================================================================*/

@media (max-width:1023px){
	.index_case{ margin: 0px auto 30px ;    }
a.index_casem_box{ padding: 5px 10px; width:100%; float: left;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; border: 1px solid #e3e3e3; display: block; background: #fff;}
	
	a.index_casem_box .index_sermt{ padding: 0px 0px; margin: 0px 0px 0px 0px; color: #666; line-height: 22px; height: 22px; overflow: hidden; text-align:left; position: relative;}
a.index_casem_box .index_sermmol{ color: #666; display:none; font-size: 12px;  padding: 2px 0px; width: 100px; text-align: left;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.index_casem_box:hover .index_sermmol{ color: #000; }
a.index_casem_box .index_sermmor{ color: #666; display: none; float: right; font-size: 12px;  padding: 2px 0px; width: 100px; text-align: center;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.index_casem_box:hover .index_sermmor{ color: #fff; background: #316eb6;}
}

.index_lc{ margin: 30px auto 0 ;    }
.index_lcm{  margin-top: 10px; padding: 10px 0px 20px 0px; height:auto;  position: relative;}

.pro_item{height: 210px;overflow: hidden; background: #fff;}
.top_list{overflow: hidden;}
.top_list li{width:16.6666%;float: left;}
.top_list li i{display: block;width: 90px;height: 90px;margin: 20px auto 10px;
	background: url(../images/iconwrap.png) no-repeat;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-ms-transition:all .3s linear;
	transition:all .3s linear;
}
.top_list li:hover i{
	-webkit-transform:rotateY(360deg);
	-moz-tramsforn:rotateY(360deg);
	-ms-tramsforn:rotateY(360deg);
	-webkio-tramsform:rotateY(360deg);
	tramsforn:rotateY(360deg);
}
.top_list li:nth-child(1) i{
	background-position: 12px -40px;
}
.top_list li:nth-child(2) i{
	background-position: -85px -40px;
}
.top_list li:nth-child(3) i{
	background-position: -181px -40px;
}
.top_list li:nth-child(4) i{
	background-position: -287px -40px;
}
.top_list li:nth-child(5) i{
	background-position: -395px -40px;
}
.top_list li:nth-child(6) i{
	background-position: -495px -40px;
}
.top_list li span{font-size: 18px;color: #333333;display: block;text-align: center;}
.top_list li p{color: #999999;text-align: center;margin: 5px 0 25px;}
.num_btm{}
.num_btm li{float: left; width: 16.6666%; position: relative;}
.num_btm li i{ position: absolute; left: 45%; width:30px;height: 30px;line-height: 30px;border: 1px solid #dedede;font-size: 13px;color: #316eb6;border-radius: 50%;text-align: center;font-style: normal;float: left; background: #fff;}
.num_btm span{display: inline-block;margin: 0 5px;width: 100%;height: 1px;background: #dedede;float: left;margin-top: 15px;}

@media (max-width:1023px){
	.index_lc{display: none;}
}
/** index_lc ====================================================================================*/


/** index_bj ====================================================================================*/
.index_qg{margin: 20px auto 0 ;  height:auto;}
.index_qgbox{ background: #fff;  padding:20px 0px;}
.index_qg_tit{ text-align: center; font-size: 36px; margin-bottom: 25px; color: #000;}


.index_qg_tit .p1 {color: #313131;font-size: 36px;line-height: 50px;font-weight: bold;}
.index_qg_tit .p1 span {color: #316eb6;}
.index_qg_tit .p2 {color: #313131;font-size: 18px;line-height: 30px;max-width: 950px;margin: auto;margin-top: 15px;}


.index_qgbox .div1 {margin-top: 40px; margin-bottom: 40px; text-align: center;}
.index_qgbox .div1 div {border-right: 2px solid #eeeeee;color: #282828;font-size: 26px;line-height: 33px;width: 20%;float: left;}.index_qgbox .div1 div:last-child {border-right: none;}



@media (max-width:1023px){
	.index_qg{margin: 20px auto 0 ;  height:auto;}
	.index_qgbox{ background: #fff;  padding:20px 0px;}
	.index_qg_tit{ text-align: center; font-size: 36px; margin-bottom: 25px; color: #000;}
	
	
	.index_qg_tit .p1 {color: #313131;font-size: 20px;line-height: 1.5;font-weight: bold;}
	.index_qg_tit .p1 span {color: #316eb6;}
	.index_qg_tit .p2 {color: #313131;font-size: 12px;line-height: 1.5;max-width: 950px;margin: auto;margin-top: 15px;}
	
	
	.index_qgbox .div1 {margin-top: 20px; margin-bottom: 10px; text-align: center;}
	.index_qgbox .div1 div {border-right: 0px solid #eeeeee; padding-bottom: 10px; border-bottom: 2px solid #eeeeee;color: #282828;font-size: 18px;line-height: 1.2;width:50%;float: left; margin-bottom:10px; color: #316eb6; font-weight: 800;}
	.index_qgbox .div1 div:last-child {border-right: none; display: none;}
	
}





a.index_qgm_box{ width: 25%; float: left; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; border: 5px solid #fff; display: block; background: #fff; padding: 0px; position: relative;}
a.index_qgm_box .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden; }
a.index_qgm_box .imgzoom img{width: 100%; height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.index_qgm_box:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
a.index_qgm_box:hover {box-shadow:1px 1px 15px rgba(0,0,0,0.15);  }
a.index_qgm_box .index_sermmor{ color: #FFFFFF; background: rgba(0,0,0,0.55); margin: 0px auto 0px auto; padding: 5px 0px; width: 100%; text-align: center; border: 1px solid #e3e3e3;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; position: absolute; left: 0px; top: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
a.index_qgm_box .index_sermmor h2{font-size: 22px; font-weight: bold;  display: block;}
a.index_qgm_box .index_sermmor span{font-size: 16px;  display: block;}
a.index_qgm_box:hover .index_sermmor{ color: #fff; background:rgba(6,72,150,0.75);}

@media (max-width:1023px){
.index_qg{margin: 10px auto 0 ;  height:auto;}
.index_qg_tit{ text-align: center; font-size: 20px; margin-bottom: 10px; color: #000;}
.index_qgbox{ background:none; border:0px solid #ececec; padding:0px 0px;}

a.index_qgm_box{ width: 50%; float: left; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; border: 5px solid #fff; display: block; background: #fff; padding: 0px; position: relative;}
a.index_qgm_box .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden; }
a.index_qgm_box .imgzoom img{width: 100%; height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.index_qgm_box:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
a.index_qgm_box:hover {box-shadow:1px 1px 15px rgba(0,0,0,0.15);  }
a.index_qgm_box .index_sermmor{ color: #FFFFFF; background: rgba(0,0,0,0.55); margin: 0px auto 0px auto; padding: 5px 0px; width: 100%; text-align: center; border: 1px solid #e3e3e3;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; position: absolute; left: 0px; top: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
a.index_qgm_box .index_sermmor h2{font-size: 18px; font-weight: bold;  display: block;}
a.index_qgm_box .index_sermmor span{font-size: 12px;  display: block;}
a.index_qgm_box:hover .index_sermmor{ color: #fff; background:rgba(6,72,150,0.75);}

}




/** foot_top ====================================================================================*/
.foot_top{height: auto; margin-top: 20px; padding: 80px 0px; background-image:url(../images/bg_1.jpg);background-repeat:no-repeat; background-position:center center; overflow: hidden;}
.footop_cont{max-width: 1280px; padding: 0px 10px; margin: 0 auto;}
.footop_left{ text-align:left;float: left; width: calc( 100% - 500px );}
.footop_left span{font-size: 30px;color: #ffffff;font-weight: bold;}
.footop_left p{font-size: 18px;color: #ffffff;margin: 12px 0;}
.footop_left a{font-size: 18px;color: #fff;}

.footop_right{float: right;}
.footop_right li{float: left;padding: 0 28px;}
.footop_right li:last-child{padding-right: 0;}
.footop_right li i{font-size: 40px;color: #fff;font-style:normal;}
.footop_right li em{color: #fff;font-style: normal;}
.footop_right li p{font-size: 16px;color: #fff;}
.footop_right li p i{display: inline-block;width: 23px;height: 20px;background: url(../images/iconwrap.png) no-repeat;}

.footop_right li:nth-child(1) p i{background-position: -530px 2px;}
.footop_right li:nth-child(2) p i{background-position: -574px 2px;}
.footop_right li:nth-child(3) p i{background-position: -618px 2px;}
.footop_right li:nth-child(4) p i{background-position: -655px 2px;}

@media (max-width:1023px){
	.footop_left span{font-size:16px;color: #ffffff;font-weight: bold;}
	.foot_top{height: auto; margin-top: 20px; padding: 30px 10px; background-image:url(../images/bg_1.jpg);background-repeat:no-repeat; background-position:center center; overflow: hidden;}
	.footop_cont{max-width: 1280px; padding: 0px 10px; margin: 0 auto;}
	.footop_left{ text-align:left;float: left; width: calc( 100%);}
	.footop_left span{font-size: 22px;color: #ffffff;font-weight: bold;}
	.footop_left p{font-size: 14px;color: #ffffff;margin: 12px 0;}
	.footop_left a{font-size: 18px;color: #fff;}
	
	.footop_right{float: right; display: none;}
	.footop_right li{float: left;padding: 0 28px;}
	.footop_right li:last-child{padding-right: 0;}
	.footop_right li i{font-size: 40px;color: #fff;font-style:normal;}
	.footop_right li em{color: #fff;font-style: normal;}
	.footop_right li p{font-size: 16px;color: #fff;}
	.footop_right li p i{display: inline-block;width: 23px;height: 20px;background: url(../images/iconwrap.png) no-repeat;}
	
	.footop_right li:nth-child(1) p i{background-position: -530px 2px;}
	.footop_right li:nth-child(2) p i{background-position: -574px 2px;}
	.footop_right li:nth-child(3) p i{background-position: -618px 2px;}
	.footop_right li:nth-child(4) p i{background-position: -655px 2px;}
}


.footer{background-color:#f0f1f3}
.footer-bottom {padding-top:1px;border-bottom: 1px solid #313131;}
.footer-company-box {max-width: 1280px; padding: 30px 10px;margin:0 auto;overflow:hidden}
.footer-city-list {height:35px;overflow:hidden}
.footer-city-list a,.footer-city-list span {height:34px;font-size:16px;line-height:34px;color:#000}
.footer-city-list a {float:right}

.footer-city-list span {float:left;width:90px;margin-right:10px;background-color:#121212;text-align:center;cursor:pointer}
.footer-city-list span.on {color:#000;background-color:#384144}

.footer-qr-code p {font-size:13px;color:#000;text-align:center}
.footer-qr-code div {margin-left:30px;height:130px;width:100px;float:right}
.footer-qr-code div img {width:100px;height:100px}
.footer-company-info {float:left; width: 78%;}
.footer-company-info ul {overflow:hidden}
.footer-company-info ul li {float:left;margin-right:17px;font-size:16px;color:#000;}
.footer-company-info ul li a {color:#000;}
.footer-company-info ul li a:hover{ color: #316eb6;}
.footer-company-info p {margin-top:23px;font-size:14px;text-align:left;color:#000;}
.footer-company-info p a {display:inline-block;*display:inline;*zoom:1;margin-left:0px;color:#000;}
.footer-company-info p a i {display:block;}
.footer-company-icp {position:relative}
.footer .index-icon {background: url(../images/iconwrap.png) no-repeat;}
.footer .fbc-iocn1, .footer .fbc-iocn2, .footer .fbc-iocn3, .footer .fbc-iocn4 {height: 24px;margin-top: -5px;}
.footer .fbc-iocn1 {width:21px;background-position: 0 -153px;}
.footer .fbc-iocn2 {width:21px;background-position: -39px -153px;}
.footer .fbc-iocn3 {width:21px;background-position: -77px -153px;}
.footer .fbc-iocn4 {width:65px;background-position: -113px -153px;}
.footer .fbc-iocn5 {width:67px;height:25px;margin-top:-5px;background-position: -191px -153px;}
.footer-websites-box  {max-width: 1280px; padding: 20px 10px 0px 10px;margin:0 auto;overflow:hidden; }
.footer-websites ul {font-size: 12px; color: #666;}
.footer-websites ul li,.footer-websites ul li a {color:#666;white-space:nowrap; font-size: 12px;}
.footer-websites ul li a:hover{ color: #316eb6;}
.footer-websites {margin-top:21px;overflow: hidden;}
.footer-websites ul li { margin:0 15px 11px 0;font-size:12px; float: none; display: inline-block;}


@media (max-width:1023px){
	.footer{background-color:#f0f1f3; padding-bottom: 20px;}
	.footer-bottom {padding-top:1px;border-bottom: 1px solid #313131;}
	.footer-company-box {max-width: 1280px; padding: 10px 10px 30px;margin:0 auto;overflow:hidden}
	.footer-city-list {height:35px;overflow:hidden}
	.footer-city-list a,.footer-city-list span {height:34px;font-size:16px;line-height:34px;color:#000}
	.footer-city-list a {float:right}
	
	.footer-city-list span {float:left;width:90px;margin-right:10px;background-color:#121212;text-align:center;cursor:pointer}
	.footer-city-list span.on {color:#000;background-color:#384144}
	
	.footer-qr-code{display: none;}
	.footer-qr-code p {font-size:13px;color:#000;text-align:center}
	.footer-qr-code div {margin-left:30px;height:130px;width:100px;float:right}
	.footer-qr-code div img {width:100px;height:100px}
	.footer-company-info {float:left; width: 100%;}
	.footer-company-info ul {overflow:hidden}
	.footer-company-info ul li {float:left;margin-right:10px;font-size:14px;color:#000;}
	.footer-company-info ul li a {color:#000;}
	.footer-company-info ul li a:hover{ color: #316eb6;}
	.footer-company-info p {margin-top:15px;font-size:12px;text-align:left;color:#000;}
	.footer-company-info p a {display:inline-block;*display:inline;*zoom:1;margin-left:0px;color:#000;}
	.footer-company-info p a i {display:block;}
	.footer-company-icp {position:relative}
	.footer .index-icon {background: url(../images/iconwrap.png) no-repeat;}
	.footer .fbc-iocn1, .footer .fbc-iocn2, .footer .fbc-iocn3, .footer .fbc-iocn4 {height: 24px;margin-top: -5px;}
	.footer .fbc-iocn1 {width:21px;background-position: 0 -153px;}
	.footer .fbc-iocn2 {width:21px;background-position: -39px -153px;}
	.footer .fbc-iocn3 {width:21px;background-position: -77px -153px;}
	.footer .fbc-iocn4 {width:65px;background-position: -113px -153px;}
	.footer .fbc-iocn5 {width:67px;height:25px;margin-top:-5px;background-position: -191px -153px;}
	.footer-websites-box  {max-width: 1280px; padding: 20px 10px 0px 10px;margin:0 auto;overflow:hidden; }
	.footer-websites ul {font-size: 12px; color: #666;}
	.footer-websites ul li,.footer-websites ul li a {color:#666;white-space:nowrap; font-size: 12px;}
	.footer-websites ul li a:hover{ color: #316eb6;}
	.footer-websites {margin-top:21px;overflow: hidden;display: none; }
	.footer-websites ul li { margin:0 15px 11px 0;font-size:12px; float: none; display: inline-block;}
	
}

/** foot_top ====================================================================================*/

.phone_bottom{ display: none;}
@media (max-width:1023px) { 
/*底部漂浮*/
.phone_bottom{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99; display: block; border-top: 1px solid #ccc;}
.phone_bottom li{ width:25%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}
.phone_bottom li .ico{ width:100%; float:left; height:30px;}
.phone_bottom li .ico img{ height:36px;}
.phone_bottom li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;}
.phone_bottom li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #d32329; margin-top:-20px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
}



.pag_main{padding-top: 30px; padding-bottom: 10px; line-height: 2;}

.pagecase_nav{height:auto;border-bottom: 1px solid #d9d9d9;}
.pagecase_navleft{float: left;}
.pagecase_navleft a{display: inline-block;text-align: center; padding: 0px 20px; font-size: 16px;color: #555555;line-height: 55px; }
.pagecase_navleft a.on{color: #d01818;font-size: 18px;border-bottom: 3px solid #d6151a;}
.pagecase_navleft a:hover{color: #d01818;}

.pagecase_navleft h1{display: inline-block;text-align: center; padding: 0px 20px; font-size: 16px;color: #d01818;line-height: 55px;  border-bottom: 3px solid #d6151a;}
.pag_info_rtit h2{display: inline-block; width: 100%; background: #fff; text-align: center; padding: 0px 20px; font-size: 16px; margin-bottom: 15px; color: #d01818;line-height: 55px;  border-bottom: 3px solid #d6151a;}

.pagecase_right{float: right;color: #999999; padding: 20px 0px 0 0;}
.pagecase_right a{color: #999999;font-size: 13px;}


@media (max-width:1023px) { 
	
	.pagecase_navleft h1{display: inline-block;text-align: center; padding: 0px 20px; font-size: 16px; font-weight: bold; color: #d01818;line-height: 45px;  border-bottom: 3px solid #d6151a;}
	.pag_info_rtit h2{display: inline-block;text-align: center; padding: 0px 20px; font-size: 16px; margin-top: 20px; font-weight: bold; color: #d01818;line-height: 45px;  border-bottom: 3px solid #d6151a;}
	
.pag_main{padding-top: 10px; padding-bottom: 10px; }
	
	
.pagecase_nav{height:auto;border-bottom: 1px solid #d9d9d9;}
.pagecase_navleft{float: left; text-align: center; width: 100%;}
.pagecase_navleft a{display: inline-block;text-align: center; padding: 0px 10px; font-size: 14px;color: #555555;line-height: 45px; }
.pagecase_navleft a.on{color: #d01818;font-size: 14px;border-bottom: 3px solid #d6151a;}
.pagecase_navleft a:hover{color: #d01818;}

.pagecase_right{ display: none;}

}
/** pag_main ====================================================================================*/


.page_about{max-width: 1300px;margin: 0 auto;}
.pageabout_cont{max-width: 1010px;margin: 0 auto;}
.pageabout_tit{text-align: center;font-size: 34px;color: #d91519;margin: 45px 0 33px;}
.page_deta{color: #666666;line-height: 25px;text-align: left;}
.about_cont_list{overflow: hidden;margin: 40px 0 85px;}
.about_cont_list li{width: 33.3333%;float: left;text-align: center;}
.about_cont_list li span{font-family: Impact;font-size: 80px;color: #d91519;}
.about_cont_list li p{font-size: 15px;color: #666666;margin-top: 15px;}

.page_video{max-width: 1300px;height: 550px;position: relative;}
.page_video_img{height: 100%;}
.page_video_rela{position: absolute;top: 0;right: 0px;width: 50%;height: 560px;}
.corp_box{width: 50%;height: 275px;overflow: hidden;float: left;}
.bg_blue{background: #32c6c1;}
.bg_yellow{background: #ffc109;}
.corp_cul div{width: 100%;height: 170px;padding: 55px 32px;}
.corp_cul span{font-size: 22px;font-weight: bold;color: #fff;display: block;}
.corp_cul em{font-size: 20px;font-style: normal;color: #d0efee;}
.corp_cul p{color: #fff;line-height: 22px;margin-top: 20px;}
.corp_pic img{width: 100%;height: 275px;}


.about_intro{height: 563px; background-image:url(../images/bg_3.jpg);background-repeat:no-repeat; background-position:center center; }
.intro_wrap{padding: 140px  0 0 5%;width: 60%;}
.intro_tit{font-size: 36px;color: #222222;margin-left: 70px;}
.intro_tit em{font-size: 26px;color: #333333;font-style: normal;display: block;margin: 10px 0;}
.intro_cont{position: relative;}
.intro_cont i{display: inline-block;background: url(../images/iconwrap.png) no-repeat;}
.intro_cont i.left_comma{width: 70px;height: 90px;float: left;background-position: -289px -136px;}
.intro_cont i.right_comma{width: 27px;height: 21px;position: relative;bottom: -40px;left: 10px;background-position: -377px -160px;}
.intro_deta{color: #666666;line-height: 25px;position: relative;top: 15px;}
.read_more a{display: block;width: 258px;height: 48px;line-height: 48px;text-align: center;border: 1px solid #316eb6;border-radius:5px;font-size: 18px;color: #316eb6;margin: 48px 0 0 70px;}
.read_more a:hover{-webkit-animation-name:rubberBand;animation-name:rubberBand;}


@media (max-width:1023px) { 
	
.page_about{max-width: 1300px;margin: 0 auto;}
.pageabout_cont{max-width: 1010px;margin: 0 auto;}
.pageabout_tit{text-align: center;font-size: 24px;color: #d91519;margin: 15px 0 13px;}
.page_deta{color: #666666;line-height: 25px;text-align: left; font-size: 12px;}
.about_cont_list{overflow: hidden;margin: 20px 0 35px;}
.about_cont_list li{width: 33.3333%;float: left;text-align: center;}
.about_cont_list li span{font-family: Impact;font-size: 30px;color: #d91519;}
.about_cont_list li p{font-size: 12px;color: #666666;margin-top: 15px;}

.page_video{max-width: 1300px;height:auto;position: relative;}
.page_video_img{height:auto;}
.page_video_rela{position:relative;top: 0;right: 0px;width: 100%;height: auto;}
.corp_box{width: 100%;height: auto;overflow: hidden;float: left;}
.bg_blue{background: #32c6c1;}
.bg_yellow{background: #ffc109;}
.corp_cul div{width: 100%;height:auto;padding: 15px 10px;}
.corp_cul span{font-size: 22px;font-weight: bold;color: #fff;display: block;}
.corp_cul em{font-size: 20px;font-style: normal;color: #d0efee;}
.corp_cul p{color: #fff;line-height: 22px;margin-top: 20px;}
.corp_pic img{width: 100%;height: auto;}


.about_intro{height:auto; background-image:url(../images/bg_3.jpg);background-repeat:no-repeat; background-position:center center; }
.intro_wrap{padding: 30px  0 0 0%;width: 100%;}
.intro_tit{font-size: 36px;color: #222222;margin-left: 10px;}
.intro_tit em{font-size: 26px;color: #333333;font-style: normal;display: block;margin: 10px 0;}
.intro_cont{position: relative;}
.intro_cont i{display: inline-block;background: url(../images/iconwrap.png) no-repeat;}
.intro_cont i.left_comma{width: 70px;height: 90px;float: left;background-position: -289px -136px;}
.intro_cont i.right_comma{width: 27px;height: 21px;position: relative;bottom: -40px;left: 10px;background-position: -377px -160px;}
.intro_deta{color: #666666;line-height: 25px;position: relative;top: 15px;}
.read_more a{display: block;width: 258px;height: 48px;line-height: 48px;text-align: center;border: 1px solid #316eb6;border-radius:5px;font-size: 18px;color: #316eb6;margin: 48px auto 0 auto;}
.read_more a:hover{-webkit-animation-name:rubberBand;animation-name:rubberBand;}
	
}
/** page_about ====================================================================================*/


.news_main{position: relative;  padding: 30px 30px 30px;}
.news_mainl{ width: 68%; float: left;}
.news_mainr{ width: 30%; float: right; border: 1px solid #dcdcdc; padding: 30px;}

.news_mainl ul{}
.news_mainl ul li{}
.news_mainl ul li a{ display: block; position: relative; border: 1px solid #dcdcdc; padding: 30px 50px; margin-bottom:50px;}

.news_mainl ul li a .time{ position: absolute; top: -30px; left: -30px; padding: 5px 5px; background: #dddddd;}
.news_mainl ul li a .time .d1{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";  display: block; text-align: center; font-size: 36px; line-height: 36px;  }
.news_mainl ul li a .time .d2{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }
.news_mainl ul li a .time .d3{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }

.news_mainl ul li a .news_mainl1{ font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px; color: #316eb6;}
.news_mainl ul li a .news_mainl2{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden;}
.news_mainl ul li a .news_mainl3{ padding-top: 20px; color: #666; font-size: 16px;}

.news_mainl ul li a:hover{ border: 1px solid #316eb6;}
.news_mainl ul li a:hover .news_mainl3{ padding-top: 20px; color: #316eb6; font-size: 16px;}


.news_mainr_tit{ border-bottom: 1px solid #dcdcdc; height: 45px; line-height: 43px;}
.news_mainr_tit h4{ float: left; font-size: 20px; border-bottom: 2px solid #316eb6; }
.news_mainr_tit span{ float: right;}

.news_mainr ul{}
.news_mainr ul li{}
.news_mainr ul li a{ display: block; padding: 20px 0px;border-bottom: 1px solid #dcdcdc; }
.news_mainr ul li a .news_mainr1{font-size:16px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 10px; color: #316eb6;}
.news_mainr ul li a .news_mainr2{}
.news_mainr ul li a:hover .news_mainr1{font-size:16px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 10px; color: #000000;}


@media (max-width:1023px){
	
.news_main{position: relative;  padding: 30px 10px 20px;}
.news_mainl{ width: 100%; float: left;}
.news_mainr{ width: 30%; float: right; border: 1px solid #dcdcdc; padding: 30px; display: none;}

.news_mainl ul{}
.news_mainl ul li{}
.news_mainl ul li a{ display: block; position: relative; border: 1px solid #dcdcdc; padding: 10px 10px 10px 10px; margin-bottom:10px;}

.news_mainl ul li a .time{ position: absolute; top: -30px; left: -10px; padding: 5px 5px; background: #dddddd; display: none;}
.news_mainl ul li a .time .d1{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";  display: block; text-align: center; font-size: 20px; line-height: 20px;  }
.news_mainl ul li a .time .d2{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }
.news_mainl ul li a .time .d3{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }

.news_mainl ul li a .news_mainl1{ font-size: 16px; line-height: 22px; height:auto; overflow: hidden; margin-bottom: 10px; color: #316eb6;}
.news_mainl ul li a .news_mainl2{ font-size: 12px; line-height: 22px; height:auto; max-height: 66px; overflow: hidden;}
.news_mainl ul li a .news_mainl3{ padding-top: 10px; color: #666; font-size: 12px;}

.news_mainl ul li a:hover{ border: 1px solid #316eb6;}
.news_mainl ul li a:hover .news_mainl3{ padding-top: 20px; color: #316eb6; font-size: 16px;}


.news_mainr_tit{ border-bottom: 1px solid #dcdcdc; height: 45px; line-height: 43px;}
.news_mainr_tit h4{ float: left; font-size: 20px; border-bottom: 2px solid #316eb6; }
.news_mainr_tit span{ float: right;}

.news_mainr ul{}
.news_mainr ul li{}
.news_mainr ul li a{ display: block; padding: 20px 0px;border-bottom: 1px solid #dcdcdc; }
.news_mainr ul li a .news_mainr1{font-size:16px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 10px; color: #316eb6;}
.news_mainr ul li a .news_mainr2{}
.news_mainr ul li a:hover .news_mainr1{font-size:16px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 10px; color: #000000;}

}

.pag_info{}
.pag_info_rtit{  color: #484848;  position: relative; padding-top: 20px; padding-bottom: 5px;}
.pag_info_rtit h1{font-size: 20px; line-height: 26px; display: block; text-align: center;  font-weight: 400; color: #000;}

.pag_info_rss{ margin: 10px 0px; padding: 15px 0px; color: #666; text-align: center; font-size: 14px; border-bottom: 2px solid #cfcfcf;}
.pag_info_rss .s1{ display:inline-block; padding-right: 15px;}

.pag_info_main{ font-size: 15px; padding: 20px 0px; color: #333;}

.fanye{ padding: 20px 0px 0px 0px; margin-top: 20px; border-top: 1px dotted #ccc; position: relative;}
.fanyea { padding-bottom: 10px; color: #666; font-size: 14px; }
.fanyea a {color: #666; }
.fanyea a:hover { color: #d01818; }
.fanyefh{ position: absolute; right: 0px; top: 30px;}
.fanyefh a{color: #fff; background: #d01818; padding: 6px 50px; display: inline-block; margin:0px 0px 0px 0px; border-radius:2px;}
.fanyefh a:hover{background: #eee; color: #555; padding: 6px 60px;}

@media (max-width:1023px){
.pag_info{}
.pag_info_rtit{  color: #484848;  position: relative; padding-top: 0px; padding-bottom: 5px;}
.pag_info_rtit h1{font-size: 16px; line-height: 24px; display: block; text-align: center;  font-weight: 400; color: #000;}

.pag_info_rss{ margin: 5px 0px; padding: 1px 0px 5px 0px; color: #666; text-align: center; font-size: 12px; border-bottom: 2px solid #cfcfcf;}
.pag_info_rss .s1{ display:inline-block; padding-right: 15px;}

.pag_info_main{ font-size: 14px; line-height: 2; padding: 10px 0px; color: #333;}

.fanye{ padding: 10px 0px 0px 0px; margin-top: 5px; border-top: 1px dotted #ccc; position: relative;}
.fanyea { padding-bottom: 2px; color: #666; font-size: 14px; }
.fanyea a {color: #666; }
.fanyea a:hover { color: #d01818; }
.fanyefh{ position:relative; right: 0%; top: 0px;}
.fanyefh a{color: #fff; background: #d01818; padding: 2px 30px; width: 100%; text-align: center; display: inline-block; margin:0px 0px 0px 0px; border-radius:2px;}
.fanyefh a:hover{background: #eee; color: #555; padding: 2px 30px;}
}
/** pag_info ====================================================================================*/






.pag_case{ padding: 0px 0px 0px 0px; margin-left: -20px; margin-right: -20px;}
.pag_case .index_xmm{display: block; padding:20px; position: relative; overflow: hidden; background: #fff; width: 33.3333%; margin: 0px 0% 0px 0%; float: left; }
.pag_case .index_xmm_zt{display: block; padding:20px; position: relative; overflow: hidden; background: #fff; width: 32.333%; margin: 0px 0% 15px 0%; float: left; }
.pag_case .index_xmm .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; }
.pag_case .index_xmm .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.pag_case .index_xmm: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);}

.pag_case .index_xmm .text{  text-align: left; padding:10px 0px 0px 0px; position: relative;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.pag_case .index_xmm .text .txt1{ font-size: 24px; color: #333;  padding-bottom: 0px; line-height: 50px; height: 50px; overflow: hidden; position: relative;}
 
.pag_case .index_xmm .text .txt2{color: #565656; margin-top: 0px; line-height: 25px; height: 50px; font-size: 14px;overflow: hidden;}




@media (max-width:1023px){
	.rnone{display: none;}
	.pag_case{ padding: 0px 0px 0px 0px; margin-left: -5px; margin-right: -5px;}
.pag_case .index_xmm{display: block; padding:5px; position: relative; overflow: hidden; background: #fff; width: 49%; margin: 0px 0.5%; float: left; }
.pag_case .index_xmm .imgzoom{padding-bottom:75%; width: 100%; position: relative; overflow: hidden; }
.pag_case .index_xmm .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.pag_case .index_xmm: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);}

.pag_case .index_xmm .text{ text-align: center; padding:10px 0.2rem 10px 0.2rem; position: relative;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.pag_case .index_xmm .text .txt1{ font-size: 18px; color: #333; font-weight: bold; padding-bottom: 5px; line-height: 30px; height: 30px; overflow: hidden; position: relative;}
.pag_case .index_xmm .text .txt1:after {content: " ";display: block;clear: both; position: absolute; bottom: 0px; left: 35%; width: 30%; line-height: 0;height: 2px; background: #316eb6;}

.pag_case .index_xmm .text .txt2{color: #000; margin-top: 5px; line-height: 20px; height: 40px; font-size: 0.4rem;overflow: hidden;}
.pag_case .index_xmm .text .txt2 span{background: #316eb6;color: #fff;font-size: 0.4rem;padding: 2px 3px; margin-right: 5px;}
.pag_case .index_xmm .text .txt2 em{font-style: normal;color: #316eb6;font-size: 0.48rem;font-weight: bold;}

.pag_case .index_xmm .text .txt3{ text-align: center; padding-top: 5px;}
.pag_case .index_xmm .text .txt3 a{display: inline-block;width: 48%;height: 0.9rem;line-height: 0.8rem;font-size: 0.4rem;text-align: center; color: #999999;border: 1px solid #999999;margin: 5px 1%;}
.pag_case .index_xmm .text .txt3 a:hover{background: #316eb6;border:1px solid #316eb6;color: #fff;}


}








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

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

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


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


.index-title-box h2 {font-size: 36px;color: #000;line-height: 1.5;font-weight: bold;margin-bottom: 2px;}
.index-title-box .title { font-weight: bold;font-size: 22px;line-height: 1.5;margin-bottom: 18px;}
.about_info{ margin-top: 35px; margin-bottom: 35px; font-size: 16px; line-height: 2; color: #333; position: relative; overflow: hidden;}  



.pro_main{position: relative;  padding: 0px 0px 0px;}
.pro_mainl{ width: 63%; float: left;}
.pro_mainr{ width: 35%; float: right;   padding: 0px 0px 0px 20px; position: sticky; top: 100px;}

.pro_mainl h1{font-size: 30px; line-height: 40px; font-weight: bold;}
.pro_mainl .pro_sm{ margin: 10px 0px; color: #c4c4c4;}
.pro_mainl .pro_img{ width:100%; overflow: hidden;}
.pro_mainl .pro_img img{width: 100%; margin-bottom: 10px;}

.pro_cx{ margin-top: 20px; border-bottom: 4px solid #303c4a; padding-bottom: 20px;}
.pro_cx .tit{ font-size: 24px; font-weight: 600;color:#316eb6;}
.pro_cx dd{margin-top: 15px; font-size: 16px; line-height: 1.5;}
.pro_cx .name{ float: left; width: 100px; font-weight: 600; padding-top: 1px;}
.pro_cx .desc{ margin-left: 100px; color: #303c4a;}
.pro_cx .desc span{color:#316eb6; display: block; font-size: 24px; font-weight: 600; line-height: 1;}



.pro_cx_qgbox{ background: #fff;  padding:20px 0px;}
.pro_cx_qg_tit{ text-align: center; font-size: 30px; margin-bottom: 9px; color: #000;}

.pro_cx_qgm_box{ width: 50%; float: left; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; border: 5px solid #e3e3e3; display: block; background: #fff; padding: 0px; position: relative;}
.pro_cx_qgm_box .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden; }
.pro_cx_qgm_box .imgzoom img{width: 100%; height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.pro_cx_qgm_box: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);}
.pro_cx_qgm_box:hover {box-shadow:1px 1px 15px rgba(0,0,0,0.15);  }
.pro_cx_qgm_box .index_sermmor{ color: #FFFFFF; background: rgba(0,0,0,0.55); margin: 0px auto 0px auto; padding: 5px 0px; width: 100%; text-align: center; border: 1px solid #e3e3e3;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; position: absolute; left: 0px; top: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.pro_cx_qgm_box .index_sermmor h2{font-size: 18px; font-weight: bold;  display: block;}
.pro_cx_qgm_box .index_sermmor span{font-size: 14px;  display: block;}
.pro_cx_qgm_box:hover .index_sermmor{ color: #fff; background:rgba(6,72,150,0.75);;}

.pro_cx_qgm_box a{color: #fff;}


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

	.index-title-box h2 {font-size: 26px;color: #000;line-height: 1.5;font-weight: bold;margin-bottom: 2px;}
	.index-title-box .title { font-weight: bold;font-size: 22px;line-height: 1.5;margin-bottom: 8px;}
	.about_info{ margin-top: 15px; margin-bottom:0px; font-size: 14px; line-height: 1.75; color: #333; position: relative; overflow: hidden;}  
	
	.content_i{}
	.content_i strong{display: block; font-size: 20px; margin-top: 10px;}
	.content_i span{display: block;}


	.pro_main{position: relative;  padding: 0px 0px 0px;}
	.pro_mainl{ width: 100%; float: left;}
	.pro_mainr{ width: 100%; float: right;   padding: 0px 0px 0px 0px; position: sticky; top: 100px;}
	
	.pro_mainl h1{font-size: 22px; line-height: 1.5; font-weight: bold;}
	.pro_mainl .pro_sm{ margin: 10px 0px; color: #c4c4c4; font-size: 12px;}
	.pro_mainl .pro_img{ width:100%; overflow: hidden;}
	.pro_mainl .pro_img img{width: 100%; margin-bottom: 10px;}
	
	.pro_cx{ margin-top: 0px; border-bottom: 4px solid #303c4a; padding-bottom: 10px; margin-bottom: 10px;}
	.pro_cx .tit{ font-size: 24px; font-weight: 600;color:#316eb6;}
	.pro_cx dd{margin-top: 5px; font-size: 14px; line-height: 1.5;}
	.pro_cx .name{ float: none; width: 100%; font-weight: 600; font-size: 18px; margin-bottom: 5px;}
	.pro_cx .desc{ margin-left: 0px; color: #303c4a;}
	.pro_cx .desc span{color:#316eb6; display: block; font-size: 24px; font-weight: 600; line-height: 1;}
	
	
	
	.pro_cx_qgbox{ background: #fff;  padding:20px 0px 0px 0px;}
	.pro_cx_qg_tit{ text-align: center; font-size: 30px; margin-bottom: 9px; color: #000;}
	
	.pro_cx_qgm_box{ width: 50%; float: left; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; border: 5px solid #e3e3e3; display: block; background: #fff; padding: 0px; position: relative;}
	.pro_cx_qgm_box .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden; }
	.pro_cx_qgm_box .imgzoom img{width: 100%; height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
	.pro_cx_qgm_box: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);}
	.pro_cx_qgm_box:hover {box-shadow:1px 1px 15px rgba(0,0,0,0.15);  }
	.pro_cx_qgm_box .index_sermmor{ color: #FFFFFF; background: rgba(0,0,0,0.55); margin: 0px auto 0px auto; padding: 5px 0px; width: 100%; text-align: center; border: 1px solid #e3e3e3;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; position: absolute; left: 0px; top: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
	.pro_cx_qgm_box .index_sermmor h2{font-size: 18px; font-weight: bold;  display: block;}
	.pro_cx_qgm_box .index_sermmor span{font-size: 14px;  display: block;}
	.pro_cx_qgm_box:hover .index_sermmor{ color: #fff; background:rgba(6,72,150,0.75);;}
	
	.pro_cx_qgm_box a{color: #fff;}
}
















.news-wrapper .list ul {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	flex-flow: wrap;
  }
  .news-wrapper li {
	width: 49%;
	margin-right: 1%;
	margin-top: 20px; margin-bottom: 10px;
	background-color: #fff;
	transition: box-shadow 0.3s ease;
	-webkit-transition: box-shadow 0.3s ease;
	-moz-transition: box-shadow 0.3s ease;
	-ms-transition: box-shadow 0.3s ease;
	-o-transition: box-shadow 0.3s ease;
  }
  .news-wrapper li:hover {
	box-shadow: 0px 23px 54px 0px rgba(59, 68, 116, 0.17);
  }
  .news-wrapper .lix {
	box-shadow: 0px 1px 1px 0px rgba(59, 68, 116, 0.17);
  }
  .news-wrapper .lix:hover {
	box-shadow: 0px 23px 54px 0px rgba(0, 111, 266, 0.17);
  }
  .news-wrapper .lix a{color: #333;}
  .news-wrapper .lix a:hover .name{color:#006fe2;}
  
  
.news-wrapper li:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
  }
  .news-wrapper .info {
	padding: 16px;
  }
  .news-wrapper .name {
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
  }
  .news-wrapper .ms {
	font-size: 14px;
	font-weight: 400;
	line-height:25px;
	height: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
  }
  
  
  .news-wrapper .other {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	line-height: 24px;
	margin-top:10px;
  }
  .news-wrapper .date {
	font-size: 12px;
	color: #cacbcd;
	line-height: 24px;
	font-family: "bold";
  }
  .newsinfo-wrapper .box-container {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  }
  


.xnews{font-size: 16px; line-height: 1.75;  color: #303c4a; position: relative; overflow: hidden;}
.xnews a{ color: #316eb6;}
.xnews h2{ color: #316eb6; font-size: 23px; margin-bottom: 10px; font-weight: bold;}


.zt_box{ background-color: #f2f2f2; padding: 30px 40px; font-size: 16px; line-height: 1.75; color: #333; margin-bottom: 30px;}

.pcmore{display: none;}




@media screen and (max-width: 1023px){
	.zt_box{ background-color: #f2f2f2; padding: 10px 20px 20px 20px; font-size: 14px; line-height: 1.75; color: #333; margin-bottom: 30px;}
	.zt_box h1{ font-weight: bold;}


.pcmore{display: block; text-align: center;}
.pcmore a{ background-color: #316eb6; color: #fff; width: 100%; display: block; line-height: 35px;}

	
.news-wrapper .list ul {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	flex-flow: wrap;
  }
  .news-wrapper li {
	width: 100%;
	margin-right: 0%;
	margin-top: 20px; margin-bottom: 10px;
	background-color: #fff;
	transition: box-shadow 0.3s ease;
	-webkit-transition: box-shadow 0.3s ease;
	-moz-transition: box-shadow 0.3s ease;
	-ms-transition: box-shadow 0.3s ease;
	-o-transition: box-shadow 0.3s ease;
  }
  .news-wrapper li:hover {
	box-shadow: 0px 23px 54px 0px rgba(59, 68, 116, 0.17);
  }
  .news-wrapper .lix {
	box-shadow: 0px 1px 1px 0px rgba(59, 68, 116, 0.17);
  }
  .news-wrapper .lix:hover {
	box-shadow: 0px 23px 54px 0px rgba(0, 111, 266, 0.17);
  }
  .news-wrapper .lix a{color: #333;}
  .news-wrapper .lix a:hover .name{color:#006fe2;}
  
  
.news-wrapper li:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
  }
  .news-wrapper .info {
	padding: 5px 0px;
  }
  .news-wrapper .name {
	font-size: 16px;
	font-weight: 700;
	line-height: 25px;
	height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
  }
  .news-wrapper .ms {
	font-size: 14px;
	font-weight: 400;
	line-height:25px;
	height: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
  }
  
  
  .news-wrapper .other {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	line-height: 24px;
	margin-top:10px;
  }
  .news-wrapper .date {
	font-size: 12px;
	color: #cacbcd;
	line-height: 24px;
	font-family: "bold";
  }
  .newsinfo-wrapper .box-container {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  }
  


.xnews{font-size: 15px; line-height: 1.75;  color: #303c4a; position: relative; overflow: hidden;}
.xnews a{ color: #316eb6;}
.xnews h2{font-size: 18px; font-weight: bold;}
}



.elementor-widget-container{font-size: 12px; line-height: 1.3;}
.elementor-widget-container th{padding: 5px 5px;}
.elementor-widget-container td{padding: 5px 5px;}

.elementor-widget-container .zuchejiage{ text-align: center; padding-bottom: 20px;}
@media (max-width:1023px){
	.elementor-widget-container .zuchejiage{font-size: 14px;}
}



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

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

.footer-fix{display: block;display: none; z-index: 999;box-shadow:0 0 15px rgba(0,0,0,0.15);}
@media (max-width:1023px){
	.footer-fix{display: block;position: fixed; bottom: 0px;left: 0px; width: 100%;background-color:rgba(255,255,255,0.95);}
	.footer-fix li {float: left;width: 50%;}
	.footer-fix li a {display: block;text-align: center; color: #fff; padding: 9px 0px;font-size: 0.52rem;line-height: 20px;}
	.footer-fix li a i{display:inline-block;height: 25px; width: 25px; margin-right: 5px; background: no-repeat center;background-size: cover;  vertical-align:middle;}
	.footer-fix li i.i1{background-image:url("../images/f_01.png")}
	.footer-fix li i.i2{background-image:url("../images/f_02.png")}
	.footer-fix li i.i3{background-image:url("../images/f_03.png")}
	.footer-fix li i.i4{background-image:url("../images/f_04.png")}
}
/*footer-fix---------------------------*/


.title-decor { margin-top: 40px;
	position: relative;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;font-size: 40px; font-weight: bold; line-height: 1.2;}
	.title-decor span {
	  color: #316eb6; }
	.title-decor:before {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 45px;
	  height: 4px;
	  background-color: #316eb6; }
  
	  .slogan {
		text-align: center;
		max-width: 990px;
		margin: 0 auto 40px;
		color: #666; }

.col-md-4{width: 33.333%; float: left; padding: 10px 10px;}

		.contact-item {
			background-color: #316eb6;
			display: flex;
			justify-content: space-between;
			align-items: center;
			text-align: center;
			padding: 20px 0px;  
			margin-bottom: 20px; }
		  
		  .contact-item-left {
			width: 40%;
			border-right: 2px solid #fff; }
			.contact-item-left h4 { color: #fff;
			  text-transform: uppercase;
			  margin-top: -8px; }
		  
		  .contact-item-right {
			width: 60%;
			padding: 15px; }
			.contact-item-right li {
			  color: #fff; }
			.contact-item-right a {
			  color: #fff; }
			  .contact-item-right a:hover {
				color: #333; }
		  



				ul.recommend-box1{ margin-top:20px; background-color: #fafafa; width: 100%; padding:30px ;}
				ul.recommend-box1 li {
					padding: 10px 0;width: 33.333%; float: left;
					border-bottom: 1px solid #eee;
				  }
				  ul.recommend-box1 li:last-child {
					border-bottom: none;
				  }
				  
				  ul.recommend-box1 li:hover .name {
					color: #006fe2;
				  }
				  ul.recommend-box1 li a { font-size: 13px;
					display: block; 
				  
				  }
				  
				  
@media (max-width:1023px){
	.title-decor { margin-top: 10px;
		position: relative;
		text-align: center;
		padding-bottom: 10px;
		margin-bottom: 10px;font-size: 26px; font-weight: bold; line-height: 1.2;}
		.title-decor span {
		  color: #316eb6; }
		.title-decor:before {
		  content: '';
		  position: absolute;
		  bottom: 0;
		  left: 50%;
		  transform: translateX(-50%);
		  width: 45px;
		  height: 4px;
		  background-color: #316eb6; }
	  
		  .slogan {
			text-align: center;
			max-width: 990px;
			margin: 0 auto 40px;
			color: #666; }
	
	.col-md-4{width: 100%; float: left; padding: 10px 10px;}
	
			.contact-item {
				background-color: #316eb6;
				display: flex;
				justify-content: space-between;
				align-items: center;
				text-align: center;
				padding: 20px 0px;  
				margin-bottom: 0px; }
			  
			  .contact-item-left {
				width: 40%;
				border-right: 2px solid #fff; }
				.contact-item-left h4 { color: #fff;
				  text-transform: uppercase;
				  margin-top: -8px; }
			  
			  .contact-item-right {
				width: 60%;
				padding: 15px; }
				.contact-item-right li {
				  color: #fff; }
				.contact-item-right a {
				  color: #fff; }
				  .contact-item-right a:hover {
					color: #333; }
			  
	
	
	
					ul.recommend-box1{ margin-top:20px; background-color: #fafafa; width: 100%; padding:30px ;}
					ul.recommend-box1 li {
						padding: 10px 0;width: 33.333%; float: left;
						border-bottom: 1px solid #eee;
					  }
					  ul.recommend-box1 li:last-child {
						border-bottom: none;
					  }
					  
					  ul.recommend-box1 li:hover .name {
						color: #006fe2;
					  }
					  ul.recommend-box1 li a { font-size: 13px;
						display: block; 
					  
					  }
					  
}