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

@media (max-width: 1024px){
body {font-size: 12px; margin: 0 auto;}
}
/** 定义HTML body **/

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

/* == 翻页公用  ====================================================================================*/
.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 20px 0px 0px 0px;}
.pageflip a{color: #0053cc;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px; border: 2px solid #0053cc;border-radius: 5px;margin: 0px 5px;}
.pageflip a:hover,.pageflip a.dq{background: #0053cc;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: 100%; width: 100%; position: relative; padding: 0 30px;}
.max1440{margin: 0px auto; max-width: 1560px; width: 100%; padding: 0 30px;}
.max1200{margin: 0px auto; max-width: 1260px; 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: 1360px; 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 .show {display: block; width: 100%; height:100%; overflow: hidden; position: relative;}
.swiper-ban .show .slide_full{width: 100%; height:100vh;/*^banner高度^*/ overflow: hidden; position: relative; background-repeat:no-repeat; background-position:center center; background-size:cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.swiper-ban .show > img {position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; }
.swiper-ban .show .bg_hei{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: 1;background-color:rgba(0,0,0,0.3);  opacity: 0.5;/*^banner上覆盖色^*/ background-image:url(../images/heibg.png);background-repeat:repeat-x; background-position:center top; background-size:100%;}

/** 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: #1e3d55; width: 20px; }

/** 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 .show .slide_full{width: 100%; height:100vh;/*^banner高度^*/ }
}

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


@media (max-width: 1023px) { 
.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px;}
.banner_box{ width: 100%; position: relative; padding-top: 2.4rem;/*^banner距顶部距离^*/}
.swiper-ban .show .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; filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 20px; color: #fff; font-size: 60px; font-weight: bold;}
.ani-01 span{color: #0080ff;}
.ani-02 { height: auto; margin-bottom: 40px; color: #fff; font-size: 30px; }
.ani-03 { height: auto; margin-bottom: 40px; color: #0080ff; font-size: 40px; font-family: DINEngschriftStd;}
.ani-04 a{display: inline-block;font-size: 30px;color: #fff;border-radius: 3px;margin: 0px 30px;background: rgba(0,0,0,0.5);padding: 10px 30px;transition: all 0.5s ease-out;}
.ani-04 a:hover{background: rgba(0,0,0,1);}

@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; 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: #0080ff; font-size: 20px; font-family: DINEngschriftStd;}
	
.ani-04 a{display: inline-block;font-size: 20px;color: #fff;border-radius: 3px;margin: 0px 10px;background: rgba(0,0,0,0.5);padding: 10px 20px;transition: all 0.5s ease-out;}
.ani-04 a:hover{background: rgba(0,0,0,1);}
}

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



/** == pag_ban ====================================================================================*/
.pag_ban{position: relative;overflow: hidden;height: 500px; margin-top: 0px;transition: all 0.5s ease-out;}
.pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.7); 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:center; position: relative; width: 100%;  margin: 0px auto; filter:shadow(Color=#000,Direction=10,Strength=10);
	top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.pag_ban_tit .tf30{ font-size: 45px; padding-bottom: 10px; font-weight: bold; }
.pag_ban_tit .tf16{ font-size: 25px; padding-bottom: 10px; line-height: 30px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";text-transform: uppercase;}
.pag_ban_tit .tf14{ font-size: 14px; line-height: 30px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";text-transform: uppercase;}
.pag_ban_tit .tf20{font-size:32px; padding-bottom: 10px; font-weight: bold; }
.pag_ban_tit .tf14 span{padding: 0px 10px; color: #ccc;}
.pag_ban_tit .tf13{font-size: 12px; line-height: 30px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";text-transform: uppercase;}

.crumbs{color: #c1c1c1;}
.crumbs a{ color: #c1c1c1;}
.crumbs a:hover{ color: #0080ff;}

@media (max-width:1366px){
.pag_ban{height: 500px; overflow: hidden;}
.pag_ban_tit{padding: 0px 10px 0px 10px;}
.pag_ban_tit .tf20{font-size:30px; padding-bottom: 10px; font-weight: bold; }
.pag_ban_tit .tf14 span{padding: 0px 5px; color: #ccc; font-size: 12px;}
}

@media (max-width:1023px){
.pag_ban{height: 150px; margin-top: 2.4rem;}
.pag_ban_tit .tf30{ font-size:18px; font-weight:600; padding-bottom: 0px; }
.pag_ban_tit .tf20{font-size:18px; padding-bottom: 10px; font-weight: bold; }
.pag_ban_tit .tf16{ font-size: 12px; line-height: 20px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
	
.crumbs{color: #c1c1c1; font-size: 12px;}
.crumbs a{ color: #c1c1c1; font-size: 12px;}
.crumbs a:hover{ color: #0080ff;}
}
/** == pag_ban ====================================================================================*/




/** pc_header header ========================================================================================================================*/
.pc_header{width: 100%; height: 96px; position:absolute; top: 0px; left: 0px; z-index: 9999; background:rgba(0,0,0,0); padding: 0px 0px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.0);transition: all 0.5s ease-out;border-bottom: 1px solid rgba(255,255,255,0.1);}
.pc_header.top_fixedY{ position: absolute;-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%; max-width:1600px; width: 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; width: 320px;}
.pc_logo a img{ max-width:auto; height:auto;}

.pc_header .pc_logo_h{float: left; opacity: 1; height: 100%; display: -webkit-flex; /* Safari */display: none; -webkit-align-items: center; /* Safari 6.1+ */ align-items: center;}
.pc_header .pc_logo_h a{float: left; display: block; width: 320px;}
.pc_header .pc_logo_h a img{ max-width:auto; height:auto;}

.pc_tell{border-left: 1px solid rgba(255,255,255,0.1); width: 220px; float: right;height: 100%;color: #fff;font-size: 14px; padding-top: 25px; text-align: right;  position: relative;}
.pc_tell span{color: #fff;font-size: 24px; display: block; padding-top: 4px; font-family:'DINPro-Bold';font-weight: bold; }


/** pc_nav 通用导航 ====================================================================================*/
.pc_nav {width:auto; text-align: center; float: right; padding-right: 20px;}
.pc_nav ul{ display: block; font-size: 0px;}
.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: none; width:auto; display:inline-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 20px 0px 20px; font-size: 16px; font-weight:500; line-height: 96px; text-align: center; display: block; position: relative; }

.pc_nav > ul > li.nav-one > a:before{content: " "; position: absolute; left: 50%; bottom: 0px; display: block; height: 2px; width: 0%; border-bottom: 3px solid #0080ff;transition: all 0.5s ease-out; transform: translateX(-50%);overflow: hidden;}

.pc_nav > ul > li.nav-one:hover > a {color: #fff; }
.pc_nav > ul > li.nav-one > a.on{color: #fff;}

.pc_nav > ul > li.nav-one:hover > a:before{width: 100%;}
/*一级菜单*/


@media (max-width:1440px){
.pc_nav > ul > li.nav-one > a {color: #fff; padding: 0px 10px 0px 10px; font-size: 16px; line-height: 96px; text-align: center; display: block; }
}
@media (max-width:1200px){
.pc_tell{display: none;}

}
/** pc_nav ====================================================================================*/

.pc_header:hover{ background:rgba(255,255,255,0.99);}
.pc_header:hover .pc_nav > ul > li.nav-one > a {color: #000;}
.pc_header:hover .pc_logo{display:none;}
.pc_header:hover .pc_logo_h{ display:flex;}

.pc_header:hover .pc_tell{border-left: 1px solid rgba(0,0,0,0.1);color: #000;}
.pc_header:hover .pc_tell span{color: #000;}




/** m_nav 移动端菜单 ====================================================================================*/
.m_header{width: 100%;height:2.4rem; background-color: #fff; position: fixed; top: 0px; left:0px; right: 0px; z-index: 9999; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);transition: all 0.5s ease-out; opacity: 0.95;}
.m_header .header-section{width:100%; height: 100%; overflow: hidden; }
.m_header .header-section .mob_logo{height:100%; padding:0.4rem 0.5rem; 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:2px;background-color:#000;position:relative;border-radius:2px}
.m_header .header-section .nav-icon i:nth-of-type(1) span{top:20%}
.m_header .header-section .nav-icon i:nth-of-type(2) span{top:45%;width:60%}
.m_header .header-section .nav-icon i:nth-of-type(3) span{top:75%}

.mo_fixed{ background-color: #004981;}/*移动悬浮追加*/
/*移动导航logo按钮*/



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

.m_header .m-navbar.open{right: 0px;}
.m-navbar .nav-closed{ height:2.4rem; position: relative;}
.m-navbar .nav-closed .m-navbar_logo{height:100%; padding:0.4rem 0.5rem; 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 移动端菜单 ====================================================================================*/



.header-nav-btn{transition: 0.5s;}
.header-nav{position:fixed;right: 0;top: 0;}
.header-nav:hover > .header-nav-list{transform: translateX(0); opacity: 1}
.header-nav > span{display: inline-block;margin: 0px 30px 0 0;padding-right: 56px;height: 90px;line-height: 90px;font-size: 24px;color: #fff;background: url(../images/icon/icon-list.jpg) no-repeat right center;cursor: pointer;}

.header-nav-list{position: absolute;height: 100vh;right: 0;top: 0;width: 350px;transition: 0.5s;transform: translateX(350px); opacity: 0}
.header-nav-list-show{display: block;}
.header-nav-list-cover{position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 100%;background: #000;filter:alpha(opacity=60);  -moz-opacity:0.6;  -khtml-opacity: 0.6;  opacity: 0.6; }
.header-nav-list > a,
.header-nav-list > span {position: relative;z-index: 1;display: block;margin: 0 10px;height: 70px;line-height: 70px;color: #fff;font-size: 18px;text-align: center;white-space: nowrap;border-bottom: 1px solid #515151;transition: 0.3s;}
.header-nav-list > a:hover{background: #fff;color: #000;}
.header-nav-list > a i,
.header-nav-list > span i{display: inline-block;margin-right: 10px;}
.header-nav-list > span{font-size: 26px;}
.header-nav-list > span > img {position: absolute;right: 50px;top: 23px;}
.header-nav-list > p{position: relative;overflow: hidden;margin: 0 0 0 40px;z-index: 1;height: 140px;background: url(../images/icon/icon-telphone-small.png) no-repeat left center;}
.header-nav-list > p > span{display: block;color: #fff;margin-left: 70px;font-size: 28px;margin-top: 6px;}
.header-nav-list > p > span:first-child{font-size: 16px;margin-top: 38px;}
@media (max-width:1023px){
.header-nav{display: none;}
}
/** 导航 ====================================================================================*/

.index_title{text-align: center;}
.index_title .h3{color: #333;font-size: 36px;margin-bottom: 10px; font-weight: 600; }
.index_title .h3 span{color: #0080ff;}
.index_title .h3 p{color: #f98d0b; display: inline-block;}

.index_title .p1{color: #999;font-size: 14px; margin-bottom: 20px;}
.index_title .p2{color: #0080ff;margin-bottom: 10px;width: 80%; position: relative; margin: 0px auto;}

.index_title i{ display: inline-block; opacity: 0.3;}
.index_title .i1{ width: 45px; height: 15px; margin-right: 15px; vertical-align:middle;  background-image:url(../images/l-1.png);background-repeat:no-repeat; background-position:center center; background-size:cover;}
.index_title .i2{ width: 45px; height: 15px; margin-left: 15px; vertical-align:middle;  background-image:url(../images/r-1.png);background-repeat:no-repeat; background-position:center center; background-size:cover;}


.index_title a{color: #999;}
@media (max-width:1023px){
.index_title{text-align: center;}
.index_title .h3{color: #000;font-size: 20px;margin-bottom: 5px;}
.index_title .p2{color: #0080ff;font-size: 14px;font-weight: bold;margin-bottom: 5px;text-transform: uppercase;}
.index_title .p1{color: #999;font-size: 12px;line-height: 22px; margin-bottom: 5px;}
}



.index_tit{ display: table; margin: 0px auto; text-align: center;}
.index_tit .en{color:#98a5b2; font-size: 60px;line-height: 50px; font-weight: bold;  text-transform: uppercase; opacity: 0.3;z-index: 1;}
.index_tit .h3{ font-size: 46px; color: #000; font-weight: bold; margin-top: -30px; z-index: 2; position: relative;}
.index_tit .h3 p{ padding: 0px 20px; display: inline-block;}
.index_tit span{ color: #666; font-size: 16px; display: block; padding-top: 10px;}

@media (max-width: 768px) {
.index_tit{ display: table; margin: 0px auto; text-align: center;}
.index_tit .en{color:#98a5b2; font-size: 24px;line-height: 1; font-weight: bold;  text-transform: uppercase;}
.index_tit .h3{ font-size:30px; color: #212121; font-weight: bold; margin-top: -20px;}
.index_tit .h3 p{ padding: 0px 20px; display: inline-block;}
.index_tit span{ color: #666; font-size:13px; display: block; padding-top: 10px;}
}

/** 首页标题 ====================================================================================*/


ul.shuzi{display: flex;margin-left: -18px;margin-right: -18px;margin-top: 50px;}
ul.shuzi li{width: 25%;float: left;display: block;padding: 0px 18px;}
ul.shuzi li .item{padding: 30px 25px;text-align: center; color: #5491d5;background-color: #f3f3f3;}
ul.shuzi li:nth-child(2) .item{color: #74a878;}
ul.shuzi li:nth-child(3) .item{color: #ed7373;}
ul.shuzi li:nth-child(4) .item{color: #e2a719;}
ul.shuzi li:nth-child(2) .item .p2{border: 3px solid #74a878;}
ul.shuzi li:nth-child(3) .item .p2{border: 3px solid #ed7373;}
ul.shuzi li:nth-child(4) .item .p2{border: 3px solid #e2a719;}
ul.shuzi li .item .p1{font-size: 26px;font-weight: bold;color: #333;line-height: 28px;height: 28px;overflow: hidden;}
ul.shuzi li .item .xian{border-bottom: 2px solid #666;width: 48px;margin: 10px auto 0px auto;}
ul.shuzi li .item .p2{border: 3px solid #5491d5;width: 160px;height: 160px;border-radius: 50%;margin: 30px auto 0px auto;position: relative;}
ul.shuzi li .item .p2 span{font-size: 48px;font-weight: bold; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";top: 30%; -webkit-transform:translateY(-50%); transform:translateY(-50%);position: absolute;display: inline-block;left: 50%;-webkit-transform:translateX(-50%); transform:translateX(-50%);}
ul.shuzi li:nth-child(2) .item .p2 span{font-size: 44px;}
ul.shuzi li .item .p2 b{font-size: 20px; position: absolute;font-weight: normal;top: 50%;right: 15px;}
ul.shuzi li .item .p3{margin: 15px 0px;font-size: 16px;line-height: 24px;height: 48px;overflow: hidden;color: #999;}
@media (max-width:1023px){
.index1{padding-top: 30px;padding-bottom: 30px;}
ul.shuzi{display: block;margin-left: -10px;margin-right: -10px;margin-top: 20px;}	
ul.shuzi li{width: 50%;float: left;display: block;padding: 0px 10px;margin-bottom: 20px;}
ul.shuzi li .item{padding: 15px 15px;text-align: center; color: #5491d5;background-color: #f3f3f3;}
ul.shuzi li:nth-child(2) .item{color: #74a878;}
ul.shuzi li:nth-child(3) .item{color: #ed7373;}
ul.shuzi li:nth-child(4) .item{color: #e2a719;}
ul.shuzi li:nth-child(2) .item .p2{border: 3px solid #74a878;}
ul.shuzi li:nth-child(3) .item .p2{border: 3px solid #ed7373;}
ul.shuzi li:nth-child(4) .item .p2{border: 3px solid #e2a719;}
ul.shuzi li .item .p1{font-size: 18px;font-weight: bold;color: #333;line-height: 28px;height: 28px;overflow: hidden;}
ul.shuzi li .item .xian{border-bottom: 2px solid #666;width: 48px;margin: 10px auto 0px auto;}
ul.shuzi li .item .p2{border: 3px solid #5491d5;width: 80px;height: 80px;border-radius: 50%;margin: 10px auto 0px auto;position: relative;}
ul.shuzi li .item .p2 span{font-size: 26px;font-weight: bold; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";top: 30%; -webkit-transform:translateY(-50%); transform:translateY(-50%);position: absolute;display: inline-block;left: 50%;-webkit-transform:translateX(-50%); transform:translateX(-50%);}
ul.shuzi li:nth-child(2) .item .p2 span{font-size: 22px;}
ul.shuzi li .item .p2 b{font-size: 10px; position: absolute;font-weight: normal;top: 50%;right: 10px;}
ul.shuzi li:nth-child(2) .item .p2 b{font-size: 10px; position: absolute;font-weight: normal;top: 40%;right: 5px;}	
ul.shuzi li .item .p3{margin: 10px 0px;font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;color: #999;}	
}
/** 沈阳律师的优势 ====================================================================================*/




.index0{padding-top: 60px;padding-bottom: 60px; background: #fff;}

.index_0_fa{ display: block; padding-top:20px; margin-left: -10px;margin-right: -10px;}
.index_0_fa li{ width: 25%;  margin: 0px 0px 0px 0px; padding: 10px; float: left; }


.index_0_fa li a{ display: block; padding: 0px 0px;  background: #fff; border-radius: 10px;}
.index_0_fa li a .one{ width: 100%; height:auto; text-align: center;  font-size: 20px; font-weight: bold; color: #333;  margin-bottom: 10px;}
.index_0_fa li a .one img{ width: auto; height: auto;}

.index_0_fa li a .three{font-size: 20px; font-weight: bold; color: #333; text-align: center; line-height: 25px; height:25px; overflow: hidden; margin-bottom: 20px;}
.index_0_fa li a .four{background: #0080FF;color: #FFFFFF;text-align: center;font-size: 14px;width: 100px;height: 30px;line-height: 30px;border-radius: 5px;display: block; margin: 0px auto;transition: all 0.3s ease-out;	}

.index_0_fa li a:hover .three{ color: #0080FF; }
.index_0_fa li a:hover .four{ background: #f98d0b; color: #fff;}

@media (max-width:1023px){
.index0{padding-top: 20px;padding-bottom: 20px; background: #fff;}

.index_0_fa{ display: block; padding-top:10px; margin-left: -5px;margin-right: -5px;}
.index_0_fa li{ width: 50%;  margin: 0px 0px 0px 0px; padding:5px; float: left; }


.index_0_fa li a{ display: block; padding: 0px 0px;  background: #fff; border-radius: 10px;}
.index_0_fa li a .one{ width: 100%; height:auto; text-align: center;  font-size: 20px; font-weight: bold; color: #333;  margin-bottom: 5px;}
.index_0_fa li a .one img{ width: auto; height: auto;}

.index_0_fa li a .three{font-size: 16px; font-weight: bold; color: #333; text-align: center; line-height: 25px; height:25px; overflow: hidden; margin-bottom: 5px;}
.index_0_fa li a .four{background: #0080FF;color: #FFFFFF;text-align: center;font-size: 14px;width: 100px;height: 30px;line-height: 30px;border-radius: 5px;display: block; margin: 0px auto;transition: all 0.3s ease-out;	}

.index_0_fa li a:hover .three{ color: #0080FF; }
.index_0_fa li a:hover .four{ background: #f98d0b; color: #fff;}

}







.index1{padding-top: 60px;padding-bottom: 60px; background: #f1f1f1; }
.index_1_fa{ display: block; padding-top:20px; margin-left: -10px;margin-right: -10px;}
.index_1_fa li{ width: 25%;  margin: 0px 0px 0px 0px; padding: 10px; float: left; }
.index_1_fa li a{ display: block; padding: 20px 20px; box-shadow:0 0 15px rgba(0,0,0,0.05); background: #fff; border-radius: 10px;}
.index_1_fa li a .one{ width: 100%; height: 40px;  font-size: 20px; font-weight: bold; color: #333;  margin-bottom: 10px;}
.index_1_fa li a .one img{ width: 40px; height: 40px; margin-right: 10px;}

.index_1_fa li a .three{font-size: 14px; color: #666; line-height: 25px; height:50px; overflow: hidden; margin-bottom: 10px;}
.index_1_fa li a .four{background: #0080FF;color: #FFFFFF;text-align: center;font-size: 14px;width: 100px;height: 30px;line-height: 30px;border-radius: 5px;display: inline-block;}

.index_1_fa li a:hover {box-shadow:0 0 25px rgba(0,0,0,0.1); transform:scale(1.1);}
.index_1_fa li a:hover .four{ color: #fff;}
.index_1_fa li a:hover .three{color: #337ab7;}
.index_1_fa li a:hover .four{background: #f98d0b;}

@media (max-width:1023px){
.index1{padding-top: 20px;padding-bottom: 20px; background: #f1f1f1; }
.index_1_fa{ display: block; padding-top:10px; margin-left: -5px;margin-right: -5px;}
.index_1_fa li{ width: 50%;  margin: 0px 0px 0px 0px; padding: 5px; float: left; }
.index_1_fa li a{ display: block; padding: 10px 10px 10px 10px; text-align: center; box-shadow:0 0 15px rgba(0,0,0,0.05); background: #fff; border-radius: 10px;}
.index_1_fa li a .one{ width: 100%; height: 30px; line-height: 30px;  font-size: 16px; font-weight: bold; color: #333;  margin-bottom: 5px;}
.index_1_fa li a .one img{ width: 25px; height: 25px; margin-right: 5px; vertical-align:middle;  display: none;}

.index_1_fa li a .three{ display: none;}
.index_1_fa li a .four{background: #0080FF;color: #FFFFFF;text-align: center;font-size: 14px;width: 100px;height: 30px;line-height: 30px;border-radius: 5px;display: inline-block;}

.index_1_fa li a:hover {box-shadow:0 0 25px rgba(0,0,0,0.1); transform:scale(1.1);}
.index_1_fa li a:hover .four{ color: #fff;}
.index_1_fa li a:hover .three{color: #337ab7;}
.index_1_fa li a:hover .four{background: #f98d0b;}

}





.index5{padding-top: 60px;padding-bottom: 60px; background-color:  #fff;}
.index5dl{ margin-left: -1%; margin-right: -1%;}
.index5dl dl{ background: #f6f8ff; width: 48%; float: left; margin: 20px 1%;border-radius: 10px; display: flex; overflow: hidden;
box-shadow:5px 10px 15px rgba(0,0,0,0.1);}
.index5dl dl dt{width: 150px; height: 150px; padding-top: 50px; color: #fff; font-size: 20px; font-weight: bold; text-align: center;border-radius: 10px; float: left;}
.index5dl dl:nth-child(1) dt{ background-color: #ff9c4c; background-image:url(../images/dl1.png);background-repeat:no-repeat; background-position:50px 50px; background-size:100%;}
.index5dl dl:nth-child(2) dt{ background-color: #5a73ff;background-image:url(../images/dl2.png);background-repeat:no-repeat; background-position:50px 50px; background-size:100%;} 
.index5dl dl:nth-child(3) dt{ background-color: #a92df6; background-image:url(../images/dl3.png);background-repeat:no-repeat; background-position:50px 50px; background-size:100%;}
.index5dl dl:nth-child(4) dt{ background-color: #00e0d0; background-image:url(../images/dl4.png);background-repeat:no-repeat; background-position:50px 50px; background-size:100%;}
.index5dl dl dd{ flex: 1;  display: inline-block; font-size: 15px; line-height: 25px; color: #000; padding: 30px 30px;}

@media (max-width:1023px){
.index5{padding-top: 20px;padding-bottom: 0px; background-color:  #fff;}
.index5dl{ margin-left: -1%; margin-right: -1%; padding-bottom: 20px;}
.index5dl dl{ background: #f6f8ff; width: 98%; float: left; margin: 10px 1%;border-radius: 10px; display:block; overflow: hidden;
box-shadow:5px 10px 15px rgba(0,0,0,0.1);}
.index5dl dl dt{width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; color: #fff; font-size: 16px; font-weight: bold; text-align: center;border-radius: 10px; float: left;}
.index5dl dl:nth-child(1) dt{ background-color: #ff9c4c; background-image:url(../images/dl1.png);background-repeat:no-repeat; background-position:50px 0px; background-size:20%;}
.index5dl dl:nth-child(2) dt{ background-color: #5a73ff;background-image:url(../images/dl2.png);background-repeat:no-repeat; background-position:50px 0px; background-size:20%;} 
.index5dl dl:nth-child(3) dt{ background-color: #a92df6; background-image:url(../images/dl3.png);background-repeat:no-repeat; background-position:50px 0px; background-size:20%;}
.index5dl dl:nth-child(4) dt{ background-color: #00e0d0; background-image:url(../images/dl4.png);background-repeat:no-repeat; background-position:50px 0px; background-size:20%;}
.index5dl dl dd{ flex: 1;  display: inline-block; font-size: 13px; line-height: 22px; color: #666; padding: 15px 10px;}

}






.index2{padding-top: 60px;padding-bottom: 60px;background-color: #f6f6f6;background-image:url(../images/index5_bg.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;}
ul.index_anli{margin-left: -15px;margin-right: -15px;margin-top: 50px;}
ul.index_anli li{padding: 0px 15px;float: left;width: 33.3%;margin-bottom: 30px;}
ul.index_anli li a{display: block;}
ul.index_anli li a .imgzoom{padding-bottom: 55%; width: 100%; position: relative; overflow: hidden; }
ul.index_anli li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.index_anli li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
ul.index_anli li a .p1{font-size: 22px;color: #333;margin-top: 20px;line-height: 24px;height: 24px;overflow: hidden;}
ul.index_anli li a .p2{font-size: 14px;color: #333;margin-top: 12px;line-height: 25px;height: 50px;overflow: hidden;}
ul.index_anli li a:hover .p1{color: #0080ff;}
@media (max-width:1023px){
.index2{padding-top: 20px;padding-bottom: 20px;background-color: #f6f6f6;}
ul.index_anli{margin-left: -15px;margin-right: -15px;margin-top: 20px;}
ul.index_anli li{padding: 0px 15px;float: left;width: 100%;margin-bottom: 30px;}
ul.index_anli li a .p1{font-size: 16px;color: #333;margin-top: 10px;line-height: 24px;height: 24px;overflow: hidden;font-weight: bold;}
ul.index_anli li a .p2{font-size: 14px;color: #333;margin-top: 5px;line-height: 24px;height: 48px;overflow: hidden;}	
}
/** 首页案例 ====================================================================================*/




.index2_about{position: relative; margin-top: 40px;}
.index2_l{ height: 400px; width: 100%; padding-left: 680px; font-size: 16px; line-height: 25px; overflow: hidden;}

.index2_r{ position: absolute; left: 0px; top: 0px; width:650px; box-shadow:7px 7px 5px rgba(0,0,0,0.3); }
.index2_r .imgzoom{padding-bottom: 61%; width: 100%; position: relative; overflow: hidden;}
.index2_r .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.index2_r:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

@media (max-width:1023px){
.index2_about{position: relative; margin-top: 10px;}

.index2_l{ height: 300px; width: 100%; padding-left: 0px; font-size: 14px; line-height: 1.75; overflow: hidden;}

.index2_r{ position:relative; left: 0px; top: 0px; width:100%; box-shadow:0px 7px 5px rgba(0,0,0,0.3); }
.index2_r .imgzoom{padding-bottom: 61%; width: 100%; position: relative; overflow: hidden;}
.index2_r .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.index2_r:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

}


.index3{padding-top: 60px;padding-bottom: 60px;background-image:url(../images/news_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;
}

.news_nav{ text-align: center; padding-top: 20px;}
.news_nav a{display: inline-block; padding: 10px 30px;color: #333;font-size: 18px;background-color: #ddd;margin: 0px 10px;border-radius: 5px;}
.news_nav a:hover{background: #0080ff; color: #fff;}
.news_nav a.on{ background: #0080ff; color: #fff;}

.news_list{ padding: 30px 0px 0px 0px;}
.news_list ul{ display: none;position: relative;}
.news_list ul:first-child{display: block;}

.index3 .more{text-align: center;}
.index3 .more a{display: inline-block;color: #0080ff;font-size: 18px; border: 2px solid #0080ff;padding: 10px 55px;}
.index3 .more a:hover{background-color: #0080ff;color: #fff;}

.news_list ul a{ position: relative; width: 31.3333%; display: inline-block; float: left; margin-right: 2%;   background-color: #fff; padding: 20px; margin-bottom: 25px; opacity: 0.8;box-shadow:0 0 15px rgba(0,0,0,0.08);}
.news_list ul a .time{position: absolute;width: 80px;top: 20px;left: 20px;background-color: #0080ff;text-align: center;color: #fff;}
.news_list ul a .time span{font-size: 20px;font-weight: bold;margin-top: 15px; display: block;}
.news_list ul a .time em{font-size: 12px;margin-bottom: 15px; display: block;}

.news_list ul a .newsr_txt{min-height: 73px;padding-left: 100px;}
.news_list ul a .newsr_txt .p1{font-size: 18px;color: #333;line-height: 22px;height: 22px;overflow: hidden;}
.news_list ul a .newsr_txt .p2{font-size: 14px;color: #999;line-height: 20px;height: 40px;overflow: hidden;margin-top:5px;}
.news_list ul a:hover .newsr_txt .p1{color: #004a83;}
.news_list ul a:hover{opacity: 1;box-shadow:0 15px 15px rgba(0,0,0,0.1);}


@media (max-width:1023px){
	.news_list{ padding: 30px 0px 0px 0px; height: 225px; overflow: hidden;}
.news_list ul a{ position: relative; width: 100%; display: inline-block; float: left; margin-right: 0%;   background-color: #fff; padding: 7px 15px; margin-bottom: 5px; opacity: 0.8;box-shadow:0 0 15px rgba(0,0,0,0.08);}
.news_list ul a .time{position: absolute;width: 80px;top: 20px;left: 20px;background-color: #0080ff;text-align: center;color: #fff; display: none;}
.news_list ul a .time span{font-size: 20px;font-weight: bold;margin-top: 15px;}
.news_list ul a .time em{font-size: 12px;margin-bottom: 15px;}

.news_list ul a .newsr_txt{min-height: auto;padding-left: 0px;}
.news_list ul a .newsr_txt .p1{font-size: 14px;color: #333;line-height: 22px;height: 22px;overflow: hidden;}
.news_list ul a .newsr_txt .p2{font-size: 14px;color: #999;line-height: 20px;height: 40px;overflow: hidden;margin-top:5px; display: none;}
.news_list ul a:hover .newsr_txt .p1{color: #004a83;}
.news_list ul a:hover{opacity: 1;box-shadow:0 15px 15px rgba(0,0,0,0.1);}

	
}



@media (max-width:1023px){
.index3{padding-top: 30px;padding-bottom: 30px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.news_nav{ text-align: center;}
.news_nav a{display: inline-block; padding: 5px 15px;color: #666;font-size: 14px;background-color: #ddd;margin: 0px 5px;border-radius: 60px;}
.news_nav a:hover{background: #004a83; color: #fff;}
.news_nav a.on{ background: #004a83; color: #fff;}
	
.news_nav a:nth-child(4){ display: none;}
.news_nav a:nth-child(5){ display: none;}
.news_nav a:nth-child(6){ display: none;}
.news_nav a:nth-child(7){ display: none;}
	
	
.news_list{ padding: 20px 0px 0px 0px;}
.news_list ul{ display: none;position: relative;}
.news_list ul:first-child{display: block;}
.index3 .more{text-align: center; padding-top: 10px;}
.index3 .more a{display: inline-block;color: #0080ff;font-size: 14px; border: 2px solid #0080ff;padding: 10px 55px;}
.index3 .more a:hover{background-color: #0080ff;color: #fff;}

.index_newsr{min-height: auto;padding-left: 0px;padding-top: 20px;}
.index_newsr a{display: block;position: relative;background-color: #fff;padding: 10px;margin-bottom: 15px;}
.index_newsr a .time{position: absolute;width: 80px;top: 10px;left: 10px;background-color: #ffa72a;text-align: center;color: #fff;}
.index_newsr a .time h3{font-size: 20px;font-weight: bold;margin-top: 15px;}
.index_newsr a .time h4{font-size: 16px;margin-bottom: 15px;}
.index_newsr a .newsr_txt{min-height: 75px;padding-left: 95px;}
.index_newsr a .newsr_txt .p1{font-size: 16px;color: #333;line-height: 22px;height: 22px;overflow: hidden;}
.index_newsr a .newsr_txt .p2{font-size: 14px;color: #666;line-height: 22px;height: 44px;overflow: hidden;margin-top: 5px;}
.index_newsr a:hover .newsr_txt .p1{color: #ffa72a;}
}
/** 首页新闻 ====================================================================================*/

.index4{padding-top: 60px;padding-bottom: 60px;}
.index4 .more{text-align: center;}
.index4 .more a{display: inline-block;color: #707070;font-size: 18px; border: 2px solid #979797;padding: 15px 55px;}
.index4 .more a:hover{background-color: #979797;color: #fff;}
@media screen and (max-width: 1023px){
.index4{padding-top: 30px;padding-bottom: 0px;}
.index4 .more{text-align: center;}
.index4 .more a{display: inline-block;color: #707070;font-size: 14px; border: 2px solid #979797;padding: 8px 20px;}
.index4 .more a:hover{background-color: #979797;color: #fff;}
}




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

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

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

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

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

a.sw_item01 .txt{padding: 15px 15px; width: 100%; text-align: center;transition: all 0.5s ease-out;}
a.sw_item01 .txt .t1{ font-size: 16px; font-weight: bold; color: #666; height: 20px; line-height: 20px; overflow: hidden;}
a.sw_item01 .txt span{ border: 1px solid #0080ff; background: #0080ff; color: #fff; margin-top: 10px; padding: 5px 30px; display: inline-block; transition: all 0.5s ease-out;}
a.sw_item01:hover .txt span{ padding: 5px 40px; }

@media screen and (max-width: 1023px){
a.sw_item01 .txt{padding: 15px 10px; width: 100%; text-align: center;transition: all 0.5s ease-out;}
a.sw_item01 .txt .t1{ font-size: 16px; color: #666; height: 20px; line-height: 20px; overflow: hidden;}
a.sw_item01:hover .txt .t1{color: #0080ff;}
}
/** 首页律师风采 ====================================================================================*/


.link{padding-top: 25px;padding-bottom: 25px;background-color: #f3f3f3;color: #666;font-size: 14px;font-weight: bold;}
.link a{display: inline-block;margin: 0px 8px;color: #666;font-size: 14px;font-weight: normal;}
.link a:hover{color: #0080ff;}
@media screen and (max-width: 1023px){
.link{display: none;}
}
/** 友情链接 ====================================================================================*/



.about_nav{ margin-top: -50px; position: relative;z-index: 55; }
.about_nav .max1440{display: flex; flex-wrap: nowrap; justify-content: center;}
.about_nav a{display: block; width: 16.666%;text-align: center; color: #333;background-color: #f1f1f1;line-height: 70px;font-size: 20px;}
.about_nav a:hover{color: #fff;background-color: #0080ff;}
.about_nav a.on{color: #fff;background-color: #0080ff;}

.about_nav a i{display:inline-block; width: 25px; height: 25px; background-image:url(../images/about_nava.png);background-repeat:no-repeat; background-position:center center; background-size:25px; vertical-align: middle; transition: all 0.5s ease-out; margin-right: 10px;}
.about_nav a:hover i{ background-image:url(../images/about_nava1.png);background-repeat:no-repeat; background-position:center center;}
.about_nav a.on i{ background-image:url(../images/about_nava1.png);}



@media screen and (max-width: 1023px){
.about_nav{padding-top: 15px; margin-top:0px;}
.about_nav a{display: block;float: left;width: 33.333%;text-align: center;border-left: 1px solid #e3e3e3;color: #333;background-color: #f1f1f1;line-height: 40px;font-size: 14px;}
.about_nav a:hover{color: #fff;background-color: #0080ff;}
.about_nav a.on{color: #fff;background-color: #0080ff;}

.about_nav a i{display:inline-block; width: 20px; height: 20px; background-image:url(../images/about_nava.png);background-repeat:no-repeat; background-position:center center; background-size:20px; vertical-align: middle; transition: all 0.5s ease-out; margin-right: 2px;}
.about_nav a:hover i{ background-image:url(../images/about_nava1.png);background-repeat:no-repeat; background-position:center center;}
.about_nav a.on i{ background-image:url(../images/about_nava1.png);}

}



.page_key{ margin-top: -50px; position: relative;z-index: 55;background-color: #f1f1f1; min-height: 70px; padding: 20px 20px; color: #0053cc; text-align: left;font-size: 14px;}
.page_key a{display:inline-block; width:auto; margin: 0px 10px; text-align: center; color: #333;line-height: 30px;font-size: 14px;}
.page_key a:hover{color: #0080ff; }
.page_key i{display:inline-block; width: 25px; height: 25px; float: left; background-image:url(../images/page_key.png);background-repeat:no-repeat; background-position:center center; background-size:15px; vertical-align: middle; transition: all 0.5s ease-out; margin-right:5px;}

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





.about1{padding-top: 0px;padding-bottom: 80px;}
.about1 .guanyu_txt{ position: relative; width: 100%; font-size: 15px;color: #3c3c3c;line-height: 30px; padding-top: 10px; overflow: hidden;}

@media screen and (max-width: 1023px){
.about1{padding-top: 0px;padding-bottom: 30px;}
.about1 .guanyu_txt{font-size: 14px;color: #3c3c3c;line-height: 24px;margin-top: 10px;}
}

.count{margin-top: 60px;margin-left: -40px;margin-right: -40px;}
.count li{float: left;width: 25%;padding: 0px 40px;position: relative;text-align: center;margin-bottom: 30px;}
.count li .item .p1{z-index: 999;position: absolute;left: 50%;font-size: 48px;width: 100%;margin-left: -50%; color: #fff;top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.count li:nth-child(4) .item .p1{font-size: 30px;}
.count li span{margin-top: 28px;font-size: 18px;color: #666;display: block;}
.count li:nth-child(1) .item{width: 200px;height: 200px;border-radius: 50%;text-align: center;margin: 0px auto;background-image:url(../images/icon/bg1.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;position: relative;}
.count li:nth-child(2) .item{width: 200px;height: 200px;border-radius: 50%;text-align: center;margin: 0px auto;background-image:url(../images/icon/bg2.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;position: relative;}
.count li:nth-child(3) .item{width: 200px;height: 200px;border-radius: 50%;text-align: center;margin: 0px auto;background-image:url(../images/icon/bg3.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;position: relative;}
.count li:nth-child(4) .item{width: 200px;height: 200px;border-radius: 50%;text-align: center;margin: 0px auto;background-image:url(../images/icon/bg4.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;position: relative;}
.count li:nth-child(1) .item:before{content: "";top: 0px;left: 0px;width: 200px;height: 200px;border-radius: 50%; position: absolute;display: block; z-index: 0;background-image:url(../images/icon/bg1.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;}
.count li:nth-child(2) .item:before{content: "";top: 0px;left: 0px;width: 200px;height: 200px;border-radius: 50%; position: absolute;display: block; z-index: 0;background-image:url(../images/icon/bg2.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;}
.count li:nth-child(3) .item:before{content: "";top: 0px;left: 0px;width: 200px;height: 200px;border-radius: 50%; position: absolute;display: block; z-index: 0;background-image:url(../images/icon/bg3.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;}
.count li:nth-child(4) .item:before{content: "";top: 0px;left: 0px;width: 200px;height: 200px;border-radius: 50%; position: absolute;display: block; z-index: 0;background-image:url(../images/icon/bg4.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;}
@-webkit-keyframes rotation{from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}
.count li .item:before{-webkit-transform: rotate(360deg);animation: rotation 10s linear infinite;-moz-animation: rotation 10s linear infinite;-webkit-animation: rotation 10s linear infinite;-o-animation: rotation 10s linear infinite;}
@media screen and (max-width: 1023px){
.count{margin-top: 40px;margin-left: 0px;margin-right: 0px;}
.count li{float: left;width: 50%;padding: 0px 20px;position: relative;text-align: center;margin-bottom: 30px;}	
.count li .item .p1{z-index: 999;position: absolute;left: 50%;font-size: 26px;width: 100%;margin-left: -50%; color: #fff;top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.count li:nth-child(4) .item .p1{font-size: 20px;}
.count li span{margin-top: 15px;font-size: 16px;color: #666;display: block;}
.count li:nth-child(1) .item{width: 130px;height: 130px;border-radius: 50%;text-align: center;margin: 0px auto;background-image:url(../images/icon/bg1.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;position: relative;}
.count li:nth-child(2) .item{width: 130px;height: 130px;border-radius: 50%;text-align: center;margin: 0px auto;background-image:url(../images/icon/bg2.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;position: relative;}
.count li:nth-child(3) .item{width: 130px;height: 130px;border-radius: 50%;text-align: center;margin: 0px auto;background-image:url(../images/icon/bg3.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;position: relative;}
.count li:nth-child(4) .item{width: 130px;height: 130px;border-radius: 50%;text-align: center;margin: 0px auto;background-image:url(../images/icon/bg4.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;position: relative;}	
.count li:nth-child(1) .item:before{content: "";top: 0px;left: 0px;width: 130px;height: 130px;border-radius: 50%; position: absolute;display: block; z-index: 0;background-image:url(../images/icon/bg1.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;}
.count li:nth-child(2) .item:before{content: "";top: 0px;left: 0px;width: 130px;height: 130px;border-radius: 50%; position: absolute;display: block; z-index: 0;background-image:url(../images/icon/bg2.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;}
.count li:nth-child(3) .item:before{content: "";top: 0px;left: 0px;width: 130px;height: 130px;border-radius: 50%; position: absolute;display: block; z-index: 0;background-image:url(../images/icon/bg3.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;}
.count li:nth-child(4) .item:before{content: "";top: 0px;left: 0px;width: 130px;height: 130px;border-radius: 50%; position: absolute;display: block; z-index: 0;background-image:url(../images/icon/bg4.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;}	
}
/** 关于沈晶 ====================================================================================*/

.honor{padding-top: 70px;padding-bottom: 70px;background-color: #959ea7;}
.honor .max1440{position: relative;}
.honor_img{position: absolute;width: 350px;top: 0px;left: 30px;background-color: #fff;padding: 5px;}
.honor_img .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; }
.honor_img .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.honor_img:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.honor_txt{min-height: 265px;padding-left: 400px;}
.honor_txt .h3{font-size: 40px;color: #fff;display: inline-block;padding-bottom: 20px;position: relative;}
.honor_txt .h3:after{content: "";position: absolute;bottom: -1px;left: 0px;width: 100%;border-bottom: 2px solid #0080ff;}
.honor_txt .xian{border-bottom: 1px solid #fff;}
.honor_txt .p1{font-size: 16px;color: #fff;line-height: 26px;height: 78px;overflow: hidden;margin-top: 20px;}
.honor_txt a{display: inline-block;border: 1px solid #fff;font-size: 16px;color: #fff;padding: 15px 45px;margin-top: 30px;}
.honor_txt a:hover{background-color: #fff;color: #999;}
@media screen and (max-width: 1023px){
.honor{padding-top: 30px;padding-bottom: 30px;background-color: #959ea7;}
.honor_img{position: relative;width: 100%;top: 0px;left: 0px;background-color: #fff;padding: 5px;}	
.honor_txt{min-height: auto;padding-left: 0px;padding-top: 20px;}
.honor_txt .h3{font-size: 20px;color: #fff;display: inline-block;padding-bottom: 15px;position: relative;}
.honor_txt .h3:after{content: "";position: absolute;bottom: -1px;left: 0px;width: 100%;border-bottom: 2px solid #0080ff;}
.honor_txt .xian{border-bottom: 1px solid #fff;}
.honor_txt .p1{font-size: 14px;color: #fff;line-height: 26px;height: 78px;overflow: hidden;margin-top: 10px;}
.honor_txt a{display: inline-block;border: 1px solid #fff;font-size: 14px;color: #fff;padding:8px 15px;margin-top: 15px;}
.honor_txt a:hover{background-color: #fff;color: #999;}
}
/** 律师荣誉证书 ====================================================================================*/

.mien{padding-top: 60px;padding-bottom: 60px;position: relative;}
.mien_img{position: absolute;width: 350px;top: 80px;right: 30px;background-color: #efefef;padding: 5px;}
.mien_img .imgzoom{padding-bottom: 58%; width: 100%; position: relative; overflow: hidden; }
.mien_img .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.mien_img:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.mien_txt{min-height: 208px;padding-right: 400px;}
.mien_txt .h3{font-size: 40px;color: #333;display: inline-block;padding-bottom: 20px;position: relative;}
.mien_txt .h3:after{content: "";position: absolute;bottom: -1px;left: 0px;width: 100%;border-bottom: 2px solid #0080ff;}
.mien_txt .xian{border-bottom: 1px solid #e5e5e5;}
.mien_txt .p1{font-size: 16px;color: #333;line-height: 26px;height: 78px;overflow: hidden;margin-top: 20px;}
.mien_txt a{display: inline-block;border: 1px solid #0080ff;font-size: 16px;color: #fff;padding: 15px 45px;margin-top: 30px;background-color: #0080ff;}
.mien_txt a:hover{background-color: #fff;color: #0080ff;}
@media screen and (max-width: 1023px){
.mien{padding-top: 30px;padding-bottom: 30px;position: relative;}
.mien_img{position: relative;width: 100%;top: 0px;right: 0px;background-color: #efefef;padding: 5px;}
.mien_txt{min-height: auto;padding-right: 0px;padding-top: 20px;}
.mien_txt .h3{font-size: 20px;color: #333;display: inline-block;padding-bottom: 10px;position: relative;}
.mien_txt .p1{font-size: 14px;color: #333;line-height: 26px;height: 78px;overflow: hidden;margin-top: 10px;}
.mien_txt a{display: inline-block;border: 1px solid #0080ff;font-size: 14px;color: #fff;padding: 8px 15px;margin-top: 15px;background-color: #0080ff;}	
}
/** 律师风采 ====================================================================================*/

ul.intro_news{margin-top: 50px;margin-bottom: 50px;}
ul.intro_news li{border-bottom: 1px dotted #cecece;padding: 30px 0px;transition: all 0.5s ease-out;}
ul.intro_news li:hover{background-color: #f6f6f6;}
ul.intro_news li a{display: block;position: relative; max-width: 1360px; padding: 0px 30px; margin: 0px auto;}
ul.intro_news li a .news_img{position: absolute;width: 300px;top: 0px;left: 30px;}
ul.intro_news li a .news_img .imgzoom{padding-bottom: 55%; width: 100%; position: relative; overflow: hidden; }
ul.intro_news li a .news_img .imgzoom img{width: 100%; min-height: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
ul.intro_news li a:hover .news_img .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}


ul.intro_news li a .news_txt{min-height: 165px; padding-left: 330px;}
ul.intro_news li a .news_txt .h3{font-size: 22px;color: #000; font-weight: bold;transition: all 0.5s ease-out;}
ul.intro_news li a .news_txt .data{font-size: 12px;color: #828282;margin-top: 10px;}
ul.intro_news li a .news_txt .p1{font-size: 15px;color: #999;margin-top: 20px;line-height: 25px;height: 75px;overflow: hidden;}
ul.intro_news li a:hover .news_txt .h3{ color: #0080ff; }

ul.intro_news li a .news_txtwt{padding-left: 0px;}
ul.intro_news li a .news_txtwt .h3{font-size: 22px;color: #000; font-weight: bold;transition: all 0.5s ease-out;}
ul.intro_news li a .news_txtwt .data{font-size: 12px;color: #828282;margin-top: 10px;}
ul.intro_news li a .news_txtwt .p1{font-size: 15px;color: #999;margin-top: 10px;line-height: 25px;height: 75px;overflow: hidden;}
ul.intro_news li a:hover .news_txtwt .h3{ color: #0080ff; }


@media screen and (max-width: 1200px){
ul.intro_news li a{display: block;position: relative;width: 100%;margin: 0px auto;padding: 0px 20px;}
ul.intro_news li a .news_img{position: absolute;width: 300px;top: 0px;left: 20px;}	
}
@media screen and (max-width: 1023px){
ul.intro_news{margin-top: 0px;margin-bottom: 20px;}
ul.intro_news li{border-bottom: 1px dotted #cecece;padding: 20px 0px;transition: all 0.5s ease-out;}
ul.intro_news li:hover{background-color: #efefef;}
ul.intro_news li a{display: block;position: relative;width: 100%;margin: 0px auto;padding: 0px 10px;}
ul.intro_news li a .news_img{position: absolute;width: 100px;top: 0px;left: 10px;}
ul.intro_news li a .news_txt{min-height: auto;padding-left: 110px;padding-top: 0px;}	
	
ul.intro_news li a .news_txtwt{min-height: auto;padding-left: 0px;}
ul.intro_news li a .news_txtwt .h3{font-size: 15px;color: #333;}
ul.intro_news li a .news_txtwt .data{font-size: 12px;color: #828282;margin-top: 10px;}
ul.intro_news li a .news_txtwt .p1{font-size: 12px;color: #666;margin-top: 5px;line-height:20px;height: 40px;overflow: hidden;}
	
ul.intro_news li a .news_txt .h3{font-size: 15px;color: #333; line-height: 20px; height: 60px; overflow: hidden;}
ul.intro_news li a .news_txt .data{font-size: 12px;color: #828282;margin-top: 10px;display: none;}
ul.intro_news li a .news_txt .p1{font-size: 12px;color: #666;margin-top: 5px;line-height: 20px;height: 40px;overflow: hidden; display: none;}	
}
/** 律师动态 ====================================================================================*/



.honor_list{margin-left: -20px;margin-right: -20px;margin-top: 100px;}
.honor_list li{width: 25%;float: left;padding: 0px 20px;}
.honor_list li a{display: block;}
.honor_list li a .imgzoom{padding-bottom: 85%; width: 100%; position: relative; overflow: hidden; }
.honor_list li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.honor_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.honor_list li a .p1{font-size: 18px;color: #666;text-align: center;line-height: 20px;height: 20px;overflow: hidden;margin-top: 20px;}
@media screen and (max-width: 1023px){
.honor_list{margin-left: -10px;margin-right: -10px;margin-top: 30px;}
.honor_list li{width: 50%;float: left;padding: 0px 10px;margin-bottom: 20px;}
.honor_list li a .p1{font-size: 14px;color: #666;text-align: center;line-height: 20px;height: 20px;overflow: hidden;margin-top: 10px;}	
}
/** 荣誉证书 ====================================================================================*/



.mien_list{margin-left: -10px;margin-right: -10px;margin-top: 0px;}
.mien_list li{width: 20%;float: left;padding: 0px 10px;margin-bottom: 40px;}
.mien_list li a{display: block;}
.mien_list li a .imgzoom{padding-bottom: 130%; width: 100%; position: relative; overflow: hidden; }
.mien_list li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.mien_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.mien_list li a .p1{  background: #eee; padding: 15px 10px;  overflow: hidden; position: relative;transition: all 0.5s ease-out;}
.mien_list li a .p1 h2{font-size: 16px; height: 20px; overflow: hidden; font-weight: bold; padding-bottom: 0px; text-align: center;}

.mien_list li a:hover .p1{background: #0080ff; color: #fff;}
.mien_list li a:hover .p1 h3{color: #ddd;}
.mien_list li a:hover {box-shadow:5px 5px 15px rgba(0,0,0,0.25);}

.yinsi{ text-align: center; font-size: 22px; border: 5px solid #0080ff; color: #0080ff; padding: 15px; margin-top: 20px;}
.yinsi a{ font-size: 22px;  color: #0080ff;}
.goodsinfo-wrapper .thumbs-box {
  position: relative;
  padding: 0 60px;
}


@media screen and (max-width: 1023px){
.mien_list{margin-left: -10px;margin-right: -10px;margin-top: 20px;}
.mien_list li{width: 50%;float: left;padding: 0px 10px;margin-bottom: 20px;}
.mien_list li a .p1{  background: #eee; padding: 10px 5px;  overflow: hidden; position: relative;transition: all 0.5s ease-out;}
.mien_list li a .p1 h2{font-size: 14px; font-weight: bold; padding-bottom: 0px;}

.yinsi{ text-align: center; font-size: 16px; border: 5px solid #0080ff; color: #0080ff; padding: 15px; margin-top: 20px;}
.yinsi a{ font-size: 16px;  color: #0080ff;}
.goodsinfo-wrapper .thumbs-box {
  position: relative;
  padding: 0 60px;
}
}


/** 保镖风采 ====================================================================================*/







.pag_main{padding-top:50px;padding-bottom: 60px;position: relative;}

.service_m{ display: flex; flex-wrap: wrap; align-items: flex-start;}
.service_l{position:sticky;width: 300px;top: 50px;left: 30px; float: left;}
.service_l .item{margin-bottom: 0px;}
.service_l .item .tit{background-color: #0080ff;padding: 0px 20px 0px 60px;line-height: 68px;color: #fff;font-size: 22px; font-weight: bold;
background-image:url(../images/ico1.png);background-repeat:no-repeat; background-position:20px center; background-size:30px;}
.service_l .item ul li{padding: 0px 20px;border-bottom: 1px solid #e2e2e2;background-color: #f1f1f1;}
.service_l .item ul li a{display: block;position: relative;height: 60px;line-height: 60px;overflow: hidden;font-size: 18px;color: #333;background-image:url(../images/icon/ser_bg1.jpg);background-repeat:no-repeat; background-position: left center; background-size:5px;padding-left: 20px;}
.service_l .item ul li a:after{content: "";background-image:url(../images/icon/ser_r.png);background-repeat:no-repeat; background-position: right center; background-size:16px; display: block;
position: absolute;top: 50%;right: 0px;width: 16px;height: 16px;margin-top: -8px;}
.service_l .item ul li a:hover{color: #0080ff;}
.service_l .item ul li a.on{color: #0080ff;}

.service_l .item_m .tit{background-color: #0080ff;padding: 0px 20px 0px 60px;line-height: 68px;color: #fff;font-size: 22px; font-weight: bold;
background-image:url(../images/ico1.png);background-repeat:no-repeat; background-position:20px center; background-size:30px;}
.service_l .item_m ul li{padding: 0px 20px;border-bottom: 1px solid #e2e2e2;background-color: #f1f1f1;}
.service_l .item_m ul li a{display: block;position: relative;height: 60px;line-height: 60px;overflow: hidden;font-size: 16px;color: #333;}
.service_l .item_m ul li a:hover{color: #0080ff;}
.service_r{ min-height: auto; width: calc(100% - 300px); overflow: hidden; padding-left: 30px; }
.service_top{margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 12px;}
.service_top .tit_l{width: 35%;float: left;font-size: 26px;color: #0080ff;}
.service_top .crumbs{width: 60%;float: right;text-align: right;font-size: 16px;color: #333;line-height: 30px;}
.service_top .crumbs a{display: inline-block;margin-left: 5px;font-size: 16px;color: #333;}
.service_top .crumbs a:hover{color: #0080ff;}
.service_zhaiyao{border: 1px solid #f9f9f9;padding: 30px 30px;font-size: 16px;color: #666;line-height: 24px;background-color: #f4f4f4;}
.service_bot li{padding: 25px 0px;border-bottom: 1px solid #f0f0f0;}

.service_bot li a{display: block;}
.service_bot li a .p1{font-size: 20px;color: #000033;line-height: 22px;height: 22px;overflow: hidden;}
.service_bot li a .p2{color: #999;font-size: 14px;margin-top: 20px;margin-bottom: 20px; display: inline-block;}
.service_bot li a .p2 .s1{margin-right: 30px;}
.service_bot li a .p2 .s1 img{width: 20px;height: 20px;margin-right: 10px;}
.service_bot li a .p2 .s2{color: #0080ff;}
.service_bot li a .p2 .s2 img{width: 20px;height: 20px;margin-right: 10px;}
.service_bot li a .p3{color: #666;font-size: 14px;line-height: 26px;height: 52px;overflow: hidden;}
.service_bot li a:hover .p1{color: #f1920b;}
.service_bot li a .p2 .s2:hover{color: #f1920b;}

@media screen and (max-width: 1023px){
.service_zhaiyao{border: 1px solid #f9f9f9;padding: 15px;font-size: 14px;color: #666;line-height: 22px;background-color: #f4f4f4;}
	
.pag_main{padding-top: 10px;padding-bottom: 30px;position: relative;}
.service_l{position: relative;width: 100%;top: 0px;left: 0px;}
.service_l .item{margin-bottom: 10px;}
.service_l .item .tit{background-color: #8c8c8c;padding: 0px 20px;line-height:35px;color: #fff;font-size: 16px; display: none;}
	
.service_l .item ul li{padding: 0px 10px; width: 50%; float: left; border-bottom: 1px solid #e2e2e2;background-color: #f1f1f1;}
.service_l .item ul li a{display: block;position: relative;height: 35px;line-height: 35px;overflow: hidden;font-size: 14px;color: #333;background-image:url(../images/icon/ser_bg1.jpg);background-repeat:no-repeat; background-position: left center; background-size:5px;padding-left: 15px;}
.service_l .item ul li a:after{content: "";background-image:url(../images/icon/ser_r.png);background-repeat:no-repeat; background-position: right center; background-size:16px; display: block;
position: absolute;top: 50%;right: 0px;width: 16px;height: 16px;margin-top: -8px;}
.service_l .item ul li a:hover{color: #0080ff;}
	
	.service_l .item_m{display: none;}
.service_l .item_m .tit{background-color: #8c8c8c;padding: 0px 20px;line-height: 35px;color: #fff;font-size: 16px;}
.service_l .item_m ul li{padding: 0px 20px;border-bottom: 1px solid #e2e2e2;background-color: #f1f1f1;}
.service_l .item_m ul li a{display: block;position: relative;height: 35px;line-height: 35px;overflow: hidden;font-size: 14px;color: #333;}
.service_l .item_m ul li a:hover{color: #0080ff;}
.service_top{margin-bottom: 10px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}	
.service_top .crumbs{display: none;}	


.service_r{ min-height: auto; width: calc(100% - 0px); overflow: hidden; padding-left: 0px; margin-top: 15px; }

.service_top .tit_l{width: 100%;float: left;font-size: 26px;color: #0080ff;}
.service_top .crumbs{width: 100%;float: right;text-align: right;font-size: 16px;color: #333;line-height: 30px;}
.service_top .crumbs a{display: inline-block;margin-left: 5px;font-size: 16px;color: #333;}
.service_top .crumbs a:hover{color: #0080ff;}
.service_zhaiyao{border: 0px solid #f9f9f9;padding: 10px 0px;font-size: 15px;color: #666;line-height: 1.75;background-color: #fff;}
.service_bot li{padding: 25px 0px;border-bottom: 1px solid #f0f0f0;}

.service_bot li a{display: block;}
.service_bot li a .p1{font-size: 20px;color: #000033;line-height: 22px;height: 22px;overflow: hidden;}
.service_bot li a .p2{color: #999;font-size: 14px;margin-top: 20px;margin-bottom: 20px; display: inline-block;}
.service_bot li a .p2 .s1{margin-right: 30px;}
.service_bot li a .p2 .s1 img{width: 20px;height: 20px;margin-right: 10px;}
.service_bot li a .p2 .s2{color: #0080ff;}
.service_bot li a .p2 .s2 img{width: 20px;height: 20px;margin-right: 10px;}
.service_bot li a .p3{color: #666;font-size: 14px;line-height: 26px;height: 52px;overflow: hidden;}
.service_bot li a:hover .p1{color: #f1920b;}
.service_bot li a .p2 .s2:hover{color: #f1920b;}

}
/** 品牌服务 ====================================================================================*/


.pag_title{text-align: center;  margin:50px 0px 40px 0px; position: relative; }
.pag_title .h3{font-size: 46px;color: #2a2a2a; font-weight: bold; position: relative; z-index: 2;}
.pag_title .p1{font-size:50px; position: absolute; top: 0px; left: 0px;  text-align: center; width: 100%; font-weight:bolder;color:#eeeeee;line-height: 28px; margin: 0px auto 0 auto; text-transform: uppercase;}
.pag_title .p2{ width: 150px; margin: 10px auto; height: 3px; background: #0080ff; position: relative; z-index: 2;}
@media screen and (max-width: 1023px){
.pag_title{text-align: center;  margin:20px 0px 20px 0px; position: relative; }
.pag_title .h3{font-size: 30px;color: #2a2a2a; font-weight: bold; position: relative; z-index: 2;}
.pag_title .p1{font-size:26px; position: absolute; top: 10px; left: 0px;  text-align: center; width: 100%; font-weight:bolder;color:#eeeeee;line-height: 28px; margin: 0px auto 0 auto; text-transform: uppercase;}
.pag_title .p2{ width: 100px; margin: 10px auto; height: 3px; background: #0080ff; position: relative; z-index: 2;}
}


/** 成功案例 ====================================================================================*/

ul.anli_list{ margin-left:-10px; margin-right: -10px; margin-top: -10px; display: block;}
ul.anli_top{padding-top: 50px;}
ul.anli_list li{ width: 33.333%; height:auto; float: left; padding: 10px 10px;}
ul.anli_list li a{display: block;position: relative; padding: 0px; background: #fff;box-shadow:0 5px 15px rgba(0,0,0,0.15); }
ul.anli_list li a .bian{position: relative;}

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

ul.anli_list li a .text{padding: 20px 20px 20px 20px; overflow: hidden; }
ul.anli_list li a .text .t1{ font-size: 16px; height: 44px;line-height: 22px; margin-bottom: 5px; overflow: hidden; font-weight: bold; position: relative;transition: all 0.5s ease-out; word-break: break-all; }
ul.anli_list li a .text .t2{ font-size: 14px; line-height: 25px; height: 75px; margin-top: 10px; margin-bottom: 20px; overflow: hidden; color: #666; display: none;}
ul.anli_list li a .text .t3{ background:#0b52b2; font-size: 12px; color: #fff; display: inline-block; padding: 5px 20px 5px 10px;transition: all 0.5s ease-out;}
ul.anli_list li a .text .t4{ font-size: 12px; color: #666; margin-bottom: 5px;}

ul.anli_list li a:hover{box-shadow:0 10px 15px rgba(0,0,0,0.15); }
ul.anli_list li a:hover .text .t1{ color: #0b52b2;}
ul.anli_list li a:hover .text .t3{padding: 5px 20% 5px 10%; }

@media (max-width:992px){
ul.anli_list{ margin-left:-10px; margin-right: -10px; display: block;}
ul.anli_list li{ width: 100%; height:auto; float: left; padding: 10px 10px;}
ul.anli_list li a{display: block;position: relative; padding: 0px; background: #fff;box-shadow:0 0 15px rgba(0,0,0,0.15); }
ul.anli_list li a .bian{position: relative;}

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

ul.anli_list li a .text{padding: 15px 20px 15px 20px; overflow: hidden; }
ul.anli_list li a .text .t1{ font-size: 0.6rem; height:auto;line-height: 22px; margin-bottom: 5px; overflow: hidden; font-weight: bold; position: relative;transition: all 0.5s ease-out; word-break: break-all; }
ul.anli_list li a .text .t2{ font-size: 12px; line-height: 20px; height: 40px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; color: #666; display: none;}
ul.anli_list li a .text .t3{ background:#0b52b2; font-size: 12px; color: #fff; float: right; display: inline-block; padding: 5px 20px 5px 10px;transition: all 0.5s ease-out;}
ul.anli_list li a .text .t4{ font-size: 12px; color: #666; float: left; padding-top: 5px;}

ul.anli_list li a:hover{box-shadow:0 0 15px rgba(0,0,0,0.15); }
ul.anli_list li a:hover .text .t1{ color: #0b52b2;}
ul.anli_list li a:hover .text .t3{padding: 5px 20% 5px 10%; }

}









.pag_mainm{padding-top: 60px;padding-bottom: 60px;background-color: #f6f6f6;}
.pag_mainm .max1200{position: relative;}
.profess_img{position: absolute;top: 0px;left: 30px;width: 320px;}
.profess_img .imgzoom{padding-bottom: 120%; width: 100%; position: relative; overflow: hidden; }
.profess_img .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.profess_img:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.profess_txt{min-height: 385px;padding-left: 365px;}
.profess_txt .h3{font-size: 30px;color: #333;}
.profess_txt .txt{font-size: 16px;color: #333;line-height: 45px;margin-top: 20px;}
@media screen and (max-width: 1023px){
.pag_mainm{padding-top: 30px;padding-bottom: 30px;background-color: #f6f6f6;}
.profess_img{position: relative;top: 0px;left: 0px;width: 100%;}
.profess_txt{min-height: auto;padding-left: 0px;padding-top: 30px;}
.profess_txt .h3{font-size: 20px;color: #333;}	
.profess_txt .txt{font-size: 14px;color: #333;line-height: 26px;margin-top: 10px;}
}
/** 专业人士 ====================================================================================*/


ul.corpus_list{margin-left: -20px;margin-right: -20px;margin-top: 50px;}
ul.corpus_list li{width: 33.3%;float: left;padding: 0px 20px;margin-bottom: 60px;}
ul.corpus_list li a{display: block;}
ul.corpus_list li a .data{font-size: 16px;color: #0080ff;}
ul.corpus_list li a .p1{font-size: 22px;color: #333;line-height: 24px;height: 24px;overflow: hidden;margin-top: 12px;}
ul.corpus_list li a .p2{font-size: 14px;color: #333;line-height: 26px;height: 52px;overflow: hidden;margin-top: 12px;}
ul.corpus_list li a span{display: inline-block;padding: 10px 40px;background-color: #0080ff;border: 1px solid #0080ff;color: #fff;font-size: 16px;transition: all 0.5s ease-out;margin-top: 30px;}
ul.corpus_list li a:hover .p1{color: #0080ff;}
ul.corpus_list li a span:hover{background-color: #fff;border: 1px solid #0080ff;color: #0080ff;}
@media screen and (max-width: 1023px){
ul.corpus_list{margin-left: 0px;margin-right: 0px;margin-top: 20px;}
ul.corpus_list li{width: 100%;float: left;padding: 0px 0px;margin-bottom: 20px;}
ul.corpus_list li a .data{font-size: 12px;color: #0080ff;}
ul.corpus_list li a .p1{font-size: 16px;color: #333;line-height: 24px;height: auto;overflow: hidden;margin-top: 5px;font-weight: bold;}
ul.corpus_list li a .p2{font-size: 12px;color: #666;line-height: 20px;height: 40px;overflow: hidden;margin-top: 5px;}
ul.corpus_list li a span{display: inline-block;padding: 5px 10px;background-color: #0080ff;border: 1px solid #0080ff;color: #fff;font-size: 12px;transition: all 0.5s ease-out;margin-top: 10px;}	
}
/** 律师文集 ====================================================================================*/


.contact{position: relative;margin-top: 20px;}
.contact_r{position: absolute;top: 0px;right: 0px;width: 600px;}
.contact_r .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden; }
.contact_r .imgzoom img{width: 100%; height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.contact_r:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.contact_l{min-height: 400px;padding-right: 650px;font-size: 16px; line-height: 26px;}
.contact_l .p1{margin-bottom: 10px;font-size: 20px;color: #2a2a2a;line-height: 47px;height: auto;overflow: hidden;}
.contact_l .p1 img{width: 45px;height: auto;margin-right: 15px; float: left;}
.contact_l .p1:last-child{line-height: 47px;height: auto;overflow: hidden;}
.contact_b{margin-top: 50px;}
iframe{height: 350px;}
@media screen and (max-width: 1023px){
.contact{position: relative;margin-top: 30px;}
.contact_r{position: relative;top: 0px;right: 0px;width: 100%;}
.contact_l{min-height: auto;padding-right: 0px;margin-top: 20px;}
.contact_l .p1{margin-bottom: 5px;font-size: 15px;color: #2a2a2a;line-height: 35px;height: auto;overflow: hidden;}
.contact_l .p1 img{width: 30px;height: auto;margin-right: 15px;}
.contact_l .p1:last-child{line-height: 35px;height: auto;overflow: hidden;}
.contact_b{margin-top: 20px;}
iframe{height: 350px;}
}
/** 联系我们 ====================================================================================*/





.wrap_m{background-color: #ededed;padding: 35px 55px;margin-bottom: 60px;}
.wrap_m .h3 span{font-size: 30px;color: #333;}
.wrap_m .h3 em{font-size: 14px;color: #333;margin-left: 5px;}
.wrap_m .p1{font-size: 16px;color: #2a2a2a;margin-top: 25px;line-height: 26px;}
.consult-set{position: relative;overflow: hidden;}
.consult-col{width: 50%;float: left;}
.consolut-item{position: relative;margin-top: 40px;padding: 0 30px;overflow: hidden;}
.consolut-item input{width: 90%;padding: 0 5%;height: 60px;color: #333;font-size: 16px;border: none;background: #ededed;}
.consolut-item textarea{width: 90%;padding: 12px 4.5%;height: 235px;color: #333;font-size: 16px;border: none;background: #ededed;border: 1px solid #ededed;}
.consult-item-half{display: inline-block;width: 35%;float: left;position: relative;overflow: hidden;}
.consult-item-half:first-child{width: 65%;}
.consult-item-half img {float: right;}
.zixun_more{text-align: center;margin-top: 60px;}
.zixun_more button{display: inline-block;background-color: #0080ff;color: #fff;border: 1px solid #0080ff;padding: 15px 80px;margin: 0px 30px;font-size: 18px;}
.zixun_more button:hover{background-color: #fff;color: #0080ff;cursor:pointer;}

.consult_telphone{background-color: #e3973d;width: 100%;margin: 0px auto;padding: 25px;margin-top: 60px;color: #fff;text-align: center;font-size: 22px;}
.wenda{margin-top: 60px;}
.wenda .item{margin-bottom: 22px;}
.wenda .item .p1{position: relative;background-color: #ececec;border-bottom: 1px solid #e2e2e2;padding: 20px 20px 20px 70px;}
.wenda .item .p1 a{display: inline-block;font-size: 18px;color: #333;}
.wenda .item .p1 a:hover{color: #e3973d;}
.wenda .item .p2{position: relative;background-color: #f6f6f6;color: #666;font-size: 16px; line-height: 1.7; border-bottom: 1px solid #e2e2e2;padding: 20px 20px 20px 70px;}
.wenda .item .p1 i{background-image:url(../images/icon/wen.png);background-repeat:no-repeat; background-position: center center; width: 36px;height: 36px;position: absolute;top: 13px;left: 20px;}
.wenda .item .p2 i{background-image:url(../images/icon/da.png);background-repeat:no-repeat; background-position: center center; width: 36px;height: 36px;position: absolute;top: 13px;left: 20px;}
.wenda .item .p3{background-color: #f6f6f6;text-align: right;line-height: 40px;height: 40px;font-size: 14px;color: #999;padding: 0px 20px;}
.wenda .item .p3 span{margin-left: 10px;}
@media screen and (max-width: 1023px){
.wrap_m{background-color: #ededed;padding: 15px 15px;margin-bottom: 60px;}
.wrap_m .h3 span{font-size: 18px;color: #333;}
.wrap_m .h3 em{font-size: 14px;color: #333;margin-left: 5px;}
.wrap_m .p1{font-size: 14px;color: #2a2a2a;margin-top: 10px;line-height: 24px;}
.consult-col{width: 100%;float: left;}
.consolut-item{position: relative;margin-top: 20px;padding: 0 10px;overflow: hidden;}
.consolut-item input{width: 90%;padding: 0 5%;height: 50px;color: #333;font-size: 16px;border: none;background: #ededed;}	
.consolut-item:nth-child(1) input{width: 100%;padding: 0 5%;height: 50px;color: #333;font-size: 16px;border: none;background: #ededed;}
.consolut-item:nth-child(2) input{width: 100%;padding: 0 5%;height: 50px;color: #333;font-size: 16px;border: none;background: #ededed;}	
.consolut-item textarea{width: 100%;padding: 12px 4.5%;height: 235px;color: #333;font-size: 16px;border: none;background: #ededed;border: 1px solid #ededed;}
.zixun_more{text-align: center;margin-top: 30px;}
.zixun_more a{display: inline-block;background-color: #0080ff;color: #fff;border: 1px solid #0080ff;padding: 8px 25px;margin: 0px 10px;font-size: 14px;}
.consult_telphone{background-color: #e3973d;width: 100%;margin: 0px auto;padding: 15px;margin-top: 30px;color: #fff;text-align: center;font-size: 16px;line-height: 24px;}
.wenda{margin-top: 30px;}
.wenda .item{margin-bottom: 22px;}
.wenda .item .p1{position: relative;background-color: #ececec;border-bottom: 1px solid #e2e2e2;padding: 15px 15px 15px 60px;}
.wenda .item .p1 a{display: inline-block;font-size: 14px;color: #333;}
.wenda .item .p1 a:hover{color: #e3973d;}
.wenda .item .p2{position: relative;background-color: #f6f6f6;color: #666;font-size: 14px;border-bottom: 1px solid #e2e2e2;padding: 15px 15px 15px 60px;}
.wenda .item .p1 i{background-image:url(../images/icon/wen.png);background-repeat:no-repeat; background-position: center center; width: 26px;height: 26px;position: absolute;top: 11px;left: 20px;background-size:26px;}
.wenda .item .p2 i{background-image:url(../images/icon/da.png);background-repeat:no-repeat; background-position: center center; width: 26px;height: 26px;position: absolute;top: 11px;left: 20px;background-size:26px;}
.wenda .item .p3{background-color: #f6f6f6;text-align: right;line-height: 40px;height: 40px;font-size: 14px;color: #999;padding: 0px 20px;}
.wenda .item .p3 span{margin-left: 10px;}
}
/** 预约咨询 ====================================================================================*/



.pag_info{ margin-top: -150px; margin-bottom: 50px; padding:50px 50px 30px 50px;position: relative; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15);
color: #5d5d5d;}

.news_info_txt{font-size: 16px;color: #333;line-height: 2;}



@media (max-width:1023px){
.pag_info{ margin-top: 10px; margin-bottom: 20px; padding:15px 5px 15px 5px;position: relative; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.0);
color: #5d5d5d;}
.news_info_txt{font-size: 15px;color: #5d5d5d;line-height: 1.76;}
}

.fanye{margin-top: 30px;padding-top: 30px; border-top: 1px dashed #ccc;}
.fanyea{padding-bottom: 15px;color: #333;font-size: 15px;}
.fanyea a{color: #333;}
.fanyea a:hover{color: #0053cc;}
.fanyefh a{color: #fff;background-color: #0053cc;font-size: 15px;text-align: center;padding: 10px 50px;display: inline-block;margin-top: 10px;transition: all 0.5s ease-out;text-transform: capitalize;}
.fanyefh a:hover{background-color: #0053cc;color: #fff;padding: 10px 65px;}

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

@media (max-width:1023px){
.fanye{margin-top: 10px;padding-top: 20px;}
.fanyea{padding-bottom: 10px;color: #333;font-size: 14px;}
.fanyefh a{color: #fff;background-color: #0053cc;font-size: 14px;text-align: center;padding: 5px 30px;display: inline-block;margin-top: 10px;transition: all 0.5s ease-out;text-transform: capitalize;}
.fanyefh a:hover{background-color: #0053cc;color: #fff;padding: 5px 30px;}
	
.info_xinxi{ padding: 10px 10px 10px 10px; margin-top: 10px; font-size: 12px; color: #666; line-height: 1.5; background: #f4f4f4;}

}
/** 律师动态详细页 ====================================================================================*/

.service_tit{margin-top: 0px;padding-bottom: 12px;border-bottom: 1px solid #ddd;text-align: center;}
.service_tit .h3{font-size: 30px;color: #333;}
.service_tit .p1{margin-top: 10px;}
.service_tit .p1 span{display: inline-block;margin: 0px 10px;font-size: 14px;color: #999;}
.service_txt{margin-top: 30px;font-size: 16px;color: #565656;line-height: 2;}
@media (max-width:1023px){
.service_tit{margin-top: 10px;padding-bottom: 12px;border-bottom: 1px solid #ddd;text-align: center;}
.service_tit .h3{font-size: 18px;color: #333;}
.service_tit .p1{margin-top: 10px;}
.service_tit .p1 span{display: inline-block;margin: 3px 10px;font-size: 12px;color: #999;}
.service_txt{margin-top: 10px;font-size: 15px;color: #565656;line-height: 1.65;}
}
/** 品牌服务详细页 ====================================================================================*/


.danye{position: relative;color: #333;font-size: 16px;line-height: 26px;padding: 40px 20px;overflow: hidden;}
@media (max-width:1023px){
.danye{position: relative;color: #333;font-size: 14px;line-height: 24px;padding: 20px 5px;overflow: hidden;}
}



/** 底部 ====================================================================================*/

.footer{background-color: #262626;color: #fff;padding-top: 50px;padding-bottom: 0px;}
.container{position: relative;}
.container .container_l{ padding-right: 500px; min-height: 280px;}
.container .container_r{position: absolute;top: 0px;right: 0px;width:auto;text-align:right;}

.footul{ float: left; border-left: 1px solid #3f3d3d; padding: 0px 13% 30px 50px ;}
.footul_t{ display: block; padding-bottom: 20px; font-size: 18px; }
.footul_b{ display: block;}
.footul_b a{ display: block; padding-bottom: 12px; font-size: 14px; color: #a0a0a0;}
.footul_b a:hover{color: #0053cc;}

.yjba{width: 100%;}
.yjba p{font-size: 16px;color: #898989;line-height: 16px;letter-spacing: 1px;text-align: right;}
.yjba h6{font-size: 34px;color: #0053cc;line-height: 28px;text-align: right;font-weight: bold;margin-top: 12px;}
.yjba span{display: block;float: right;width: 21px;height: 2px;background-color: #0053cc;margin-top: 23px;}

.yjbb{margin-top: 30px;}
.yjbbb{width: 116px; float: right; margin-left: 10px;}
.yjbbb img{width: 100%;}
.yjbbb p{text-align: center;font-size: 12px;color: #b5b5b5;line-height: 12px;margin-top: 7px;}
.yjbba{margin-right: 15px; float: left;}
.yjbba p{font-size: 14px;color: #b5b5b5;text-align: right;margin-bottom: 18px;}
.yjbba p img{float: right;display: inline-block;margin-left: 11px;}
.yjbba a{color: #b5b5b5;}

.cop_box{background-color: #141414;color: #b5b5b5; font-size: 12px; line-height: 22px; padding-top: 15px; padding-bottom: 15px;}
.cop_box a{color: #b5b5b5; }
.cop_box a:hover{color: #0053cc; }

.yqlj{color: #868686; padding-top: 15px;}
.yqlj a{color: #868686; padding-right: 10px; display: inline-block; padding-bottom: 5px;}
.yqlj a:hover{color: #0053cc; }

@media screen and (max-width: 1200px){
.footul{ float: left; border-left: 1px solid #3f3d3d; padding: 0px 10% 30px 20px ;}
	.g3no{display: none;}
}

@media screen and (max-width: 999px){
.footer{background-color: #262626;color: #fff;padding-top: 8%;padding-bottom: 8%;}
.container{position: relative;}
.container .container_l{ display: none;}
.container .container_r{position: relative;top: 0px;right: 0px;width: 100%;text-align:right; padding-right: 20px;}
	
.yjbb{margin-top: 20px;}
.yjbbb{width: 116px; float: right; display: none;}
.yjbbb img{width: 100%;}
.yjbbb p{text-align: center;font-size: 12px;color: #b5b5b5;line-height: 12px;margin-top: 7px;}
.yjbba{margin-right: 15px; float: left; width: 100%;}
.yjbba p{font-size: 0.48rem;color: #b5b5b5;text-align: right;margin-bottom: 10px;}
.yjbba p img{float: right;display: inline-block;margin-left: 11px;}

.cop_box{ text-align: left; font-size: 12px; border-top: 1px solid #141414;background-color: #141414;color: #b5b5b5; font-size: 0.48rem; padding-top: 15px;padding-bottom: 90px;}
.cop_box a{color: #b5b5b5; }
.cop_box a:hover{color: #0053cc; }
	
.yqlj{display: none;}
}
/** 底部 ====================================================================================*/




.tan_boxbg{background:rgba(21,28,50,0.8);position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;z-index: 9999; display: none;}
.tan_box{position: fixed; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left: 50%; width:900px; margin-left: -450px; background-color: #fff;padding: 40px 50px; }
.tan_box .i1{text-align: center;margin-bottom: 20px;}
.tan_box .i1 img{width: 300px;height: auto;}
.tan_box .h3{text-align: center;font-size: 16px;color: #333;margin-bottom: 20px;}
.tan_box .h4{text-align: center;font-size: 26px;color: #000;font-weight: bold;margin-bottom: 10px;}
.tan_box .wei{text-align: center; padding: 20px;}
.tan_box .wei img{width: 150px; border: 2px solid #ddd; }
.tan_box .wei span{display: block;font-size: 14px;color: #333; padding-top: 10px;}
.tan_box .more {text-align: center;margin-top: 30px;}
.tan_box .more a{display: inline-block;padding: 20px 150px; font-size: 18px; background-color: #0080FF;color: #fff;}
.tan_box .more a:hover{background-color: #004b96;}	

@media (max-width:1023px){
.tan_boxbg{background:rgba(21,28,50,0.8);position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;z-index: 9999; display:none;}
.tan_box{position: fixed; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left: 50%; width:90%; margin-left: -45%; background-color: #fff;padding: 20px 10px; }
.tan_box .i1{text-align: center;margin-bottom: 20px;}
.tan_box .i1 img{width: 70%;height: auto;}
.tan_box .h3{text-align: center;font-size: 14px;color: #333;margin-bottom: 10px;}
.tan_box .h4{text-align: center;font-size: 20px;color: #000;font-weight: bold;margin-bottom: 10px;}
.tan_box .wei{text-align: center; padding: 10px;}
.tan_box .wei img{width: 150px; border: 2px solid #ddd; }
.tan_box .wei span{display: block;font-size: 14px;color: #333; padding-top: 10px;}
.tan_box .more {text-align: center;margin-top: 10px;}
.tan_box .more a{display: inline-block;padding: 10px 30px; width: 80%; font-size: 18px; background-color: #0080FF;color: #fff;}
.tan_box .more a:hover{background-color: #004b96;}		
}




/** PC在线客服 ====================================================================================*/
.pc_kefu{position:fixed; width: 70px;left:0;top:60%;margin-top:-200px;z-index:9999;display: none;}
.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;left:-150px;z-index: 1;transition: all 0.6s ease;}
.pc_kefu dl dd.wechat{padding: 10px 10px;}
.pc_kefu dl:hover dt{background-color: #1e3d55;}
.pc_kefu dl:hover dd{left: 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: #0053cc; 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 10px;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}
}
/** 手机微信弹出 ====================================================================================*/


/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}

.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}



.bb_info_txt{font-size: 16px;color: #333;line-height: 2;   position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%;}
.bbimg{ width: 300px;  position:sticky; top: 100px;}

@media (max-width:1023px){
	.bb_info_txt{font-size: 16px;color: #333;line-height: 2;   position: relative; display:block; flex-wrap: wrap; align-items:baseline; width: 100%;}
.bbimg{ width: 260px; margin: 0px auto;  position:relative; top: 0px;}
}

.pro_cx{ margin-top: 0px; border-bottom: 4px solid #303c4a;  padding-bottom: 20px; width: calc(100% - 300px); padding-left: 50px;}
.pro_cx .tit{ font-size: 24px; font-weight: 600;color:#0656a9; margin-bottom: 20px;}
.pro_cx dd{margin-bottom: 20px; font-size: 16px; line-height: 1.5;}
.pro_cx .name{ float: left; width: 80px; font-weight: 600;}
.pro_cx .desc{ margin-left: 80px; color: #303c4a;}
.pro_cx .desc span{color:#0656a9; display: block; font-size: 24px; font-weight: 600; line-height: 1;}

@media (max-width:1023px){
	.pro_cx{ margin-top: 0px; border-bottom: 4px solid #303c4a;  padding-bottom: 20px; width: calc(100% - 0px); padding-left: 0px;}
	.pro_cx .tit{ font-size: 24px; font-weight: 600;color:#0656a9; margin-bottom: 10px;}
	.pro_cx dd{margin-bottom: 10px; font-size: 14px; line-height: 1.5;}
	.pro_cx .name{ float: left; width: 80px; font-weight: 600;}
	.pro_cx .desc{ margin-left: 80px; color: #303c4a;}
	.pro_cx .desc span{color:#0656a9; display: block; font-size: 24px; font-weight: 600; line-height: 1;}
}

.duiyuanimg{ display: block; font-size: 0px; }
.duiyuanimg li{width: 50%; float: left; margin-bottom: 30px;  padding-left: 0px; padding-right: 10px;}
.duiyuanimg li img{ width: 100%;}
.duiyuanimg li b{ display: block; text-align: center; font-size: 16px; padding-top: 10px;}

@media (max-width:1023px){

.duiyuanimg{ display: block; margin-left: 0px; margin-right:0px;}
.duiyuanimg li{width: 100%; display: inline-block; margin-bottom: 15px; padding-left: 0px; padding-right: 0px;}
.duiyuanimg li img{ width: 100%;}
.duiyuanimg li b{ display: block; text-align: center; font-size: 16px;}

}