@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; text-decoration: none;font-family:"微软雅黑", "宋体", Arial; }
.chongx { width: 266px; height: 45px; background: #555; color: #fff; border: 0;}
.fabiao { width: 266px; height: 45px; background: #951315; color: #fff; border: 0;}
.font-red{color:#951315;}
.top{width:100%; height:44px; background-color:#142647;}
.top .frame{width:100%; height:28px; padding-top:10px; max-width:1920px; margin:0 auto;}
.top .frame .phone-text{float:right; margin-right:5%; height:28px; line-height:28px; color:#afafaf; font-size:16px;}
.top .frame .phone-img{float:right; width:28px; height:28px; margin-right:12px;}
.top .frame .phone-img2{float:right; width:28px; height:28px; margin-right:26px;}

.logo{width:100%; height:138px; background-color:#edeeef; }
.logo .frame{width:100%; max-width:1920px; height:138px; margin:0 auto; background:url(../images/bg-logo.jpg) no-repeat top center;}
.logo .frame .logo-img{float:left; width:386px; height:96px; margin-left:5%; margin-top:24px; background:url(../images/logo.png) no-repeat left top;}

.logo .frame .nav{width:900px; height:50px; line-height:50px; float:right; margin-right:2%; margin-top:68px;}
/*nav*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding:0 20px; height:34px; line-height:34px; position:relative; z-index:1;  }
.nav a{ color:#535353;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; padding:0 22px; font-size:22px; font-weight:500;}
.nav .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:#edeef0;  line-height:26px; padding:5px 0;  z-index:1000; padding-top:20px;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align:center; color:#535353; line-height:2.8;}
.nav .sub a:hover{ background:#a23435; color:#fff;  }
.nav .on h3 a{color:#a23435; font-weight:bold; }


@media screen and (max-width:1680px){
.logo .frame .nav{width:880px; height:50px; line-height:50px; float:right; margin-right:2%; margin-top:68px;}
/*nav*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding:0 20px; height:34px; line-height:34px; position:relative; z-index:1;  }
.nav a{ color:#535353;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; padding:0 22px; font-size:22px; font-weight:500;}
.nav .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:#edeef0;  line-height:26px; padding:5px 0;  z-index:1000; padding-top:20px;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align:center; color:#535353; line-height:2.8;}
.nav .sub a:hover{ background:#a23435; color:#fff;  }
.nav .on h3 a{color:#a23435; font-weight:bold; }	
}

@media screen and (max-width:1480px){
.logo .frame .nav{width:780px; height:50px; line-height:50px; float:right; margin-right:1%; margin-top:68px;}
/*nav*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding:0 20px; height:34px; line-height:34px; position:relative; z-index:1;  }
.nav a{ color:#535353;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; padding:0 18px; font-size:20px; font-weight:500;}
.nav .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:#edeef0;  line-height:26px; padding:5px 0;  z-index:1000; padding-top:20px;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align:center; color:#535353; line-height:2.8;}
.nav .sub a:hover{ background:#a23435; color:#fff;  }
.nav .on h3 a{color:#a23435; font-weight:bold; }	
}

@media screen and (max-width:1360px){
.logo .frame .nav{width:680px; height:50px; line-height:50px; float:right; margin-right:1%; margin-top:68px;}
/*nav*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding:0 20px; height:34px; line-height:34px; position:relative; z-index:1;  }
.nav a{ color:#535353;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; padding:0 14px; font-size:18px; font-weight:500;}
.nav .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:#edeef0;  line-height:26px; padding:5px 0;  z-index:1000; padding-top:20px;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align:center; color:#535353; line-height:2.8;}
.nav .sub a:hover{ background:#a23435; color:#fff;  }
.nav .on h3 a{color:#a23435; font-weight:bold; }	
}

@media screen and (max-width:1260px){
.logo .frame .nav{width:680px; height:50px; line-height:50px; float:right; margin-right:1%; margin-top:68px;}
/*nav*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding:0 20px; height:34px; line-height:34px; position:relative; z-index:1;  }
.nav a{ color:#535353;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; padding:0 14px; font-size:18px; font-weight:500;}
.nav .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:#edeef0;  line-height:26px; padding:5px 0;  z-index:1000; padding-top:20px;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align:center; color:#535353; line-height:2.8;}
.nav .sub a:hover{ background:#a23435; color:#fff;  }
.nav .on h3 a{color:#a23435; font-weight:bold; }
}

.banner{width:100%; min-width:1360px; height:706px; opacity: 1;
 transition-duration:0s;}
/*banner*/
/* 本例子css */
.banner-n{ width:100%; min-width:1360px; height:706px; overflow:hidden; position:relative;}
.banner-n .hd{width:100%; min-width:1360px; height:15px; overflow:hidden; position:absolute; right:5px; bottom:20px; z-index:1; }
.banner-n .hd ul{ overflow:hidden; zoom:1;width:100%; text-align:center; }
.banner-n .hd ul li{margin-right:8px;  width:70px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; display:inline-block;}
.banner-n .hd ul li a{}
.banner-n .hd ul li.on{ background:#0094e7; color:#fff; }
.banner-n .bd{ position:relative; height:100%; z-index:0;   }
.banner-n .bd li{ zoom:1; vertical-align:middle; }
.banner-n .bd li.banner1{background:url(../images/banner.jpg) no-repeat top center; height:706px;}
.banner-n .bd li.banner2{background:url(../images/banner2.jpg) no-repeat top center; height:706px;}
.banner-n .bd img{ width:450px; height:706px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner-n .prev,
.banner-n .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner-n .next{ left:auto; right:3%; background-position:8px 5px;}
.banner-n .prev:hover,
.banner-n .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner-n .prevStop{ display:none;}
.banner-n .nextStop{ display:none;}
/*banner end*/


.main01{width:100%; min-width:1360px; height:758px; padding-top:72px;background:url(../images/bg-main01.jpg) no-repeat top center;background-color:#fbfbfb; }
.main01 .frame{width:1280px; height:812px; margin:0 auto;}
.main01 .frame .title-name1{width:280px; height:42px; line-height:42px; text-align:center; font-size:36px; font-weight:bold; color:#292a30; margin:0 auto 24px; letter-spacing:2px;}
.main01 .frame .title-line1{width:280px; height:3px; background:#e7e7e7; margin:0 auto;}
.main01 .frame .title-line1 .title-line1t{width:70px; height:3px; background:#951315; margin:0 auto;}
.main01 .frame .title-en1{width:280px; height:28px; line-height:28px; text-align:center; color:#333; font-size:22px; margin:16px auto 0;}
.main01 .frame .main01-n{width:1270px; height:540px; margin:36px auto 0; overflow:hidden; position:relative;}



.main01 .frame .main01-n .m1-big{width:402px; height:450px;background:url(../images/bg-m1big.jpg) no-repeat top center; border:2px solid #fff;-moz-box-shadow:2px 2px 5px #ddd; -webkit-box-shadow:2px 2px 5px #ddd; box-shadow:2px 2px 5px #ddd; padding-top:82px; transition-property:background; transition-duration:1s; position:absolute; top:0; left:0;}
.main01 .frame .main01-n .m1-big:hover{background:url(../images/bg-m1big-2.jpg) no-repeat top center;}
.main01 .frame .main01-n .m1-big .m1-icon{width:116px; height:116px; margin:0 auto 34px; background:url(../images/m1-icon-11.png) no-repeat top center;}
.main01 .frame .main01-n .m1-big:hover .m1-icon{background:url(../images/m1-icon-12.png) no-repeat top center;}
.main01 .frame .main01-n .m1-big .m1-text{width:160px; height:34px; line-height:34px; margin:0 auto; text-align:center; color:#142647; font-size:34px; font-weight:bold;}
.main01 .frame .main01-n .m1-big:hover .m1-text{color:#fff;}
.main01 .frame .main01-n .m1-big .m1-line{width:36px; height:5px; margin:30px auto; background-color:#142647;}
.main01 .frame .main01-n .m1-big:hover .m1-line{background-color:#fff;}
.main01 .frame .main01-n .m1-big .m1-en{width:328px; height:34px; line-height:34px; margin:0 auto; text-align:center; color:#142647; font-size:24px;}
.main01 .frame .main01-n .m1-big:hover .m1-en{color:#fff;}
.main01 .frame .main01-n .m1-big .m1-btn{width:328px; height:44px; margin-left:70px; overflow:hidden; margin-top:28px;}
.main01 .frame .main01-n .m1-big .m1-btn a{display:block; float:left; width:112px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#142647; border-radius:8px; border:1px solid #445472; margin-right:26px; }
.main01 .frame .main01-n .m1-big:hover .m1-btn a{color:#fff; border:1px solid #fff;}
.main01 .frame .main01-n .m1-big:hover .m1-btn a:hover{background-color:#730f11;}

.main01 .frame .main01-n .m1-small{width:400px; height:224px;background:url(../images/bg-m1small.jpg) no-repeat top center; border:2px solid #fff;-moz-box-shadow:2px 2px 5px #ddd; -webkit-box-shadow:2px 2px 5px #ddd; box-shadow:2px 2px 5px #ddd; padding-top:25px; transition-property:background; transition-duration:1s;}
.ms01{position:absolute; top:0; left:436px;}
.ms02{position:absolute; top:0; left:862px;}
.ms03{position:absolute; top:281px; left:436px;}
.ms04{position:absolute; top:281px; left:862px;}

.main01 .frame .main01-n .m1-small:hover{background:url(../images/bg-m1small2.jpg) no-repeat top center;}

.main01 .frame .main01-n .m1-small .m1-icon2{width:116px; height:116px; margin:0 auto 16px; background:url(../images/m1-icon-21.png) no-repeat top center;}
.main01 .frame .main01-n .m1-small:hover .m1-icon2{background:url(../images/m1-icon-22.png) no-repeat top center;}

.main01 .frame .main01-n .m1-small .m1-icon3{width:116px; height:116px; margin:0 auto 16px; background:url(../images/m1-icon-31.png) no-repeat top center;}
.main01 .frame .main01-n .m1-small:hover .m1-icon3{background:url(../images/m1-icon-32.png) no-repeat top center;}

.main01 .frame .main01-n .m1-small .m1-icon4{width:116px; height:116px; margin:0 auto 16px; background:url(../images/m1-icon-41.png) no-repeat top center;}
.main01 .frame .main01-n .m1-small:hover .m1-icon4{background:url(../images/m1-icon-42.png) no-repeat top center;}

.main01 .frame .main01-n .m1-small .m1-icon5{width:116px; height:116px; margin:0 auto 16px; background:url(../images/m1-icon-51.png) no-repeat top center;}
.main01 .frame .main01-n .m1-small:hover .m1-icon5{background:url(../images/m1-icon-52.png) no-repeat top center;}



.main01 .frame .main01-n .m1-small .m1-text{width:160px; height:34px; line-height:34px; margin:0 auto 8px; text-align:center; color:#142647; font-size:28px; font-weight:bold;}
.main01 .frame .main01-n .m1-small:hover .m1-text{color:#fff;}
.main01 .frame .main01-n .m1-small .m1-en{width:328px; height:34px; line-height:34px; margin:0 auto; text-align:center; color:#142647; font-size:18px;}
.main01 .frame .main01-n .m1-small:hover .m1-en{color:#fff;}




/*.slideGroup{ width:1280px;  height:470px; text-align:left;  }
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:5px 0 10px 80px; position:relative; width:1200px; height:470px;  }

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:60px; height:60px; border:2px solid #ddd; background:url(../images/icon-left1.gif) center center no-repeat #f4f4f4; border-radius:8px; margin-top:200px;}

.slideGroup .sNext{ left:auto; right:5px; background:url(../images/icon-right1.gif) center center no-repeat #f4f4f4;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ background-color:#ededed; }

.slideGroup .parBd ul{ overflow:hidden; zoom:1; height:470px;}
.slideGroup .parBd ul li.yw{width:354px; height:394px;margin:0 8px; float:left; _display:inline; overflow:hidden; background:#f00; background:url(../images/bg-m1a.jpg) no-repeat top center; border:2px solid #fff;-moz-box-shadow:2px 2px 5px #ddd; -webkit-box-shadow:2px 2px 5px #ddd; box-shadow:2px 2px 5px #ddd; padding-top:62px; transition-property:background; transition-duration:1s;}
.slideGroup .parBd ul li:hover.yw{background:url(../images/bg-m1h.jpg) no-repeat top center;}
.slideGroup .parBd ul li.yw .m1-icon{width:116px; height:116px; margin:0 auto 34px; background:url(../images/m1-icon-11.png) no-repeat top center;}
.slideGroup .parBd ul li:hover.yw .m1-icon{background:url(../images/m1-icon-12.png) no-repeat top center;}
.slideGroup .parBd ul li.yw .m1-text{width:160px; height:34px; line-height:34px; margin:0 auto; text-align:center; color:#142647; font-size:30px; font-weight:bold;}
.slideGroup .parBd ul li:hover.yw .m1-text{color:#fff;}
.slideGroup .parBd ul li.yw .m1-line{width:36px; height:5px; margin:20px auto; background-color:#142647;}
.slideGroup .parBd ul li:hover.yw .m1-line{background-color:#fff;}
.slideGroup .parBd ul li.yw .m1-en{width:200px; height:34px; line-height:34px; margin:0 auto; text-align:center; color:#142647; font-size:24px;}
.slideGroup .parBd ul li:hover.yw .m1-en{color:#fff;}
.slideGroup .parBd ul li.yw .m1-btn{width:328px; height:44px; margin-left:48px; overflow:hidden; margin-top:28px;}
.slideGroup .parBd ul li.yw .m1-btn a{display:block; float:left; width:112px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#142647; border-radius:8px; border:1px solid #445472; margin-right:26px; }
.slideGroup .parBd ul li:hover.yw .m1-btn a{color:#fff; border:1px solid #fff;}
.slideGroup .parBd ul li:hover.yw .m1-btn a:hover{background-color:#730f11;}

.slideGroup .parBd ul li.yw .m1-icon2{width:116px; height:116px; margin:0 auto 34px; background:url(../images/m1-icon-21.png) no-repeat top center;}
.slideGroup .parBd ul li:hover.yw .m1-icon2{background:url(../images/m1-icon-22.png) no-repeat top center;}

.slideGroup .parBd ul li.yw .m1-icon3{width:116px; height:116px; margin:0 auto 34px; background:url(../images/m1-icon-31.png) no-repeat top center;}
.slideGroup .parBd ul li:hover.yw .m1-icon3{background:url(../images/m1-icon-32.png) no-repeat top center;}

.slideGroup .parBd ul li.yw .m1-icon4{width:116px; height:116px; margin:0 auto 34px; background:url(../images/m1-icon-41.png) no-repeat top center;}
.slideGroup .parBd ul li:hover.yw .m1-icon4{background:url(../images/m1-icon-42.png) no-repeat top center;}

.slideGroup .parBd ul li.yw .m1-icon5{width:116px; height:116px; margin:0 auto 34px; background:url(../images/m1-icon-51.png) no-repeat top center;}
.slideGroup .parBd ul li:hover.yw .m1-icon5{background:url(../images/m1-icon-52.png) no-repeat top center;}*/

.main02{width:100%; min-width:1360px; height:506px; background:url(../images/bg-main02.jpg) no-repeat top center;}
.main02 .frame{width:1280px; height:430px; padding-top:76px; margin:0 auto;}
.main02 .frame .m2-title{width:200px; height:42px; line-height:42px; margin:0 auto; color:#fff; font-size:34px; font-weight:bold; text-align:center; letter-spacing:2px;}
.main02 .frame .m2-line{width:50px; height:6px; background-color:#951315; margin:0 auto; margin:24px auto 40px;}
.main02 .frame .m2-text{width:1180px; min-height:130px; margin:0 auto; text-indent:2em; font-size:19px; color:#fff; line-height:2.4;letter-spacing:1px;}
.main02 .frame .m2-btn{width:1100px; height:56px; margin-top:50px; overflow:hidden; margin-left:126px;}
.main02 .frame .m2-btn a{display:block; width:208px; height:54px; border:1px solid #c2bcbe; line-height:54px; text-align:center; float:left; color:#fff; font-size:22px; transition-property:border , background , color; transition-duration:1s; border-radius:10px; margin-right:60px;}
.main02 .frame .m2-btn a:hover{background:#951315; color:#fff; border:1px solid #951315;}


.main03{width:100%; min-width:1360px; height:800px; background-color:#f4f4f4;}
.main03 .frame{width:1280px; height:700px; padding-top:56px; margin:0 auto;}
.main03 .frame .title-name1{width:280px; height:42px; line-height:42px; text-align:center; font-size:36px; font-weight:bold; color:#292a30; margin:0 auto 24px; letter-spacing:2px;}
.main03 .frame .title-line1{width:280px; height:3px; background:#e7e7e7; margin:0 auto;}
.main03 .frame .title-line1 .title-line1t{width:70px; height:3px; background:#951315; margin:0 auto;}
.main03 .frame .title-en1{width:280px; height:28px; line-height:28px; text-align:center; color:#333; font-size:22px; margin:16px auto 0;}
.main03 .frame .m3-n{width:1240px; height:520px; margin:50px auto 0; overflow:hidden;}
.main03 .frame .m3-n .m3-left{float:left; width:648px; height:520px;}
.main03 .frame .m3-n .m3-left .m3-img{width:648px; height:300px;}
.main03 .frame .m3-n .m3-left .m3-l-n{width:648px; height:140px; margin-top:24px;}
.main03 .frame .m3-n .m3-left .m3-l-n .m3-l-title{width:648px; height:40px; color:#535353; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main03 .frame .m3-n .m3-left .m3-l-n .m3-l-title a{color:#535353; font-size:18px;}
.main03 .frame .m3-n .m3-left .m3-l-n .m3-l-title a:hover{color:#2c70d5;}
.main03 .frame .m3-n .m3-left .m3-l-n .m3-l-line{width:38px; height:5px; background-color:#3972e3; margin:10px 0 14px 10px;}
.main03 .frame .m3-n .m3-left .m3-l-n .m3-l-news{width:648px; height:68px; text-indent:2em; color:#838383; font-size:16px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:2.2; }
.main03 .frame .m3-n .m3-left .m3-l-n .m3-l-more{width:160px; height:36px;margin-top:20px;}
.main03 .frame .m3-n .m3-left .m3-l-n .m3-l-more a{display:block; padding:0 20px; border:1px solid #ddd; height:36px; line-height:36px; color:#838383; font-size:16px; text-align:center; border-radius:5px; transition-property:background , border , color; transition-duration:1s;}
.main03 .frame .m3-n .m3-left .m3-l-n .m3-l-more a:hover{background:#417fdc; border:1px solid #417fdc; color:#fff;}

.main03 .frame .m3-n .m3-right{width:560px; height:520px; float:right;}
.main03 .frame .m3-n .m3-right a{display:block; width:520px; height:80px; border:3px solid #f4f4f4; transition-property:border; transition-duration:0.5s; padding:17px; margin-bottom:8px;}
.main03 .frame .m3-n .m3-right a:hover{border:3px solid #2c70d5; overflow:hidden;}
.main03 .frame .m3-n .m3-right a .m3-l-left{float:left; width:90px; height:80px;}
.main03 .frame .m3-n .m3-right a .m3-l-left .m3-l-title{width:90px; height:28px; color:#535353; font-size:24px; font-weight:bold;}
.main03 .frame .m3-n .m3-right a:hover .m3-l-left .m3-l-title{width:90px; height:28px; color:#2c70d5; font-size:24px; font-weight:bold;}
.main03 .frame .m3-n .m3-right a .m3-l-left .m3-l-line{width:26px; height:3px; background-color:#d1d1d1; margin-top:12px; margin-left:6px;}
.main03 .frame .m3-n .m3-right a .m3-l-right{float:left; width:420px; height:80px;}
.main03 .frame .m3-n .m3-right a .m3-l-right .m3-l-title2{width:420px; height:24px; line-height:24px; color:#535353; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main03 .frame .m3-n .m3-right a:hover .m3-l-right .m3-l-title2{width:420px; height:24px; line-height:24px; color:#2c70d5; font-size:18px;}
.main03 .frame .m3-n .m3-right a .m3-l-right .m3-l-n2{width:420px; height:46px; line-height:1.6; color:#838383; font-size:15px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.main04{width:100%; min-width:1360px; height:652px; background:url(../images/bg-main04.jpg) no-repeat top center;}
.main04 .frame{width:1200px; height:600px; margin:0 auto; overflow:hidden; padding-top:52px;}
.main04 .frame .m4-left{float:left; width:586px; height:600px;}
.main04 .frame .m4-left .m4-l-title{width:576px; height:52px; line-height:46px; border-bottom:3px solid #f4f4f4; font-size:28px; font-weight:bold; color:#333; padding-left:10px;}
.main04 .frame .m4-left .m4-l-n{width:576px; height:220px; margin-top:26px; padding-left:10px;}
.main04 .frame .m4-left .m4-l-n p{line-height:3; color:#535353; font-size:18px;}
.main04 .frame .m4-left .m4-l-map{width:586px; height:208px; margin-top:20px;}

.main04 .frame .m4-right{float:right; width:574px; height:600px;}
.main04 .frame .m4-right .m4-r-title{width:564px; height:52px; line-height:46px; border-bottom:3px solid #f4f4f4; font-size:28px; font-weight:bold; color:#333; padding-left:10px;}

.main04 .frame .m4-right .m4-line1{width:574px; height:80px; margin-top:24px; overflow:hidden;}
.main04 .frame .m4-right .m4-line1 .m4-form01-k{width:630px; height:80px; overflow:hidden;}
.main04 .frame .m4-right .m4-line1 .m4-form01-k .m4-form01{float:left; width:265px; height:80px; margin-right:30px;}
.main04 .frame .m4-right .m4-line1 .m4-form01-k .m4-form01 .m4-form-name1{width:257px; height:26px; line-height:26px; color:#535353; font-size:16px; padding-left:8px;}
.main04 .frame .m4-right .m4-line1 .m4-form01-k .m4-form01 .m4-form-text1{width:257px; height:50px; padding-left:8px;}
.btn-search1{width:243px; height:38px; line-height:38px; padding-left:10px; border:2px solid #efefef; margin-top:8px;}

.main04 .frame .m4-right .m4-line2{width:574px; height:80px; margin-top:24px;}
.main04 .frame .m4-right .m4-line2 .m4-name2{width:566px; height:26px; line-height:26px; color:#535353; font-size:16px; padding-left:8px;}
.main04 .frame .m4-right .m4-line2 .m4-text2{width:566px; height:50px; padding-left:8px;}
.btn-search2{width:540px; height:38px; line-height:38px; padding-left:10px; border:2px solid #efefef; margin-top:8px;}

.main04 .frame .m4-right .m4-line3{width:574px; height:170px; margin-top:24px;}
.main04 .frame .m4-right .m4-line3 .m4-name3{width:566px; height:26px; line-height:26px; color:#535353; font-size:16px; padding-left:8px;}
.main04 .frame .m4-right .m4-line3 .m4-text3{width:566px; height:130px; padding-left:8px;}
.frame-message1{width:536px; height:120px; border:2px solid #efefef; margin-top:8px; padding-left:10px; padding-top:10px; color:#838383; font-size:14px;}
.main04 .frame .m4-right .m4-line4{width:574px; height:50px; margin-top:24px; overflow:hidden;}
.main04 .frame .m4-right .m4-line4 .m4-btn{width:620px; height:50px; overflow:hidden; padding-left:8px;}
.main04 .frame .m4-right .m4-line4 .m4-btn a{float:left; display:block; width:266px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:16px; background-color:#555; margin-right:20px;}
#tijiao{background-color:#951315;}

.down{width:100%; min-width:1360px; height:292px; padding-top:50px; background:url(../images/bg-down.jpg) no-repeat top center #565757;}
.down .contact{width:1200px; height:236px; margin:0 auto; overflow:hidden;}
.down .contact .contact-l{float:left; width:459px; height:236px; border-right:1px dashed #797979;}
.down .contact .contact-c{float:left; width:390px; height:236px; border-right:1px dashed #797979; padding-left:79px;}
.down .contact .contact-c .cc-title{width:340px; height:44px; line-height:44px; padding-left:45px; background:url(../images/icon-contact1.png) no-repeat 2px 8px; color:#dfdfdf; font-size:20px; margin-bottom:6px;}
.down .contact .contact-c .cc-text{width:380px; height:182px; padding-left:8px;}
.down .contact .contact-c .cc-text p{line-height:2.4; font-size:16px; color:#cecece;}

.down .contact .contact-r{float:right; width:150px; height:230px; margin-right:50px;}
.down .contact .contact-r .cr-title{width:110px; height:30px; line-height:30px; padding-left:40px; background:url(../images/icon-WeChat.png) no-repeat 0px 0px; color:#dfdfdf; font-size:20px; margin-bottom:20px;}
.down .contact .contact-r .cr-code{width:150px; height:180px;}

.copyright{width:100%; min-width:1360px; height:72px; background-color:#2b2828;}
.copyright .copyright-n{width:1140px; height:72px; margin:0 auto; overflow:hidden;}
.copyright .copyright-n .c-left{float:left; width:700px; height:72px; line-height:72px; color:#d4d4d4; font-size:16px;}
.copyright .copyright-n .c-right{float:left; width:400px; height:72px; line-height:72px; text-align:right; color:#d4d4d4; font-size:16px;}
.copyright .copyright-n .c-right a{color:#d4d4d4; font-size:16px;}


/*走进凡响*/
.banner-f1{width:100%; height:356px; background:url(../images/banner-f1.jpg) no-repeat top center;}
.banner-f2{width:100%; height:356px; background:url(../images/banner-f2.jpg) no-repeat top center;}
.banner-f3{width:100%; height:356px; background:url(../images/banner-f3.jpg) no-repeat top center;}
.banner-f4{width:100%; height:356px; background:url(../images/banner-f4.jpg) no-repeat top center;}
.banner-f5{width:100%; height:356px; background:url(../images/banner-f5.jpg) no-repeat top center;}
.banner-f6{width:100%; height:356px; background:url(../images/banner-f6.jpg) no-repeat top center;}
.banner-f7{width:100%; height:356px; background:url(../images/banner-f7.jpg) no-repeat top center;}

.nav-f{width:100%; height:60px; background-color:#f3f5f7; border-bottom:1px solid #ebecf0;}
.nav-f .frame{width:1280px; height:60px; margin:0 auto; overflow:hidden;}
.nav-f .frame a{display:block; float:left; width:246px; height:60px; line-height:60px;  border-right:1px solid #e8e9ea; text-align:center; font-size:18px; color:#535353; transition-property:background , color; transition-duration:1s;}
.nav-f .frame a:hover{background-color:#142647; color:#fff;}
.nav-f .frame a:first-child{border-left:1px solid #e8e9ea; margin-left:30px;}
.active-navf{background-color:#142647 !important; color:#fff !important;}
.main-f{width:100%; background:url(../images/bg-f.jpg);}
.main-f .frame-mainf{width:1280px; background-color:#fff; margin:0 auto;}
.main-f .frame-mainf .location{width:1220px; height:40px; border-bottom:1px solid #f3f3f3; margin:0 auto; padding-top:28px; }
.main-f .frame-mainf .location .frame-loc{width:1200px; height:20px; overflow:hidden;}
.main-f .frame-mainf .location .frame-loc ul{display:block;}
.main-f .frame-mainf .location .frame-loc ul li{float:left; color:#838383; font-size:16px; margin-left:8px;}
.main-f .frame-mainf .location .frame-loc ul li:first-child{margin-right:6px;}
.main-f .frame-mainf .location .frame-loc ul li a{color:#838383; font-size:16px;}
.main-f .frame-mainf .location .frame-loc ul li a:hover{color:#f00;}

.main-f .frame-mainf .main-content{width:1120px; min-height:600px; margin:0 auto;padding-top:20px; padding-bottom:140px;}

.main-f .frame-mainf .main-content img{display:block; text-align:center; margin:30px auto; max-width:640px; }
.main-f .frame-mainf .main-content p{font-size:18px; color:#535353; text-indent:2em; line-height:2.6; text-align:justify;}


.main-f .frame-mainf .main-content2{width:1180px; min-height:600px; margin:0 auto;padding-top:20px; padding-bottom:140px;}
.main-f .frame-mainf .main-content2 .news-n{width:1180px; margin:0 auto; background-color:#fff; }
.main-f .frame-mainf .main-content2 .news-n a{display:block; width:1180px; height:180px; border-bottom:1px dashed #ddd; margin-top:16px;}
.main-f .frame-mainf .main-content2 .news-n a:hover{display:block; width:1180px; border-bottom:1px dashed #ddd;}
.main-f .frame-mainf .main-content2 .news-n a .news-date{float:left; width:100px; height:110px; padding-top:30px; transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.main-f .frame-mainf .main-content2 .news-n a:hover .news-date{transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);}

.main-f .frame-mainf .main-content2 .news-n a .news-date .m1-news-l{width:78px; height:73px; float:left; border:1px solid #142647; border-radius:10px; padding-top:5px; margin-left:10px; transition:all 0.2s;}
.main-f .frame-mainf .main-content2 .news-n a:hover .news-date .m1-news-l{background-color:#142647;}
.main .main1 .main1-right .m1-r-n a:hover .news-date .m1-news-l{background-color:#142647;}
.main-f .frame-mainf .main-content2 .news-n a .news-date .m1-news-l .m1-day{width:78px; height:40px; line-height:40px; text-align:center; font-size:30px; font-weight:bold; color:#142647;}
.main-f .frame-mainf .main-content2 .news-n a:hover .news-date .m1-news-l .m1-day{color:#fff;}
.main-f .frame-mainf .main-content2 .news-n a .news-date .m1-news-l .m1-year{width:78px; height:20px; line-height:20px; text-align:center; color:#142647; font-size:16px;}
.main-f .frame-mainf .main-content2 .news-n a:hover .news-date .m1-news-l .m1-year{color:#fff;}
.main-f .frame-mainf .main-content2 .news-n a .news-content{float:left; width:1040px; height:110px; padding-top:30px; margin-left:25px;}
.main-f .frame-mainf .main-content2 .news-n a .news-content .news-title2{width:1025px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#838383; font-size:20px; font-weight:bold;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.main-f .frame-mainf .main-content2 .news-n a:hover .news-content .news-title2{transform:translate(5px,0);-webkit-transform:translate(5px,0);-moz-transform:translate(5px,0);-o-transform:translate(5px,0);-ms-transform:translate(5px,0);}

.main-f .frame-mainf .main-content2 .news-n a:hover .news-content .news-title2{color:#142647;}
.main-f .frame-mainf .main-content2 .news-n a .news-content .news-n2h{width:1025px; height:70px; line-height:35px; text-indent:2em; color:#838383; font-size:16px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-top:3px;}

.list-pagination{width:1180px; height:38px; text-align:right; margin:50px auto 0;}
/*分页*/
ul.pagination {display: inline-block;padding: 0;margin: 0;}
ul.pagination li {display: inline;}
ul.pagination li a {color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;margin: 0 4px; font-size:14px; color:#535353;}
ul.pagination li a.active {background-color: #142647;color: white;border: 1px solid #142647;}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}

 .list-pagination{width:1120px; height:38px; text-align:right; margin:0px auto 50px; text-align: center}
/*分页*/
.list-pagination a { color: #a23435} 
/*分页 end*/

/*新闻详情页*/
.main-f .frame-mainf .main-content2 .news-n2{width:1180px; margin:0 auto; background-color:#fff;}
.main-f .frame-mainf .main-content2 .news-n2 .newstitle{width:1180px;border-bottom:1px solid #ddd;}
.main-f .frame-mainf .main-content2 .news-n2 .newstitle .newstitle-name{width:1100px; margin:0 auto; font-size:30px; color:#535353; text-align:center; line-height:2.6; padding:16px 0 6px;}
.main-f .frame-mainf .main-content2 .news-n2 .newstitle .newstitle-time{width:1100px; height:50px; line-height:50px; color:#838383; text-align:center; font-size:16px; margin:0 auto 20px;}
.main-f .frame-mainf .main-content2 .news-n2 .newsmain{width:1180px; min-height:300px; margin:40px auto; line-height:2.8; font-size:18px; color:#838383; text-align: justify;}
.main-f .frame-mainf .main-content2 .news-n2 .newsmain img{display:block; max-width:900px; margin:30px auto;}
.main-f .frame-mainf .main-content2 .news-n2 .newsmain p{line-height:2.8; font-size:18px; color:#838383; text-indent:2em; text-align: justify;}
.main-f .frame-mainf .main-content2 .news-n2 .newsmain span{line-height:2.8; font-size:18px; color:#838383; text-align: justify;}
.main-f .frame-mainf .main-content2 .news-n2 .teturn{width:1180px; height:88px; background:url(../images/bg-return.jpg) repeat-x;}
.main-f .frame-mainf .main-content2 .news-n2 .teturn a{display:block; width:110px; height:88px; background-color:#fff; margin:0 auto;}
.main-f .frame-mainf .main-content2 .news-n2 .teturn a .return-img{width:66px; height:52px; margin:0 auto;}
.main-f .frame-mainf .main-content2 .news-n2 .teturn a .return-text{width:110px; height:36px; line-height:36px; text-align:center; color:#838383; font-size:16px;}
.main-f .frame-mainf .main-content2 .news-n2 .teturn a:hover .return-text{color:#126fba;}

/*活动照片*/
.main-f .frame-mainf .main-content3{width:1180px; min-height:600px; margin:0 auto; padding-top:20px; padding-bottom:140px;}
.main-f .frame-mainf .main-content3 .phone-n{width:1180px; margin:0 auto; background-color:#fff; padding-top:60px; overflow:hidden;}
.main-f .frame-mainf .main-content3 .phone-n .frame{width:1280px; overflow:hidden;}
.main-f .frame-mainf .main-content3 .phone-n .frame a{float:left; display:block; width:570px; height:390px; margin-right:30px; margin-left:10px; position:relative; overflow:hidden; margin-bottom:30px;}

.main-f .frame-mainf .main-content3 .phone-n .frame a .shebei-top{display:none;position:absolute; top:0; left:0; width:510px; height:340px;  padding:30px 30px;font-size:22px; line-height:340px; text-align:center; color:#fff; background-color:rgba(255,255,255,0); z-index:999; transition-property:all; transition-duration:1s;}
.main-f .frame-mainf .main-content3 .phone-n .frame a:hover .shebei-top{display:block; background-color:rgba(255,255,255,0.2); }
.main-f .frame-mainf .main-content3 .phone-n .frame a img{cursor: pointer; transition: all 0.8s;}
.main-f .frame-mainf .main-content3 .phone-n .frame a:hover img{transform: scale(1.06);}

/*联系我们*/
.main-f .frame-mainf .main-content2 .contact-text{width:1180px; height:230px; overflow:hidden; margin-top:40px;}
.main-f .frame-mainf .main-content2 .contact-text .con-add{width:428px; height:210px; padding-top:20px; float:left;}
.main-f .frame-mainf .main-content2 .contact-text .con-add .icon1{width:118px; height:118px; margin:0 auto; border-radius:50%; background:url(../images/icon-con01.png) no-repeat center center #6b6f78; transition-property:background; transition-duration:0.5s;}
.main-f .frame-mainf .main-content2 .contact-text .con-add:hover .icon1{background:url(../images/icon-con01.png) no-repeat center center #951315;}
.main-f .frame-mainf .main-content2 .contact-text .con-add .text1{width:425px; height:50px; line-height:50px; color:#535353; font-size:18px; text-align:center; margin-top:16px;}

.main-f .frame-mainf .main-content2 .contact-text .con-phone{width:390px; height:210px; padding-top:20px; float:left;}
.main-f .frame-mainf .main-content2 .contact-text .con-phone .icon2{width:118px; height:118px; margin:0 auto; border-radius:50%; background:url(../images/icon-con02.png) no-repeat center center #6b6f78; transition-property:background; transition-duration:0.5s;}
.main-f .frame-mainf .main-content2 .contact-text .con-phone:hover .icon2{background:url(../images/icon-con02.png) no-repeat center center #951315;}
.main-f .frame-mainf .main-content2 .contact-text .con-phone .text1{width:390px; height:50px; line-height:50px; color:#535353; font-size:18px; text-align:center; margin-top:16px;}

.main-f .frame-mainf .main-content2 .contact-text .con-email{width:360px; height:210px; padding-top:20px; float:left;}
.main-f .frame-mainf .main-content2 .contact-text .con-email .icon3{width:118px; height:118px; margin:0 auto; border-radius:50%; background:url(../images/icon-con03.png) no-repeat center center #6b6f78; transition-property:background; transition-duration:0.5s;}
.main-f .frame-mainf .main-content2 .contact-text .con-email:hover .icon3{background:url(../images/icon-con03.png) no-repeat center center #951315;}
.main-f .frame-mainf .main-content2 .contact-text .con-email .text1{width:360px; height:50px; line-height:50px; color:#535353; font-size:18px; text-align:center; margin-top:16px;}

.main-f .frame-mainf .main-content2 .map{width:1046px; height:320px; margin-top:40px; margin-left:70px;}


/*在线咨询*/
.main-f .frame-mainf .main-content2 .zxly{width:1180px; height:600px; margin-top:40px; background:url(../images/bg-message.jpg) no-repeat right bottom;}
.main-f .frame-mainf .main-content2 .zxly .message{width:574px; height:600px;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-r-title{width:564px; height:52px; line-height:46px; border-bottom:3px solid #f4f4f4; font-size:28px; font-weight:bold; color:#333; padding-left:10px;}

.main-f .frame-mainf .main-content2 .zxly .message .m4-line1{width:574px; height:80px; margin-top:24px; overflow:hidden;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line1 .m4-form01-k{width:630px; height:80px; overflow:hidden;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line1 .m4-form01-k .m4-form01{float:left; width:265px; height:80px; margin-right:30px;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line1 .m4-form01-k .m4-form01 .m4-form-name1{width:257px; height:26px; line-height:26px; color:#535353; font-size:16px; padding-left:8px;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line1 .m4-form01-k .m4-form01 .m4-form-text1{width:257px; height:50px; padding-left:8px;}
.btn-search1{width:243px; height:38px; line-height:38px; padding-left:10px; border:2px solid #efefef; margin-top:8px;}

.main-f .frame-mainf .main-content2 .zxly .message .m4-line2{width:574px; height:80px; margin-top:24px;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line2 .m4-name2{width:566px; height:26px; line-height:26px; color:#535353; font-size:16px; padding-left:8px;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line2 .m4-text2{width:566px; height:50px; padding-left:8px;}
.btn-search2{width:540px; height:38px; line-height:38px; padding-left:10px; border:2px solid #efefef; margin-top:8px;}

.main-f .frame-mainf .main-content2 .zxly .message .m4-line3{width:574px; height:170px; margin-top:24px;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line3 .m4-name3{width:566px; height:26px; line-height:26px; color:#535353; font-size:16px; padding-left:8px;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line3 .m4-text3{width:566px; height:130px; padding-left:8px;}
.frame-message1{width:536px; height:120px; border:2px solid #efefef; margin-top:8px; padding-left:10px; padding-top:10px; color:#838383; font-size:14px;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line4{width:574px; height:50px; margin-top:24px; overflow:hidden;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line4 .m4-btn{width:620px; height:50px; overflow:hidden; padding-left:8px;}
.main-f .frame-mainf .main-content2 .zxly .message .m4-line4 .m4-btn a{float:left; display:block; width:266px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:16px; background-color:#555; margin-right:20px;}
#tijiao{background-color:#951315;}

/*律师风采*/
 



/*律师风采*/
.main-f .frame-mainf .main-content3 .phone-n2{width:1280px; margin:0 auto; background-color:#fff; padding-top:60px; overflow:hidden;}
.main-f .frame-mainf .main-content3 .phone-n2 .frame2{width:1280px; overflow:hidden;}
.main-f .frame-mainf .main-content3 .phone-n2 .frame2 a{float:left; display:block; width:370px; height:555px; margin-right:30px; margin-left:10px; position:relative; overflow:hidden; margin-bottom:30px;}

.main-f .frame-mainf .main-content3 .phone-n2 .frame2 a .shebei-top{display:none;position:absolute; top:0; left:0; width:310px; height:495px;  padding:30px 30px;font-size:26px; line-height:495px; text-align:center; color:#fff; background-color:rgba(255,255,255,0); z-index:999; transition-property:all; transition-duration:1s;}
.main-f .frame-mainf .main-content3 .phone-n2 .frame2 a:hover .shebei-top{display:block; background-color:rgba(255,255,255,0.2); }
.main-f .frame-mainf .main-content3 .phone-n2 .frame2 a img{cursor: pointer; transition: all 0.8s;}
.main-f .frame-mainf .main-content3 .phone-n2 .frame2 a:hover img{transform: scale(1.06);}
.main-f .frame-mainf .main-content .ks-name{color:#535353; font-size:32px; font-weight:bold;  width:1280px; height:60px; line-height:60px; text-align:center; margin:30px 0;}


