body{ margin: 0; padding: 0;}
body,button, input, select, textarea{font: 14px/1.5 "Microsoft Yahei",tahoma,Srial,helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
*{ font-family: "微软雅黑"; margin: 0; padding: 0; list-style: none;}
a{ text-decoration: none;}
img{ border: 0; display: block; margin:0 auto;}
h1,h2,h3,h4,h5{ font-weight: normal;}
ul,li{ list-style: none;}
b{ font-weight: normal;}
i{ font-style: normal;}
.clear{ clear: both;}
em{ font-style: normal;}
input{ outline: none;}
button{ outline: none;}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.clear{ clear: both;}
/*居中*/
.center_R{display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
/*顶部导航*/
.header_top{ position: fixed; top: 0; left: 0; width: 100%; height: 90px; background: hsla(0,0%,100%,0.82); z-index: 999;}
.logo{ float: left; margin-left: 2%; padding: 22.5px 0;}
.nav_box{ float: right; margin-right: 2%;}
.nav_box .nav{ float: left;}
.user{ float: right; padding-left: 10px;}
.user a{ float: left; margin: 36px 0;}
.user b{ float: left; width: 1px; height: 16px; background: #b2b2b2; margin: 37px 10px;}
.nav{ position: relative; height: auto;}
.nav ul{ float: left;}
.nav ul .curr{ font-weight: 600;}
.nav ul li{ position: relative; float: left; width: 96px; z-index: 5;}
.nav ul li h2{ width: 100%; height: auto;}
.nav ul li h2 a{text-align: center; position: relative; display: block; line-height: 90px; font-size: 17px; color: #333;}
.nav .block { width: 96px; height: 3px; position: absolute; bottom: 25px; left: 0; z-index: 1;}
.nav .block span{position: relative; display: block; width: 64px; height: 2px; margin: auto;}
.nav .block em{ content: ""; position: absolute; left: 0; display: block; width: 64px; height: 2px; background: #0033cc;}
/*首页_切屏*/
.section{ position: relative;}
.section1{ width: 100%; height: 100%; /*background: url(../images/index_banner.jpg) no-repeat bottom center; background-size: cover;*/}
.section2{ width: 100%; height: 100%; background: url(../images/index_background_1.jpg) no-repeat bottom center; background-size: cover;}
.section3{ width: 100%; height: 100%; background: url(../images/index_background_2.jpg) no-repeat bottom center; background-size: cover;}
.section4{ width: 100%; height: 100%; background: url(../images/index_background_3.jpg) no-repeat bottom center; background-size: cover;}
.section5{ width: 100%; height: 100%; background: url(../images/index_background_4.jpg) no-repeat bottom center;}
.up_pop_index{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; opacity: 0.1; z-index: 996;}
.pipe{ position: absolute; left: 0; top: 0; z-index: -1;}
/*1*/
.w1500{ width: 1400px;  margin: auto;}
.w1690{ width: 1690px;  margin: auto;}
.team_r{ min-height:300px;}
.index_cont{ padding-top: 160px;}
.index_title{ width: 450px; margin: auto;}
.index_title img{ float: left; margin-left: 161px; margin-right: 10px;}
.index_title h1{ font-size: 28px; color: #000; padding-top: 25px;}
.index_title h2{ font-size: 15px; color: #999; letter-spacing: 1px;}
.banner_in{ width: 100%; height: 100%; overflow: hidden; position: relative;}
.banner_in .bd ul li a img{ height: 100%;}
.banner_in .hd{ position: absolute; bottom: 30px; left: 50%; margin-left: -27px; z-index: 55;}
.banner_in .hd ul li{ width: 8px; height: 8px; border: 1px solid #fff; background: hsla(0,0%,100%,0.00); margin: 0 4px; border-radius: 100%; float: left;}
.banner_in .hd ul li.on{ background: #fff;}
.index_L{ width: 88%; position: absolute; bottom: 9.5%; left: 6%; z-index: 999;}
.index_L .gh{ float: left;}
.index_L .gh i{ width: 415px; height: 1px; background: #fff; display: block; margin: 10px 0;}
.index_L .gh h1{ font-size: 50px; color: #fff;}
.index_L .gh p{ font-size: 30px; color: #fff; letter-spacing: 12px;}
.index_L a{ width: 200px; color: #fff; font-size: 18px; background: hsla(0,0%,100%,0.00); line-height: 56px; padding: 0 10px; text-align: center; transition: all 0.5s; border-radius: 3px; float: right; border: 1px solid #fff; border-radius: 30px; margin-top: 36px;}
.index_L a:hover{ background: hsla(218,93%,29%,1.00); border: 1px solid hsla(218,93%,29%,1.00);}
/*2*/
.index_cul{ width: 100%;}
.index_cul h1{ text-align: center; font-size: 20px; font-weight: 600; color: #333; margin-top: 20px;}
.index_cul ul li{float: left; margin-top: 60px; width: 20%;}
.index_cul ul li .cR{ position: relative; padding: 0 4%;}
.index_cul ul li .cR img{ width: 100%;}
.index_cul ul li .cR p{ width: 100%; font-size: 18px; color: #fff; font-weight: 600; position: absolute; bottom: 8%; left: 0; text-align: center; line-height: 24px; letter-spacing: 1px;}
.index_cul ul li h2{ text-align: center; font-size: 16px; color: #333; margin-top: 20px;}
.more{ width: 107px; font-size: 16px; color: #666; height: 46px; line-height: 46px; padding: 0 40px 0 15px; background: #fff; border-radius: 23px; margin: 80px auto 0; cursor: pointer;}
.more img{ float: left; margin: 9px 15px 9px 0; transition: all 0.5s;}
.more:hover img{ transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.titR h1{ color: #fff;}
.titR h2{ color: #fff;}
.index_cul_g{ position: relative;}
.index_cul_g .prev{ width: 40px; height: 40px; background: url(../images/icon_20.png) no-repeat center; position: absolute; left: -60px; top: 50%; margin-top: -10px; cursor: pointer;}
.index_cul_g .next{ width: 40px; height: 40px; background: url(../images/icon_21.png) no-repeat center; position: absolute; right: -60px; top: 50%; margin-top: -10px; cursor: pointer;}
/*3*/
.index_par{ margin-top: 50px;}
.par_left{ float: left; width: 50%; position: relative;}
.par_left .hd{ position: absolute; bottom: 20px; right: 20px; overflow: hidden; z-index: 100;}
.par_left .hd ul li{ width: 12px; height: 12px; float: left; margin: 0 4px; border-radius: 100%; background: #fff;}
.par_left .hd ul li.on{ background: #ff0000;}
.par_left .bd{ overflow: hidden;}
.par_left .bd ul li{ position: relative; z-index: 3;}
.par_left .curr{ width: 100%;  overflow: hidden;}
.par_left .fif{ width: 94%; padding: 30px 3%; background: hsla(0,0%,0%,0.50); position: absolute; left: 0; bottom: 0;}
.par_left .fif img{ float: left; margin-right: 15px;}
.par_left .fif h1{ font-size: 17px; font-weight: 600; color: #fff; margin: 12px 0 6px 0;}
.par_left .fif p{ font-size: 12px; color: #fff;}
.par_right{ float: right; width: 49%;}
.par_right ul li{ padding: 1%; margin-bottom: 12px; background: #fff;}
.par_right ul li .did{ width: 196px; overflow: hidden; float: left;margin-right: 15px;}
.par_right ul li img{ width: 100%; transition: all 0.5s;}
.par_right ul li:hover img{ transform: scale(1.1)}
.par_right ul li h1{ font-size: 18px; color: #333; font-weight: 600; margin-top: 8px;}
.par_right ul li p{ font-size: 14px; color: #333; margin: 6px 0; line-height: 24px;}
.par_right ul li i{ font-size: 13px; color: #ccc;}
/*4*/
.index_pro{ margin-top: 50px; position: relative;}
.index_pro .bd ul li{ float: left; width: 50%; cursor: pointer;}
.index_pro .bd ul li .pip img{ float: left; width: 50%;}
.index_pro .bd ul li .pip_right{ float: left; width: 44%; height: 211.25px; padding: 0 3%; background: #fff; position: relative; transition: all 0.5s;}
.index_pro .bd ul li .pip_right h1{ font-size: 17px; font-weight: 600; color: #333; margin: 25px 0 15px 0;}
.index_pro .bd ul li .pip_right p{ font-size: 14px; color: #666; line-height: 26px; text-align:justify;}
.index_pro .bd ul li .pip_right .jian{ width: 31px; height: 59px; position: absolute; left: -31px; top: 50%; margin-top: -29.5px; background: url(../images/icon_8.png) no-repeat center; transition: all 0.5s;}
.index_pro .bd ul li .pip_right .jianR{ width: 31px; height: 59px; position: absolute; right: -31px; top: 50%; margin-top: -29.5px; background: url(../images/icon_9.png) no-repeat center; transition: all 0.5s;}
.index_pro .bd ul li .pip:hover .pip_right{ background: #ff0101;}
.index_pro .bd ul li .pip:hover .jian{ width: 31px; height: 59px; position: absolute; left: -31px; top: 50%; margin-top: -29.5px;  background: url(../images/icon_7.png) no-repeat center;}
.index_pro .bd ul li .pip:hover .jianR{ width: 31px; height: 59px; position: absolute; right: -31px; top: 50%; margin-top: -29.5px;  background: url(../images/icon_10.png) no-repeat center;}
.index_pro .bd ul li .pip:hover h1{ color: #fff;}
.index_pro .bd ul li .pip:hover p{ color: #fff;}
.index_pro .bd ul li .pipR{ text-align: right;}
.index_pro .prev{ width: 31px; height: 115px; background: url(../images/icon_11.png) no-repeat center; position: absolute; left: -60px; top: 50%; margin-top: -57.5px; cursor: pointer;}
.index_pro .next{ width: 31px; height: 115px; background: url(../images/icon_12.png) no-repeat center; position: absolute; right: -60px; top: 50%; margin-top: -57.5px; cursor: pointer;}

/*5*/
.index_news{ margin-top: 60px;}
.index_news .bd ul li{ float: left; width: 20%; padding-top: 15px;}
.index_news .bd ul li .cont{ background: #fff; margin: 0 10px; padding: 15px; transition: all 0.5s;}
.index_news .bd ul li .cont img{ width: 100%; margin-top: 15px;}
.index_news .bd ul li .cont .titl{ margin: 30px 0 20px 0;}
.index_news .bd ul li .cont .titl b{ font-size: 30px; font-weight: 600; color: #ccc; margin-right: 15px;}
.index_news .bd ul li .cont .titl i{ font-size: 16px; color: #ccc;}
.index_news .bd ul li .cont p{ height: 90px; font-size: 14px; color: #333; line-height: 24px; border-bottom: 1px solid #ccc;}
.index_news .bd ul li:hover .cont{ border-top: 3px solid #ff0101; margin-top: -8px;}
/*foot*/
.foot{ margin-top: 100px;}
.footR{ position: relative;}
.footR .foot_cont{ width: 1690px; position: absolute; top: 70px; left: 50%; margin-left: -845px; display:flex;justify-content:space-between;}
.footR .foot_cont .foot_left h1{ font-size: 20px; color: #fff; font-weight: 600;}
.footR .foot_cont .foot_left p{ font-size: 14px; color: #fff; line-height: 30px; margin: 20px 0;}
.footR .foot_cont .foot_left .more_f{ width: 110px; height: 40px; border: 1px solid #fff; text-align: center; line-height: 40px; font-size: 14px; color: #fff;}
.footR .foot_cont .foot_left .more_f1{ width: 130px; height: 35px; border: 1px solid #fff; text-align: center; line-height: 35px; font-size: 14px; color: #fff; float:left;}
.footR .foot_cont .foot_left .more_f:hover,.footR .foot_cont .foot_left .more_f1:hover{ color: #566BA4; background:#FFFFFF;}

.footR .foot_cont .foot_right{ max-width: 40%; float: right;}
.footR .foot_cont .foot_right h1{ font-size: 20px; color: #fff; font-weight: 600; margin-bottom: 20px;}
.footR .foot_cont .foot_right img{ float: left; margin-right: 15px; max-width:120px;}
.footR .foot_cont .foot_right b{ font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 10px; display: inline-block;}
.footR .foot_cont .foot_right p{ font-size: 14px; color: #fff; line-height: 30px;white-space: nowrap;}
.footL{ width: 100%; height: 70px; background: #fff; line-height: 70px;}
.footL i{ float: left; font-size: 15px; color: #999;}
.footL b{ float: right; font-size: 15px; color: #999;}
/*走进合睿*/
.banner_c{ margin-top: 90px; width: 100%; overflow: hidden; position: relative;}
.banner_c .content{ width: 1400px; position: absolute; top: 120px; left: 50%; margin-left: -700px;}
.banner_c .content h1{ font-size: 34px; font-weight: 600; color: #fff;}
.banner_c .content p{ font-size: 18px; color: #fff; margin: 15px 0 13px 0;}
.banner_c .content b{ font-size: 14px; color: #fff; display: block;}
.comment_tit{ width: 100%; background: #f0f0f0;}
.comment_tit ul li{ float: left; line-height: 60px; font-size: 16px; color: #333; padding: 0 25px; cursor: pointer;}
.comment_tit ul li a{ color: #333; display: block;}
.comment_tit ul .curr_n{ background: #3a569b; font-weight: 600; color: #fff;}
.comment_tit ul .curr_n a{ color: #fff;}
.comment_cont{ width: 100%; background: url(../images/about_background.png) no-repeat bottom center; padding: 20px 0 140px 0; min-height:500px;}
.comment_cont ul .law{ display: none;}
.comment_cont ul .law:first-child{ display: block;}
.comment_cont .summ{ background: #f5f5f5; padding: 20px 0 110px 0; position: relative; z-index: 1;}
.comment_cont .summ .xian{ width: 2px; height: 95%; background: #ccc; position: absolute; top: 35px; left: 19.4%; z-index: 0;}
.comment_cont .summ .summ_cont{ width: 100%; padding: 20px 0; margin: 10px 0; transition: all 0.8s;}
.comment_cont .summ .summ_cont:hover{ background: #3a569b;}
.comment_cont .summ .summ_cont b{ font-size: 20px; color: #fff; background: #3a569b; line-height: 50px; padding: 0 25px; float: left; border-radius: 25px; margin: 55px 2% 55px 5%; transition: all 0.5s;}
.comment_cont .summ .summ_cont i{ width: 32px; height: 32px;float: left; margin: 66px 0; position: relative;}
.comment_cont .summ .summ_cont i em{ width: 20px; height: 20px; position: absolute; top: 0; left: 0; background: #3a569b; border: 4px solid hsla(227,84%,82%,1.00); border-radius: 100%;}
.comment_cont .summ .summ_cont img{ float: left; margin-left: 40px; margin-right: 30px;}
.comment_cont .summ .summ_cont p{ padding-right: 70px; font-size: 16px; line-height: 30px; color: #666; transition: all 0.5s;}
.comment_cont .summ .summ_cont:hover b{ background: #fff; color: #3a569b;}
.comment_cont .summ .summ_cont:hover p{ color: #fff;}
.comment_cont .summ .summ_cont:hover i em{ border: 4px solid #fff;}
 /*底部*/
.comment_foot{ width: 100%; background: #eaeaea;}
.comment_foot .conten{ padding: 30px 0 40px 0;}
.comment_foot .conten .left_c{ width: 30%; float: left;}
.comment_foot .conten .left_c ul li{ width: 26%; float: left; line-height: 40px;}
.comment_foot .conten .left_c ul li a{ font-size: 16px; color: #666; transition: all 0.5s;}
.comment_foot .conten .left_c ul li a:hover{ color: #3a569b;}
.comment_foot .conten .center_c{ width: 50%; float: left;}
.comment_foot .conten .center_c p{ font-size: 16px; color: #666; line-height: 40px;}
.comment_foot .conten .right_c{ width: 20%; float: left;}
.comment_foot .conten .right_c img{ float: left; margin-right: 10px; width:120px;}
.comment_foot .conten .right_c p{ font-size: 14px; color: #666; margin-top: 80px;}
.comment_foot .conten .right_c p i{ display: block;}
.comment_foot .conten .dd h1{ font-size: 20px; color: #333; line-height: 40px; border-bottom: 2px solid #333; margin-bottom: 20px; display: inline-block;}
.foor{ background: #999; line-height: 50px; font-size: 14px; color: #fff;}
.foor a{ color: #fff;}
.footL a{ color: #999;}
.foor i{ float: left;}
.foor b{ float: right;}
/*走进合睿_律所简介*/
.abstract{ width: 100%; position: relative; overflow: hidden; z-index: -1;}
.abstract ul{ width: 100%; position: absolute; top: 0; left: 0;}
.abstract ul li{ float: left; width: 35%; text-align: center;}
.abstract ul li:nth-child(2){ width: 20%; margin: 0 5%;}
.abstract ul li .imgr{ width: 130px; height: 130px; background: #fff; border-radius: 100%; margin: 70px auto 0;}
.abstract ul li .imgr:hover img{-webkit-animation: icon-bounce 1s alternate;-moz-animation: icon-bounce 1s alternate;-o-animation: icon-bounce 1s alternate;animation: icon-bounce 1s alternate;}
.abstract ul li .tt{ float: left; width: 33.33%;}
.abstract ul li h1{ font-size: 26px; font-weight: 600; color: #fff; margin: 25px 0 6px 0;}
.abstract ul li i{ font-size: 16px;}
.abstract ul li b{ font-weight: 600;}
.abstract ul li p{ font-size: 16px; color: #fff;}
.abs_cont{ width: 82%; margin: -150px auto 0; background: #fff; padding: 0 2%;}
.law .banner_build{ width: 92%; margin: auto; position: relative; margin-bottom:55px;}
.law .banner_build .bd ul li{ float: left; width: 50%; position: relative;}
.law .banner_build .bd ul li .curr{ width: 94%; padding: 0 3%;}
.law .banner_build .bd .mm{ width: 92%; height: 38px; position: absolute; left: 3%; bottom: 0; background: hsla(0,0%,0%,0.66); padding: 15px 0 20px 2%;}
.law .banner_build .bd .mm img{ float: left; margin-right: 10px; height:38px;}
.law .banner_build .bd .mm p{ line-height: 38px; color: #fff; font-size: 18px;display:block;}
.law .banner_build .bd h1{ display:none;}
.law .banner_build .prev{ width: 50px; height: 75px; background: url(../images/icon_29.png) no-repeat center; position: absolute; left: -60px; top: 50%; margin-top: -37.5px; cursor: pointer;}
.law .banner_build .next{ width: 50px; height: 75px; background: url(../images/icon_28.png) no-repeat center; position: absolute; right: -60px; top: 50%; margin-top: -37.5px; cursor: pointer;}
.abs_cont h1{ font-size: 22px; color: #000; padding: 40px 0 50px 0;}
.abs_cont p{ font-size: 16px; line-height: 40px; text-indent: 32px; color: #666;}
.abs_cont p:last-child{ padding-bottom: 20px;}
.world{ width: 100%;}
.world h1{ width: 100%; line-height: 80px; background: #f2f2f2; font-size: 24px; text-align: center; color: #333;}
.world ul{ width: 90%; margin: auto; padding: 30px 0 40px 0;}
.world ul li{ float: left; width: 33%; font-size: 16px; color: #666; line-height: 40px; transition: all 0.5s;}
.section{ width: 100%; overflow: hidden; position: relative;}
.section .content{ width: 100%; position: absolute; top: 0; left: 0; text-align: center;}
.section .content h1{ font-size: 24px; color: #fff; padding: 70px 0 30px 0; color: #fff;}
.section .content ul{ width: 90%; margin: auto;}
.section .content ul li{ float: left; background: #fff; line-height: 30px; font-size: 16px; color: #666; width: 22.5%; margin: 15px 0; margin-right: 2%; transition: all 0.5s; cursor: pointer; padding: 15px 0.5%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.section .content ul li:nth-child(4n){ margin-right: 0;}
.section .content ul li a{ color: #666;}
.section .content ul li a:hover{ color: #3a569b;}
.gain{ width: 100%; background: #f2f2f2; padding: 40px 0 60px 0;}
.gain h1{ font-size: 24px; color: #333; text-align: center;}
.gain ul{ width: 90%; margin: 50px auto 0;}
.gain ul li{ font-size: 16px; line-height: 50px; color: #333; transition: all 0.5s; cursor: pointer;}
.gain ul li:hover{ color: #3a569b;}
.ambient{ width: 100%; position: relative;}
.ambient h1{ width: 100%; line-height: 80px; background: #f2f2f2; font-size: 24px; text-align: center; color: #333; margin: 90px 0 40px 0;}
.ambient .bd ul li{ float: left; width: 25%;}
.ambient .bd ul li a{ width: 94%; margin: 0 3%; display: block; overflow: hidden;}
.ambient .bd ul li img{transition: all 0.5s; width:100%;}
.ambient .bd ul li a:hover img{ transform: scale(1.1);}
.ambient .hd{ position: absolute; bottom: -50px; left: 50%; margin-left: -88px;}
.ambient .hd ul li{ width: 10px; height: 10px; background: hsla(0,0%,100%,0.00); border: 1px solid #ff0000; border-radius: 100%; float: left; margin: 0 5px;}
.ambient .hd ul li.on{ background: #ff0000;}

.content .bd ul li .vip img{ margin: auto; border: 10px solid #fff; height: auto;}

.honour_tit{ width: 100%; overflow: hidden; position: relative;}
.honour_tit .hh{ width: 100%; position: absolute; top: 0; left: 0; text-align: center; color: #fff;}
.honour_tit .hh h1{ font-size: 28px; font-weight: 600; letter-spacing: 2px; margin: 70px 0 5px 0;}
.honour_tit .hh h2{ font-size: 12px;}
.honour_cont{ width: 100%; background: #f5f5f5; padding-bottom: 50px;}
.honour_cont ul{ width: 96%; margin: auto;}
.honour_cont ul li{ width: 23.5%; float: left; text-align: center; margin-right: 2%; margin-top: 40px; background: #fff;}
.honour_cont ul li:nth-child(4n){ margin-right: 0;}
.honour_cont ul li i{ width: 100%; display: block; overflow: hidden;}
.honour_cont ul li img{ width: 100%; transition: all 0.5s;}
.honour_cont ul li:hover img{ transform: scale(1.03);}
.honour_cont ul li h1{ font-size: 16px; color: #666; padding: 14px 0 18px 0; transition: all 0.5s;}
.honour_cont ul li:hover h1{ background: #3a569b; color: #fff;}
.weal ul li{ width: 97%; padding: 25px 1.5%; background: #f5f5f5; margin: 8px 0; position: relative; cursor: pointer; transition: all 0.5s;}
.weal ul li:hover{ background: #3c5595;}
.weal ul li img{ float: left; margin-right: 20px;}
.weal ul li i{ font-size: 16px; color: #a1a1a1;}
.weal ul li h1{ font-size: 20px; color: #333; font-weight: 600; line-height: 50px;}
.weal ul li p{ font-size: 14px; color: #333; width: 90%; line-height: 30px;}
.weal ul li b{ width: 30px; height: 30px; background: url(../images/icon_14.png) no-repeat center; position: absolute; right: 60px; top: 50%; margin-top: -15px;}
.weal ul li:hover b{ width: 30px; height: 30px; background: url(../images/icon_13.png) no-repeat center; position: absolute; right: 60px; top: 50%; margin-top: -15px;}
.more_r{ width: 192px; margin: 25px auto 0;}
.more_r a{ width: 80px; height: 40px; margin: 8px; background: #999; font-size: 14px; float: left; color: #fff; line-height: 40px; text-align: center;}
.weal ul li:hover i,
.weal ul li:hover h1,
.weal ul li:hover p{ color: #fff;}
.serve h1{ width: 100%; font-size: 30px; line-height: 130px; background: #3c5595; color: #fff; text-align: center;}
.serve_cont{ width: 100%; background: #f5f5f5;}
.serve_R{ padding: 50px 0; margin: 0 30px; border-bottom: 1px solid #cecece; position: relative;}
.serve_R img{ float: left; margin-left: 10px;}
.serve_R .ff{ float: right; width: 47%; margin-right: 10px;}
.serve_R .ff h2{ font-size: 20px; color: #333; line-height: 50px; margin-bottom: 20px;}
.serve_R .ff p{ font-size: 16px; color: #666; line-height: 30px; text-indent: 32px;}
.serve_R .drop{ position: absolute; bottom: 35px; right: 30px;}
.serve_R .drop ul li{ width: 15px; height: 15px; float: left; margin: 0 5px; border-radius: 100%; background: #044dfc;}
.serve_R .drop ul li:nth-child(2){ background: #000;}
.serve_R .drop ul li:nth-child(3){ background: #fc0204;}
.serve_k{ border: none;}
.serve_k img{ float: right; margin-left: 0; margin-right: 10px;}
.serve_k .ff{ float: left; width: 55%; margin-right: 0; margin-left: 10px;}
.serve_k .ff .nn{ text-indent: 0;}
.recruit .currt{ width: 100%; margin: 8px 0;}
.recruit .titll{ width: 100%; height: 70px; background: #f5f5f5; line-height: 70px;}
.recruit .titll a{ float: left; height: 70px; width: 5%;}
.recruit .titll h1{ float: left; font-size: 16px; color: #000; width: 12%; text-indent: 10px;}
.recruit .titll h2{ float: left; font-size: 16px; color: #000; width: 26%; text-align: center;}
.recruit .titll h3{ float: left; font-size: 16px; color: #000; width: 26%; text-align: center;}
.recruit .titll b{ float: left; font-size: 16px; color: #000; width: 26%; text-align: center;}
.recruit .contenM{ display: none; width: 94%; padding: 20px 0 60px 6%;}
.recruit .contenM ul li{ padding: 5px 0;}
.recruit .contenM .tit_left{ float: left; width: 6%; font-size: 16px; color: #000; line-height: 30px;}
.recruit .contenM .tit_right{ float: right; width: 94%;}
.recruit .contenM .tit_right p{ font-size: 16px; color: #666; line-height: 30px;}
/*专业领域*/
.dom ul li{ width: 49%; float: left; padding: 35px 0; background: #f9f9f9; margin: 14px 0; margin-right: 2%; position: relative;}
.dom ul li:nth-child(2n){ margin-right: 0;}
.dom ul li .rr1{ width: 120px; height: 120px; float: left; background: #fff; border: 1px solid #ccc;  border-radius: 100%; margin: 0 5%;}
.dom ul li .rr1:hover img{-webkit-animation: icon-bounce 1s alternate;-moz-animation: icon-bounce 1s alternate;-o-animation: icon-bounce 1s alternate;animation: icon-bounce 1s alternate;}
.dom ul li h1{ font-size: 22px; color: #000;}
.dom ul li p{ font-size: 16px; color: #666; margin-right: 50px; line-height: 30px; margin-top: 15px;}
.dom ul li .rr2{ width: 0; height: 192px; position: absolute; top: 0; right: 0; background: #4e6bb8; transition:width 0.5s; -webkit-transition:width 0.5s;}
.dom ul li .rr2 img{ display: none; transition: all 0.5s;}
.dom ul li:hover .rr2 img{ display: block;}
.dom ul li:hover .rr2{ width: 120px;}
/*新闻资讯*/
#comment_cont_news{ background: #f5f5f5;}
.newsR ul li{ width: 23.5%; float: left; margin: 30px 0; margin-right: 2%; background:#f7f7f7;}
.newsR ul li a{ display: inline-block; padding: 30px 6%; background: #f7f7f7; transition: all 0.5s;}
.newsR ul li:nth-child(4n){ margin-right: 0;}
.newsR ul li img{ width: 100%;}
.newsR .ff i{ font-size: 30px; color: #ccc; font-weight: 600;}
.newsR .ff b{ font-size: 16px; color: #ccc; margin-left: 10px;}
.newsR p{ padding: 10px 2%; font-size: 16px; color: #333; line-height: 30px; border-top: 1px solid #ccc; margin-top: 15px; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; min-height:90px;}
.newsR ul li:hover a{ border-top: 3px solid #4e6bb8; margin-top: -8px;}
/*新闻资讯---内页*/
.newsT{ background: #FFF;}
.newsT h1{ width: 100%; line-height: 100px; border-bottom: 1px solid #e7ebf5; text-align: center; font-size: 30px; color: #000;}
.newsT h2{ font-size: 14px; color: #999; text-align: center; margin: 20px 0 40px 0;}
.newsT h2 a{ font-size: 14px; color: #3c5595;}
.newsT .bb{ width: 84%; background: #f5f5f5; padding: 40px 3%; font-size: 16px; color: #666; line-height: 30px; margin: auto;}
.newsT img{ margin: 10px auto 0; max-width:100%;}
.newsT .pp{ width: 84%; margin: auto; padding: 10px 0; font-size: 16px; color: #666; line-height: 36px;}
/*新法速递*/
.penal ul li{ width: 100%; height: 60px; margin: 10px 0; line-height: 60px; background: #f5f5f5; cursor: pointer;}
.penal ul li p{ font-size: 16px; color: #333; float: left; padding-left: 25px;}
.penal ul li:hover p{ color: #3c5595;}
.penal ul li i{ float: right; font-size: 16px; color: #a1a1a1; margin: 0 20px 0 60px;}
.penal ul li b{ float: right; font-size: 16px; color: #3c5595;}
.new_nav{ width: 98%; height: 60px; padding: 0 1%; background: #3c5595; margin-bottom: 20px;}
.new_nav ul li{ float: left; height: 50px; font-size: 16px; color: #fff; line-height: 50px; padding: 0 15px; margin-top: 10px; cursor: pointer;}
.new_nav ul .cur{ background: #fff; font-weight: 600; color: #3c5595;}
.penalR{ display: none;}
.penalR:first-child{ display: block;}
/**/
.caseR .case_z{ width: 18%; float: left; background: #4e6bb8; padding: 25px 0 50px 0;}
.caseR .case_z ul li{ height: 50px; margin-left: 10%; padding-left: 5%; line-height: 50px; color: #fff; font-size: 15px; cursor: pointer;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.caseR .case_z ul li a{ color:#FFFFFF;}
.caseR .case_z ul .cur{ background: #fff; font-weight: 600; color: #4e6bb8;}
.caseR .case_z ul .cur a{color: #4e6bb8;}
.caseR .case_y{ width: 78%; float: right; background: #fff; padding: 15px 1% 30px 1%;}
.caseR .case_y h1{ font-size: 24px; line-height: 60px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.caseR .case_y h2{ font-size: 14px; color: #999; text-align: center; margin: 20px 0 40px 0;}
.caseR .case_y h2 a{ font-size: 14px; color: #3c5595;}
.caseR .case_y ul p{ font-size: 16px; color:#666; line-height:24px; padding:7px;}

.caseR .case_y ul li{ height: 60px; line-height: 60px; border-bottom: 1px solid #e8e8e8; cursor: pointer;}
.caseR .case_y ul li p{ font-size: 16px; color: #333; float: left; transition: all 0.5s;}
.caseR .case_y ul li:hover p{ color: #4e6bb8;}
.caseR .case_y ul li i{ float: right; color: #4e6bb8;}
.caseR .case_y ul li b{ float: right; margin-left: 50px; color: #999;}
.caseR .case_y .case_in{ display: none;}
.caseR .case_y .case_in:first-child{ display: block;}
.conR{ position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -315px; height: 50px; width: 630px;}
.conR input{ width: 564px; height: 50px; float: left; border: none; background: hsla(0,0%,100%,0.61); font-size: 18px; text-indent: 18px; color:#666}
.conR input::placeholder{ color: #fff;}
.conR button{ float: right; border: none; width: 60px; height: 50px; font-size: 18px; background: #212f52; color: #fff;}
/*律师团队*/
.team_r ul li{ float: left; width: 18.4%; margin: 30px 0; margin-right: 1.2%; background: #3c5595; position: relative; padding-bottom: 60px; height:330px;overflow-y:hidden;}
.team_r ul li img{ width: 92%; padding: 4%;}
.team_r ul li .kk{ width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; background: hsla(223,43%,41%,0.76);}
.team_r ul li .kk h1{ font-size: 20px; color: #fff; padding: 20px 0 30px 0;}
.team_r ul li .kk h1 b{ color:#8bd692;}
.team_r ul li .kk h2{ font-size: 14px; color: #fff;}
.team_r ul li .kk i{ font-size: 14px; color: #fff; padding: 10px 0 15px 0; display: block;}


.team_r1 ul li{ float: left; width: 22.8%; margin: 30px 0; margin-right: 1.6%; background: #3c5595; position: relative; padding-bottom: 60px; height:auto;overflow-y:hidden;}

.gige{ margin-bottom: -150px; z-index: -1;}
.team_left{ width: 18%; float: left; background: #eaedf7; margin-bottom:30px;}
.team_left .pop{ width: 88%; padding: 6%;}
.team_left .ff{ padding: 5px 6%; line-height: 22px;}
.team_left .ff1{ margin-top: 15px;}
.team_left .ff2{ margin-bottom: 25px;}
.team_left .ff a{ width: 22px; height: 22px; float: left;}
.team_left .ff i{ float: left; margin-left: 10px; font-size: 16px; color: #666;}
.team_nav{ width: 100%; border-top: 1px solid #fff; padding: 10px 0 25px;}
.team_nav ul li{ width: 180px; height: 46px; background: #fff; border: 1px solid #DDD; margin: 15px auto 0; text-align: center; line-height: 46px;}
.team_nav ul li a{ color: #000;}

.team_nav ul .cur{ background: #5674c1; border:none;}
.team_nav ul .cur a{color: #fff;}

.team_right{ width: 80%; float: right;}
.team_right .titl h1{ font-size: 40px; font-weight: 600; color: #fff;}
.team_right .titl h1 i{ font-size: 16px; font-weight: 100; color: #fff; margin-left: 10px; color: #b1bfe0;}
.team_right .titl b{ font-size: 16px; color: #b1bfe0; margin: 20px 0 90px 0; display: block;}
.team_right .conn{ padding-bottom: 35px; min-height:100px;}
.team_right .conn h1{ font-size: 20px; color: #333; font-weight: 600; border-bottom: 1px solid #ccc; margin-bottom: 30px; display:inline-block; width:100%}
.team_right .conn h1 i{ width: 100px; border-bottom: 2px solid #3c5595; display: block; float:left; margin-right:15px; margin-bottom:-1px; padding:0 0 12px 0; text-align:center;}
.team_right .coonn1 .cc1{ width: 8%; float: left; color: #333; font-size: 16px; line-height: 30px;}
.team_right .coonn1 .cc2{ width: 92%; float: right; color: #666; font-size: 16px; line-height: 30px;}
.team_right .coonn1 ul li{ margin-bottom: 15px;}
.team_right .coonn2{ position: relative; min-height:230px; padding-bottom:20px; margin-bottom:10px;}
.team_right .coonn2 ul li{ float: left; width: 25%;}
.team_right .coonn2 ul li h2{ text-align: center; font-size: 16px; color: #333; margin-top: 20px;}
.team_right .coonn2 ul li img{ width: 90%; padding: 10px 3%; margin: 0 2%; background: #f8f9fc;}
.team_right .coonn2 .hd{ position: absolute; bottom: -10px; left: 50%; margin-left: -27px;}
.team_right .coonn2 .hd ul li{ width: 8px; height: 8px; border: 1px solid #364b7f; background: hsla(0,0%,100%,0.00); border-radius: 100%; margin: 0 4px;}
.team_right .coonn2 .hd ul li.on{ background: #364b7f;}
.team_right .coonn3 ul li{ line-height: 60px; border-bottom: 1px solid #ccc; margin-left: 10px;}
.team_right .coonn3 ul li p{ float: left; color: #364b7f; font-size: 16px;}
.team_right .coonn3 ul li i{ float: right; color: #999; font-size: 16px; margin-right: 20px;}
.team_right .coonn4 ul li{ text-align: center; color: #ccc;}
/*党群建设*/
.build_hear{ width: 100%;height:auto; background: url(../images/recommend_background_1.jpg) top center no-repeat #E3E3E3; overflow:hidden; padding-bottom:30px;}
.build_hear .contentr{ background: #fff; overflow:hidden;}
.build_hear .build_cont{ width: 92%; padding: 0 4%;  top: 0; left: 0;}
.build_hear .build_cont h1{ text-align: center; line-height: 120px; font-size: 30px; font-weight: 600; color: #c42f36;}
.build_hear .build_cont img{ /*width: 31%; float: left; margin-right: 40px;*/ display: -webkit-inline-box;}
.build_hear .cont_right{ height: 100%; padding:0 20px 0 20px;} 
/*.build_hear .cont_right::-webkit-scrollbar {
 width: 8px;
}
.build_hear .cont_right::-webkit-scrollbar-track {
 background-color: #FFD7D7;
 -webkit-border-radius: 3em;
 -moz-border-radius: 3em;
 border-radius:3em;
}
.build_hear .cont_right::-webkit-scrollbar-thumb {
 background-color:red;
 -webkit-border-radius: 3em;
 -moz-border-radius: 3em;
 border-radius:3em;
}*/

.build_hear .cont_right ul{ margin-bottom:10px; padding:0 10px 0 10px;} 
.build_hear .cont_right ul li h2{ font-size: 20px; color: #333; padding-top: 10px; margin-bottom: 10px;} 
.build_hear .cont_right ul li p{ font-size: 15px; color: #666; margin-right: 35px; line-height: 30px;}
.camp{ width: 100%; background: #eeede9; overflow: hidden;}
.camp h1{ text-align: center; line-height: 120px; font-size: 30px; font-weight: 600; color: #c42f36;}
.camp .banner_build{ width: 86%; margin: auto; position: relative;}
.camp .banner_build .bd ul li{ float: left; width: 50%; position: relative;}
.camp .banner_build .bd ul li .curr{ width: 94%; padding: 0 3%;}
.camp .banner_build .bd .mm{ width: 92%; height: 68px; position: absolute; left: 3%; bottom: 0; background: hsla(0,0%,0%,0.66); padding: 15px 0 20px 2%;}
.camp .banner_build .bd .mm img{ float: left; margin-right: 10px;}
.camp .banner_build .bd .mm p{ line-height: 68px; color: #fff; font-size: 20px;}
.camp .banner_build .prev{ width: 50px; height: 75px; background: url(../images/icon_22.png) no-repeat center; position: absolute; left: -60px; top: 50%; margin-top: -37.5px; cursor: pointer;}
.camp .banner_build .next{ width: 50px; height: 75px; background: url(../images/icon_23.png) no-repeat center; position: absolute; right: -60px; top: 50%; margin-top: -37.5px; cursor: pointer;}
.camp_list{ width: 83.4%; margin: auto; padding: 60px 0;}
.camp_list ul li{ float: left; width: 23.5%; margin: 35px 0; margin-right: 2%; background: #fff;}
.camp_list ul li:nth-child(4n){ margin-right: 0;}
.camp_list ul li b{ width: 100%; display: block; overflow: hidden;}
.camp_list ul li img{ width: 100%; transition: all 0.5s;}
.camp_list ul li:hover img{ transform: scale(1.1);}
.camp_list ul li i{ font-size: 14px; line-height: 50px; color: #999; margin-left: 10px;}
.camp_list ul li p{ font-size: 16px; line-height: 24px; color: #333; margin: 0 10px; padding-bottom: 25px;}
.camp_list ul li:hover p{ color: #364b7f;}
/*文化*/
.title_cut{ width: 100%; overflow: hidden; position: relative;}
.title_cut .cur{ width: 100%; position: absolute; top: 0; left: 0;}
.title_cut .cur h1{ font-size: 36px; color: #fff; text-align: center; margin-top: 40px; }
.title_cut .cur h1 i{ border-bottom: 2px solid #fff; line-height: 70px; display: inline-block;}
.title_cut .cur h2{ font-size: 28px; color: #fff; font-weight: 600; text-align: center; margin: 35px 0 25px 0;}
.title_cut .cur p{ font-size: 16px; width: 86%; margin: auto; line-height: 36px; color: #fff;}
.culture_k{ width: 100%; background: #f7f7f7; padding: 40px 0;}
.culture_k .culture_h{ background: #fff; width: 86%; margin: 40px auto; border-radius: 8px; overflow: hidden;}
.culture_k .culture_h .h_left{ width: 50%; float: left;}
.culture_k .culture_h .h_right{ width: 50%; float: left;}
.culture_k .culture_h .h_right h1{ font-size: 30px; color: #333; line-height: 44px; width: 90%; margin: auto; padding-top: 40px;}
.culture_k .culture_h .h_right h1 i{ display: inline-block; padding-bottom: 5px;}
.culture_k .culture_h .h_right h1 i:last-child{ border-bottom: 2px solid #333;}
.culture_k .culture_h .h_right p{font-size: 14px; color: #666; line-height: 26px; width: 90%; margin: auto; padding-top: 25px;}
.culture_k .culture_h .details{ width: 150px; height: 40px; display: block; border: 1px solid #ccc; text-align: center; line-height: 40px; font-size: 14px; color: #666; margin: 20px auto 0; transition: all 0.5s;}
.culture_k .culture_h .details:hover{ background: #364b7f; color: #fff; border-color: #364b7f;}
.culture_k .culture_h img{ width: 100%;}
.culture_k .fig .h_right h1{ text-align: right;}
.item{ width: 86%; padding: 80px 7% 100px 7%; background: #436ab7;}
.item_left{ width: 16.5%; float: left; margin-right: 2%;}
.item_left img{ width: 100%;}
.item_right{ width: 81.5%; float: right; position: relative;}
.item_right .bd ul li{ width: 25%; float: left;}
.item_right .bd ul li .yy{ border: 15px solid #fff; width: 80%; margin: auto;}
.item_right .bd ul li h1{ font-size: 15px; color: #fff; text-align: center; margin-top: 25px;}
.item_right .hd{ position: absolute; bottom: -60px; left: 50%; margin-left: -22px;}
.item_right .hd ul li{ float: left; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 100%; background: hsla(0,0%,100%,0.00); margin: 0 5px;}
.item_right .hd ul li.on{ background: #fff;}
.itemG{ background: #f7f7f7;}
.itemG .item_right .bd ul li h1{ color: #333;}
.itemG .item_right .hd ul li{ border: 1px solid #666;}
.itemG .item_right .hd ul li.on{ background: #666;}
/*文化_弹窗*/
.vip{ display: none; position: fixed; top: 0; left: 0; z-index: 1002; height: auto;}
.item_right .bd ul li .vip img{ margin: auto; border: 10px solid #fff; height: auto;}
.guan{ display: none; width: 20px; height: 30px; position: fixed; top: 0; left: 0; background: #fff; border: 5px solid #fff; z-index: 1005;}
.guan img{ width: 20px; margin-top: 5px;}
/*长廊*/
.culture_U h1{ font-size: 36px; color: #333; text-align: center; line-height: 160px; background: #f7f7f7;}
.lang_cu{ position: relative; background: #f7f7f7; width: 86%; padding: 0 7% 80px 7%;}
.lang_cu .bd ul li{ width: 25%; float: left;}
.lang_cu .bd ul li img{ margin: auto;}
.lang_cu .bd ul li h2{ font-size: 16px; color: #333; text-align: center; margin-top: 25px;}
.lang_cu .prev{ width: 40px; height: 40px; background: url(../images/icon_20.png) no-repeat center; position: absolute; left: 30px; top: 50%; margin-top: -60px; cursor: pointer;}
.lang_cu .next{ width: 40px; height: 40px; background: url(../images/icon_21.png) no-repeat center; position: absolute; right: 30px; top: 50%; margin-top: -60px; cursor: pointer;}
/*切屏按钮*/
.right{ position: fixed; right: 2%; top: 10%; z-index: 999;}
.right ul li{ height: 30px; background: rgba(255,255,255,0.1); margin: 7px 0;}
#fp-nav {position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1;}
#fp-nav.right { right: 38px;}
#fp-nav.left { right: 17px;}
.fullPage-slidesNav { position: absolute; z-index: 4; right: 50%; opacity: 1;}
.fullPage-slidesNav.bottom { bottom: 17px;}
.fullPage-slidesNav.top { top: 17px;}
#fp-nav ul,
.fullPage-slidesNav ul { margin: 0; padding: 0;}
#fp-nav li,
.fullPage-slidesNav li { display: block; margin: 12px 0; position:relative;}
.fullPage-slidesNav li { display: inline-block;}
#fp-nav li a,
.fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav li .active span,
.fullPage-slidesNav .active span { background: rgba(255,255,255,0.5);}
#fp-nav span,
.fullPage-slidesNav span { top: 2px; right: 2px; width: 9px; height: 29px; background: rgba(255,255,255,0.1); position: absolute; z-index: 1;}
.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px;}
.fullPage-tooltip.right { left: 20px;}
.fullPage-tooltip.left { right: 20px;}
/*手机端*/
.banner_s{ width: 100%; margin-top: 50px;}
.banner_s img{ width: 100%;}
.title_s{ width: 300px; margin: auto; padding: 40px 0 20px 0;}
.title_s img{ width: 50px; float: left; margin-left: 85px; margin-right: 10px;}
.title_s h1{ font-size: 18px; color: #000; padding-top: 25px;}
.title_s h2{ font-size: 13px; color: #999; letter-spacing: 1px;}
.s_cult{ width: 100%; background: #fafafa; padding-bottom: 30px;}
.hif{ font-size: 15px; font-weight: 600; color: #333; text-align: center; line-height: 22px; padding-bottom: 25px;}
.cultion_cont_s{ width: 96%; margin: auto;}
.cultion_cont_s img{ width: 90%; padding: 0 5%; border-radius: 5px;}
.cultion_cont_s .cR{ position: relative; width: 100%;}
.cultion_cont_s .cR p{ width: 100%; position: absolute; left: 0; bottom: 8px; font-size: 12px; color: #fff; text-align: center;}
.cultion_cont_s h2{ font-size: 0.2rem; text-align: center; padding: 5px 0 40px;}
.more_s{ font-size: 14px; padding: 6px 20px 6px 15px; height: 30px; line-height: 30px; background: #fff; border-radius: 30px; width: 96px; margin: 20px auto 0;}
.s_par_cont a,.s_news a,.s_pro a,.s_cult a{ color:#333333}
.more_s img{ width: 30px; height: 30px; float: left; margin-right: 10px;}
.s_par{ position: relative; width: 100%; overflow: hidden;}
.s_par .tt{ width: 120%;}
.s_par_cont{ position: absolute; top: 0; left: 0; width: 96%; padding: 0 2%;}
.s_par_list{ width: 96%; padding: 0 2%; padding-bottom: 40px; position: relative;}
.s_par_list .mn1{ width: 100%;}
.s_par_list .mn2{ width: 40px; height: 40px; position: absolute; top: 30%; left: 50%; margin-left: -20px;}
.s_par_list p{ width: 96%; position: absolute; bottom: 40px; left: 0; margin: 0 2%; background: hsla(0,0%,0%,0.52); color: #fff; line-height: 40px; font-size: 15px; text-indent: 10px;}
.s_min_list{ width: 96%; margin: auto; padding: 15px 0;}
.s_min_list ul li{ width: 49%; margin-right: 2%; float: left;}
.s_min_list ul li:nth-child(2n){ margin-right: 0;}
.s_min_list ul li img{ width: 100%;}
.s_min_list ul li h1{ font-size: 14px; color: #fff; line-height: 20px; margin-top: 8px;}
.s_min_list ul li i{ font-size: 12px; color: #fff; margin-top: 5px;}
.s_pro{ width: 96%; padding: 0 2%; background: #3061bc; padding-bottom: 40px;}
.pro_list{ width: 96%; padding: 2%;}
.pro_list img{ width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.pro_list h1{ font-size: 12px; line-height: 30px; text-align: center; background: #fff; color: #666; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.s_pro .swiper-container{ padding-bottom: 40px;}
.s_news{ width: 94%; padding: 0 3%; padding-bottom: 40px;}
.news_list_s ul li{ padding: 10px 0;}
.news_list_s ul li img{ width: 40%; margin-right: 8px; float: left;}
.news_list_s ul li h1{ font-size: 17px; font-weight: 600; color: #ccc;}
.news_list_s ul li h1 i{ font-size: 12px; font-weight: 100; margin-left: 8px;}
.news_list_s ul li p{ font-size: 14px; color: #333; margin-top: 5px;}
.s_news .more_s{ border: 1px solid #ccc;}
.s_about{ width: 100%; background: url(../images/index_background_s_5.jpg) top center; padding-bottom: 40px;}
.s_about h1{ font-size: 20px; color: #fff; text-align: center; padding: 20px 0 15px 0;}
.s_about p{ width: 90%; margin: auto; font-size: 14px; color: #fff; line-height: 24px;}
.s_about .s_more_r{ width: 130px; height: 40px; font-size: 14px; border: 1px solid #fff; color: #fff; text-align: center; margin: 30px auto 0; line-height: 40px; border-radius: 30px;}
.follow_s{ width: 100%; background: url(../images/about_background.png) no-repeat bottom center; background-size: 100%; text-align: center; padding-bottom: 40px;}
.follow_s h1{ font-size: 20px; color: #333; text-align: center; padding: 20px 0 15px 0;}
.follow_s img{ width: 110px; border: 1px solid #ccc; margin: 5px auto 15px auto;}
.follow_s p{ font-size: 14px; color: #333; padding: 5px 10px 0 10px;}
.foot_s{ width: 100%; padding: 15px 0; background: #fafafa; text-align: center;}
.foot_s p{ font-size: 13px; color: #999; line-height: 20px;}
.Upip{ display: none; width: 100%; height: 100%; background: #000; opacity: 0.5; position: fixed; top: 0; left: 0; z-index: 988;}
.Upip2{ display: none; width: 100%; height: 100%; background: #000; opacity: 0.5; position: fixed; top: 0; left: 0; z-index: 1001;}
.s_pro .title_s h1,
.s_par .title_s h1,
.s_pro .title_s h2,
.s_par .title_s h2{ color: #fff;}
/*招贤纳士s*/
.s_recruit{ width: 100%;}
.s_recruit .titll{ width: 96%; padding: 8px 2%; background: #f5f5f5; overflow: hidden;}
.s_recruit .titll .center_R{ width: 15%; float: left; padding-top: 10px;}
.s_recruit .titll h1{ width: 40%; float: left; font-size: 14px; line-height: 24px;}
.s_recruit .titll h2{ width: 40%; float: left; font-size: 14px; line-height: 24px;}
.s_recruit .titll h3{ width: 40%; float: left; font-size: 14px; line-height: 24px;}
.s_recruit .titll b{ width: 40%; float: left; font-size: 14px; line-height: 24px;}
.s_recruit .contenM{ width: 90%; padding: 10px 5%;}
.s_recruit .tit_left{ font-size: 15px; color: #333; padding-bottom: 5px;}
.tit_right p{ width: 96%; padding-left: 4%; font-size: 14px; color: #666; line-height: 20px;}
/*手机导航*/
.sp_header{height:50px;overflow:hidden;background:#fff;width:100%; position: fixed; top: 0; z-index: 999;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px;}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:998;background:#eee;width:100%;/*height:calc(100% - 104px);*/ padding-bottom: 50px; font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px; }
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:40px;font-size:15px; width: 90%; padding: 0 5%;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; display:inline-block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0033cc;}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*弹窗*/
.pop_UP{ display: none; width: 60%; height: 60%; border-radius: 8px; background: #fff; overflow: hidden; position: fixed; top: 20%; left: 20%; z-index: 999; padding:40px;}
.pop_UP .pop_cont{  position: relative; height: 100%; overflow-y: auto;}
.pop_UP .pop_cont .gip{ width: 30px; height: 30px; position: fixed; top: 0; right: 0; transition: all 0.5s; z-index: 1008; margin-left: -2%; margin-top: 0.5%;}
.pop_UP1 .pop_cont .gip{ width: 30px; height: 30px; position: fixed; top: 0; right: 0; transition: all 0.5s; z-index: 1008; margin-left: -1.5%; margin-top: 1.5%;}
.pop_UP .pop_cont .gip:hover{transform:rotate(90deg); -ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.pop_UP .pop_cont p{ font-size: 16px; color: #333; line-height: 30px; text-indent:32px; text-align:justify; margin-bottom:10px;}
/*搜索*/
.lient{ padding-top: 0; margin-top: 90px;}
.search{ width: 100%; padding: 40px 0; background: #3c5595;}
.search .sea_cont{ width: 630px; margin: auto;}
.search .sea_cont input{ width: 560px; height: 50px; background: hsla(0,0%,100%,0.87); border: none; float: left; font-size: 17px; text-indent: 10px;}
.search .sea_cont button{ width: 60px; height: 50px; border: none; float: right; background: #212f52; font-size: 18px; color: #fff;}
.search_r{ background: #fff;}
.search_r .title{ line-height: 80px; margin: 0 2%; border-bottom: 1px solid #f5f5f5;}
.search_r .title h1{ font-size: 20px; font-weight: 600; color: #333; float: left;}
.search_r .title p{ font-size: 17px; color: #666; float: left; margin-left: 30px;}
.search_r .title p i{ color: #ff0000;}
.search_r .contr{ margin: 0 2%; border-bottom: 1px solid #f5f5f5;}
.search_r .contr ul li{ padding: 25px 0; border-bottom: 1px solid #f5f5f5;}
.search_r .contr ul li img{ float: left; margin-right: 30px;}
.search_r .contr ul li p{ font-size: 14px; color: #666;}
.search_r .contr ul li h1 b{ color: #ff0000;}
.search_r .contr ul li h1{ margin: 15px 0; font-size: 20px; color: #000;}
.search_r .contr ul li i{ font-size: 14px; color: #009933;}
.search_r .listr{ border: none; padding-bottom: 50px;}
/*动画*/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
/*分页*/
.pages {margin: 40px 0;height: 40px;line-height: 40px;text-align: center;width:100%; height:auto; overflow:hidden;}
.pages a {margin: 0 5px;display: inline-block;width: 50px;height: 30px;line-height: 30px;text-align: center;color: #FFF;vertical-align: middle;background-color: #999;}
.pages a.on ,.pages a:hover{color: #fff;}
.pages span {width: 50px;height: 30px;line-height: 30px;background-color: #666;margin: 0 5px;display: inline-block;color: #FFF;vertical-align: middle;}

.videoBoxT video{display: block; margin:20px auto; width: 84%; height: 92%; background: #000;}
.videoBoxT video.aa{background: #000;}
.team_right .comment_tit{ display: none;}
.conn li .theclass{ display: block;}

.videoBg{display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100% !important; background: rgba(0,0,0,0.8); z-index: 999;}
.videoBohr{position: fixed; display: none; z-index: 100; width: 1000px; left: 50%; margin-left: -500px; height: 650px; animation: bounceIn .3s; -moz-animation: bounceIn .3s; -webkit-animation: bounceIn .3s; -o-animation: bounceIn .3s; z-index: 9999;}
.videoBohr video{display: block; width: 100%; height: 92%; background: #000;}
.navBox .navTwo .navOneMain.back17{position: relative;}
.navBox .divBox .navOneMain img.play{position: absolute; cursor: pointer; width: 72px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.videoBohr video.aa{background: #000;}
.videoBohr .vclose{position: absolute; top: 10px; right: 10px; z-index: 101; background:#FFFFFF;}
.videoBohr p { font-size: 16px; color: #fff; width: 100%; height: 55px; line-height: 55px; background: #424a5b; position: absolute; z-index: 9; left: 0; bottom: 0; text-indent: 2em; margin-top:55px; }


#por_per{ background: #f7f7f7;}
.porper .por_left{ width: 18%; float: left;}
.porper .por_left .por_nav{ width: 100%; background: #3b5492; padding: 30px 0 50px 0;}
.porper .por_left .por_nav ul li{ line-height: 60px; font-size: 16px;}
.porper .por_left .por_nav ul li a{ float: right; color: #fff; width: 70%; padding-left: 10%; line-height: 60px; margin-bottom: 8px;}
.porper .por_left .por_nav ul .cur a{ border-left: 6px solid #1d2847; background: #233258;}
.porper .por_left .por_list{ margin-top: 25px; background: #fff;}
.porper .por_left .por_list h1{ font-size: 20px; color: #333; padding: 30px 0 20px 0; width: 90%; margin: 0 5%; border-bottom: 1px solid #ccc;}
.porper .por_left .por_list ul{ padding: 15px 0; margin-left: 8%;}
.porper .por_left .por_list ul li{ font-size: 14px; line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.porper .por_left .por_list ul li a{ color: #666;}
.porper .por_right{ width: 76%; padding: 0 2%; float: right; background: #fff; min-height:950px;}
.porper .por_right .per_m h1{ font-size: 20px; color: #333; font-weight: 600;}
.porper .por_right .per_m h1 i{ padding: 35px 0 20px; border-bottom: 4px solid #3c5595; display: inline-block;}
.porper .por_right .per_m b{ width: 100%; height: 1px; background: #c0c0c0; display: block;}
.porper .por_right .per_m .cont{ margin: 30px 0; position: relative;}
.porper .por_right .per_m .cont p{ font-size: 16px; color: #666; line-height: 32px;}
.porper .por_right .per_m .cont p img{ max-width: 100%}
.porper .por_right .per_m .cont .theclass{ float:right; margin-right:10px; line-height:inherit; font-size:14px;}
.porper .por_right .per_m .cont .banntr1 .bd ul li{ width: 25%; float:left;}
.porper .por_right .per_m .cont .banntr1 .bd ul li img{ width: 96%; padding: 2%; border: 1px solid #3c5595;}
.porper .por_right .per_m .cont .banntr1 .bd ul li a{ display: block; width: 90%; margin: 0 5%;}
.porper .por_right .per_m .cont .banntr1 .bd ul li h1{ font-size: 20px; color: #666; text-align: center; font-weight: normal; margin: 15px 0 40px 0;}
.porper .por_right .per_m .cont .banntr .hd{ position: absolute; left: 50%; bottom: 0; margin-left: -33px;}
.porper .por_right .per_m .cont .banntr .hd ul li{ width: 10px; height: 10px; border: 1px solid #999; border-radius: 100%; background: #fff; float: left; margin: 0 5px;}
.porper .por_right .per_m .cont .banntr .hd ul li.on{ background: #999;}
.porper .por_right .per_m .cont .banntr .prev{ width: 25px; height: 86px; display: block; background: url(../images/icon_por_1.png) no-repeat center; position: absolute; top: 28%; left: -20px;}
.porper .por_right .per_m .cont .banntr .next{ width: 25px; height: 86px; display: block; background: url(../images/icon_por_2.png) no-repeat center; position: absolute; top: 28%; right: -20px;}
.porper .por_right .per_m .cont .banntr2 .bd ul li{ width: 25%; float:left;}
.porper .por_right .per_m .cont .banntr2 .bd ul li img{ width: 96%; padding: 0 2%;}
.porper .por_right .per_m .cont .banntr2 .bd ul li a{ display: block; width: 90%; margin: 0 5%; background: #f7f7f7; padding: 30px 0;}
.porper .por_right .per_m .cont .banntr2 .bd ul li h1{ font-size: 16px; color: #333; text-align: center; font-weight: normal; margin: 15px 0 40px 0;}
.porper .por_right .per_m .new_list_r ul li{ line-height: 60px; height: 60px; border-bottom: 1px dotted #ccc; font-size: 16px;}
.porper .por_right .per_m .new_list_r ul li a{ color: #333; float: left;}
.porper .por_right .per_m .new_list_r ul li a:hover{ color: #233258;}
.porper .por_right .per_m .new_list_r ul li i{ float: right; color: #ccc;}
/**/
.team_right .titl{ position: relative;}
.team_right .titl .ream_er{ position: absolute; top: 0; right: 0;}
.team_right .titl .ream_er ul li{ float: left; margin-left: 70px;}
.team_right .titl .ream_er ul li h2{ color: #fff; font-size: 14px; text-align: center; margin-top: 10px;}

/*动画*/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

/*新家部分内容*/
.work_new{ position: relative; margin: 55px 0 45px 0;}
.work_new .bd ul li{ width: 20%; float:left;}
.work_new .bd ul li img{ width: 86%; border: 10px solid #f5f5f5; margin: auto;}
.work_new .bd ul li h2{ font-size: 16px; color: #333; margin: 15px 5%; line-height: 26px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.work_new .hd ul li{ width: 12px; height: 12px; border: 1px solid #999; border-radius: 100%; float: left; margin: 0 8px;}
.work_new .hd ul li.on{ background: #999;}
.work_new .hd{ width: 90px; position: absolute; bottom: -10px; left: 50%; margin-left: -45px;}
.work_newr{ margin-top: 40px;}
.work_newr ul li{ float: left; width: 18.8%; margin-right: 1.5%; margin-bottom: 60px;}
.work_newr ul li a{ padding: 5% 0; background: #f5f5f5; display: block;}
.work_newr ul li:nth-child(5n){ margin-right: 0;}
.work_newr ul li img{ width: 90%; margin: auto;}
.work_newr ul li h1{ font-size: 16px; color: #333; line-height: 24px; margin-top: 15px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#bemar ul li{ height: 364px;}
#bemar p{ border: none; margin-top: 0;}
#bemar .ff{ font-size: 16px; color: #ccc; margin-left: 2%;}
#bemar .ming{ position: relative; height:168px; overflow:hidden;}
#bemar .ming .mm{ position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px;}
.Upip_R{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; z-index: 999;}

#bemarn ul li{ height: 364px;}
#bemarn p{ border: none; margin-top: 0;}
#bemarn .ff{ font-size: 16px; color: #ccc; margin-left: 2%;}
#bemarn .ming{ position: relative; width: 100%; height: 100px;}
#bemarn .ming .mm1{ position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px;}



.videoBoxT{ display: none; position: fixed; width: 1000px; left: 50%; margin-left: -500px; top: 50%; margin-top: -325px; height: 650px; animation: bounceIn .3s; -moz-animation: bounceIn .3s; -webkit-animation: bounceIn .3s; -o-animation: bounceIn .3s; z-index: 9999;}
.videoBoxT video{display: block; width: 100%; height: 92%; background: #000;}
.navBox .navTwo .navOneMain.back17{position: relative;}
.navBox .divBox .navOneMain img.play{position: absolute; cursor: pointer; width: 72px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.videoBoxT video.aa{background: #000;}
.videoBoxT .vclose{position: absolute; top: 10px; right: 10px; z-index: 101;}
.videoBoxT p { font-size: 16px; color: #fff; width: 100%; height: 55px; line-height: 55px; background: #424a5b; position: absolute; z-index: 9; left: 0; bottom: 0; text-indent: 2em; margin-top:55px; }
.wartir{ width: 100%; margin-top: 80px; position: relative;}
.wartir h1{ font-size: 28px; color: #000; width: 90%; margin: auto; padding-bottom: 35px; border-bottom: 1px solid #E7EBF5; text-align: center;}
.wartir b{ font-size: 14px; color: #999; display: block; text-align: center; margin: 20px 0 35px 0;}
.war_cont{ width: 100%; background: #f5f5f5; padding-top: 35px;}
.war_cont .bd{ width: 80%; margin: auto;}
.war_cont .bd img{ width: 100%;}
.war_cont .next{ width: 38px; height: 66px; background: url(../images/icon_31.png) no-repeat center; position: absolute; left: 50px; top: 50%; margin-top: -33px; cursor: pointer;}
.war_cont .prev{ width: 38px; height: 66px; background: url(../images/icon_32.png) no-repeat center; position: absolute; right: 50px; top: 50%; margin-top: -33px; cursor: pointer;}
.war_cont h2{ font-size: 14px; color: #000; position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center;}
.war_cont h2 i{ width: 20px; display: inline-block;}
.war_cont .bd i{ font-size: 14px; color: #000; padding: 45px 0 50px 0; display: inline-block; margin-left: 53.2%;}
 

.work_newm{ display: none; position: relative; margin: 20px 0 45px 0;}
.work_newm .bd ul li{ width: 33.33%; float:left;}
.work_newm .bd ul li img{ width: 86%; border: 5px solid #f5f5f5; margin: auto;}
.work_newm .bd ul li h2{ font-size: 12px; color: #333; margin: 15px 5%; line-height: 26px;}
.work_newm .hd ul li{ width: 12px; height: 12px; border: 1px solid #999; border-radius: 100%; float: left; margin: 0 8px;}
.work_newm .hd ul li.on{ background: #999;}
.work_newm .hd{ width: 90px; position: absolute; bottom: -10px; left: 50%; margin-left: -45px;}



.mouse_div{ position: absolute; left: 50%; bottom: 40px; margin-left: -44px; z-index: 1000;}
.mouse_div .mouse{ position: relative; animation:myfirst 2s; -webkit-animation:myfirst 2s; animation-iteration-count: infinite;}
.mouse_div .mouse img{ float: left; margin-right: 10px;}
.mouse_div .mouse i{ float: left; line-height: 48px; font-size: 15px; color: #fff;}
@keyframes myfirst
{
	0%   { left:0px; top:0px;}
	25%  { left:0px; top:15px;}
	50%  { left:0px; top:0px;}
	75%  { left:0px; top:15px;}
	100% { left:0px; top:0px;}
}


.build  .per_m h1{ text-align: center; line-height: 120px; font-size: 30px; font-weight: 600; color: #c42f36; margin-top:10px;}
.build  .per_m .cont{ margin: 10px 0 30px 0; position: relative;}
.build  .per_m .cont p{ font-size: 16px; color: #666; line-height: 32px;}
.build  .per_m .cont .theclass{ float:right; margin-right:10px; line-height:inherit; font-size:14px;}
.build  .per_m .cont .banntr1 .bd ul li{ width: 20%; float:left;}
.build  .per_m .cont .banntr1 .bd ul li img{ width: 96%; padding: 2%; border: 1px solid #3c5595;}
.build  .per_m .cont .banntr1 .bd ul li a{ display: block; width: 90%; margin: 0 5%;}
.build  .per_m .cont .banntr1 .bd ul li h1{ font-size: 20px; color: #666; text-align: center; font-weight: normal; margin: 10px 0 18px 0;line-height: 50px;}
.build  .per_m .cont .bannt .hd{ position: absolute; left: 50%; bottom: 0; margin-left: -33px;}
.build  .per_m .cont .bannt .hd ul li{ width: 10px; height: 10px; border: 1px solid #999; border-radius: 100%; background: #fff; float: left; margin: 0 5px;}
.build  .per_m .cont .bannt .hd ul li.on{ background: #999;}
.build  .per_m .cont .bannt .prev{ width: 25px; height: 86px; display: block; background: url(../images/icon_por_1.png) no-repeat center; position: absolute; top: 28%; left: -20px;}
.build  .per_m .cont .bannt .next{ width: 25px; height: 86px; display: block; background: url(../images/icon_por_2.png) no-repeat center; position: absolute; top: 28%; right: -20px;}

.item_right .next1{ width: 40px; height: 40px; position: absolute; top: 50%; right:0; margin-top: -20px;  background: url(../images/icon_32.png) no-repeat center; z-index: 1100; cursor:pointer;}
.item_right .prev1{ width: 40px; height: 40px; position: absolute; top: 50%; left:0;margin-top: -20px; background: url(../images/icon_31.png) no-repeat center; z-index: 1100; cursor:pointer;}    
@media screen and (min-width:1440px) and (max-width: 1690px){
	.w1690{ width: 1300px;}
	.par_left{ width: 51.5%;}/**/
	.par_right{ width: 47.5%;}/**/
}

@media screen and (min-width:1280px) and (max-width: 1440px){
	.w1690{ width: 1100px;}
	.index_cul ul li .cR p{ font-size: 16px; line-height: 24px;}
	
}

@media screen and (min-width:1020px) and (max-width: 1280px){
	.w1690{ width: 980px;}
	.index_cul ul li .cR p{ font-size: 14px; line-height: 18px;}
}

@media screen and (min-width:960px) and (max-width: 1020px){
	.index_cul ul li .cR p{ font-size: 12px; line-height: 18px;}
}

#infscr-loading{
margin: 0 auto;
width:100%;
text-align:center;
font-size:14px;
margin-top:5px;
}

#infscr-loading img{
width:25px;
}
/*获得荣誉-弹框*/
.comPop{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; z-index: 1000;}
.teamDiv6{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1001;}
.teamDiv6 .contr{ float: left; height: 80%; background: #fff; padding: 1%; position: relative; left: 50%; top: 9%; transform: translateX(-50%);}
.teamDiv6 img{ height: 100%;}
.teamDiv6 em{ width: 30px; height: 30px; background: #fff url(../images/close1.png) no-repeat center; background-size: 20px auto; position: absolute; top: 0; right: 0;}
.teamDiv6 .prev{ width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 10px; background: url(../images/icon_20.png) no-repeat center; background-size: 100% auto; border-radius: 100%; box-shadow: 0 0 15px #555;}
.teamDiv6 .next{ width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; right: 10px; background: url(../images/icon_21.png) no-repeat center; background-size: 100% auto; border-radius: 100%; box-shadow: 0 0 15px #555;}
.teamDiv6 .contr .bd , .teamDiv6 .contr .bd ul , .teamDiv6 .contr .bd ul li{ height: 100%;}

.banner_in{ display: none!important;}
.banner_in img{ display: block; width: 100%; height: auto;}
.banner_in .hd{ left: auto; margin: 0; right: 10%;}
.swiperindexbanner{ width: 100%; height: 100vh; overflow: hidden;}
.swiperindexbanner .m{ width: 100%; height: 100%; overflow: hidden;}
.swiperindexbanner .m img{ display: none;}
.swiperindexbanner .swiper{ height: 100%;}
.swiperindexbanner .swiper-pagination{ left: auto!important; right: 10%; bottom: 40px!important; display: flex; width: auto!important;}
.swiperindexbanner .swiper-pagination span{ width: 8px; height: 8px; border: 1px solid #fff; border-radius: 100%; background: hsla(0,0%,100%,0.00); opacity: 1;}
.swiperindexbanner .swiper-pagination span.swiper-pagination-bullet-active{ background: #fff;}

.swiperindexbanner .swiper-button-next,
.swiperindexbanner .swiper-button-prev{ color: #fff; margin: 0 15px;}

.footR .foot_cont .morex{ display: flex;}
.footR .foot_cont .morex .eli + .eli{ margin-left: 15px;}
.footR .foot_cont .morex .eli{ position: relative;}
.footR .foot_cont .morex .eli .min{ display: none; min-width: 100%; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); padding-bottom: 10px;}
.footR .foot_cont .morex .eli:hover .min{ display: block;}
.footR .foot_cont .morex .eli .min .am{ background: #fff; padding: 8px 0;}
.footR .foot_cont .morex .eli .min a{ display: block; text-align: center; font-size: 14px; line-height: 30px; color: #566BA4; padding: 0 10px; transition: all 0.5s;}
.footR .foot_cont .morex .eli .min::after{ content: ''; width: 10px; height: 10px; background: #fff; transform: translateX(-50%) rotate(45deg); position: absolute; left: 50%; bottom: 6px;}
.footR .foot_cont .morex .eli .min a:hover{ background: hsla(224,31%,49%,0.10);}