f@import "iconfont.css"; @charset 'utf-8'; @font-face { font-family: 'pfr'; src: url('/Public/Common/fonts/PingFangRegular.ttfffffffffff'); } @font-face { font-family: 'helB'; src: url('/Public/Common/fonts/helveticainseratlTstdRroman.ttf'); } html{font-size:13px;font-family:'Microsoft Yahei',arial,sans-serif;color:#000;background:#f4f4f4;width: 100%;float: left;overflow-x: hidden;--themecolor:#0d4eaf;} body{font-size:13px;font-family:'Microsoft Yahei',arial,sans-serif;color:#000;background:#f4f4f4;width: 100%;float: left;overflow-x: hidden;} *{margin:0;padding:0;text-decoration:none;} ol,ul{list-style:none;margin-bottom: 0;} a{color:#000;text-decoration:none;} a:hover{color:#000;text-decoration:none;} img{border:none;} p{margin-bottom: 0;} label{font-weight: normal;} h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;} input{outline: none;} .h70{float: left;width: 100%;height: 70px;display: none;} @media (max-width: 1500px) { .h70{display: block;} } /*去除iphone的样式*/ input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],input[type="password"] { -webkit-appearance: none;border-radius: 0;} textarea {-webkit-appearance: none;border-radius: 0;} /* 公共 */ .fl{float:left;} .fr{float:right;} .fl,#fl{float:left;} .fr,#fr{float:right;} .mr20{margin-right: 20px;} .mb20{margin-bottom: 20px;} .ml20{margin-left: 20px;} .mt20{margin-top: 20px;} .mt0,#mt0{margin-top: 0;} .mr0,#mr0,.mR0,#mR0{margin-right: 0px;} .mr20,#mr20,.mR20,#mR20{margin-right: 20px;} .mt20,#mt20,.mT20,#mT20{margin-top: 20px;} .mt10,#mt10,.mT10,#mT10{margin-top: 10px;} .mb10,#mb10,.mB10,#mB10{margin-bottom: 10px;} .w100{width: 100%;} .bw{background: #fff;} .container{padding-right: 0;padding-left: 0;} .alldiv{float: left;width: 100%;float: left;} .dn{display: none;} .headTop{float: left;width:100%;background: #fff;height: 120px;position: relative;z-index: 999;padding: 10px 0;} .headTop .box{float: left;width:100%;} .headTop .box .logo{float: left;height: 60px;margin: 20px 0 0 0;} .headTop .box .logo img{float: left;height: 60px;} .headTop .box .text{float: right;} .headTop .box .text a{float: left;padding: 30px 0 0 48px;position: relative;margin-left: 30px;} .headTop .box .text a i{position: absolute;left: 0;font-size: 34px;line-height: 40px; } .headTop .box .text a p{float: left;width: 100%;} .headTop .box .text a b{float: left;width: 100%;font-weight: bold;line-height: 20px;font-size: 14px;} .headTop .box .text a span{float: left;width: 100%;line-height: 20px;font-size: 12px;} @media (max-width: 768px) { .headTop{display: none;} } .DB_tab25 {width:100%;height:600px;position:relative;overflow:hidden} .DB_tab25 .DB_bgSet{position:relative;} .DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:600px;display:none} .DB_tab25 .DB_imgSet{position:absolute;width:1000px;left:50%;margin-left:-500px;} .DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:0px;top:160px;} .DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:0px;top:260px} .DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:650px;top:120px} .DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:0px;top:160px;} .DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:0px;top:260px} .DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:650px;top:120px} .DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:0px;top:160px;} .DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:0px;top:260px} .DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:650px;top:120px} .DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:0px;top:160px;} .DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:0px;top:260px} .DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:650px;top:120px} .DB_tab25 .DB_menuWrap{position:absolute;width:1000px;left:50%;margin-left:-500px;} .DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:560px;text-align:center;font-size:0} .DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline;border-radius: 100%;overflow: hidden;width: 10px;height: 10px;display: inline-block;vertical-align: top;transition:0.5s;} .DB_tab25 .DB_menuWrap .DB_menuSet li.select{float:none;background: 0;padding: 0;border: none;;border-radius: 100%;overflow: hidden;width: 10px;height: 10px;display: inline-block;margin:0 3px;vertical-align: top;transition:0.5s;} .DB_tab25 .DB_prev{position:absolute;left:-100px;top:280px;cursor:pointer;display:none} .DB_tab25 .DB_next{position:absolute;right:-100px;top:280px;cursor:pointer;display:none} @media (max-width: 768px) { .DB_tab25 {display: none;} } /* head_22*/ .head_22{width:100%;height:74px;float: left;z-index: 8999;transition:0.5s;background: rgba(7,74,173,0.8);position: relative;} .head_22 .cc{width: 100%;height: 74px;float: left;background:#2862b9 ;} .head_22 .searchbt{float: right;transition:0.5s;margin: 17px 25px 0 0;overflow: hidden;line-height: 38px;transition:0.5s;text-transform: uppercase;border: 1px solid rgba(255,255,255,0.3);padding: 0 20px 0 15px;border-radius: 40px;} .head_22 .searchbt i{float: left;color: #fff;line-height: 38px;font-style: normal;font-size: 12px;margin-right: 40px;font-weight: normal;opacity: 0.4;} .head_22 .searchbt span{float: left;color: #fff;font-size: 14px;line-height: 36px;} .head_22 .nav_menu3, .head_22 .nav_menu3 ul, .head_22 .nav_menu3 ul li, .head_22 .nav_menu3 ul li a, .head_22 .nav_menu3 #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .head_22 .nav_menu3 #menu-button { margin-top: 100px;background: #0d4eaf;position: absolute;z-index: 99999;} .head_22 .nav_menu3:after, .head_22 .nav_menu3 > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .head_22 .nav_menu3 #menu-button {display: none;} .head_22 .nav_menu3 {float: left;margin:0px 0 0 0;} .head_22 .nav_menu3 > ul > li {float: left;} .head_22 .nav_menu3.align-center > ul {font-size: 0;text-align: center;} .head_22 .nav_menu3.align-center > ul > li {display: inline-block;float: none;} .head_22 .nav_menu3.align-center ul ul {text-align: left;} .head_22 .nav_menu3.align-right > ul > li {float: right;} .head_22 .nav_menu3.align-right ul ul {text-align: right;} .head_22 .nav_menu3 > ul > li > a {padding: 30px 35px;font-size: 15px;text-decoration: none;text-transform: uppercase;color: #fff;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;} .head_22 .nav_menu3 > ul > li > a.cur {color: #fff;} .head_22 .nav_menu3 > ul > li:hover > a {color: #0d4eaf;background: #FFF;} .head_22 .nav_menu3 > ul > li.nav-has-sub > a {padding-right: 38px;} .head_22 .nav_menu3 > ul > li.nav-has-sub > a::after {position: absolute;margin-right: 10px;top: 34px;right: 15px;width: 4px;height: 4px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;} .head_22 .nav_menu3 > ul > li.nav-has-sub:hover > a::after {border-color: #0d4eaf;} .head_22 .nav_menu3 ul ul {position: absolute;left: -9999px;} .head_22 .nav_menu3 li:hover > ul {left: auto;} .head_22 .nav_menu3.align-right li:hover > ul {right: 0;} .head_22 .nav_menu3 ul ul ul {margin-left: 100%;top: 0;} .head_22 .nav_menu3.align-right ul ul ul {margin-left: 0;margin-right: 100%;} .head_22 .nav_menu3 ul ul li {height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;} .head_22 .nav_menu3 ul li:hover > ul > li {height: 42px;} .head_22 .nav_menu3 ul ul li a {padding: 15px 0px 15px 40px;width: 220px;background: #fff;text-decoration: none;color: #333;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;} .head_22 .nav_menu3 ul ul li:hover > a, .head_22 .nav_menu3 ul ul li a:hover {color: #0d4eaf;background: #FFF;border-top: 1px solid #FFF;} .head_22 .nav_menu3 ul ul li.nav-has-sub > a::after {position: absolute;top: 25px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;} .head_22 .nav_menu3.align-right ul ul li.nav-has-sub > a::after {right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;} .head_22 .nav_menu3 ul ul li.nav-has-sub:hover > a::after {border-color: #0d4eaf;} .head_22.on{width:100%;height:75px;background:rgba(8,74,173,0.9);float: left;z-index: 8000;position: fixed;transition:0.5s;top: 0;} .head_22.on h1 a img{margin: 25px 30px 0 0;height: 30px;} .head_22.on .r .menu{margin-top: 25px;} .head_22.on .nav_menu3{margin:0;} @media (max-width: 768px) { .head_22{display: none;} } @media (max-width: 1400px) { .head_22 .nav_menu3 > ul > li > a {padding: 30px 30px;} } @media (max-width: 768px) { .head_22 .nav_menu3{display: none;} } /* headers */ .headers{width:100%;height:60px;position: fixed;z-index: 8999;transition:0.5s;background: rgba(0,0,0,0.7);margin-top: 120px;} .headers .box{width:100%;transition:0.5s;float: left;} .headers .box .r{float:left;height: 60px;transition:0.5s;padding:0px 0px 0 0px;width: 100%;} .headers .box .r .searchbt{float: right;transition:0.5s;height: 40px;margin-top: 10px;overflow: hidden;width: 40px;height: 40px;padding: 10px;transition:0.5s;margin-right: 20px;} .headers .box .r .searchbt span{float: left;color: #fff;font-size: 18px;} .headers .box .r .lan{float: right;transition:0.5s;height: 40px;margin-top: 10px;overflow: hidden;width: 40px;} .headers .box .r .lan .menu_a{float: left;height: 40px;background:#fff;padding: 10px;transition:0.5s;} .headers .box .r .lan .menu_b{float: left;height: 40px;background:#0d4eaf;padding: 10px;transition:0.5s;} .headers .box .r .navv{float: left;transition:0.5s;} .headers .box .r .navv li:hover h3 a{color: #fff;background:rgba(0,0,0,0.3);} .headers .box .r .navv .m{ float:left;position:relative; border-top:0; border-bottom:0; margin-left:-1px;height: 60px;transition:0.5s; } .headers .box .r .navv h3{ float:left; font-weight:normal; font-size:15px; height:60px; overflow:hidden;transition:0.5s; } .headers .box .r .navv h3 a{ display:block; color:#fff;vertical-align:top;height: 60px;line-height: 60px;float: left;width: 150px;text-align: center;transition:0.5s;text-align: center;} .headers .box .r .navv h3 a b{display: inline-block;line-height: 60px;font-weight: bold;color: #fff;font-size: 15px;} .headers .box .r .navv .cur a{color: #fff;background: #0d4eaf;} .headers .box .r .navv .cur a b{color: #fff;} .headers .box .r .navv h3:hover a{color: #fff;background:rgba(0,0,0,0.3);} .headers .box .r .navv h3:hover a b{border-bottom: none;} .headers .box .r .navv .on{background: #000; } .headers .box .r .navv .on h3 a{font-weight:bold;} .headers .box .r .navv .sub{ width:150px; padding:0px 0 0px 0px;position:absolute; left:0; top:60px; text-align: center;z-index: 999;display: none;} .headers .box .r .navv .sub li{ height:50px; line-height:50px;float:left; width:100%; } .headers .box .r .navv .sub li a{ display:block;color:#fff;width: 100%;float: left;background: rgba(0,0,0,0.5);font-size: 14px;} .headers .box .r .navv .sub li a:hover{ color:#fff;background: #0d4eaf;border-radius: 0;} .headers.on{height:60px;background:rgba(0,0,0,1);box-shadow: 0 10px 10px rgba(0,0,0,0.1);margin-top: 0;} .headers.on .box .r .lan .menu_a{margin-top: -40px;} @media (max-width: 1800px) { .headers .box{float: left;} .headers .box .r .navv h3 a{width: 130px;} .headers .box .r .navv .sub{ width:130px;} } @media (max-width: 1600px) { .headers .box .r .navv h3 a{width: 125px;} .headers .box .r .navv .sub{ width:125px;} } @media (max-width: 1500px) { .headers .box .r .navv h3 a{width: 120px;} .headers .box .r .navv .sub{ width:120px;} } @media (max-width: 1400px) { .headers .box .r{padding:0 40px 0 0;} .headers .box .r .navv h3 a{width: 115px;font-size: 14px;} .headers .box .r .navv .sub{ width:115px;} .headers .box .r .lan a{font-size: 13px;} } @media (max-width: 1300px) { .headers .box .r{padding:0 40px 0 0;} .headers .box .r .navv h3 a{width: 95px;font-size: 14px;} .headers .box .r .navv .sub{ width:95px;} .headers .box .r .lan a{font-size: 13px;} } @media (max-width: 1200px) { .headers .box .r{padding:0 40px 0 0;} .headers .box .r .navv h3 a{width: 90px;font-size: 14px;} .headers .box .r .navv .sub{ width:90px;} .headers .box .r .lan{display: none;} } @media (max-width: 1100px) { .headers .box .r{padding:0 20px 0 0;} .headers .box .r .navv h3 a{width: 105px;font-size: 14px;} .headers .box .r .navv .sub{ width:105px;} .headers .box .r .lan{display: none;} } @media (max-width:992px) { .headers .box .r{padding:0 10px 0 0;} .headers .box .r .navv h3 a{width: 105px;font-size: 14px;} .headers .box .r .navv .sub{ width:105px;} .headers .box .r .lan{display: none;} } @media (max-width: 768px) { .headers{display: none;} } /* head_m_1 */ .head_m_1{width:100%;height:60px;float: left;z-index: 800;display: none;position: relative;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.1);} .head_m_1 .box{width:100%;height:60px;float: left;position: relative;} .head_m_1 .box .logo{float: left;} .head_m_1 .box .logo img{float: left;height: 33px;margin: 15px 0 0 20px;} .head_m_1 .box .r{float: right;} .head_m_1 .box .r .menu{float: right;height: 30px;margin:15px 20px 0 0;color: #000;font-size: 26px;line-height: 30px;} .head_m_1.on{background:rgba(255,255,255,0.9);position: fixed;top: 0;left: 0;} .head_m_1.on .r .menu{color:var(--themecolor);} @media (max-width: 992px) { .head_m_1{display: block;} } /*m_head_1*/ .m_head_1_nav{display: none;background:#fff;width: 100%;height: 100%;position: fixed;z-index: 3900;background-size: 100%;padding:0px 0px;border-top: 0;} .m_head_1_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 40px 35px 0;text-align: center;} .m_head_1_nav .abox .menu_hover{float: left;width: 100%;text-align: right;height: 60px;position: absolute;top: 20px;right:50px;font-size: 60px;color: #000;} .m_head_1_nav .abox .a{width: 100%;float: left;line-height: 44px;font-size: 15px;color: #000;} .m_head_1_nav .abox .conss{width: 100%;float: left;overflow-y: auto;} .m_head_1_nav .abox .conss .mlogo{float: left;width: 100%} .m_head_1_nav .abox .conss .mlogo img{float: left;height: 100px;} .m_head_1_nav .abox .conss .mline{float: left;width: 20%;height: 3px;background: #eee;margin: 40px 0 35px;} .m_head_1_nav .abox .conss .navlists{width: 100%;float: left;text-align: left;} .m_head_1_nav .abox .conss .navlists li{width: 100%;float: left;} .m_head_1_nav .abox .conss .navlists li .tta{width: 100%;float: left;line-height: 60px;font-size: 18px;font-weight: normal;color: var(--themecolor);} .m_head_1_nav .abox .conss .navlists li .tta b{font-weight: normal;color: var(--themecolor)} .m_head_1_nav .abox .conss .navlists li .tt{width: 100%;float: left;line-height: 60px;} .m_head_1_nav .abox .conss .navlists li .tt b{font-size: 18px;font-weight: normal;display: inline-block;line-height: 60px;height: 60px;margin-right: 10px;color: var(--themecolor);} .m_head_1_nav .abox .conss .navlists li .tt i{display: inline-block;vertical-align: top;line-height: 60px;height: 60px;color: #888;transition:0.5s;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg); -o-transform:rotate(90deg);} .m_head_1_nav .abox .conss .navlists li .cur b{color: #000;margin-right: 4px;} .m_head_1_nav .abox .conss .navlists li .cur i{color: #000;transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); } .m_head_1_nav .abox .conss .navlists li .c{display: none;width: 100%;padding:15px 15px 15px 25px;line-height:50px;font-size: 15px;float: left;background: #f4f4f4;border-radius: 0 10px 10px 10px;} .m_head_1_nav .abox .conss .navlists li .c a{float: left;line-height: 36px;font-size: 15px;color: #000;width: 33%;} .m_head_1_nav .abox .conss form{float: left;width: 40%;padding:0px;margin: 20px 0;background:#f4f4f4;border-radius: 6px;} .m_head_1_nav .abox .conss form .input{width:80%;height: 60px;float: left;background: none;text-indent: 18px;outline: none;color: #aaa;box-shadow: none;outline: none;line-height: 58px;border: none;margin: 0} .m_head_1_nav .abox .conss form .submit{width:20%;height: 60px;float: left;background:none;cursor: pointer;color: #000;text-align: center;border: none;outline: none;border-radius: 0 6px 6px 0;font-size: 20px;} .m_head_1_nav .abox .conss .but{float: left;width: 100%;} .m_head_1_nav .abox .conss .but a{float: left;line-height: 40px;margin: 0 40px 0 0} .m_head_1_nav .abox .conss .but a span{float: left;line-height: 40px;color: #ddd;font-size: 20px;margin-right: 10px;} .m_head_1_nav .abox .conss .but a i{float: left;font-style: normal;color:#fa0;font-size: 16px;} @media (max-width: 768px) { .m_head_1_nav .abox .menu_hover{height: 50px;top: 20px;right:10px;font-size: 50px;line-height: 40px;} .m_head_1_nav .abox .conss .mlogo img{height: auto;width: 60%;margin-bottom: 10px;} .m_head_1_nav .abox .conss .mline{width: 25%;height: 3px;margin: 20px 0 15px;} .m_head_1_nav .abox .conss .navlists li .tta{line-height: 50px;font-size: 15px;} .m_head_1_nav .abox .conss .navlists li .tt{line-height: 50px;} .m_head_1_nav .abox .conss .navlists li .tt b{font-size: 15px;line-height: 50px;height: 50px;} .m_head_1_nav .abox .conss .navlists li .tt i{line-height: 50px;height: 50px;} .m_head_1_nav .abox .conss .navlists li .c{line-height:50px;font-size: 15px;} .m_head_1_nav .abox .conss .navlists li .c a{line-height: 36px;font-size: 14px;width: 100%;} .m_head_1_nav .abox .conss form{width: 100%;padding:0px;margin: 20px 0;background:#f4f4f4;border-radius: 6px;border: none;} .m_head_1_nav .abox .conss form .input{width:80%;height: 60px;line-height: 58px;border: none;margin: 0} .m_head_1_nav .abox .conss form .submit{width:20%;height: 60px;font-size: 20px;} .m_head_1_bt{display: block;} .m_head_1_nav .abox .conss .but a{float: left;line-height: 40px;margin: 0 30px 0 0} .m_head_1_nav .abox .conss .but a:nth-child(2){margin-right: 0;} .m_head_1_nav .abox .conss .but a span{margin-right: 6px;} } /* head_m_3 */ .head_m_3_index{width:100%;height:54px;background:#f51b6b;float: left;z-index: 8000;display: none;position: relative;} .head_m_3_index .box{width:100%;height:54px;float: left;padding:12px 15px;position: relative;} .head_m_3_index .box .logo{float: left;width: 100%;z-index: 1;text-align: center;} .head_m_3_index .box .logo img{height: 20px;margin-top:5px;} .head_m_3_index .box .r{position: absolute;z-index: 2;right: 15px;top: 13px;} .head_m_3_index .box .r .menu{float: left;height: 24px;margin: 3px 0 0 0;} .head_m_3_index .box .r .menu img{float: left;height: 24px;} .head_m_3{width:100%;height:54px;background:#f51b6b;float: left;z-index: 8000;display: none;position: relative;} .head_m_3 .box{width:100%;height:54px;float: left;padding:0 15px;} .head_m_3 .box .home{float: left;border-right: 1px solid #e0363f;height: 54px;} .head_m_3 .box .home img{float: left;height: 30px;margin: 12px 15px 0 0;} .head_m_3 .box .a{float: left;height: 54px;line-height: 54px;font-size: 14px;color: #fff;margin: 0 6px;} .head_m_3 .box .img{float: left;height: 54px;} .head_m_3 .box .r{float: right;} .head_m_3 .box .r .menu_page{float: left;height: 24px;margin: 15px 0 0 0;position: absolute;right: 15px;} .head_m_3 .box .r .menu_page img{float: left;height: 24px;} .head_m_3 .box .r .menu_page_hover{float: left;height: 24px;margin: 15px 0 0 0;position: absolute;right: 15px;display: none;} .head_m_3 .box .r .menu_page_hover img{float: left;height: 24px;} .head_m_3 .box .r .menu{float: left;height: 24px;margin: 15px 0 0 0;} .head_m_3 .box .r .menu img{float: left;height: 24px;} .head_m_3_navbg{display: none;background:rgba(0,0,0,0.4);width: 100%;height: 100%;position: fixed;z-index: 9700;background-size: 100%;padding:0px 0px;border-top: 0;right: 0} .head_m_3_nav{background:rgba(0,0,0,0.9);width: 40%;height: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;right: -40%;transition:0.5s;} .head_m_3_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 60px 20px 0;text-align: center;} .head_m_3_nav .abox .menu_hover{float: left;width: 100%;text-align: right;height: 40px;position: absolute;top: 18px;right: 15px;} .head_m_3_nav .abox .menu_hover img{float: right;height: 24px;} .head_m_3_nav .abox .a{width: 100%;float: left;line-height: 50px;font-size: 15px;color: #fff;text-align: right;} .head_m_3_nav .abox .tel{width: 100%;float: left;border-top: 1px solid #fff;text-align: center;margin-top: 20px;padding-top: 30px;} .head_m_3_nav .abox .tel p{display: inline-block;height: 30px;} .head_m_3_nav .abox .tel p img{height: 30px;float: left;} .head_m_3_nav .abox .tel p span{height: 30px;line-height: 30px;color: #fff;font-size: 18px;display: inline-block;float: left;margin-left: 10px;} @media (max-width: 768px) { .head_m_3_index{display: block;} .head_m_3{display: block;} .m_head_1_bt{display: block;} } /* head_m_2 */ .head_m_2{width:100%;height:70px;background:#0d4eaf;float: left;z-index: 8000;display: none;position: relative;} .head_m_2 .box{width:100%;height:70px;float: left;padding:0 20px;} .head_m_2 .box .home{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #fff} .head_m_2 .box .home img{height: 32px;margin: 2px 0 0;} .head_m_2 .box .a{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #fff;} .head_m_2 .box i{float: left;height: 70px;line-height: 70px;color: #fff;margin: 0 12px;font-style: normal;} .head_m_2 .box .r{float: right;} .head_m_2 .box .r .menu_page{float: left;height: 30px;margin: 20px 0 0 0;position: absolute;right: 20px;} .head_m_2 .box .r .menu_page img{float: left;height: 30px;} .head_m_2 .box .r .menu_page_hover{float: left;height: 30px;margin: 20px 0 0 0;position: absolute;right: 20px;display: none;} .head_m_2 .box .r .menu_page_hover img{float: left;height: 30px;} .head_m_2 .box .r .menu{float: left;height: 30px;margin: 20px 0 0 0;} .head_m_2 .box .r .menu img{float: left;float: left;height: 30px;} @media (max-width: 768px) { .head_m_2{display: block;} } .m_head_page_nav{display: none;background:#000;width: 100%;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;float: left;border-bottom: 1px solid #0d4eaf;} .m_head_page_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 20px;text-align: center;} .m_head_page_nav .abox a{float: left;line-height: 36px;font-size: 14px;color: #fff;margin: 0 20px 0 0;} .m_head_page_nav .abox a.cur{font-weight: bold;color: #0d4eaf;} .m_head_page_nav .aboxs{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 20px;text-align: center;background: #444;} .m_head_page_nav .aboxs a{float: left;line-height: 36px;font-size: 14px;color: #fff;margin: 0 20px 0 0;} .m_head_page_nav .aboxs a.cur{color: #0d4eaf;} /* head_m_3 */ .head_m_3_index{width:100%;height:54px;background:#f51b6b;float: left;z-index: 8000;display: none;position: relative;} .head_m_3_index .box{width:100%;height:54px;float: left;padding:12px 15px;position: relative;} .head_m_3_index .box .logo{float: left;width: 100%;z-index: 1;text-align: center;} .head_m_3_index .box .logo img{height: 20px;margin-top:5px;} .head_m_3_index .box .r{position: absolute;z-index: 2;right: 15px;top: 13px;} .head_m_3_index .box .r .menu{float: left;height: 24px;margin: 3px 0 0 0;} .head_m_3_index .box .r .menu img{float: left;height: 24px;} .head_m_3{width:100%;height:54px;background:#f51b6b;float: left;z-index: 8000;display: none;position: relative;} .head_m_3 .box{width:100%;height:54px;float: left;padding:0 15px;} .head_m_3 .box .home{float: left;border-right: 1px solid #e0363f;height: 54px;} .head_m_3 .box .home img{float: left;height: 30px;margin: 12px 15px 0 0;} .head_m_3 .box .a{float: left;height: 54px;line-height: 54px;font-size: 14px;color: #fff;margin: 0 6px;} .head_m_3 .box .img{float: left;height: 54px;} .head_m_3 .box .r{float: right;} .head_m_3 .box .r .menu_page{float: left;height: 24px;margin: 15px 0 0 0;position: absolute;right: 15px;} .head_m_3 .box .r .menu_page img{float: left;height: 24px;} .head_m_3 .box .r .menu_page_hover{float: left;height: 24px;margin: 15px 0 0 0;position: absolute;right: 15px;display: none;} .head_m_3 .box .r .menu_page_hover img{float: left;height: 24px;} .head_m_3 .box .r .menu{float: left;height: 24px;margin: 15px 0 0 0;} .head_m_3 .box .r .menu img{float: left;height: 24px;} .head_m_3_navbg{display: none;background:rgba(0,0,0,0.4);width: 100%;height: 100%;position: fixed;z-index: 9700;background-size: 100%;padding:0px 0px;border-top: 0;right: 0} .head_m_3_nav{background:rgba(0,0,0,0.9);width: 40%;height: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;right: -40%;transition:0.5s;} .head_m_3_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 60px 20px 0;text-align: center;} .head_m_3_nav .abox .menu_hover{float: left;width: 100%;text-align: right;height: 40px;position: absolute;top: 18px;right: 15px;} .head_m_3_nav .abox .menu_hover img{float: right;height: 24px;} .head_m_3_nav .abox .a{width: 100%;float: left;line-height: 50px;font-size: 15px;color: #fff;text-align: right;} .head_m_3_nav .abox .searchbt{width:80%;float: right;border-top: 1px solid rgba(255,255,255,0.3);text-align: center;margin-top: 20px;padding-top: 30px;} .head_m_3_nav .abox .searchbt span{color: #fff;float: right;font-size: 18px;margin-right: 10px;} .head_m_3_nav .abox .tel{width: 100%;float: left;border-top: 1px solid #fff;text-align: center;margin-top: 20px;padding-top: 30px;} .head_m_3_nav .abox .tel p{display: inline-block;height: 30px;} .head_m_3_nav .abox .tel p img{height: 30px;float: left;} .head_m_3_nav .abox .tel p span{height: 30px;line-height: 30px;color: #fff;font-size: 18px;display: inline-block;float: left;margin-left: 10px;} @media (max-width: 768px) { .head_m_3_index{display: block;} .head_m_3{display: block;} .m_head_1_bt{display: block;} } /* footer */ .footer{width: 100%;float: left;background: #3966a9;} .footer .box{float: left;width: 100%;} .footer .box .c{width: 100%;;float: left;padding: 50px 0;} .footer .box .c li{width: 18%;float: left;min-height: 140px;} .footer .box .c li.about{width:46%;float: left;min-height: 140px;padding-right: 100px;} .footer .box .c li .t{float: left;width: 100%;color: #fff;line-height: 40px;font-size: 17px;font-weight: bold;margin-bottom: 10px;} .footer .box .c li .list{float: left;width: 100%;line-height: 32px} .footer .box .c li .list p{float: left;width: 100%;color: rgba(255,255,255,0.7);font-size: 13px;line-height: 24px;margin:8px 0 20px;} .footer .box .c li .list a{float: left;width: 100%;color: rgba(255,255,255,0.7);font-size: 13px;} .footer .box .c li .list a em{float: left;width: 6px;height: 6px;background: rgba(255,255,255,0.7);border-radius: 100%;margin: 13px 10px 0 0;} .footer .box .c li .list a b{float: left;} .footer .box .c li .list i{float: left;width: 100%;color: rgba(255,255,255,0.7);font-size: 13px;} .footer .box .c li .list i span{float: left;line-height: 32px;color: rgba(255,255,255,0.7);margin-right: 10px;} .footer .box .c li .list i em{float: left;line-height: 32px;color: rgba(255,255,255,0.7);} @media (max-width: 768px) { .footer{display: none;} } /* footer_m */ .footer_m{width: 100%;float: left;background:#666;color: #fff;display: none;} .footer_m .box{width: 100%;float: left;padding: 60px 0 40px;text-align: center;} .footer_m .box .img{float: left;width: 100%;} .footer_m .box .img img{width: 30%;height: auto;} .footer_m .box span{float: left;width: 100%;line-height: 60px;font-family: simsun;font-size: 15px;display:block;} .footer_m .box .wx{float: left;width: 100%;} .footer_m .box .wx .li{display: inline-block;width:70px;margin: 0 10px;} .footer_m .box .wx .li img{width: 70px;} .footer_m .box .wx .li i{width: 70px;font-style: normal;line-height: 40px;color: #aaa;} .footer_m_cp{width: 100%;float: left;background:#b00;display: none;padding: 30px 0 40px;} .footer_m_cp .box{width: 100%;float: left;text-align: center;color: #fff;line-height: 24px;} .footer_m_cp .box a{color: #fff;} @media (max-width: 768px) { .footer_m{display: none;} .footer_m_cp{display: block;} } /*菜单栏*/ .menuBar{width: 250px;float: left;position: fixed;height: 100%;background: #0d4eaf;z-index: 9999;right: -250px;top: 0;transition:0.5s;} .menuBar .closebt{float: left;color: #fff;font-size: 20px;padding: 0 60px 0 30px;background: #f90;height: 70px;line-height: 72px;overflow: hidden;} .menuBar .closebt span{color: #fff;top: 2px;} .menuBar .box{float: left;width: 100%;padding: 0 30px;} .menuBar .box a{width: 100%;float: left;line-height: 50px;font-size: 15px;color: #fff;} /* footer_15 */ .footer_15{float: left;width: 100%;text-align: center;color: #fff;background:#0d4eaf;padding-top: 30px;} .footer_15 a{color: #fff;} .footer_15 .cont{float: left;width: 100%;margin-bottom: 40px;padding: 0 0px;display: none} .footer_15 .cont p{float: left;width: 32%;margin-right: 2%;border: 1px solid rgba(255,255,255,0.6);padding: 20px 20px;position: relative;transition:0.4s;text-align: left;} .footer_15 .cont p:hover{background: #0d4eaf;border-radius: 10px 0 10px 0;} .footer_15 .cont p i{float: left;line-height: 46px;font-size: 26px;margin-right: 10px;position: absolute;height: 40px;overflow: hidden;left: 20px;} .footer_15 .cont p span{float: left;padding-left: 40px;height: 40px;line-height: 40px;font-size: 14px;text-transform: uppercase;} .footer_15 .cont p:nth-child(3){margin-right: 0;} .footer_15 .ptext{float: left;width: 50%;line-height: 30px;margin-bottom: 20px;font-size: 13px;padding: 0 ;color: #fff;text-align: left;text-transform: uppercase;} .footer_15 .wap{display: none;font-size: 13px;} .footer_15 .line{width: 100%;float: left;height: 3px;margin: 0 0 20px;padding: 0 48%;} .footer_15 .line i{height: 3px;background: #fff;display: inline-block;vertical-align: top;float: left;width: 100%;} .footer_15 .ficons{width: 40%;float: right;margin-top: 15px;} .footer_15 .ficons a{width:50px;height:50px;border-radius: 100%;margin: 0 30px 0 0 ;border: 1px solid #fff;display: inline-block;float: right;} .footer_15 .ficons a img{float: left;margin: 10px 0 0 10px;width: 28px;} .footer_15 .ficons a:hover{background: #fa0;} .footer_15 .ficons a.wx{width:50px;height:50px;border-radius: 100%;position: relative;display: inline-block;} .footer_15 .ficons a.wx:hover .p{display: block;} .footer_15 .ficons a.wx .im{float: left;margin: 10px 0 0 10px;} .footer_15 .ficons a.wx .p{position: absolute;width: 130px;height: 120px;background: url(/Public/Common/Images/wxbg.png) no-repeat right top;border-radius: 5px;left:-47px;top:-120px;border: none;padding: 10px;display: none;} .footer_15 .ficons a.wx .p img{float: left;margin: 0 0 0 10px;width: 100px;border-radius: 5px;overflow: hidden;} @media (max-width: 768px) { .footer_15{float: left;width: 100%;color: #fff;padding: 10px 20px 20px;} .footer_15 a{color: #fff;} .footer_15 .cont{float: left;width: 100%;margin-bottom: 20px;padding: 0 0;;} .footer_15 .cont p{float: left;width: 100%;margin-right:0;margin-bottom: 10px;;border: 1px solid rgba(255,255,255,0.6);padding: 20px 15px;position: relative;transition:0.4s;text-align: left;} .footer_15 .cont p:hover{background: #0d4eaf;border-radius: 10px 0 10px 0;} .footer_15 .cont p i{float: left;line-height: 30px;font-size: 20px;margin-right: 5px;position: absolute;height: 30px;overflow: hidden;left: 10px;} .footer_15 .cont p span{float: left;padding-left: 20px;height: auto;line-height: 30px;font-size: 13px;text-transform: uppercase;} .footer_15 .cont p:nth-child(1) span{line-height: 30px;} .footer_15 .cont p:nth-child(3){margin-right: 0;} .footer_15 .ptext{float: left;width: 100%;line-height: 24px;margin-bottom: 20px;font-size: 13px;padding: 0 0;color: #fff} .footer_15 .pc{display: none;font-size: 13px;} .footer_15 .wap{display: block;font-size: 13px;text-align: center;} .footer_15 .line{width: 100%;float: left;height: 3px;margin: 0 0 30px;padding: 0 45%;} .footer_15 .ficons{width: 100%;float: left;margin-top: 40px;padding: 0 25px;margin-bottom: 20px;} .footer_15 .ficons span{height:40px;float: left;margin: 0 120px 0 0;color: #fff;line-height: 40px;font-size: 40px;margin-top: 6px;font-family: arial;} .footer_15 .ficons a{width:50px;height:50px;border-radius: 100%;margin: 0 10px 0;border: 1px solid #fff;display: inline-block;float: none;} .footer_15 .ficons a img{float: left;margin: 12px 0 0 12px;width: 24px;} .footer_15 .ficons a:hover{background: #fa0;} .footer_15 .ficons a.wx{width:50px;height:50px;border-radius: 100%;margin: 0 10px 0;position: relative;display: inline-block;} .footer_15 .ficons a.wx:hover .p{display: block;} .footer_15 .ficons a.wx .im{float: left;margin: 13px 0 0 13px;} .footer_15 .ficons a.wx .p{position: absolute;width: 130px;height: 120px;background: url(/Public/Common/Images/wxbg.png) no-repeat right top;border-radius: 5px;left:-44px;top:44px;border: none;padding: 10px;display: none;z-index: 999;} .footer_15 .ficons a.wx .p img{float: left;margin: 0 0 0 10px;width: 100px;} } .menu_list{width:25%;float: left;} .menu_head{width:100%;height:60px;line-height:60px;padding-left:30px;font-size:14px;color:#000;cursor:pointer;position:relative;margin:0;border-bottom: 1px solid #fff;background: #ddd;} .menu_head span{line-height: 55px;height: 60px;float: left;width: 26px;color: #ccc;} .menu_head em{line-height: 58px;height: 60px;float: left;width: 26px;color: #ccc;display: none;} .menu_head i{line-height: 58px;height: 60px;float: left;font-style: normal;font-weight: bold;} .menu_list .current{background: #0d4eaf;color: #fff;} .menu_list .current span{color: #fff;display: none;} .menu_list .current em{display: block;} .menu_body{width:100%;height:auto;overflow:hidden;line-height:50px;display: none;background: #fff} .menu_body a{display:block;width:100%;height:50px;line-height:50px;padding-left:56px;color:#333;text-decoration:none;border-bottom: 1px solid #eee;font-weight: bold;font-size: 15px;} .menu_body a:hover{text-decoration:none;} .menu_body a.cur{color: #0d4eaf;} @media (max-width: 768px) { .menu_list{display: none;} } /* note_5 */ .note_5{width: 100%;float: left;padding: 100px 0;background:#0d4eaf url(/Public/Common/Images/note.jpg);} .note_5 .box{width: 100%;float: left;} .note_5 .box form{float: left;width: 100%;} .note_5 .box form .l{float: left;width: 32%;} .note_5 .box form .l img{float: left;width: 100%;border-radius: 20px 20px 0 20px;} .note_5 .box form .m{float: left;width: 65%;height: auto;padding:0px 0 0 100px;} .note_5 .box form .m b{float: left;width: 100%;color: #fff;font-size: 24px;line-height: 40px;font-weight: bold;margin: 15px 0 30px;} .note_5 .box form .m p{float: left;width: 100%;font-size: 12px;line-height: 30px;margin:10px 0 30px;} .note_5 .box form .m p span{float: left;width: 50%;color: #ddd;} .note_5 .box form .m .tel{float: left;width: 100%;margin-top: 10px;} .note_5 .box form .m .tel img{float: left;height:28px;margin-right: 10px;} .note_5 .box form .m .tel i{float: left;line-height: 32px;color: #fff;font-style: normal;font-size: 14px;} .note_5 .box form .m .tel span{float: left;line-height: 32px;color: #fff;font-size: 18px;} @media (max-width: 768px) { .note_5{width: 100%;float: left;padding:25px;margin-bottom: 0;} .note_5 .box form .l{float: left;width: 100%;background:none;height:auto;text-align: center;padding: 50px 35% 30px;display: none; } .note_5 .box form .l img{float: left;width: 100%;} .note_5 .box form .m{float: left;width: 100%;height: auto;padding:0px 0 20px;background: none;} .note_5 .box form .m b{float: left;width: 100%;color: #fff;font-size: 16px;line-height: 30px;font-weight: normal;margin-bottom: 15px;} .note_5 .box form .m p{float: left;width: 100%;font-size: 12px;line-height: 24px;margin:10px 0 20px;} .note_5 .box form .m p span{float: left;width: 100%;color: #ddd;} .note_5 .box form .m .tel{float: left;width: 100%;margin-top: 10px;} .note_5 .box form .m .tel img{float: left;height:20px;margin-right: 10px;} .note_5 .box form .m .tel i{float: left;line-height: 24px;color: #fff;font-style: normal;font-size: 12px;} .note_5 .box form .m .tel span{float: left;line-height: 24px;color: #fff;font-size: 12px;} } .note_5 .box form .m .li{width: 100%;float: left;margin-bottom: 15px;} .note_5 .box form .m .li .lil{width: 0%;float: left;} .note_5 .box form .m .li .lir{width: 100%;float: left;} .note_5 .box form .m .li .lir .submit{height:60px;float: left;line-height: 58px;border: 1px solid #000;background: #000;color: #fff;padding: 0 120px 0 40px;font-size: 16px;font-weight: bold;} .note_5 .box form .m .li .lir .textarea{width: 100%;height:88px;background: #fff; line-height:32px;padding:6px;outline: none;color: #fff;font-size: 13px;float: left;border: 1px solid rgba(255,255,255,0.4);background: none;} .note_5 .box form .m .li .lir .input{width: 50%;background: #fff;line-height: 50px;outline: none;color: #fff;font-size: 13px;float: left;height: 52px;border: 1px solid rgba(255,255,255,0.4);margin: 0;background: none;} .note_5 .box form .m .li .lir .select{width: 100%;line-height: 50px;outline: none;color: #000;font-size: 13px;float: left;height: 52px;border: 1px solid #ddd;background: #fff;} .note_5 .box form .m .li .lir .province{width: 24%;margin-right: 2%;} .note_5 .box form .m .li .lir .city{width: 24%;} .note_5 .box form .m .li .lir .short{width: 24%;margin-right: 20px;} .note_5 .box form .m .li .lir .verify{width: 24%;border-right: none;margin-right: 0;} .note_5 .box form .m .li .lir .code{float: left;margin: 0px 0 0 0;cursor: pointer;height: 52px;border: 1px solid #ddd;padding: 2px;border-left: none;width: 120px;} .note_5 .box form .m .li .lir .input:focus{outline: none;box-shadow: 0 0 4px #E77817 ;} .note_5 .box form .m .li .lir label{float: left;margin: 0 10px 0 0;height: 20px;} .note_5 .box form .m .li .lir label .radio{float: left;margin-right: 5px;} .note_5 .box form .m .li .lir label i{float: left;font-style: normal;} .note_5 .box form .m .li .lir .input::-webkit-input-placeholder {color:#fff;} .note_5 .box form .m .li .lir .input:-moz-placeholder {color:#fff;} .note_5 .box form .m .li .lir .input::-moz-placeholder {color:#fff;} .note_5 .box form .m .li .lir .input:-ms-input-placeholder {color:#fff;} .note_5 .box form .m .li .lir .textarea::-webkit-input-placeholder {color:#fff;} .note_5 .box form .m .li .lir .textarea:-moz-placeholder {color:#fff;} .note_5 .box form .m .li .lir .textarea::-moz-placeholder {color:#fff;} .note_5 .box form .m .li .lir .textarea:-ms-input-placeholder {color:#fff;} @media (max-width: 768px) { .note_5 .box form .m .li{width: 100%;float: left;margin-bottom: 15px;} .note_5 .box form .m .li .lil{width: 0%;float: left;} .note_5 .box form .m .li .lir{width: 100%;float: left;} .note_5 .box form .m .li .lir .reset{width: 49%;float: right;} .note_5 .box form .m .li .lir .submit{width: 100%;margin-right: 0px;background: #000;text-align: center;padding: 0;} .note_5 .box form .m .li .lir .textarea{width: 100%;} .note_5 .box form .m .li .lir .input{width: 100%;} .note_5 .box form .m .li .lir .select{width: 100%;background: #fff;} .note_5 .box form .m .li .lir .province{width: 49%;margin-right: 0;} .note_5 .box form .m .li .lir .city{width: 49%;float: right;margin-right: 0;} .note_5 .box form .m .li .lir .short{width: 24%;} .note_5 .box form .m .li .lir .verify{width: 50%;} } /* fullSlide */ .fullSlide{ width:100%; height:1000px; float: left;z-index: 100;} .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul{ width:100% !important; } .fullSlide .bd li{ width:100% !important; height:1000px; overflow:hidden; text-align:center; background-position: center top;background-repeat: no-repeat;background-size: 1920px;} .fullSlide .bd li a{ display:block; height:1000px; } .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0px; left:0; height:60px; line-height:30px; } .fullSlide .hd ul{ text-align:center; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:18px; height:18px;overflow:hidden; background:#0d4eaf;filter:alpha(opacity=20);opacity:0.2; line-height:999px; margin: 0 6px;border-radius: 18px;transition:0.5s;} .fullSlide .hd ul .on{ width: 40px;opacity: 1; } .fullSlide .prev, .fullSlide .next{ display:block; position:absolute; z-index:1; top:55%; margin-top:-30px; left:60px; z-index:1; width:40px; height:60px; background:url(/Public/Common/Images/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=20);opacity:0.2; display:block; } .fullSlide .next{ left:auto; right:60px; background-position:-6px -137px; } @media (max-width: 2700px) { .fullSlide{ height:900px;} .fullSlide .bd li{height:900px; background-size: 2700px; } .fullSlide .bd li a{ height:900px; } } @media (max-width: 1920px) { .fullSlide{ height:640px;} .fullSlide .bd li{height:640px; background-size: 1920px; } .fullSlide .bd li a{ height:640px; } } @media (max-width: 1800px) { .fullSlide{ height:600px;} .fullSlide .bd li{height:600px; background-size: 1800px; } .fullSlide .bd li a{ height:600px; } } @media (max-width: 1500px) { .fullSlide{ height:500px;} .fullSlide .bd li{height:500px; background-size: 1500px; } .fullSlide .bd li a{ height:500px; } } @media (max-width: 1410px) { .fullSlide{ height:470px;} .fullSlide .bd li{height:470px; background-size: 1380px; } .fullSlide .bd li a{ height:470px; } } @media (max-width: 1200px) { .fullSlide{ height:400px;} .fullSlide .bd li{height:400px; background-size: 1200px; } .fullSlide .bd li a{ height:400px; } } @media (max-width: 768px) { .fullSlide{display: none;} } /*mfullSlideBox*/ .mfullSlideBox{ position:relative; overflow:hidden;max-width:768px;display: none;float: left;width: 100%;} .mfullSlideBox .hd{ position:absolute; height:32px;bottom:0; right:0; z-index:1;text-align: center;width: 100%; } .mfullSlideBox .hd li{ display:inline-block; width:12px; height:12px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;background:#fff; text-indent:-9999px; overflow:hidden; margin:0 5px;opacity: 0.4;} .mfullSlideBox .hd li.on{opacity: 1;} .mfullSlideBox .bd{ position:relative; z-index:0; } .mfullSlideBox .bd li{ position:relative; text-align:center; } .mfullSlideBox .bd li img{ background:url(images/loading.gif) center center no-repeat; vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */} .mfullSlideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* 去掉链接触摸高亮 */ .mfullSlideBox .bd li .tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff; text-align:left; } @media (max-width: 768px) { .mfullSlideBox{display: block;} } /* notice_6 */ .notice_6{float: left;height: 90px;width: 100%;position: relative;z-index: 100;background: #fff;} .notice_6 .box{float: left;height: 90px;background: #fff;width: 100%;line-height: 20px;padding: 35px 30px;border-radius: 10px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);margin-top: -45px;} .notice_6 .box .txtScrollTop{ width:100%; float: left;} .notice_6 .box .txtScrollTop span{float: left;line-height: 20px;color: #0d4eaf;font-size: 15px;} .notice_6 .box .txtScrollTop .hd{ overflow:hidden;padding:0;float: right;width: 15%;} .notice_6 .box .txtScrollTop .hd .prev, .notice_6 .box .txtScrollTop .hd .next{ display:block; width:9px; height:5px; float:right; margin-left:5px; margin-top:8px; overflow:hidden;cursor:pointer; background:url("/Public/Common/Images/icoUp.gif") no-repeat;} .notice_6 .box .txtScrollTop .hd .next{ background:url("/Public/Common/Images/icoDown.gif") no-repeat;} .notice_6 .box .txtScrollTop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;display: none;} .notice_6 .box .txtScrollTop .hd ul li{ float:left;width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#aaa;border-radius: 100%; } .notice_6 .box .txtScrollTop .hd ul li.on{background: #b00 } .notice_6 .box .txtScrollTop .bd{ width: 80%;float: left; padding-left: 10px; } .notice_6 .box .txtScrollTop .infoList li{ height:20px; line-height:20px;float: left;width: 100%;overflow: hidden;} .notice_6 .box .txtScrollTop .infoList li a{ float:left; font-size: 14px; } .notice_6 .box .txtScrollTop .infoList li .date{ float:right; color:#aaa;font-size: 12px;} @media (max-width: 768px) { .notice_6{height: 60px;} .notice_6 .box{height: 60px;margin-top: 0;border-radius: 0;} .notice_6 .box{padding: 20px;} .notice_6 .box .txtScrollTop .infoList li a{ width: 100%;font-size: 12px;} .notice_6 .box .txtScrollTop .infoList li .date{display: none;} } /* slogan_3*/ .slogan_3{width: 100%;float: left;background: #fff;padding-bottom: 30px;} .slogan_3 .box{width: 100%;float: left;} .slogan_3 .box .li{float: left;font-style: normal;color: #000;width: 300px;} .slogan_3 .box .li i{float: left;} .slogan_3 .box .li i .img{float: left;margin: 6px 10px 0 0;} .slogan_3 .box .li b{line-height: 24px;font-size: 18px;font-weight: normal;color: #000;float: left;width: 200px;margin-top: 13px;} .slogan_3 .box .li p{line-height: 30px;font-size: 12px;font-weight: normal;color: #000;float: left;width: 200px;} @media (max-width: 768px) { .slogan_3{width: 100%;float: left;background: #fff;padding-bottom:20px;} .slogan_3 .box{width: 100%;float: left;padding: 20px 0;} .slogan_3 .box .li{float: left;font-style: normal;color: #000;width: 25%;text-align: center;} .slogan_3 .box .li i{width: 100%;float: left;} .slogan_3 .box .li i .img{float: none;display: inline-block;width: 50px;} .slogan_3 .box .li b{line-height: 24px;font-size: 13px;font-weight: normal;color: #000;float: left;width: 100%;margin-top: 4px;} .slogan_3 .box .li p{display: none;} } /*indexCasesUl*/ .indexCasesUl{ float: left;width: 100%;padding: 60px 0 100px;background: #f4f4f4;border-top: 1px solid #fff;} .indexCasesUl.on .box{opacity: 1;bottom: 0;} .indexCasesUl .box{ width:100%; overflow:hidden; position:relative;float: left;opacity: 1;transition:0.5s;transition-delay: 0.5s;position: relative;bottom: -100px;} .indexCasesUl .box .t{float: left;width:100%;color: #fff;margin-bottom: 60px;position: relative;} .indexCasesUl .box .t .img{float: left;width:100%;} .indexCasesUl .box .t .img img{float: left;max-width:100%;} .indexCasesUl .box .t .con{position: absolute;z-index: 1;width: 600px;background: rgba(255,255,255,0.8);border-radius: 20px;padding:30px 40px 30px;color: #000; right: 0;top:30px;} .indexCasesUl .box .t .con .text{float: left;width: 100%;margin-bottom: 15px;} .indexCasesUl .box .t .con .text b{float: left;width: 100%;line-height:60px;font-size: 40px;font-weight: bold;color: #0d4eaf;margin-bottom: 10px;} .indexCasesUl .box .t .con .text i{float: left;width: 50px;height: 6px;background: #eee;margin-bottom: 20px;} .indexCasesUl .box .t .con .text span{float: left;width: 100%;line-height: 24px;font-size: 24px;color: #f90;} .indexCasesUl .box .t .con .text p{float: left;width: 100%;line-height: 24px;font-size: 14px;margin-top: 15px;} .indexCasesUl .box .t .con .honor{float: left;width: 100%;/* display: none; */} .indexCasesUl .box .t .con .honor a{float: left;width: 31%;margin-right: 3.5%;position: relative;border-radius: 6px;overflow: hidden;box-shadow: 0 5px 5px rgba(0,0,0,0.05);overflow: hidden;} .indexCasesUl .box .t .con .honor a:hover p{background: rgba(0,0,0,0.8);opacity: 1;} .indexCasesUl .box .t .con .honor a:last-child{margin-right: 0;} .indexCasesUl .box .t .con .honor a p{float: left;width: 100%;position: absolute;background: rgba(0,0,0,0.4);border-radius: 6px;transition:0.5s;height: 100%;opacity: 0;} .indexCasesUl .box .t .con .honor a p span{float: left;width: 100%;padding:30px 15px 0;color: #fff;line-height: 20px;text-align: center;} .indexCasesUl .box .t .con .honor a img{float: left;width: 100%;} .indexCasesUl .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 0;} .indexCasesUl .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%;} .indexCasesUl .box .bd ul li{float: left;width: 23.5%;cursor: pointer;margin-right: 2%;} .indexCasesUl .box .bd ul li:nth-child(4n){margin-right: 0;} .indexCasesUl .box .bd ul li a{float: left;width: 100%;position: relative;border-radius: 10px;overflow: hidden;} .indexCasesUl .box .bd ul li a .cases{position: absolute;z-index: 3;top: 20px;left: 0;background: #f90;color: #fff;padding: 0 30px 0 15px;line-height: 30px;border-radius: 0 30px 30px 0;} .indexCasesUl .box .bd ul li a .link{float: left;width: 100%;transition: 0.3s;overflow: hidden;z-index: 2;position: absolute;text-align: center;left: 0;padding-top: 10%;top: 0;opacity: 0;} .indexCasesUl .box .bd ul li a .link p{float: left;width: 100%;color: #fff;line-height: 24px;padding: 0 30px;} .indexCasesUl .box .bd ul li a .link img{} .indexCasesUl .box .bd ul li a .img{float: left;width: 100%;padding:0;background: #fff;transition: 0.3s;overflow: hidden;} .indexCasesUl .box .bd ul li a .img img{float: left;width: 100%;padding:0;transition: 0.3s;overflow: hidden;background: #fff;} .indexCasesUl .box .bd ul li:hover a .img{background: #000;} .indexCasesUl .box .bd ul li:hover a .img img{opacity: 0.2;} .indexCasesUl .box .bd ul li:hover a .link{opacity: 1;} @media (max-width: 768px) { .indexCasesUl{ float: left;width: 100%;padding:20px 20px 0;} .indexCasesUl .box{ width:100%; overflow:hidden; position:relative;float: left;padding: 0 0 0;} .indexCasesUl .box .t{float: left;width:100%;color: #fff;margin-bottom: 20px;position: relative;} .indexCasesUl .box .t .img{float: left;width:100%;display: none;} .indexCasesUl .box .t .img img{float: left;max-width:100%;} .indexCasesUl .box .t .con{position: relative;z-index: 1;width: 100%;background: rgba(255,255,255,0.8);border-radius: 10px;padding: 20px 20px 20px;color: #000;height: auto;right: 0;top:auto;float: left;} .indexCasesUl .box .t .con .text b{float: left;width: 100%;line-height: 40px;font-size: 30px;font-weight: bold;} .indexCasesUl .box .t .con .text p{float: left;width: 100%;line-height: 24px;font-size: 12px;margin-top: 5px;} .indexCasesUl .box .t .con .text span{float: left;width: 100%;line-height: 24px;font-size: 20px;color: #f90;} .indexCasesUl .box .t .con .honor{float: left;width: 100%;/* display: none; */} .indexCasesUl .box .t .con .honor a{float: left;width: 31%;margin-right: 3.5%;position: relative;border-radius: 3px;overflow: hidden;box-shadow: 0 5px 5px rgba(0,0,0,0.05);overflow: hidden;} .indexCasesUl .box .t .con .honor a:hover p{background: rgba(0,0,0,0.8);opacity: 1;} .indexCasesUl .box .t .con .honor a:last-child{margin-right: 0;} .indexCasesUl .box .t .con .honor a p{float: left;width: 100%;position: absolute;background: rgba(0,0,0,0.4);border-radius: 6px;transition:0.5s;height: 100%;opacity: 0;} .indexCasesUl .box .t .con .honor a p span{float: left;width: 100%;padding:30px 15px 0;color: #fff;line-height: 20px;text-align: center;} .indexCasesUl .box .t .con .honor a img{float: left;width: 100%;} .indexCasesUl .box .bd{ float: left;width:100%;margin:0;overflow: hidden;padding: 0px 0;} .indexCasesUl .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%;} .indexCasesUl .box .bd ul li{float: left;width:48%;cursor: pointer;margin-right: 0%;margin-bottom: 15px;} .indexCasesUl .box .bd ul li:nth-child(2n){float: right;} .indexCasesUl .box .bd ul li a{float: left;width: 100%;position: relative;border-radius: 6px;overflow: hidden;} .indexCasesUl .box .bd ul li a .link{float: left;width: 100%;transition: 0.3s;overflow: hidden;z-index: 2;position: absolute;text-align: center;left: 0;padding-top: 18%;top: 0;opacity: 0;} .indexCasesUl .box .bd ul li a .link p{float: left;width: 100%;color: #fff;line-height: 30px;} .indexCasesUl .box .bd ul li a .link img{} .indexCasesUl .box .bd ul li a .img{float: left;width: 100%;padding:0;background: #fff;transition: 0.3s;overflow: hidden;} .indexCasesUl .box .bd ul li a .img img{float: left;width: 100%;padding:0;transition: 0.3s;overflow: hidden;background: #fff;} .indexCasesUl .box .bd ul li:hover a .img{background: #000;} .indexCasesUl .box .bd ul li:hover a .img img{opacity: 0.2;} .indexCasesUl .box .bd ul li:hover a .link{opacity: 1;} .indexCasesUl .box .bd ul li a .cases{position: absolute;z-index: 3;top: 20px;left: 0;background: rgba(255,153,0,0.7);color: #fff;padding: 0 20px 0 10px;line-height: 24px;border-radius: 0 24px 24px 0;font-size: 12px;} } /* indexNews */ .indexNews{float: left;width: 100%;background: #f4f4f4 url(/Public/Common/Images/indexNews.jpg) no-repeat center center;background-size: cover;position: relative;background-attachment: fixed;} .indexNews .container{position: relative;z-index: 2;} .indexNews .box{width: 100%;float: left;padding: 80px 0 100px;} .indexNews .box .t{width: 100%;float: left;position: relative;text-align: center;margin-bottom: 40px;} .indexNews .box .t span{font-size:40px;line-height: 50px;float: left;text-align: center;float: left;width: 100%;color:rgba(255,255,255,0.3);text-transform: uppercase;font-weight: bold;} .indexNews .box .t b{font-size: 40px;line-height: 50px;color:#fff;float: left;width: 100%;font-weight: bold;} .indexNews .box .articles{float: left;width: 100%;} .indexNews .box .articles .slideTxtBox{ width:100%;float: left;} .indexNews .box .articles .slideTxtBox .hd{position:relative; width: 100%;float: left;margin:0 0 30px;text-align: center;} .indexNews .box .articles .slideTxtBox .hd ul{display: inline-block;height: 60px;border-radius: 60px;overflow: hidden;background: #fff;} .indexNews .box .articles .slideTxtBox .hd ul li{ cursor:pointer;line-height: 60px;font-size:17px;color: #333; height: 60px;display: inline-block;vertical-align: top;padding: 0 60px;border-radius: 60px;overflow: hidden;} .indexNews .box .articles .slideTxtBox .hd ul li.on{color:#fff;background: var(--themecolor); } .indexNews .box .articles .slideTxtBox .bd ul{ zoom:1;width: 100%;float: left;} .indexNews .box .articles .slideTxtBox .bd ul li{line-height:52px;border-bottom: 1px solid rgba(255,255,255,0.1);font-size: 13px;float: left;width:47%;padding: 30px 0 30px;position: relative;} .indexNews .box .articles .slideTxtBox .bd ul li:nth-child(2n){float: right;} .indexNews .box .articles .slideTxtBox .bd ul li:hover a{text-indent: 20px;color: var(--themecolor);} .indexNews .box .articles .slideTxtBox .bd ul li .img{width:210px;float: left;margin: 0 0 0 0;position: absolute;left: 0;top: 30px;} .indexNews .box .articles .slideTxtBox .bd ul li .img img{width:100%;float: left;transition:0.5s;border-radius: 10px 10px 0 10px;} .indexNews .box .articles .slideTxtBox .bd ul li .lir{width: 100%;padding-left: 50px;float: left;transition:0.5s;padding-left: 235px;min-height: 140px;} .indexNews .box .articles .slideTxtBox .bd ul li .lir .desc{width: 100%;float: right;line-height: 44px;color: rgba(255,255,255,0.7);font-size: 13px;transition:0.5s;} .indexNews .box .articles .slideTxtBox .bd ul li .lir .tt{width: 100%;float: right;font-size: 18px;font-weight: normal;line-height: 30px;color: #fff;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;} .indexNews .box .articles .slideTxtBox .bd ul li .lir p{width: 100%;float: right;font-size: 14px;color: #fff;line-height: 26px;transition:0.5s;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .indexNews .box .more{width:100%;float:left;margin: 50px 0 0;text-align: center;} .indexNews .box .more a{display: inline-block;padding: 0 150px;line-height: 50px;border:1px solid rgba(255,255,255,0.2);color: #fff;transition:0.5s;border-radius: 50px;} .indexNews .box .more a:hover{background:#fff;border: 1px solid #fff;text-decoration: none;padding: 0 200px;color: var(--themecolor);} @media (max-width: 992px) { .indexNews{background: #f4f4f4 url(/Public/Common/Images/indexNewsm.jpg) no-repeat center center;background-size: cover;position: relative;} .indexNews .box{padding: 30px 20px;} .indexNews .box .t{width: 100%;display: block;overflow: hidden;text-align: center;margin: 20px 0 20px;} .indexNews .box .t span{font-size:24px;line-height: 40px;float: left;text-align: center;float: left;width: 100%;} .indexNews .box .t b{font-size: 30px;line-height: 40px;color: #fff;float: left;width: 100%;font-weight: bold;} .indexNews .box .articles .slideTxtBox .hd{position:relative; width: 100%;float: left;margin:0 0 20px;text-align: center;} .indexNews .box .articles .slideTxtBox .hd ul{display: inline-block;height: 44px;border-radius: 44px;overflow: hidden;background: #fff;float: left;width: 100%;} .indexNews .box .articles .slideTxtBox .hd ul li{ cursor:pointer;line-height: 44px;font-size:15px;color: #333; height: 44px;display: inline-block;vertical-align: top;padding: 0 0;border-radius: 44px;overflow: hidden;width: 33.333%;text-align: center;float: left;} .indexNews .box .articles .slideTxtBox .hd ul li.on{color:#fff;background: var(--themecolor); } .indexNews .box .articles .slideTxtBox .bd ul li{line-height:52px;border-bottom: 1px solid rgba(255,255,255,0.1);font-size: 13px;float: left;width:100%;padding: 20px 0 20px;position: relative;} .indexNews .box .articles .slideTxtBox .bd ul li:hover a{text-indent: 20px;color: var(--themecolor);} .indexNews .box .articles .slideTxtBox .bd ul li .img{width:120px;float: left;margin: 0 0 0 0;position: absolute;left: 0;top: 23px;} .indexNews .box .articles .slideTxtBox .bd ul li .img img{width:100%;float: left;transition:0.5s;border-radius: 10px 10px 0 10px;} .indexNews .box .articles .slideTxtBox .bd ul li .lir{width: 100%;padding-left: 50px;float: left;transition:0.5s;padding-left: 135px;min-height: 110px;} .indexNews .box .articles .slideTxtBox .bd ul li .lir .desc{width: 100%;float: right;line-height: 34px;color: #fff;font-size: 13px;transition:0.5s;} .indexNews .box .articles .slideTxtBox .bd ul li .lir .tt{width: 100%;float: right;font-size: 15px;font-weight: normal;line-height: 24px;color: #fff;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .indexNews .box .articles .slideTxtBox .bd ul li .lir p{width: 100%;float: right;font-size: 13px;color: #fff;line-height: 22px;transition:0.5s;transition:0.5s;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .indexNews .box .more{width:100%;float:left;margin:20px 0 0;text-align: center;} .indexNews .box .more a{display: inline-block;padding: 0 0;line-height: 50px;transition:0.5s;border-radius: 50px;width: 100%;overflow: hidden;} .indexNews .box .more a:hover{background:var(--themecolor);border: 1px solid var(--themecolor);text-decoration: none;padding: 0 0;color: #fff;width: 100%;text-align: center;float: left;} } /* toolBox_aa */ .toolBox_aa{width: 100%;float: left;background:url(/Public/Common/Images/bgg.jpg) center top;padding:60px 0 60px;background-size: cover;} .toolBox_aa .t{float: left;width:100%;font-size: 18px;color: #fff;margin-bottom: 40px;} .toolBox_aa .t b{float: left;width:100%;font-size: 40px;color: #000;line-height: 80px;font-weight: bold;text-align: center;margin-top: 30px;} .toolBox_aa .t p{float: left;width:100%;text-align: center;line-height: 30px;padding: 0 10%;color: #666;font-size: 15px;} .toolBox_aa .box{float: left;width: 100%;} .toolBox_aa .box .li{width:31%;float: left;margin:0px 3.5% 40px 0;box-shadow: 0 10px 10px rgba(0,0,0,0.05);background: rgba(255,255,255,0.3);border-radius: 10px;position: relative;padding: 30px;transition:0.5s;} .toolBox_aa .box .li:nth-child(3n){margin-right: 0;} .toolBox_aa .box .li:hover{box-shadow: 0 10px 15px rgba(0,0,0,0.2);} .toolBox_aa .box .li:hover .img img{background: #fff;border: 1px solid #fff;margin: 0 0 10px;} .toolBox_aa .box .li:hover span{color: var(--themecolor);} .toolBox_aa .box .li:hover i{color: var(--themecolor);} .toolBox_aa .box .li:hover .img .iconfont{background: var(--themecolor);color: #fff;} .toolBox_aa .box .li .img{float: left;width: 64px;position: absolute;top: 30px;left:30px;} .toolBox_aa .box .li .img .iconfont{width: 64px;background: #fff;float: left;height: 64px;border-radius: 100%;padding: 0;text-align: center;line-height: 64px;font-size: 30px;transition:0.5s;} .toolBox_aa .box .li p{float: left;width: 100%;padding-left: 90px} .toolBox_aa .box .li p span{float: left;width: 100%;line-height: 30px;font-size: 18px;color: #000;transition:0.5s;text-transform: uppercase;font-weight: bold;margin-top: 3px;} .toolBox_aa .box .li p i{float: left;width: 100%;line-height: 26px;font-size: 13px;color: #333;font-style: normal;transition:0.5s;} .toolBox_aa .box .zx{float: left;width: 100%;text-align: center;margin-top: 30px;} .toolBox_aa .box .zx a{line-height: 64px;padding: 0 100px;border-radius: 64px;font-size: 14px;margin-bottom: 20px;transition:0.5s;display: inline-block;background:#a00;box-shadow: 0 15px 5px rgba(0,0,0,0.1);} .toolBox_aa .box .zx a span{color: #fff;line-height: 64px;height: 64px;overflow: hidden;float: left;margin-right: 10px;font-size:24px;transition:0.5s;} .toolBox_aa .box .zx a i{color: #fff;line-height: 64px;overflow: hidden;float: left;font-style: normal;transition:0.5s;font-size: 16px;} .toolBox_aa .box .zx a:hover{padding: 0 130px;} @media (max-width: 768px) { .toolBox_aa{width: 100%;float: left;padding: 0 20px 30px;} .toolBox_aa .t{float: left;width:100%;font-size: 18px;color: #fff;margin-bottom: 10px;} .toolBox_aa .t b{float: left;width:100%;font-size: 30px;color: #000;line-height: 40px;font-weight: bold;text-align: center;margin-top: 30px;letter-spacing: 0px;margin-bottom: 8px;} .toolBox_aa .t p{float: left;width:100%;text-align: center;line-height: 24px;padding: 0 10px;color: #333;font-size: 12px;} .toolBox_aa .box{float: left;width: 100%;} .toolBox_aa .box .li{width:100%;float: left;margin:0px 0% 10px 0;box-shadow: 0 10px 10px rgba(0,0,0,0.05);background: rgba(255,255,255,0.3);border-radius: 10px;position: relative;padding: 15px;min-height: 90px;} .toolBox_aa .box .li:nth-child(3n){margin-right: 0;} .toolBox_aa .box .li:hover .img img{background: #fff;border: 1px solid #fff;margin: 0 0 10px;} .toolBox_aa .box .li:hover span{color: var(--themecolor);} .toolBox_aa .box .li:hover i{color: var(--themecolor);} .toolBox_aa .box .li .img{float: left;width: 50px;position: absolute;top: 15px;left:15px;} .toolBox_aa .box .li .img img{width: 50px;background: #fff;float: left;height: 50px;border-radius: 100%;padding: 10px;} .toolBox_aa .box .li p{float: left;width: 100%;padding-left: 80px} .toolBox_aa .box .li p span{float: left;width: 100%;line-height: 20px;font-size: 16px;color: #000;transition:0.5s;text-transform: uppercase;font-weight: normal;margin-top: 10px;} .toolBox_aa .box .li p i{float: left;width: 100%;line-height: 26px;font-size: 12px;color: #333;font-style: normal;transition:0.5s;} .toolBox_aa .box .zx{display: none;} } /*cateNavSfq*/ .cateNavSfq{ float: left;width: 100%;margin-bottom: 10px;} .cateNavSfq h3{float: left;width: 100%;height:44px; line-height:44px;background:#ddd; padding: 0 20px;margin-top: 1px;} .cateNavSfq h3 b{float: left;font-size: 15px;font-weight: normal;} .cateNavSfq h3 em{ float:right; width:24px; height:20px; background:url(/Public/Common/images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; margin: 6px 0 0;} .cateNavSfq h3.on{background: #0d4eaf;} .cateNavSfq h3.on em{ background-position:16px -57px; } .cateNavSfq h3.on b{font-weight: bold;color: #fff;} .cateNavSfq h3.on b a{font-weight: bold;color: #fff;} .cateNavSfq ul{float: left;width: 100%;display:none; } .cateNavSfq ul.on{display: block;} .cateNavSfq ul li{float: left;width: 100%;} .cateNavSfq ul li a{float: left;width: 100%;line-height: 40px;background: #fff;padding: 0 20px;border-top: 1px solid #eee;} .cateNavSfq ul li a.cur{color: #b00;} .aboutOne{float: left;width: 100%;padding: 40px 0 ;background: #eee;} .aboutOne .box{float: left;width: 100%;} .aboutOne .box .l{float: left;width: 50%;} .aboutOne .box .l .title{float: left;width: 100%;line-height: 40px;font-size: 16px;color: #0d4eaf;margin-bottom: 20px;} .aboutOne .box .l .text{float: left;width: 100%;line-height: 30px;font-size: 14px;} .aboutOne .box .r{float: right;width: 38%;margin-top: 55px;} .aboutOne .box .r img{max-width: 100%;border-radius: 20px 0 20px 20px;} @media (max-width: 768px) { .aboutOne{padding: 20px;} .aboutOne .box .l{width: 100%;} .aboutOne .box .l .title{width: 100%;} .aboutOne .box .l .text{width: 100%;} .aboutOne .box .r{width: 100%;} } .aboutTwo{float: left;width: 100%;padding:60px 0 ;background: #fff;} .aboutTwo .box{float: left;width: 100%;} .aboutTwo .box .title{float: left;width: 100%;margin-bottom: 40px;text-align: center;} .aboutTwo .box .title i{display: inline-block;line-height: 80px;border-bottom: 2px solid #0d4eaf;font-style: normal;font-size: 48px;font-weight: bold;padding-bottom: 20px;} .aboutTwo .box .ul{float: left;width: 100%;line-height: 30px;font-size: 14px;} .aboutTwo .box .ul li{width: 30%;margin: 0 5% 0 0 ;float: left;background: #eee;padding:20px 50px 40px;text-align: center;transition:0.4s;} .aboutTwo .box .ul li:nth-child(3){margin-right: 0;} .aboutTwo .box .ul li:hover{background: #0d4eaf;} .aboutTwo .box .ul li:hover .img .img1{margin-top: -80px;} .aboutTwo .box .ul li:hover .img .img2{margin-top: 0px;} .aboutTwo .box .ul li:hover b{color: #fff;border-bottom: 2px solid #fff;} .aboutTwo .box .ul li:hover p{color: #fff;} .aboutTwo .box .ul li .img{float: left;width: 100%;height: 80px;position: relative;overflow: hidden;} .aboutTwo .box .ul li .img .img1{width: 100%;float: left;position: absolute;transition:0.4s;} .aboutTwo .box .ul li .img .img1 img{display: inline-block;vertical-align: top;height: 80px;} .aboutTwo .box .ul li .img .img2{width: 100%;float: left;margin-top: 80px;position: absolute;transition:0.4s;} .aboutTwo .box .ul li .img .img2 img{display: inline-block;vertical-align: top;height: 80px;} .aboutTwo .box .ul li b{line-height: 40px;font-weight: bold;font-size: 16px;border-bottom: 2px solid #0d4eaf;display: inline-block;margin-bottom: 10px;padding-bottom: 10px;} .aboutTwo .box .ul li p{float: left;width: 100%;line-height: 24px;font-size: 14px;height: 48px;} @media (max-width: 768px) { .aboutTwo{float: left;width: 100%;padding:20px;background: #fff;} .aboutTwo .box{float: left;width: 100%;} .aboutTwo .box .title{float: left;width: 100%;margin-bottom: 40px;text-align: center;} .aboutTwo .box .title i{display: inline-block;line-height: 60px;border-bottom: 2px solid #0d4eaf;font-style: normal;font-size: 36px;font-weight: bold;padding-bottom: 20px;} .aboutTwo .box .ul{float: left;width: 100%;line-height: 30px;font-size: 14px;} .aboutTwo .box .ul li{width: 100%;margin: 0 0 20px 0 ;float: left;background: #eee;padding:20px 50px 40px;text-align: center;transition:0.4s;} .aboutTwo .box .ul li:nth-child(3){margin-right: 0;} .aboutTwo .box .ul li:hover{background: #0d4eaf;} .aboutTwo .box .ul li:hover .img .img1{margin-top: -80px;} .aboutTwo .box .ul li:hover .img .img2{margin-top: 0px;} .aboutTwo .box .ul li:hover b{color: #fff;border-bottom: 2px solid #fff;} .aboutTwo .box .ul li:hover p{color: #fff;} .aboutTwo .box .ul li .img{float: left;width: 100%;height: 80px;position: relative;overflow: hidden;} .aboutTwo .box .ul li .img .img1{width: 100%;float: left;position: absolute;transition:0.4s;} .aboutTwo .box .ul li .img .img1 img{display: inline-block;vertical-align: top;height: 80px;} .aboutTwo .box .ul li .img .img2{width: 100%;float: left;margin-top: 80px;position: absolute;transition:0.4s;} .aboutTwo .box .ul li .img .img2 img{display: inline-block;vertical-align: top;height: 80px;} .aboutTwo .box .ul li b{line-height: 40px;font-weight: bold;font-size: 16px;border-bottom: 2px solid #0d4eaf;display: inline-block;margin-bottom: 10px;padding-bottom: 10px;} .aboutTwo .box .ul li p{float: left;width: 100%;line-height: 24px;font-size: 14px;height: 48px;} } .aboutThree{float: left;width: 100%;padding:60px 0 ;background: #fff;} .aboutThree .box{float: left;width: 100%;} .aboutThree .box .ul{float: left;width: 100%;line-height: 30px;font-size: 14px;} .aboutThree .box .ul li{width: 33.333333%;margin: 0 ;float: left;padding:60px 50px 130px;transition:0.4s;position: relative;} .aboutThree .box .ul li:nth-child(1){background: #333} .aboutThree .box .ul li:nth-child(2){background-image:url(/Public/Common/Images/about/about3.jpg);background-repeat: no-repeat;background-size: cover;} .aboutThree .box .ul li:nth-child(3){background: #0d4eaf} .aboutThree .box .ul li i{line-height: 40px;font-weight: bold;font-size: 32px;color: #fff;float: left;width: 100%;font-style: normal;padding-bottom: 15px;} .aboutThree .box .ul li .text{line-height: 32px;font-size: 15px;color: #fff;float: left;width: 100%;margin-bottom: 20px;} .aboutThree .box .ul li .text b{line-height: 40px;font-size: 24px;font-weight: bold;margin: 0 20px 0 0;} .aboutThree .box .ul li a{line-height: 40px;font-size: 14px;float: left;padding: 0 100px 0 20px;border:1px solid #fff;color: #fff;position: absolute;bottom: 80px;left: 50px;} @media (max-width: 768px) { .aboutThree{float: left;width: 100%;padding:0 20px 20px;} .aboutThree .box{float: left;width: 100%;} .aboutThree .box .ul{float: left;width: 100%;line-height: 30px;font-size: 14px;} .aboutThree .box .ul li{width: 100%;margin: 0 0 20px 0 ;padding:40px 20px 40px;} .aboutThree .box .ul li a{left: 0px;bottom: auto;position: relative;} } .aboutFour{float: left;width: 100%;background:#fff;padding: 50px 0;} .aboutFour .box{float: left;width: 100%;} .aboutFour .box .l{float: left;width: 40%;padding-right: 50px;} .aboutFour .box .l b{float: left;width: 100%;line-height: 80px;font-size: 48px;font-weight: bold;color: #000;margin-bottom: 20px;} .aboutFour .box .l em{float: left;width: 10%;height: 2px;background: #0d4eaf;margin-bottom: 20px;} .aboutFour .box .l p{float: left;width: 100%;line-height: 30px;font-size: 15px;color: #333;margin-bottom: 20px;} .aboutFour .box .l a{line-height: 40px;font-size: 14px;float: left;padding: 0 100px 0 20px;border:1px solid #000;color: #000;margin-top: 20px;transition:0.4s;} .aboutFour .box .l a:hover{padding: 0 80px 0 40px;border:1px solid #0d4eaf;color: #fff;background: #0d4eaf} .aboutFour .box .r{float: left;width: 60%;} .aboutFour .box .r .li{float: left;width: 48%;margin:0 0 30px;padding: 40px 50px;border: 1px solid #eee;transition:0.4s;cursor: pointer;} .aboutFour .box .r .li:hover{border: 1px solid #0d4eaf;} .aboutFour .box .r .li:hover span b{color:#0d4eaf;} .aboutFour .box .r .li:hover span i{color:#0d4eaf;} .aboutFour .box .r .li:nth-child(2n){float: right;} .aboutFour .box .r .li:nth-child(1){background:url(/Public/Common/Images/about/count1.png);background-repeat: no-repeat;background-position: 200px 30px;background-size: 100px;} .aboutFour .box .r .li:nth-child(2){background:url(/Public/Common/Images/about/count2.png);background-repeat: no-repeat;background-position: 200px 30px;background-size: 100px;} .aboutFour .box .r .li:nth-child(3){background:url(/Public/Common/Images/about/count3.png);background-repeat: no-repeat;background-position: 200px 30px;background-size: 100px;} .aboutFour .box .r .li:nth-child(4){background:url(/Public/Common/Images/about/count4.png);background-repeat: no-repeat;background-position: 200px 30px;background-size: 100px;} .aboutFour .box .r .li span{float: left;width: 100%;} .aboutFour .box .r .li span b{float: left;line-height: 50px;color: #000;font-size: 30px;font-weight: bold;transition:0.4s;} .aboutFour .box .r .li span i{float: left;line-height: 50px;color: #000;font-size: 30px;font-weight: bold;font-style: normal;transition:0.4s;} .aboutFour .box .r .li p{float: left;width: 100%;line-height: 30px;color: #333;font-size: 14px;margin-top: 0px;transition:0.4s;} @media (max-width: 768px) { .aboutFour{padding:0px;} .aboutFour .box{float: left;width: 100%;padding:20px 20px 10px;} .aboutFour .box .l{float: left;width: 100%;padding-right: 0px;margin-bottom: 30px;} .aboutFour .box .l b{float: left;width: 100%;line-height: 60px;font-size: 36px;font-weight: bold;color: #000;margin-bottom: 20px;} .aboutFour .box .l em{float: left;width: 10%;height: 2px;background: #0d4eaf;margin-bottom: 20px;} .aboutFour .box .l p{float: left;width: 100%;line-height: 30px;font-size: 15px;color: #333;margin-bottom: 20px;} .aboutFour .box .l a{line-height: 40px;font-size: 14px;float: left;padding: 0 100px 0 20px;border:1px solid #000;color: #000;margin-top: 20px;transition:0.4s;} .aboutFour .box .l a:hover{padding: 0 80px 0 40px;border:1px solid #0d4eaf;color: #fff;background: #0d4eaf} .aboutFour .box .r{float: left;width: 100%;} .aboutFour .box .r .li{float: left;width: 48%;margin:0 0 10px;padding: 20px 20px;border: 1px solid #eee;transition:0.4s;cursor: pointer;} .aboutFour .box .r .li:hover{border: 1px solid #0d4eaf;} .aboutFour .box .r .li:hover span b{color:#0d4eaf;} .aboutFour .box .r .li:hover span i{color:#0d4eaf;} .aboutFour .box .r .li:nth-child(2n){float: right;} .aboutFour .box .r .li:nth-child(1){background:url(/Public/Common/Images/about/count1.png);background-repeat: no-repeat;background-position: right 30px;background-size: 70px;} .aboutFour .box .r .li:nth-child(2){background:url(/Public/Common/Images/about/count2.png);background-repeat: no-repeat;background-position: right 30px;background-size: 70px;} .aboutFour .box .r .li:nth-child(3){background:url(/Public/Common/Images/about/count3.png);background-repeat: no-repeat;background-position: right 30px;background-size: 70px;} .aboutFour .box .r .li:nth-child(4){background:url(/Public/Common/Images/about/count4.png);background-repeat: no-repeat;background-position: right 30px;background-size: 70px;} .aboutFour .box .r .li span{float: left;width: 100%;} .aboutFour .box .r .li span b{float: left;line-height: 50px;color: #000;font-size: 30px;font-weight: bold;transition:0.4s;} .aboutFour .box .r .li span i{float: left;line-height: 50px;color: #000;font-size: 30px;font-weight: bold;font-style: normal;transition:0.4s;} .aboutFour .box .r .li p{float: left;width: 100%;line-height: 30px;color: #333;font-size: 14px;margin-top: 0px;transition:0.4s;} } .aboutFive{float: left;width: 100%;padding:60px 0 ;background: #fff;} .aboutFive .box{float: left;width: 100%;} .aboutFive .box .title{float: left;width: 100%;margin-bottom: 40px;text-align: center;} .aboutFive .box .title i{display: inline-block;line-height: 80px;border-bottom: 2px solid #0d4eaf;font-style: normal;font-size: 48px;font-weight: bold;padding-bottom: 20px;} .aboutFive .box .map{float: left;width: 100%;line-height: 30px;font-size: 14px;position:relative;} .aboutFive .box .map .img{float: left;width: 100%;text-align: center;} .aboutFive .box .map .img img{max-width: 100%;float: left;width: 100%;} .aboutFive .box .map .tag{float: left;width: 100%;text-align: center;position: absolute;z-index: 2;height: 100%;} .aboutFive .box .map .tag p{position: absolute;left: 204px;top:124px;} .aboutFive .box .map .tag p i{background: #0d4eaf;border: 5px solid rgba(255,255,255,0.6);width: 24px;height: 24px;border-radius: 100%;float: left;animation: changese 1s linear 0s infinite;cursor: pointer;} .aboutFive .box .map .tag p em{background: #000;color: #fff;height: 24px;line-height: 24px;padding: 0 10px;border-radius: 4px;position: relative;float: left;display: inline-block;display: none;transition:0.4s;z-index: 9999;} .aboutFive .box .map .tag p:hover em{display: block;} /*.aboutFive .box .map .tag .jnd{left: 17.04%;top:23.25%;} .aboutFive .box .map .tag .jnd{left: 204px;top:124px;} .aboutFive .box .map .tag .mg{left: 285px;top:185px;} .aboutFive .box .map .tag .gnby{left: 321px;top:293px;} .aboutFive .box .map .tag .bx{left: 386px;top:377px;} .aboutFive .box .map .tag .yg{left: 561px;top:145px;} .aboutFive .box .map .tag .teq{left: 634px;top:209px;} .aboutFive .box .map .tag .els{left: 719px;top:153px;} .aboutFive .box .map .tag .nf{left: 618px;top:407px;} .aboutFive .box .map .tag .yd{left: 778px;top:261px;} .aboutFive .box .map .tag .tg{left: 841px;top:278px;} .aboutFive .box .map .tag .mlxy{left: 842px;top:310px;} .aboutFive .box .map .tag .yn{left: 868px;top:297px;} .aboutFive .box .map .tag .flb{left: 928px;top:289px;} .aboutFive .box .map .tag .hg{left: 916px;top:200px;} .aboutFive .box .map .tag .adyl{left: 957px;top:406px;} .aboutFive .box .map .tag .xxn{left: 1079px;top:460px;}*/ .aboutFive .box .map .tag .jnd{left: 17.04%;top:23.25%;} .aboutFive .box .map .tag .mg{left: 23.80%;top:34.6875%;} .aboutFive .box .map .tag .gnby{left: 26.81294118%;top:54.9375%;} .aboutFive .box .map .tag .bx{left: 32.24235294%;top:70.6875%;} .aboutFive .box .map .tag .yg{left: 46.86%;top:27.1875%;} .aboutFive .box .map .tag .teq{left: 52.95764706%;top:39.1875%;} .aboutFive .box .map .tag .els{left: 60.05764706%;top:28.6875%;} .aboutFive .box .map .tag .nf{left: 51.62117647%;top:6.3125%;} .aboutFive .box .map .tag .yd{left: 64.98588235%;top:48.9375%;} .aboutFive .box .map .tag .tg{left: 70.24823529%;top:52.125%;} .aboutFive .box .map .tag .mlxy{left: 70.33176471%;top:58.125%;} .aboutFive .box .map .tag .yn{left: 72.50352941%;top:55.6875%;} .aboutFive .box .map .tag .flb{left: 77.51529412%;top:54.1875%;} .aboutFive .box .map .tag .hg{left: 76.51294118%;top:37.5%;} .aboutFive .box .map .tag .adyl{left: 79.93764706%;top:76.125%;} .aboutFive .box .map .tag .xxn{left: 90.12823529%;top:86.25%;} @media (max-width: 768px) { .aboutFive{float: left;width: 100%;padding:0px;background: #fff;} .aboutFive .box{float: left;width: 100%;} .aboutFive .box .title{float: left;width: 100%;margin-bottom: 40px;text-align: center;} .aboutFive .box .title i{display: inline-block;line-height: 60px;border-bottom: 2px solid #0d4eaf;font-style: normal;font-size: 36px;font-weight: bold;padding-bottom: 20px;} } @keyframes changese { 0% {background: #000;border: 5px solid rgba(255,255,255,0);} 50% {background: #000;border: 5px solid rgba(255,255,255,1);} 100% {background: #000;border: 5px solid rgba(255,255,255,0);} } /*addressNav_3*/ .addressNav_3{float: left;width: 100%;} .addressNav_3 .box{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 0px;line-height: 60px;} .addressNav_3 .box b{float: left;font-weight: normal;} .addressNav_3 .box a{float: left;color: #888;} .addressNav_3 .box span{float: left;color: #aaa;padding: 0 10px;} @media (max-width: 768px) { .addressNav_3{display: none;} } /* casesPageHead */ .casesPageHead{float: left;width:100%;font-size:13px;margin-bottom: 60px;background: #fff;} .casesPageHead ul{float: left;width:100%;} .casesPageHead ul li{width:100%;overflow:hidden;clear:both;transition:0.5s;padding: 60px 0;} .casesPageHead ul li .img{width:40%;float: left;margin: 0;overflow: hidden;} .casesPageHead ul li .img img{width:100%;float: left;transition:0.5s;} .casesPageHead ul li .lir{width: 60%;padding: 0 0 0 50px;float: right;transition:0.5s;} .casesPageHead ul li .lir .tt{width: 100%;float: right;font-size: 24px;font-weight: normal;line-height: 30px;color: #333;transition:0.5s;margin-bottom: 15px;} .casesPageHead ul li .lir .desc{width: 100%;float: right;line-height: 44px;color: #666;font-size: 13px;transition:0.5s;margin: 0 0 20px;} .casesPageHead ul li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;border-bottom: 1px solid #eee;margin: 0 0 20px;padding: 0 0 20px;} .casesPageHead ul li .lir .see{float: left;font-size: 16px;line-height: 50px;transition:0.5s;padding: 0 50px;background: #000;color: #fff;box-shadow: 0 10px 10px #ccc;margin: 0 20px 0 0;} .casesPageHead ul li .lir .alink{float: left;width: 100%;} .casesPageHead ul li .lir .alink a{float: left;line-height: 56px;background: #f90;text-align: center;color: #fff;margin-right: 25px;padding: 0 50px;font-size: 16px;overflow: hidden;height: 56px;} .casesPageHead ul li .lir .alink a span{line-height: 60px;color: #fff;float: left;font-size: 24px;margin-right: 6px;} .casesPageHead ul li .lir .alink a b{line-height: 56px;color: #fff;font-weight: normal;float: left;} .casesPageHead ul li .lir .alink a:hover span{color: #fff;line-height: 60px;} .casesPageHead ul li .lir .alink a:hover b{color: #fff;} .casesPageHead ul li .lir .alink a:nth-child(2){background: #0d4eaf;} .casesPageHead ul li:hover .lir .see{border-radius: 0;background: #0d4eaf;} @media (max-width: 768px) { .casesPageHead{float: left;width:100%;font-size:13px;margin-bottom: 25px;background: #fff;box-shadow: 0 10px 10px #eee;} .casesPageHead ul{float: left;width:100%;padding:0 25px;} .casesPageHead ul li{width:100%;overflow:hidden;clear:both;transition:0.5s;padding: 25px 0 35px;} .casesPageHead ul li .img{width:100%;float: left;margin: 0;overflow: hidden;} .casesPageHead ul li .img img{width:100%;float: left;transition:0.5s;} .casesPageHead ul li .lir{width: 100%;padding: 0px;float: left;transition:0.5s;} .casesPageHead ul li .lir .tt{width: 100%;float: right;font-size:18px;font-weight: normal;line-height: 40px;color: #333;transition:0.5s;margin-top: 15px;} .casesPageHead ul li .lir .desc{width: 100%;float: right;line-height: 44px;color: #666;font-size: 13px;transition:0.5s;margin: 0 0 10px;} .casesPageHead ul li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;border-bottom: 1px solid #eee;margin: 0 0 10px;padding: 0 0 20px;} .casesPageHead ul li .lir .see{float: left;font-size: 16px;line-height: 44px;transition:0.5s;padding: 0 0px;background: #000;color: #fff;box-shadow: 0 10px 10px #ccc;text-align: center;width: 100%;} .casesPageHead ul li:hover .lir .see{border-radius: 0;background: #0d4eaf;} .casesPageHead ul li .lir .alink{float: left;width: 100%;} .casesPageHead ul li .lir .alink a{float: left;line-height: 56px;background: #f90;text-align: center;color: #fff;margin-right: 0;padding: 0 0;font-size: 14px;overflow: hidden;height: 56px;text-align: center;width: 48%;} .casesPageHead ul li .lir .alink a span{line-height: 60px;color: #fff;float: none;font-size: 18px;margin-right: 6px;display: inline-block;} .casesPageHead ul li .lir .alink a b{line-height: 56px;color: #fff;font-weight: normal;float: none;display: inline-block;} .casesPageHead ul li .lir .alink a:hover span{color: #fff;line-height: 60px;} .casesPageHead ul li .lir .alink a:hover b{color: #fff;} .casesPageHead ul li .lir .alink a:nth-child(2){background: #0d4eaf;float: right;} } /* 文档内容页 */ .casesPage{float: left;width: 100%;margin-bottom: 30px;} .casesPage .box{float: left;width: 100%;padding: 0px 0 40px;} .casesPage .box .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;} .casesPage .box h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;} .casesPage .box .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;} .casesPage .box .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;} .casesPage .box .info a{color: #ddd;} .casesPage .box .text{float: left;width: 100%;line-height: 30px;font-size: 17px;margin:0px 0 0 ;padding: 0;color: #444;} .casesPage .box .text p{float: left;width: 100%;line-height: 30px;font-size: 17px;margin: 0;padding: 0;} .casesPage .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;} .casesPage .box .text p img{max-width: 100%;} .casesPage .box .text img{max-width: 100%;} @media (max-width: 768px) { .casesPage{margin-bottom: 20px;} .casesPage .box{padding: 25px;} .casesPage .box h1{line-height:20px;font-size: 18px;margin-bottom: 15px;} } /* indexBd_04 */ .indexBd_04{float: left;width: 100%;height: 380px;margin-bottom: 60px;} .indexBd_04 .box{width: 100%;float: left;background: url(/Public/Common/Images/bd.jpg) no-repeat center top;height: 380px;padding: 100px 0 0 100px;border-radius: 20px;} .indexBd_04 .box .l{width: 50%;float: left;} .indexBd_04 .box .l p{width: 100%;float: left;line-height: 60px;font-size:24px;color: #000;padding:0px 0 0px;opacity: 1;position: relative;transition:0.3s;} .indexBd_04 .box .l span{width: 100%;float: left;line-height: 40px;font-size: 18px;color: #666;position: relative;transition:1s;height: 60px;text-transform: uppercase;} .indexBd_04 .box .l a{float: left;;height: 64px;border-radius: 6px;color: #fff;padding: 0 80px;line-height: 64px;font-size: 18px;background: #0d4eaf;transition:0.5s;margin-top: 5px;} .indexBd_04 .box .l a:hover{background: #f60;color: #fff;border-radius: 0 20px 0 0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);margin-top: 0;} @media (max-width: 768px) { .indexBd_04{float: left;width: 100%;height: 200px;padding:0 30px;} .indexBd_04 .box{width: 100%;float: left;background: url(/Public/Common/Images/bd2.jpg) no-repeat right top;height: 200px;padding: 30px 0 0 30px;background-size: 480px;} .indexBd_04 .box .l{width: 60%;float: left;} .indexBd_04 .box .l p{width: 100%;float: left;line-height: 40px;font-size:18px;color: #000;padding:0px 0 0px;opacity: 1;position: relative;transition:0.3s;} .indexBd_04 .box .l span{width: 100%;float: left;line-height:24px;font-size: 13px;color: #666;position: relative;transition:1s;height: 60px;text-transform: uppercase;} .indexBd_04 .box .l a{float: left;;height: 36px;border-radius: 4px;color: #fff;padding: 0 20px;line-height: 36px;font-size: 14px;background: #0d4eaf;transition:0.5s;margin-top: 0;} .indexBd_04 .box .l a:hover{background: #f60;color: #fff;border-radius: 0 20px 0 0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);margin-top: 0;} } /* 文档内容页 */ .goodPageShow{float: left;width: 100%;z-index: 333;position: relative;} .goodPageShow .box{float: left;width: 100%;background: #fff;padding: 60px;} .goodPageShow .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;} .goodPageShow .box .address b{float: left;font-weight: normal;} .goodPageShow .box .address a{float: left;color: #888;} .goodPageShow .box .address span{float: left;color: #aaa;padding: 0 10px;} .goodPageShow .box .tops{width:100%;overflow:hidden;clear:both;transition:0.5s;padding: 60px 0;border-bottom: 1px dashed #ddd;margin-bottom: 60px;} .goodPageShow .box .tops .img{width:30%;float: left;margin: 0;overflow: hidden;} .goodPageShow .box .tops .img img{width:100%;float: left;transition:0.5s;background: #eee;} .goodPageShow .box .tops .lir{width: 65%;padding: 0 50px;float: left;transition:0.5s;} .goodPageShow .box .tops .lir .tt{width: 100%;float: right;font-size: 24px;font-weight: bold;line-height: 40px;color: #0d4eaf;transition:0.5s;margin-bottom: 10px;} .goodPageShow .box .tops .lir h3{width: 100%;float: right;font-size: 17px;font-weight: normal;line-height: 30px;color: #ddd;transition:0.5s;margin-bottom:15px;text-transform: uppercase;} .goodPageShow .box .tops .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;padding: 20px 0 20px;border-top: 1px dashed #eee;} .goodPageShow .box .tops .lir .see{float: left;font-size: 16px;line-height: 50px;transition:0.5s;padding: 0 60px;color: #000;border: 1px solid #000;border-radius: 5px;} .goodPageShow .box .tops:hover .lir .see{background: #0d4eaf;color: #fff;} .goodPageShow .box .text{float: left;width: 100%;line-height: 36px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;} .goodPageShow .box .text p{float: left;width: 100%;line-height: 36px;font-size: 15px;margin: 0;padding: 0;} .goodPageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;} .goodPageShow .box .text p img{max-width: 100%;} .goodPageShow .box .text img{max-width: 100%;} @media (max-width: 768px) { .goodPageShow{float: left;width: 100%;;z-index: 333;position: relative;padding: 0px;} .goodPageShow .box{float: left;width: 100%;background: no-repeat;padding: 0;box-shadow: none;border: none;} .goodPageShow .box .address{display: none;} .goodPageShow .box .tops{width:100%;overflow:hidden;clear:both;transition:0.5s;background: #fff;border-bottom: none;padding: 0 0 20px;margin-bottom: 0px;} .goodPageShow .box .tops .img{width:100%;float: left;margin: 0;overflow: hidden;padding: 20px 15% 0;} .goodPageShow .box .tops .img img{width:100%;float: left;transition:0.5s;background: none;} .goodPageShow .box .tops .lir{width: 100%;padding: 0 20px;float: left;transition:0.5s;text-align: center;} .goodPageShow .box .tops .lir .tt{width: 100%;float: right;font-size:24px;font-weight: bold;line-height: 30px;transition:0.5s;margin-top: 20px;} .goodPageShow .box .tops .lir h3{font-size: 16px} .goodPageShow .box .tops .lir .desc{width: 100%;float: right;line-height: 44px;color: #666;font-size: 13px;transition:0.5s;margin: 0 0 0px;text-align: center;} .goodPageShow .box .tops .lir .desc i{float: none;width: 20px;height: 20px;background: #ddd;border-radius: 100%;margin: 0 12px 0 0;box-shadow: 0 0 5px rgba(0,0,0,0.3);border: 1px solid #fff;display: inline-block;} .goodPageShow .box .tops .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;} .goodPageShow .box .tops:hover .lir .see{border-radius: 0;background: #0d4eaf;} .goodPageShow .box .tops .lir .see{float: left;font-size: 16px;line-height: 50px;transition:0.5s;padding: 0;color: #000;border: 1px solid #000;border-right-width: 20px;width: 100%;text-align: center;} .goodPageShow{margin-bottom: 20px;} .goodPageShow .box .text{padding: 20px;} } /* 文档内容页 */ .productsPageShow{float: left;width: 100%;z-index: 333;position: relative;} .productsPageShow .box{float: left;width: 100%;padding: 20px 0;} .productsPageShow .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 0px;line-height: 60px;border-bottom: 1px solid #eee;} .productsPageShow .box .address b{float: left;font-weight: normal;} .productsPageShow .box .address a{float: left;color: #888;} .productsPageShow .box .address span{float: left;color: #aaa;padding: 0 10px;} .productsPageShow .box .tops{width:100%;overflow:hidden;clear:both;transition:0.5s;padding: 30px 0;} .productsPageShow .box .tops .img{width:30%;float: left;margin: 0;overflow: hidden;} .productsPageShow .box .tops .img img{width:100%;float: left;transition:0.5s;background: #fff;border-radius: 0 20px 20px 20px;} .productsPageShow .box .tops .lir{width: 70%;padding: 0 50px;float: left;transition:0.5s;} .productsPageShow .box .tops .lir .tt{width: 100%;float: right;font-size: 24px;font-weight: bold;line-height: 40px;color: #0d4eaf;transition:0.5s;margin-bottom: 10px;} .productsPageShow .box .tops .lir h3{width: 100%;float: right;font-size: 17px;font-weight: normal;line-height: 30px;color: #ddd;transition:0.5s;margin-bottom:15px;text-transform: uppercase;} .productsPageShow .box .tops .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;padding: 20px 0 20px;border-top: 1px dashed #ddd;} .productsPageShow .box .tops .lir .see{float: left;font-size: 16px;line-height: 50px;transition:0.5s;padding: 0 40px 0 40px;color: #0d4eaf;border: 1px solid #0d4eaf;border-radius: 50px;} .productsPageShow .box .tops .lir .see .iconfont {font-size: 20px;} .productsPageShow .box .tops:hover .lir .see{background: #0d4eaf;color: #fff;} .productsPageShow .box .text{float: left;width: 100%;line-height: 36px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;} .productsPageShow .box .text p{float: left;width: 100%;line-height: 36px;font-size: 15px;margin: 0;padding: 0;} .productsPageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;} .productsPageShow .box .text p img{max-width: 100%;} .productsPageShow .box .text img{max-width: 100%;} @media (max-width: 768px) { .productsPageShow{float: left;width: 100%;;z-index: 333;position: relative;padding: 0px;} .productsPageShow .box{float: left;width: 100%;background: no-repeat;padding: 0;box-shadow: none;border: none;} .productsPageShow .box .address{display: none;} .productsPageShow .box .tops{width:100%;overflow:hidden;clear:both;transition:0.5s;background: #fff;border-bottom: none;padding: 0 0 20px;margin-bottom: 0px;} .productsPageShow .box .tops .img{width:100%;float: left;margin: 0;overflow: hidden;padding: 20px 15% 0;} .productsPageShow .box .tops .img img{width:100%;float: left;transition:0.5s;background: none;} .productsPageShow .box .tops .lir{width: 100%;padding: 0 20px;float: left;transition:0.5s;text-align: center;} .productsPageShow .box .tops .lir .tt{width: 100%;float: right;font-size:24px;font-weight: bold;line-height: 30px;transition:0.5s;margin-top: 20px;} .productsPageShow .box .tops .lir h3{font-size: 16px} .productsPageShow .box .tops .lir .desc{width: 100%;float: right;line-height: 44px;color: #666;font-size: 13px;transition:0.5s;margin: 0 0 0px;text-align: center;} .productsPageShow .box .tops .lir .desc i{float: none;width: 20px;height: 20px;background: #ddd;border-radius: 100%;margin: 0 12px 0 0;box-shadow: 0 0 5px rgba(0,0,0,0.3);border: 1px solid #fff;display: inline-block;} .productsPageShow .box .tops .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;} .productsPageShow .box .tops:hover .lir .see{border-radius: 0;background: #0d4eaf;} .productsPageShow .box .tops .lir .see{float: left;font-size: 16px;line-height: 50px;transition:0.5s;padding: 0;width: 100%;text-align: center;} .productsPageShow{margin-bottom: 20px;} .productsPageShow .box .text{padding: 20px;} .productsPageShow .box .text{float: left;width: 100%;line-height: 26px;font-size: 14px;margin:0px 0 0 ;color: #444;} .productsPageShow .box .text p{float: left;width: 100%;line-height: 26px;font-size: 14px;margin: 0;padding: 0;} .productsPageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;} .productsPageShow .box .text p img{max-width: 100%;} } .serviceShow{float: left;width: 100%;z-index: 333;position: relative;margin: 10px 0 60px;} .serviceShow .box{float: left;width: 100%;} .serviceShow .box .title{float: left;width: 100%;line-height: 80px;font-size: 30px;margin:0px 0 0 ;padding: 0;color: #000;font-weight: bold;border-bottom: 1px solid #0d4eaf;margin-bottom: 20px;} .serviceShow .box .text{float: left;width: 100%;line-height: 36px;font-size: 15px;margin:0px 0 30px ;padding: 0;color: #444;} .serviceShow .box .text p{float: left;width: 100%;line-height: 36px;font-size: 15px;margin: 0;padding: 0;} .serviceShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;} .serviceShow .box .text p img{max-width: 100%;} .serviceShow .box .text img{max-width: 100%;} @media (max-width: 768px) { .serviceShow{float: left;width: 100%;z-index: 333;position: relative;margin: 0px 0 0px;} .serviceShow .box{float: left;width: 100%;padding: 0 20px;} .serviceShow .box .title{float: left;width: 100%;line-height: 60px;font-size: 20px;margin:0px 0 0 ;padding: 0;color: #000;font-weight: bold;border-bottom: 1px solid #0d4eaf;margin-bottom: 20px;} .serviceShow .box .text{float: left;width: 100%;line-height: 30px;font-size: 15px;margin:0px 0 20px;padding: 0;color: #444;} .serviceShow .box .text p{float: left;width: 100%;line-height: 30px;font-size: 15px;margin: 0;padding: 0;} .serviceShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;} .serviceShow .box .text p img{max-width: 100%;} .serviceShow .box .text img{max-width: 100%;} } .addressService{float: left;width: 100%;} .addressService .box{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;line-height: 60px;} .addressService .box b{float: left;font-weight: normal;} .addressService .box a{float: left;color: #888;} .addressService .box span{float: left;color: #aaa;padding: 0 10px;} @media (max-width: 768px) { .addressService{padding: 0 20px} .addressService .box{border-bottom: 1px solid #ddd;} } .Menubox {width:100%;float: left;margin-bottom: 20px;} .Menubox ul{width:100%;float: left;;border-bottom:4px solid #eee;} .Menubox li{line-height:50px;float:left;display:block;cursor:pointer;color:#000;margin-right: 1px;background: #fff;padding: 0 30px;border-radius: 6px 6px 0 0;font-size: 15px;} .Menubox li.hover{color:#fff;background:#0d4eaf;} @media (max-width: 768px) { .Menubox{margin-bottom: 0} .Menubox ul{padding-left: 20px;border-bottom: none;padding-top: 20px;} .Menubox li{line-height:50px;background: #eee;padding: 0;font-size: 15px;border-radius: 0;background: none;padding: 0;margin-right:10px;} .Menubox li.hover{color: #0d4eaf;border-bottom: 4px solid #0d4eaf;background: none;} } .Menuboxs {width:100%;float: left;margin-bottom: 30px;display: none;} .Menuboxs ul{width:100%;float: left;font-size: 14px;background: #eee;} .Menuboxs li{height: 60px;line-height: 60px;float:left;display:block;cursor:pointer;color:#666;font-weight: normal;padding: 0 40px;font-size: 18px;} .Menuboxs li.hover{color:#fff;background: #0d4eaf;} @media (max-width: 768px) { .Menuboxs {width:100%;float: left;margin-bottom: 30px;margin-top: 15px;} .Menuboxs li{height: 50px;line-height: 50px;float:left;display:block;cursor:pointer;color:#666;font-weight: normal;padding: 0 20px;font-size: 15px;} } /*zdjg*/ .zdjg{float: left;width: 100%;padding: 80px 0px 200px;overflow: hidden;background: #eee;} .zdjg.on .box img{opacity: 1;} .zdjg .box{ float: left;width: 100%;text-align: center;} .zdjg .box img{max-width: 100%;transition:0.5s;opacity: 0;} @media (max-width: 768px) { .zdjg{float: left;width: 100%;padding: 30px 0px 20px;overflow: hidden;background: #eee;} .zdjg .box{ padding: 0 15px;} } /*casesul*/ .casesul{float: left;width: 100%;margin:0 0 0;} .casesul li{float: left;width:31%;margin: 0 3.5% 30px 0;position: relative;padding: 0 0 20px;transition:0.5s;background: #f4f4f4;text-align: center;} .casesul li:nth-child(3n){margin-right: 0;} .casesul li:hover{background: #0d4eaf;} .casesul li:hover .img img{opacity: 0.2;} .casesul li:hover .tit{color: #fff;} .casesul li:hover .tag{opacity: 1;padding-top: 26%;} .casesul li:hover p{color: #fff;} .casesul li .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 44% 0;opacity: 0;transition:0.5s;left: 0;} .casesul li .tag img{float: left;} .casesul li .img{float: left;width:100%;padding:0;background: #000;} .casesul li .img img{float: left;width:100%;transition:0.5s;} .casesul li .tit{float: left;width:100%;line-height: 34px;color: #333;overflow: hidden;font-size: 16px;padding:0px 15px 0;margin-top: 15px;transition:0.5s;} .casesul li p{float: left;width:100%;color: #666;padding:0px 15px 0;line-height: 24px;height: 24px;overflow: hidden;transition:0.5s;} @media (max-width: 992px) { .casesul{float: left;width: 100%;margin-bottom:0px;padding:0px 0 0;margin-top: 20px;} .casesul li{float: left;width:100%;margin: 0 0 20px 0;position: relative;padding: 0 0px 20px;background: #f4f4f4;transition:0.5s;} .casesul li:hover{background: #0d4eaf;} .casesul li:hover .tit{color: #fff;} .casesul li:hover p{color: #fff;} .casesul li .img{float: left;width:100%;padding: 0 0%;} .casesul li .img img{float: left;width:100%;} .casesul li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 20px 0;height: 44px;margin-top: 5px;color: #666;transition:0.5s;} .casesul li p{float: left;width:100%;color: #999;padding: 0 20px;line-height: 20px;height: auto;} } /*casesullr*/ .casesullr{float: left;width: 100%;margin:0 0 0;} .casesullr li{float: left;width:47%;margin: 0 0 60px 0;position: relative;transition:0.5s;background: #f4f4f4;} .casesullr li:nth-child(2n){float: right;} .casesullr li:hover{background: #0d4eaf;border-radius:20px 0 20px 0;overflow: hidden;} .casesullr li:hover .l .img img{opacity: 0.2;} .casesullr li:hover .l .tag{opacity: 1;padding-top: 40%;} .casesullr li:hover .r b{color: #fff;} .casesullr li:hover .r h3{color: #fff;} .casesullr li:hover .r p span{color: #fff;} .casesullr li:hover .r p i{color: #fff;} .casesullr li:hover .r p em{background: #fff;} .casesullr li .l{float: left;width: 40%;position: relative;} .casesullr li .l .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 44% 0;opacity: 0;transition:0.5s;left: 0;} .casesullr li .l .tag img{float: left;} .casesullr li .l .img{float: left;width:100%;padding:0;background: #000;} .casesullr li .l .img img{float: left;width:100%;transition:0.5s;} .casesullr li .r{float: left;width: 60%;padding: 10px 30px;} .casesullr li .r b{float: left;width:100%;line-height: 34px;color: #333;font-size: 16px;margin-top: 15px;transition:0.5s;font-weight: normal;} .casesullr li .r h3{float: left;width:100%;line-height: 24px;color: #999;font-size: 14px;margin-top: 15px;transition:0.5s;border-top: 1px solid #ddd;padding-top: 15px;} .casesullr li .r p{float: left;width:100%;transition:0.5s;margin-top: 10px;} .casesullr li .r p span{float: left;line-height: 28px;color: #aaa;font-size: 16px;margin-right: 5px;transition:0.5s;} .casesullr li .r p em{float: left;margin:11px 7px 0;width: 6px;height: 6px;border-radius: 100%;background: #aaa;transition:0.5s;} .casesullr li .r p i{float: left;line-height: 28px;color: #aaa;font-style: normal;transition:0.5s;} @media (max-width: 992px) { .casesullr{float: left;width: 100%;margin:0 0 0;padding:0 25px;} .casesullr li{float: left;width:100%;margin: 0 0 20px 0;position: relative;transition:0.5s;background: #f4f4f4;} .casesullr li:nth-child(2n){float: right;} .casesullr li:hover{background: #0d4eaf;} .casesullr li:hover .l .img img{opacity: 0.2;} .casesullr li:hover .l .tag{opacity: 1;padding-top: 30%;} .casesullr li:hover .r b{color: #fff;} .casesullr li:hover .r h3{color: #fff;} .casesullr li:hover .r p span{color: #fff;} .casesullr li:hover .r p i{color: #fff;} .casesullr li:hover .r p em{background: #fff;} .casesullr li .l{float: left;width: 40%;position: relative;} .casesullr li .l .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 30% 0;opacity: 0;transition:0.5s;left: 0;} .casesullr li .l .tag img{float: left;} .casesullr li .l .img{float: left;width:100%;padding:0;background: #000;} .casesullr li .l .img img{float: left;width:100%;transition:0.5s;} .casesullr li .r{float: left;width: 60%;padding: 10px 20px;} .casesullr li .r b{float: left;width:100%;line-height: 34px;color: #333;font-size: 16px;margin-top: 0px;transition:0.5s;font-weight: normal;} .casesullr li .r h3{display: none;} .casesullr li .r p{float: left;width:100%;transition:0.5s;margin-top: 0px;} .casesullr li .r p span{float: left;line-height: 28px;color: #aaa;font-size: 16px;margin-right: 5px;transition:0.5s;} .casesullr li .r p em{float: left;margin:11px 7px 0;width: 6px;height: 6px;border-radius: 100%;background: #aaa;transition:0.5s;} .casesullr li .r p i{float: left;line-height: 28px;color: #aaa;font-style: normal;transition:0.5s;} } /*team_list_03*/ .team_list_03{float: left;width: 100%;margin:0 0 0;display: none;} .team_list_03 li{float: left;width:31%;margin: 0 3.5% 30px 0;position: relative;padding: 0 0 10px;transition:0.5s;text-align: center;} .team_list_03 li:nth-child(3n){margin-right: 0;} .team_list_03 li:hover{background: #0d4eaf;} .team_list_03 li:hover .img img{opacity: 0.2;} .team_list_03 li:hover .tit{color: #fff;} .team_list_03 li:hover .tag{opacity: 1;padding-top: 40%;} .team_list_03 li:hover p{color: #fff;} .team_list_03 li .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 44% 0;opacity: 0;transition:0.5s;} .team_list_03 li .tag img{float: left;} .team_list_03 li .img{float: left;width:100%;padding:0;background: #000;} .team_list_03 li .img img{float: left;width:100%;transition:0.5s;} .team_list_03 li .tit{float: left;width:100%;line-height: 34px;color: #333;overflow: hidden;font-size: 16px;padding:0px 15px 0;margin-top: 15px;transition:0.5s;margin-top: -34px;position:relative;position: relative;} .team_list_03 li p{float: left;width:100%;color: #666;padding:0px 15px 0;line-height: 24px;height: 24px;overflow: hidden;transition:0.5s;} .team_list_03 li .alink{float: left;width: 100%;padding: 0 0;} .team_list_03 li .alink a{float: left;line-height: 32px;background: #f90;border-radius: 4px;text-align: center;color: #fff;font-size: 12px;width: 48%;margin: 10px 0 0;} .team_list_03 li .alink a:nth-child(2){background: #0d4eaf;float: right;} @media (max-width: 992px) { .team_list_03{float: left;width: 100%;margin-bottom:0px;padding:0px 0 0;margin-top: 0px;display: block;} .team_list_03 li{float: left;width:48%;margin: 0 0 20px 0;position: relative;padding: 0;transition:0.5s;} .team_list_03 li:nth-child(2n){float: right;} .team_list_03 li:hover{background: #0d4eaf;} .team_list_03 li:hover .tit{color: #fff;} .team_list_03 li:hover p{color: #fff;} .team_list_03 li .img{float: left;width:100%;padding: 0 0%;} .team_list_03 li .img img{float: left;width:100%;} .team_list_03 li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 20px 0;height: 44px;margin-top: -44px;color: #000;transition:0.5s;background: rgba(255,255,255,0.8);} .team_list_03 li p{float: left;width:100%;color: #999;padding: 0 20px;line-height: 20px;height: auto;} } .teamPage{float: left;width: 100%;} @media (max-width: 992px) { .teamPage{padding: 20px;margin-top: 0px;} } /* teamul */ .teamul{float: left;width:100%;} .teamul li{width:48%;float: left;margin-bottom: 40px;transition:0.5s;background: #fff;position:relative;} .teamul li:nth-child(2n){float: right;} .teamul li .img{width:35%;float: left;} .teamul li .img img{width:100%;float: left;transition:0.5s;} .teamul li .lir{float: right;width: 65%;padding: 40px 40px 0;} .teamul li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;color: #b00;} .teamul li .lir .tt:hover{color: #000} .teamul li .lir .tt b{float: left;font-size: 20px;color: #333;margin-right: 10px;font-weight: bold;line-height:40px;} .teamul li .lir span{float: left;width: 100%;color: #aaa;line-height: 30px;margin-bottom: 10px;} .teamul li .lir i{float: left;width: 50px;height: 3px;background: #eee;margin-bottom: 15px;} .teamul li .lir p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;margin-bottom: 20px;word-wrap: break-word; word-break: normal;} .teamul li .snss{float: left;width: 35%;position: absolute;z-index: 2;left: 0;top: 0;background: rgba(200,0,0,0.7);height: 100%;text-align: center;overflow: hidden;opacity: 0;transition:0.5s;} .teamul li .snss a{display: inline-block;margin-top: 80px;} .teamul li .snss a:hover span{color: #fa0;} .teamul li .snss a span{color: #fff;font-size: 30px;transition:0.5s;} .teamul li .snss i{width: 30px;height: 30px;background: #fff;right: 0;float: right;transform:rotate(45deg);margin-right: -120px;margin-top: 45px;position: absolute;transition:0.5s;opacity: 0;} .teamul li:hover .lir .tt b{color: #0d4eaf;} .teamul li:hover .snss{opacity: 1;} .teamul li:hover .snss i{margin-right: -20px;opacity: 1;} @media (max-width: 768px) { .teamul{margin-top: 20px;} .teamul li{width:100%;float: left;margin-bottom: 30px;} .teamul li .img{width:40%;float: left;} .teamul li .lir{float: right;width: 60%;padding: 15px 25px 0;} .teamul li .lir .tt b{font-size: 16px;margin-right:5px;line-height: 30px;} .teamul li .lir span{line-height: 20px;margin-bottom:5px;font-size: 12px;} .teamul li .lir i{float: left;width: 50px;height: 3px;background: #eee;margin-bottom: 5px;;} .teamul li .lir p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 18px;margin-bottom: 0px;} .teamul li .snss{float: left;width: 40%;} .teamul li .snss a{display: inline-block;margin-top: 40px;} } .certificate{float: left;width:100%;margin: 60px 0 20px;} .certificate .box{float: left;width:100%;} .certificate .box li{width:23.5%;float: left;margin:0 2% 40px 0;transition:0.5s;background: #fff;position:relative;padding: 20px;} .certificate .box li:nth-child(4n){margin-right: 0;} .certificate .box li .img{width:40%;float: left;} .certificate .box li .img img{width:100%;float: left;transition:0.5s;} .certificate .box li .lir{float: right;width: 60%;padding:0px 20px 0;} .certificate .box li .lir span{float: left;width: 100%;color: #333;line-height: 20px;} .certificate .box li .lir p{width: 100%;float: left;font-size: 16px;color: #0d4eaf;line-height: 24px;margin-bottom: 10px;word-wrap: break-word; word-break: normal;font-weight: bold;} @media (max-width: 768px) { .certificate{margin: 20px 0 20px;} .certificate .box{padding: 0 20px;} .certificate .box li{width:100%;float: left;margin-bottom: 20px;padding: 20px;} .certificate .box li .img{width:30%;} .certificate .box li .lir{width: 70%;} .certificate .box li .lir span{float: left;width: 100%;color: #333;line-height: 20px;} .certificate .box li .lir p{font-size: 20px;font-weight: bold;} } /*contents*/ .contents{padding:100px 0;min-height:720px;background:#fff;width:100%;position:relative;float: left;} .contents .wrapper{position:relative;background:url("/Public/Common/Images/time/release-bg.png") no-repeat right top;width:960px;margin:0 auto;} .contents .light{position:absolute;left:55px;top:-50px;width:152px;height:191px;background:url("/Public/Common/Images/time/light-top.png") no-repeat top center;} .contents .light i{position:absolute;width:100%;height:100%;top:0;background:url("/Public/Common/Images/time/light.png") no-repeat top center;} .contents .line-left{position:absolute;left:0;top:15px;width:70px;} .contents .line-right{position:absolute;right:0;top:15px;width:460px;} .contents .main{background:url("/Public/Common/Images/time/line-bg.png") repeat-y 249px 0;width: 100%;float: left;} .contents .main .title{position:absolute;line-height:40px;padding-left:67px;left:230px;top:0;color:#000;font-size:24px;background:#fff url("/Public/Common/Images/time/clock.png") no-repeat left top;} .contents .main .year{position:relative;z-index:100;float: left;width: 100%;} .contents .main .year h2{height:40px;width:170px;padding-right:30px;font-size:24px;line-height:40px;text-align:right;} .contents .main .year h2 a{color:#0d4eaf;font-weight: bold;} .contents .main .year h2 i{display:block;position:relative;height:0;width:0;left:190px;top:-20px;border-width:6px;border-style:solid;border-color:#0d4eaf transparent transparent transparent;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:6px 3px;-moz-transform-origin:6px 3px;-ms-transform-origin:6px 3px;-o-transform-origin:6px 3px;transform-origin:6px 3px} .contents .main .year .list{margin:10px 0;position:relative;overflow:hidden;-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s} .contents .main .year .list ul{bottom:0;} .contents .main .year .list ul li{background:url("/Public/Common/Images/time/circle.png") no-repeat 235px 26px;padding:30px 0 0px;color:#000;} .contents .main .year .list ul li.highlight{background-image:url(/Public/Common/Images/time/circle-h.png);} .cls{zoom:1;} .cls:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .contents .main .year .list ul li.highlight .date, .contents .main .year .list ul li.highlight .intro{color:#000;} .contents .main .year .list ul li .date,.contents .main .year .list ul li .version{float:left;display:block;clear:left;width:200px;line-height:24px;text-align:right} .contents .main .year .list ul li .date{font-size:18px;line-height:24px;color:#000} .contents .main .year .list ul li .intro, .contents .main .year .list ul li .more{float:left;display:block;width:400px;margin-left:100px;line-height:24px;} .contents .main .year .list ul li .more b{float: left;width: 100%;line-height: 24px;font-weight: bold;font-size: 16px;margin-bottom: 10px;} .contents .main .year .list ul li .more p{float: left;width: 100%;line-height: 24px;} .contents .main .year .list ul li .intro{font-size:18px;line-height:32px;color:#000;} .contents .wrapper:first-child .main .year.close h2 i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)} .contents .wrapper:first-child .main .year.close .list{opacity:0;height:0!important;} @media (max-width: 992px) { .contents{display: none;} } .aboutHtml03{float: left;width: 100%;background: #fff;padding: 0px 0 0px;display: none;} .aboutHtml03 .box{float: left;width: 100%;margin-top: 30px;position: relative;transition:0.5s;} .aboutHtml03 .box .c{width: 100%;float: left;} .aboutHtml03 .box .c li{width: 100%;float: left;cursor: pointer;position: relative;padding-left: 80px;} .aboutHtml03 .box .c li:hover .more i{border: 3px solid #0d4eaf;} .aboutHtml03 .box .c li:hover .date b{color: #0d4eaf;} .aboutHtml03 .box .c li:hover .more p{color: #0d4eaf;} .aboutHtml03 .box .c li:hover .more{padding-left: 30px;} .aboutHtml03 .box .c li .date{float: left;width: 95px;text-align: right;padding-right: 30px;background: url(/Public/Common/Images/time/circle.png) no-repeat right -5px;line-height: 22px;color: #333;font-size: 14px;position: absolute;left: 0;z-index: 2;font-weight: bold;} .aboutHtml03 .box .c li .more{float: left;width: 100%;color: #aaa;position: relative;transition:0.5s;border-left: 1px solid #eee;padding: 0 0 30px 20px;} .aboutHtml03 .box .c li .more i{width: 12px;height: 12px;border-radius: 100%;background: #fff;position: absolute;left: -6px;top: 4px;border: 3px solid #ddd;transition:0.5s;} .aboutHtml03 .box .c li .more span{float: left;width: 100%;line-height: 18px;color: #aaa;} .aboutHtml03 .box .c li .more b{float: left;width: 100%;line-height: 22px;font-size: 15px;color: #000;transition:0.5s;margin-bottom: 10px;} .aboutHtml03 .box .c li .more p{float: left;width: 100%;line-height: 22px;font-size: 13px;color: #000;transition:0.5s;} @media (max-width: 768px) { .aboutHtml03{display: block;} } /*allBox_15*/ .allBox_15{float: left;width: 100%;padding:120px 0 120px;background: url(/Public/Common/Images/bg3.jpg) no-repeat center top;background-attachment: fixed;padding: 120px 0;background-size: cover;} .allBox_15.on .btitle{margin-top: 0;opacity: 1} .allBox_15.on .tbox{margin-top: 0;opacity: 1} .allBox_15.on .sbox{margin-top: 0;opacity: 1} .allBox_15 .btitle{width:100%;float:left;text-align: center;margin-bottom: 50px;transition:0.4s;position: relative;opacity: 0;margin-top: 100px;} .allBox_15 .btitle b{width:100%;float:left;color:#fff;opacity: 0.2;font-size: 50px;line-height: 80px;} .allBox_15 .btitle strong{width:100%;float:left;color:#fff;line-height: 80px;font-size: 50px;} .allBox_15 .tbox{width:62%;float:left;padding:15px 80px 0 0 ;position: relative;transition:0.5s;opacity: 0;transition-delay:0.5s;} .allBox_15 .tbox .more{float: left;margin-top: 10px;} .allBox_15 .tbox .more span{float: left;background: #fff;padding: 0 80px 0 30px;line-height: 44px;color: #000;font-size: 15px;transition:0.5s;} .allBox_15 .tbox .more i{float: left;background: #000;width: 40px;height: 44px;transition:0.5s;} .allBox_15 .tbox .more:hover span{background: #fff;padding: 0 80px 0 80px;} .allBox_15 .tbox .more:hover i{background: #0d4eaf;} .allBox_15 .tbox .li{float: left;width: 100%;border-bottom: 1px dashed rgba(255,255,255,0.5);margin-bottom: 15px;padding-bottom:10px;} .allBox_15 .tbox .li:hover .h1 b{font-size: 23px;} .allBox_15 .tbox .li .h1{float: left;width: 100%;color: #000;margin: 0 0 0px;padding: 0;position: relative;} .allBox_15 .tbox .li .h1 b{float: left;width: 100%;transition:0.5s;color: #fff;font-size: 22px;line-height: 30px;margin-bottom: 10px;} .allBox_15 .tbox .li .h1 span{float: left;width: 100%;line-height: 20px;margin-bottom: 10px;font-size: 12px;color: #fff;} .allBox_15 .tbox .li .h1 p{float: left;width: 100%;line-height: 24px;margin-bottom: 10px;font-size: 12px;color: #fff;} .allBox_15 .sbox{float: right;width: 38%;position: relative;transition:0.5s;opacity: 0;transition-delay: 1s;margin-top: 100px;} .allBox_15 .sbox .rsbox{ width:100%; overflow:hidden; position:relative;float: left; } .allBox_15 .sbox .rsbox .hd{ height:47px; overflow:hidden; position:absolute; left:0px; bottom:0px; z-index:1;width: 100%;display: none; } .allBox_15 .sbox .rsbox .hd ul{ overflow:hidden; zoom:1; float:left;margin: 10px 0 20px 20px;} .allBox_15 .sbox .rsbox .hd ul li{ float:left; margin-right:6px;width:12px; height:12px; line-height:15px; text-align:center; background:#fff; cursor:pointer; border-radius: 100%;text-indent: -9999px;opacity: 0.4;} .allBox_15 .sbox .rsbox .hd ul li.on{opacity: 1; } .allBox_15 .sbox .rsbox .bd{ position:relative; height:100%; z-index:0; } .allBox_15 .sbox .rsbox .bd li{ zoom:1; vertical-align:middle; position: relative;float: left;width: 100%;background: #fff;} .allBox_15 .sbox .rsbox .bd li img{ width:100%; display:block;float:left;z-index: 1;} .allBox_15 .sbox .rsbox .bd li .h1{ width:100%; display:block;float:left;z-index: 1;line-height: 30px;padding: 5px 20px 10px;} .allBox_15 .sbox .rsbox .bd li .h1 p{float: left;width: 100%;line-height: 24px;font-size: 16px;margin-bottom: 5px;} .allBox_15 .sbox .rsbox .bd li .h1 span{float: left;width: 100%;line-height: 24px;font-size: 13px;color: #aaa;} .allBox_15 .sbox .rsbox .prev, .allBox_15 .sbox .rsbox .next{ position:absolute; left:3%; top:40%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/Public/Common/Images/slider-arrows.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .allBox_15 .sbox .rsbox .next{ left:auto; right:3%; background-position:8px 5px; } .allBox_15 .sbox .rsbox .prev:hover, .allBox_15 .sbox .rsbox .next:hover{ filter:alpha(opacity=100);opacity:1;} .allBox_15 .sbox .rsbox .prevStop{ display:none;} .allBox_15 .sbox .rsbox .nextStop{ display:none;} @media (max-width: 768px) { .allBox_15{float: left;width: 100%;padding:60px 0 60px;background: url(/Public/Common/Images/bg3.jpg) no-repeat center top;background-attachment: fixed;background-size:cover;} .allBox_15.on .btitle{margin-top: 0;opacity: 1} .allBox_15.on .tbox{margin-top: 0;opacity: 1} .allBox_15.on .sbox{margin-top: 0;opacity: 1} .allBox_15 .btitle{width:100%;float:left;text-align: center;margin-bottom: 30px;transition:0.4s;position: relative;opacity: 0;margin-top: 40px;} .allBox_15 .btitle b{width:100%;float:left;color:#fff;opacity: 0.2;font-size: 24px;line-height: 30px;} .allBox_15 .btitle strong{width:100%;float:left;color:#fff;line-height: 60px;font-size: 36px;} .allBox_15 .tbox{width:100%;float:left;padding:15px 25px 0 ;position: relative;transition:0.5s;opacity: 0;transition-delay:0.5s;margin-bottom: 30px;} .allBox_15 .tbox .more{float: left;margin-top: 10px;} .allBox_15 .tbox .more span{float: left;background: #fff;padding: 0 80px 0 30px;line-height: 44px;color: #000;font-size: 15px;transition:0.5s;} .allBox_15 .tbox .more i{float: left;background: #000;width: 40px;height: 44px;transition:0.5s;} .allBox_15 .tbox .more:hover span{background: #fff;padding: 0 80px 0 80px;} .allBox_15 .tbox .more:hover i{background: #0d4eaf;} .allBox_15 .tbox .li{float: left;width: 100%;border-bottom: 1px dashed rgba(255,255,255,0.5);margin-bottom: 15px;padding-bottom:10px;} .allBox_15 .tbox .li:hover .h1 b{font-size: 23px;} .allBox_15 .tbox .li .h1{float: left;width: 100%;color: #000;margin: 0 0 0px;padding: 0;position: relative;} .allBox_15 .tbox .li .h1 b{float: left;width: 100%;transition:0.5s;color: #fff;font-size: 22px;line-height: 30px;margin-bottom: 10px;} .allBox_15 .tbox .li .h1 span{float: left;width: 100%;line-height: 20px;margin-bottom: 10px;font-size: 12px;color: #fff;} .allBox_15 .tbox .li .h1 p{float: left;width: 100%;line-height: 24px;margin-bottom: 10px;font-size: 12px;color: #fff;} .allBox_15 .sbox{float: right;width: 100%;position: relative;transition:0.5s;opacity: 0;transition-delay: 1s;margin-top: 100px;padding: 0 25px;} .allBox_15 .sbox .rsbox{ width:100%; overflow:hidden; position:relative;float: left; } .allBox_15 .sbox .rsbox .hd{ height:47px; overflow:hidden; position:absolute; left:0px; bottom:0px; z-index:1;width: 100%;display: none; } .allBox_15 .sbox .rsbox .hd ul{ overflow:hidden; zoom:1; float:left;margin: 10px 0 20px 20px;} .allBox_15 .sbox .rsbox .hd ul li{ float:left; margin-right:6px;width:12px; height:12px; line-height:15px; text-align:center; background:#fff; cursor:pointer; border-radius: 100%;text-indent: -9999px;opacity: 0.4;} .allBox_15 .sbox .rsbox .hd ul li.on{opacity: 1; } .allBox_15 .sbox .rsbox .bd{ position:relative; height:100%; z-index:0; } .allBox_15 .sbox .rsbox .bd li{ zoom:1; vertical-align:middle; position: relative;float: left;width: 100%;background: #fff;} .allBox_15 .sbox .rsbox .bd li img{ width:100%; display:block;float:left;z-index: 1;} .allBox_15 .sbox .rsbox .bd li .h1{ width:100%; display:block;float:left;z-index: 1;line-height: 30px;padding: 5px 20px 10px;} .allBox_15 .sbox .rsbox .bd li .h1 p{float: left;width: 100%;line-height: 24px;font-size: 16px;margin-bottom: 5px;} .allBox_15 .sbox .rsbox .bd li .h1 span{float: left;width: 100%;line-height: 24px;font-size: 13px;color: #aaa;} .allBox_15 .sbox .rsbox .prev, .allBox_15 .sbox .rsbox .next{ position:absolute; left:3%; top:40%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/Public/Common/Images/slider-arrows.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .allBox_15 .sbox .rsbox .next{ left:auto; right:3%; background-position:8px 5px; } .allBox_15 .sbox .rsbox .prev:hover, .allBox_15 .sbox .rsbox .next:hover{ filter:alpha(opacity=100);opacity:1;} .allBox_15 .sbox .rsbox .prevStop{ display:none;} .allBox_15 .sbox .rsbox .nextStop{ display:none;} } /* indexBd */ .indexBd{float: left;width: 100%;background: #0d4eaf;height: 550px;} .indexBd.on .box .r p{opacity: 1;padding-top: 160px;} .indexBd.on .box .r span{opacity: 1;padding-top: 0;} .indexBd.on .box .r em{opacity: 1;margin-top: 20px;} .indexBd.on .box .l img{margin-left: 0;opacity: 1;} .indexBd .box{width: 100%;float: left;} .indexBd .box .l{float: left;width: 50%;padding: 110px 0 0;} .indexBd .box .l img{float: left;opacity: 0;margin-left: -1000px;transition:0.3s;} .indexBd .box .r{float: left;width: 50%;} .indexBd .box .r p{width: 100%;float: left;line-height: 80px;font-size: 60px;color: #fff;opacity: 0;position: relative;transition:0.3s;font-weight: bold;margin-bottom: 20px;} .indexBd .box .r span{width: 100%;float: left;line-height: 30px;font-size: 13px;color: #fff;position: relative;transition:1s;opacity: 0;padding: 10px 0 0 0;} .indexBd .box .r em{width: 100%;float: left;line-height: 50px;margin: 20px 0 0;transition:1s;opacity: 0;margin-top: 20px;} .indexBd .box .r em a:hover{background: #fff;color: #0d4eaf;border: 1px solid #0d4eaf;padding: 0 160px 0 40px;} .indexBd .box .r em a{display: inline-block;height: 60px;color: #fff;padding: 0 120px 0 40px;line-height: 60px;font-size: 14px;border: 1px solid #fff;transition:0.5s;} @media (max-width: 768px) { .indexBd{background-attachment: fixed;height: auto;padding: 0 0 60px;} .indexBd.on .box p{opacity: 1;padding-top: 0px;} .indexBd.on .box span{opacity: 1;padding-top: 0px;} .indexBd.on .box em{opacity: 1;bottom: 0} .indexBd.on .box .r p{opacity: 1;padding-top: 20px;} .indexBd.on .box .l img{margin-left: 0;opacity: 1;margin-top: 0;} .indexBd .box{width: 100%;float: left;} .indexBd .box .l{float: left;width: 100%;padding: 40px 0 0;} .indexBd .box .l img{float: left;opacity: 0;margin-left:0px;transition:0.3s;width: 100%;padding: 0 20px;margin-top: 60px;} .indexBd .box .r{float: left;width: 100%;} .indexBd .box .r p{width: 100%;float: left;line-height: 80px;font-size: 30px;height: 80px;text-align: center;color: #fff;padding:0px 0 20px;opacity: 1;position: relative;transition:0.3s;} .indexBd .box .r span{width: 100%;float: left;line-height: 30px;font-size: 12px;text-align: center;color: #fff;letter-spacing: 0px;position: relative;transition:1s;opacity: 1;height: auto;padding: 40px 20px 0;text-transform: uppercase;} .indexBd .box .r em{width: 100%;float: left;line-height: 50px;text-align: center;margin: 20px 0 0;transition:1s;opacity: 0;margin-top: 20px;bottom: 1000px;} .indexBd .box .r em a{padding: 0 60px;height: 50px;line-height: 50px;} } /* indexCollection */ .indexCollection{float: left;width: 100%;padding:80px 0 120px;background: #fff;} .indexCollection.on .boxpc{margin-top: 0;opacity: 1} .indexCollection.on .boxm{margin-top: 0;opacity: 1} .indexCollection .boxpc{float: left;width: 100%;position: relative;opacity: 0;transition:0.5s;margin-top: 50px;} .indexCollection .boxpc li{width: 240px;float: left;position: relative;overflow: hidden;background: #f4f4f4;height: 240px;} .indexCollection .boxpc li:nth-child(2n){background: #eee;} .indexCollection .boxpc li:nth-child(1){width: 480px;height:240px;background: #0d4eaf;} .indexCollection .boxpc li:nth-child(8){width: 480px;background: #d2d9ed;height: 240px;} .indexCollection .boxpc li.more{float: left;display: none;} .indexCollection .boxpc li.more .a{width: 100%;height:100%;color: #888;float: left;text-align: center;} .indexCollection .boxpc li:hover .a .img{background: #0d4eaf} .indexCollection .boxpc li:hover .a .img img{opacity: 0.2;} .indexCollection .boxpc li:hover .a span{opacity: 1;margin-top: 40%;} .indexCollection .boxpc li .text{width: 100%;float: left;color: #fff;padding: 40px 40px 0 40px;} .indexCollection .boxpc li .text b{width: 100%;float: left;color: #fff;line-height: 60px;font-size: 24px;font-family: 'siyuansongti';font-weight: normal;} .indexCollection .boxpc li .text p{width: 100%;float: left;color: #fff;line-height: 30px;font-size: 14px;margin: 10px 0 20px;} .indexCollection .boxpc li .text p i{float: left;width: 40px;height: 4px;background: #fff;} .indexCollection .boxpc li .text a{float: left;color: #fff;line-height: 24px;font-size: 13px;margin: 0 30px 0 0;} .indexCollection .boxpc li .dot{width: 100%;float: left;text-align: center;color: #fff;} .indexCollection .boxpc li .dot:hover i{background: #0d4eaf;color: #fff;padding: 0 50px 0 120px;} .indexCollection .boxpc li .dot i{line-height: 50px;padding: 0 50px 0 80px;border: 1px solid #0d4eaf;color: #0d4eaf;float: right;margin:95px 40px 0 0;font-style: normal;transition:0.5s;} .indexCollection .boxpc li .ad{width: 100%;float: left;} .indexCollection .boxpc li .ad img{width: 100%;float: left;} .indexCollection .boxpc li .a{width: 100%;float: left;text-align: center;transition:0.5s;} .indexCollection .boxpc li .a span{width: 100%;float: left;position: absolute;z-index: 2;top: 0%;left: 0;opacity: 0;transition:0.5s;} .indexCollection .boxpc li .a i{line-height: 50px;padding: 0 50px 0 80px;border: 1px solid #0d4eaf;color: #0d4eaf;} .indexCollection .boxpc li .a .img{width: 100%;float: left;transition:0.5s;} .indexCollection .boxpc li .a .img img{width:100%;float: left;padding:0px;transition:0.5s;} .indexCollection .boxm{float: left;width: 100%;position: relative;opacity: 0;transition:0.5s;margin-top: 50px;display: none;} .indexCollection .boxm li{width: 240px;float: left;position: relative;overflow: hidden;background: #f4f4f4;height: 240px;} .indexCollection .boxm li:nth-child(2n){background: #eee;} .indexCollection .boxm li:nth-child(1){width: 480px;height:240px;background: #0d4eaf;} .indexCollection .boxm li:nth-child(8){width: 480px;background: #d2d9ed;height: 240px;} .indexCollection .boxm li.more{float: left;display: none;} .indexCollection .boxm li.more .a{width: 100%;height:100%;color: #888;float: left;text-align: center;} .indexCollection .boxm li:hover .a .img{background: #333} .indexCollection .boxm li:hover .a .img img{opacity: 0.2;} .indexCollection .boxm li:hover .a span{opacity: 1;margin-top: 40%;} .indexCollection .boxm li .text{width: 100%;float: left;color: #fff;padding: 40px 40px 0 40px;} .indexCollection .boxm li .text b{width: 100%;float: left;color: #fff;line-height: 60px;font-size: 24px;font-family: 'siyuansongti';font-weight: normal;} .indexCollection .boxm li .text p{width: 100%;float: left;color: #fff;line-height: 30px;font-size: 14px;margin: 10px 0 20px;} .indexCollection .boxm li .text p i{float: left;width: 40px;height: 4px;background: #fff;} .indexCollection .boxm li .text a{float: left;color: #fff;line-height: 24px;font-size: 13px;margin: 0 30px 0 0;} .indexCollection .boxm li .dot{width: 100%;float: left;text-align: center;color: #fff;} .indexCollection .boxm li .dot:hover i{background: #0d4eaf;color: #fff;padding: 0 50px 0 120px;} .indexCollection .boxm li .dot i{line-height: 50px;padding: 0 50px 0 80px;border: 1px solid #0d4eaf;color: #0d4eaf;float: right;margin:95px 40px 0 0;font-style: normal;transition:0.5s;} .indexCollection .boxm li .ad{width: 100%;float: left;} .indexCollection .boxm li .ad img{width: 100%;float: left;} .indexCollection .boxm li .a{width: 100%;float: left;text-align: center;transition:0.5s;} .indexCollection .boxm li .a span{width: 100%;float: left;position: absolute;z-index: 2;top: 0%;left: 0;opacity: 0;transition:0.5s;} .indexCollection .boxm li .a i{line-height: 50px;padding: 0 50px 0 80px;border: 1px solid #0d4eaf;color: #0d4eaf;} .indexCollection .boxm li .a .img{width: 100%;float: left;transition:0.5s;} .indexCollection .boxm li .a .img img{width:100%;float: left;padding:0px;transition:0.5s;} @media (max-width: 768px) { .indexCollection{float: left;width: 100%;padding:0;} .indexCollection .boxpc{display: none;} .indexCollection .boxm{float: left;width: 100%;display: block;} .indexCollection .boxm li{width:50%;float: left;position: relative;overflow: hidden;background: #f4f4f4;height: auto;} .indexCollection .boxm li:nth-child(2n){background: #eee;} .indexCollection .boxm li:nth-child(1){width: 100%;height:auto;background: #0d4eaf;} .indexCollection .boxm li:nth-child(2){background: #f4f4f4;} .indexCollection .boxm li:nth-child(3){background: #eee;} .indexCollection .boxm li:nth-child(4){background: #eee;} .indexCollection .boxm li:nth-child(5){background: #f4f4f4;} .indexCollection .boxm li:nth-child(8){display: none;} .indexCollection .boxm li.more{float: left;display: none;} .indexCollection .boxm li.more .a{width: 100%;height:100%;color: #888;float: left;text-align: center;} .indexCollection .boxm li:hover .a .img{background: #333} .indexCollection .boxm li:hover .a .img img{opacity: 0.2;} .indexCollection .boxm li:hover .a span{opacity: 1;margin-top: 40%;} .indexCollection .boxm li .text{width: 100%;float: left;color: #fff;padding:30px 20px 40px;} .indexCollection .boxm li .text b{width: 100%;float: left;color: #fff;line-height: 60px;font-size: 32px;font-family: 'siyuansongti';font-weight: bold;} .indexCollection .boxm li .text p{width: 100%;float: left;margin: 12px 0 15px;} .indexCollection .boxm li .text a{float: left;color: #fff;line-height: 30px;font-size: 12px;margin: 0 20px 0 0;} .indexCollection .boxm li .dot{width: 100%;float: left;text-align: center;color: #fff;} .indexCollection .boxm li .dot span{display: inline-block;top: 100px;font-size: 40px;} .indexCollection .boxm li .ad{width: 100%;float: left;} .indexCollection .boxm li .ad img{width: 100%;float: left;} .indexCollection .boxm li .a{width: 100%;float: left;text-align: center;transition:0.5s;} .indexCollection .boxm li .a span{width: 100%;float: left;position: absolute;z-index: 2;top: 0%;left: 0;opacity: 0;transition:0.5s;} .indexCollection .boxm li .a .img{width: 100%;float: left;transition:0.5s;} .indexCollection .boxm li .a .img img{width:100%;float: left;transition:0.5s;} } /*index_two*/ .index_two{width: 100%;float: left;padding-top: 80px;padding-bottom: 80px;background: #0d4eaf;} .index_two.on .t{opacity: 1;margin-top: 0;} .index_two .tbox .b{width: 100%;float: left;height:50px;position: relative;text-align: center;} .index_two .tbox .b a{display: inline-block;line-height: 50px;padding: 0 80px;background: #0d4eaf;color: #fff;border-radius: 50px;font-size: 16px;transition:0.5s;} .index_two .tbox .b a:hover{background: #f60;box-shadow: none;} .index_two .tbox .box{width: 100%;float: left;} .index_two .t{width:100%;height:50px;float: left;font-size: 14px;line-height: 34px;text-align: center;opacity: 0;position: relative;transition:0.5s;margin-top: 20px;} .index_two .t .btns{width: 400px;display: inline-block;height: 50px;font-size: 18px;} .index_two .t .btns li{height: 50px;;float:left;cursor:pointer;color:#666;width: 50%;border-radius: 50px 0 0 50px;text-align: center;line-height: 50px;background: #fff;color: #0d4eaf;} .index_two .t .btns li:nth-child(2){border-radius: 0 50px 50px 0;} .index_two .t .btns li.hover{background: #0d4eaf;color: #fff;} .index_two .tbox{width:100%;float:left;padding-top: 60px;position: relative;} .index_two .tbox .ul1{float: left;width: 100%;padding: 0 80px;margin-bottom: 50px;} .index_two .tbox .ul1 li{float: left;width:29.333%;margin: 0 2% 0 ;position: relative;padding: 40px;background: #fff;transition:0.5s;} .index_two .tbox .ul1 li:hover{background: #0d4eaf;} .index_two .tbox .ul1 li:hover .tit{color: #fff;} .index_two .tbox .ul1 li:hover em{color: #fff;} .index_two .tbox .ul1 li:hover span i{background: #fff;} .index_two .tbox .ul1 li:hover .learnmore{background: #0d4eaf;color: #fff;border: 1px solid #fff;} .index_two .tbox .ul1 li .img{float: left;width:100%;padding: 0 0%;} .index_two .tbox .ul1 li .img img{float: left;width:100%;} .index_two .tbox .ul1 li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;color: #666;transition:0.5s;} .index_two .tbox .ul1 li em{float: left;width:100%;text-align: center;color: #999;} .index_two .tbox .ul1 li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;} .index_two .tbox .ul1 li span i{float: left;width:100%;height: 1px;background: #666;} .index_two .tbox .ul1 li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;;color: #666;float: left;margin-top: 15px;border: 1px solid #ddd;transition:0.5s;} .index_two .tbox .ul2{float: left;width: 100%;padding: 0 0px;margin-bottom: 50px;} .index_two .tbox .ul2 li{float: left;width:21%;margin: 0 2% 0 ;position: relative;padding: 0 0 0;background: #fff;transition:0.5s;} .index_two .tbox .ul2 li:hover{background: #0d4eaf;} .index_two .tbox .ul2 li:hover .info{padding:40px 20px;background: #fff;} .index_two .tbox .ul2 li .img{float: left;width:100%;padding: 0 0%;position: relative;} .index_two .tbox .ul2 li .img img{float: left;width:100%;} .index_two .tbox .ul2 li .info{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(255,255,255,0.5);padding: 20px;color: #333;transition:0.5s;} .index_two .tbox .ul2 li .info .tit{float: left;width:100%;line-height: 30px;color: #000;overflow: hidden;font-size: 16px;padding:0px 0px 0;transition:0.5s;} .index_two .tbox .ul2 li .info em{width: 100%;line-height: 20px;float: left;color: #333;font-style: normal;} .index_two .tbox .ul2 li .info i{width: 100%;line-height: 20px;float: left;color: #333;font-style: normal;} .index_two .tbox .ul2 li .info p{width: 100%;line-height: 20px;float: left;color: #333;} @media (max-width: 768px) { .index_two{width: 100%;float: left;padding:40px 20px;background:#0d4eaf;height: auto;} .index_two .tbox .b{width: 100%;float: left;height:50px;position: relative;text-align: center;} .index_two .tbox .b a{display: inline-block;line-height: 40px;padding: 0 50px;background: #0d4eaf;box-shadow: 0 0 12px #7e5400;color: #fff;border-radius: 40px;font-size: 14px;transition: 0.5s;} .index_two .tbox .b a:hover{background: #0d4eaf;box-shadow: none;} .index_two .tbox .box{width: 100%;float: left;} .index_two .t{width:100%;height:40px;float: left;font-size: 14px;line-height: 34px;text-align: center;padding: 0 0%;} .index_two .t .btns{width: 100%;display: inline-block;height: 40px;font-size: 16px;} .index_two .t .btns li{height: 40px;;float:left;cursor:pointer;color:#666;width: 50%;border-radius: 40px 0 0 40px;text-align: center;line-height: 40px;background: #fff;color: #0d4eaf;} .index_two .t .btns li:nth-child(2){border-radius: 0 40px 40px 0;} .index_two .t .btns li.hover{background: #0d4eaf;color: #fff;} .index_two .tbox{width:100%;float:left;padding-top: 20px;position: relative;} .index_two .tbox .ul1{float: left;width: 100%;padding: 0 0px;margin-bottom: 20px;} .index_two .tbox .ul1 li{float: left;width:100%;margin: 0 0% 20px;position: relative;padding: 0px;background: #fff;transition:0.5s;} .index_two .tbox .ul1 li:hover{background: #0d4eaf;} .index_two .tbox .ul1 li:hover .tit{color: #fff;} .index_two .tbox .ul1 li:hover em{color: #fff;} .index_two .tbox .ul1 li:hover span i{background: #fff;} .index_two .tbox .ul1 li:hover .learnmore{background: #0d4eaf;color: #fff;border: 1px solid #fff;} .index_two .tbox .ul1 li .img{float: left;width:100%;padding: 0 0%;} .index_two .tbox .ul1 li .img img{float: left;width:100%;} .index_two .tbox .ul1 li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 0px;color: #666;transition:0.5s;} .index_two .tbox .ul1 li em{float: left;width:100%;text-align: center;color: #999;} .index_two .tbox .ul1 li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;display: none;} .index_two .tbox .ul1 li span i{float: left;width:100%;height: 1px;background: #666;} .index_two .tbox .ul1 li .learnmore{display: none;} .index_two .tbox .ul2{float: left;width: 100%;padding: 0 0px;margin-bottom: 20px;} .index_two .tbox .ul2 li{float: left;width:48%;margin: 0 0% 15px ;position: relative;padding: 0 0 0;background: #fff;transition:0.5s;} .index_two .tbox .ul2 li:nth-child(2n){float: right;} .index_two .tbox .ul2 li:hover{background: #0d4eaf;} .index_two .tbox .ul2 li:hover .info{padding:40px 20px;background: #fff;} .index_two .tbox .ul2 li .img{float: left;width:100%;padding: 0 0%;position: relative;} .index_two .tbox .ul2 li .img img{float: left;width:100%;} .index_two .tbox .ul2 li .info{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(255,255,255,0.5);padding: 15px;color: #333;transition:0.5s;} .index_two .tbox .ul2 li .info .tit{float: left;width:100%;line-height: 30px;color: #000;overflow: hidden;font-size: 14px;padding:0px 0px 0;transition:0.5s;} .index_two .tbox .ul2 li .info em{width: 100%;line-height: 20px;float: left;color: #333;font-style: normal;display: none;} .index_two .tbox .ul2 li .info i{width: 100%;line-height: 20px;float: left;color: #333;font-style: normal;display: none;} .index_two .tbox .ul2 li .info p{width: 100%;line-height: 20px;float: left;color: #333;} } /* list_43 */ .list_43{float: left;width:100%;} .list_43 li{width:100%;float: left;;padding: 0px 0px 40px;margin-bottom: 40px;border-bottom: 1px solid #eee;transition:0.5s;} .list_43 li:hover{border-bottom: 1px solid #b00} .list_43 li:hover .img img{border-radius: 20px 0 20px 0;} .list_43 li .img{width:20%;float: left;} .list_43 li .img img{width:100%;float: left;transition:0.5s;} .list_43 li .lir{float: right;width: 80%;padding-left: 50px;} .list_43 li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;} .list_43 li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;line-height:60px;color: #b00;} .list_43 li .lir .tt:hover{color: #000} .list_43 li .lir p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 15px;} @media (max-width: 768px) { .list_43{display: none;} } .list_43_show{float: left;width:100%;} .list_43_show li{width:100%;float: left;;padding: 0px 0px 40px;margin-bottom: 40px;border-bottom: 1px solid #eee;transition:0.5s;} .list_43_show li:hover{border-bottom: 1px solid #b00} .list_43_show li:hover .img img{border-radius: 20px 0 20px 0;} .list_43_show li .img{width:20%;float: left;} .list_43_show li .img img{width:100%;float: left;transition:0.5s;} .list_43_show li .lir{float: right;width: 80%;padding-left: 50px;} .list_43_show li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;} .list_43_show li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;line-height:60px;color: #b00;} .list_43_show li .lir .tt:hover{color: #000} .list_43_show li .lir p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 15px;margin-bottom: 25px;} .list_43_show li .lir .alink{float: left;width: 100%;} .list_43_show li .lir .alink a{float: left;line-height: 56px;background: #f90;text-align: center;color: #fff;margin-right: 25px;padding: 0 50px;font-size: 16px;overflow: hidden;height: 56px;} .list_43_show li .lir .alink a span{line-height: 60px;color: #fff;float: left;font-size: 24px;margin-right: 6px;} .list_43_show li .lir .alink a b{line-height: 56px;color: #fff;font-weight: normal;float: left;} .list_43_show li .lir .alink a:hover span{color: #fff;line-height: 60px;} .list_43_show li .lir .alink a:hover b{color: #fff;} .list_43_show li .lir .alink a:nth-child(2){background: #0d4eaf;} @media (max-width: 768px) { .list_43_show{float: left;width:100%;} .list_43_show li{width:100%;float: left;;padding: 0px 0px 25px;margin-bottom: 25px;border-bottom: 1px solid #eee;transition:0.5s;} .list_43_show li:hover{border-bottom: 1px solid #b00} .list_43_show li:hover .img img{border-radius: 20px 0 20px 0;} .list_43_show li .img{width:100%;float: left;padding: 0 20%;} .list_43_show li .img img{width:100%;float: left;transition:0.5s;} .list_43_show li .lir{float: right;width: 100%;padding-left: 0px;} .list_43_show li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;text-align: center;} .list_43_show li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;line-height:60px;color: #b00;text-align: center;} .list_43_show li .lir .tt:hover{color: #000} .list_43_show li .lir p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 15px;} .list_43_show li .lir .alink{float: left;width: 100%;} .list_43_show li .lir .alink a{float: left;line-height: 56px;background: #f90;text-align: center;color: #fff;margin-right: 0;padding: 0 0;font-size: 14px;overflow: hidden;height: 56px;text-align: center;width: 48%;} .list_43_show li .lir .alink a span{line-height: 60px;color: #fff;float: none;font-size: 18px;margin-right: 6px;display: inline-block;} .list_43_show li .lir .alink a b{line-height: 56px;color: #fff;font-weight: normal;float: none;display: inline-block;} .list_43_show li .lir .alink a:hover span{color: #fff;line-height: 60px;} .list_43_show li .lir .alink a:hover b{color: #fff;} .list_43_show li .lir .alink a:nth-child(2){background: #0d4eaf;float: right;} } /* 文档内容页 */ .teamcontent{float: left;width: 100%;margin: 0px 0 40px;} .teamcontent .t{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;} .teamcontent .t b{float: left;padding: 0 30px;background: #b00;line-height: 40px;color: #fff;font-size: 16px;font-weight: normal;} .teamcontent .t span{float: left;padding: 0 50px;background: #ccc;line-height: 40px;color: #fff;font-size: 16px;} .teamcontent .text{float: left;width: 100%;line-height: 30px;font-size: 14px;margin:0px 0 0 ;padding: 0;color: #444;} .teamcontent .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;} .teamcontent .text p img{max-width: 100%;} .teamcontent .text img{max-width: 100%;} @media (max-width: 768px) { } .worksPage{float: left;width: 100%;background: #fff;padding: 60px 0;margin-top: 0px;} @media (max-width: 992px) { .worksPage{padding: 25px;margin-top: 0px;} } .workscontent{float: left;width: 100%;margin: 0px 0 40px;} .workscontent .t{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;} .workscontent .t b{float: left;padding: 0 30px;background: #b00;line-height: 40px;color: #fff;font-size: 16px;font-weight: normal;} .workscontent .t span{float: left;padding: 0 50px;background: #ccc;line-height: 40px;color: #fff;font-size: 16px;} .workscontent .text{float: left;width: 100%;line-height: 30px;font-size: 14px;margin:0px 0 0 ;padding: 0;color: #444;} .workscontent .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;} .workscontent .text p img{max-width: 100%;} .workscontent .text img{max-width: 100%;} @media (max-width: 768px) { } /*cateNav_3_pc*/ .cateNav_3_pc{width: 100%;float: left;margin:20px 0 0px;position: relative;} .cateNav_3_pc a{height: 60px;line-height: 60px;color: #666;float: left;font-size: 16px;margin-right: 10px;background: #ddd;padding: 0 50px;} .cateNav_3_pc a.cur{color: #b00;background: #fff;} @media (max-width: 768px) { .cateNav_3_pc{display: none;} } /*BdFive*/ .BdFive{float: left;width: 100%;padding: 0 0 120px;} .BdFive .box{width: 100%;float: left;border: 1px solid #000;padding: 80px 0;} .BdFive .box b{float: left;line-height: 60px;background: #000;padding: 0 0 0 40px;width: 20%;margin-top: 80px;color: #fff;font-weight: normal;font-size: 16px;} .BdFive .box .r{float: right;width: 80%;padding: 40px 0 40px 40px;} .BdFive .box .r .img{float: left;height: 130px;padding: 0 15px 0 0;} .BdFive .box .r .img img{float: left;height: 130px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);padding: 5px;} @media (max-width: 768px) { .BdFive{float: left;width: 100%;margin-bottom: 40px;padding: 0 25px;} .BdFive .box{width: 100%;float: left;border:none;padding: 0px 0;} .BdFive .box b{float: left;line-height: 60px;background: #000;padding:0px;width: 100%;margin-top: 0px;color: #fff;font-weight: normal;font-size: 16px;text-align: center;} .BdFive .box .r{float: right;width: 100%;padding:25px;background: #f4f4f4;} .BdFive .box .r .img{float: left;height: auto;padding: 0 25%;width: 100%;margin-bottom: 10px;} .BdFive .box .r .img img{float: left;height: auto;box-shadow:none;padding: 0;width: 100%;} } /*serviceFm*/ .serviceFm{float: left;width: 100%;margin-bottom: 20px;} .serviceFm .title{width: 100%;float: left;font-size: 30px;line-height: 60px;font-weight: bold;} .serviceFm .box{width: 100%;float: left;position: relative;} .serviceFm .box .text{width: 100%;float: left;position: absolute;z-index: 2;top: 0;left: 0;height: 100%;background: rgba(0,0,0,0.7);} .serviceFm .box .text em{width: 50%;margin: 127px 0 0 40px;line-height: 40px;color: #fff;font-size: 16px;font-style: normal;float: left;} .serviceFm .box .text p{width: 35%;margin: 100px 0 0 40px;color: #fff;font-size: 14px;float: right;} .serviceFm .box .text p b{float: left;width: 100%;font-size: 40px;line-height: 80px;margin-bottom: 20px;} .serviceFm .box .text p i{float: left;width:90px;height: 4px;background: rgba(255,255,255,0.4);margin-bottom: 20px;margin-left: 20px;} .serviceFm .box .text p span{float: left;width: 100%;font-size: 16px;line-height: 60px;font-style: italic;text-indent: 20px;} .serviceFm .box .bg{width: 100%;float: left;position: relative;} .serviceFm .box .bg img{width: 100%;float: left;position: relative;} .serviceFm .content{width: 100%;float: left;position: relative;padding: 30px 0px;line-height: 30px;font-size: 15px;} .serviceFm .content p{width: 100%;float: left;line-height: 30px;} @media (max-width: 768px) { .serviceFm .box{width: 100%;float: left;position: relative;} .serviceFm .box .text{width: 100%;float: left;position: absolute;z-index: 2;top: 0;left: 0;height: 100%;background: rgba(0,0,0,0.7);} .serviceFm .box .text em{width: 100%;margin: 0;line-height: 30px;color: #fff;font-size: 14px;font-style: normal;float: left;padding: 0 20px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .serviceFm .box .text p{width: 100%;margin: 25px 0 0 20px;color: #fff;font-size: 14px;float: right;} .serviceFm .box .text p b{float: left;width: 100%;font-size: 24px;line-height: 50px;margin-bottom: 20px;padding-left: 20px;} .serviceFm .box .text p i{float: left;width:40px;height: 2px;background: rgba(255,255,255,0.4);margin-bottom: 20px;margin-left: 20px;;} .serviceFm .box .text p span{float: left;width: 100%;font-size: 14px;line-height: 30px;font-style: italic;text-indent: 20px;display: none} .serviceFm .box .bg{width: 100%;float: left;position: relative;} .serviceFm .box .bg img{width: 150%;float: left;position: relative;margin-left: -50%;} .serviceFm .content{width: 100%;float: left;position: relative;background: #fff;padding: 20px 20px 10px;line-height: 30px;font-size: 14px;} .serviceFm .content p{width: 100%;float: left;line-height: 30px;} } @media (max-width: 500px) { .serviceFm .box .bg img{width: 160%;} } @media (max-width: 400px) { .serviceFm .box .bg img{width: 170%;} } /*serviceIndex*/ .serviceIndex{float: left;width: 100%;} .serviceIndex .box{width: 100%;float: left;} .serviceIndex .box .l{float: left;width: 25%;position: relative;border-radius:0 20px 0 0;overflow: hidden;display: none;} .serviceIndex .box .l p{float: left;width: 100%;position: absolute;z-index: 1;background: rgba(0,0,0,0.4);top: 50px;width: 100%;left: 0;padding: 25px 20px 30px;} .serviceIndex .box .l p b{float: left;width: 100%;line-height: 40px;font-size: 30px;color: #fff;letter-spacing: 5px;font-weight: normal;} .serviceIndex .box .l p span{float: left;width: 100%;line-height: 30px;font-size: 12px;color: #fff;text-transform: uppercase;opacity: 0.5} .serviceIndex .box .l p em{float: left;width: 100%;line-height: 20px;font-size: 12px;color: #fff;text-transform: uppercase;} .serviceIndex .box .l i{float: left;width: 100%;background: #0d4eaf;} .serviceIndex .box .l i img{float: left;width: 100%;opacity: 0.4;-webkit-filter: grayscale(1);filter: gray;filter: grayscale(1); } .serviceIndex .box .con{float: left;width: 100%;padding: 0px;} .serviceIndex .box .con .td_pc{float: left;width: 100%;position: relative;margin-bottom: 30px;overflow: hidden;} .serviceIndex .box .con .td_pc img{max-width: 100%;} .serviceIndex .box .con .td_wap{float: left;width: 100%;position: relative;margin-bottom: 20px;overflow: hidden;display: none;} .serviceIndex .box .con .td_wap img{max-width: 100%;} .serviceIndex .box .con .desc{float: left;width: 100%;background: #fff;position: relative;} .serviceIndex .box .con .desc .p{float: left;width: 100%;background: #fff;padding: 60px;line-height: 36px;font-size: 15px;} .serviceIndex .box .con .alink{float: left;width: 100%;display: none;} .serviceIndex .box .con .alink a{float: left;line-height: 60px;background: #f90;text-align: center;color: #fff;margin-right: 25px;padding: 0 50px;font-size: 16px;overflow: hidden;height: 60px;} .serviceIndex .box .con .alink a span{line-height: 64px;color: #fff;float: left;font-size: 24px;margin-right: 10px;} .serviceIndex .box .con .alink a b{line-height: 60px;color: #fff;font-weight: normal;float: left;} .serviceIndex .box .con .alink a:hover span{color: #fff;line-height: 60px;} .serviceIndex .box .con .alink a:hover b{color: #fff;} .serviceIndex .box .con .alink a:nth-child(2){background: #0d4eaf;} @media (max-width: 768px) { .serviceIndex{float: left;width: 100%;margin-bottom: 0px;} .serviceIndex .box{width: 100%;float: left;} .serviceIndex .box .l{float: left;width: 100%;position: relative;border-radius:0px;overflow: hidden;} .serviceIndex .box .l p{float: left;width: 100%;position: absolute;z-index: 1;background: rgba(0,0,0,0.4);top: 0px;width: 100%;left: 0;padding: 25px 20px 30px;} .serviceIndex .box .l p b{float: left;width: 100%;line-height: 40px;font-size: 26px;color: #fff;letter-spacing: 0px;font-weight: normal;} .serviceIndex .box .l p span{float: left;width: 100%;line-height: 30px;font-size: 12px;color: #fff;text-transform: uppercase;} .serviceIndex .box .l p em{float: left;width: 100%;line-height: 20px;font-size: 12px;color: #fff;text-transform: uppercase;} .serviceIndex .box .l i{float: left;width: 100%;background: #0d4eaf;} .serviceIndex .box .l i img{float: left;width: 100%;opacity: 0.4;-webkit-filter: grayscale(1);filter: gray;filter: grayscale(1); } .serviceIndex .box .con{float: left;width: 100%;padding-left: 0px;position: relative;z-index: 3;padding: 0px;background: none;box-shadow: 0 5px 5px rgba(0,0,0,0.05);} .serviceIndex .box .con .td_pc{display: none;} .serviceIndex .box .con .td_wap{display: block;} .serviceIndex .box .con .desc{float: left;width: 100%;background: #fff;position: relative;border-left:none;box-shadow: none;} .serviceIndex .box .con .desc .p{float: left;width: 100%;background: #fff;border-left:none;padding: 20px;line-height: 30px;font-size: 14px;} .serviceIndex .box .con .alink{float: left;width: 100%;} .serviceIndex .box .con .alink a{float: left;line-height: 60px;background: #f90;text-align: center;color: #fff;margin-right: 0;padding: 0 0;font-size: 14px;overflow: hidden;height: 60px;text-align: center;width: 48%;} .serviceIndex .box .con .alink a span{line-height: 64px;color: #fff;float: none;font-size: 18px;margin-right: 10px;display: inline-block;} .serviceIndex .box .con .alink a b{line-height: 60px;color: #fff;font-weight: normal;float: none;display: inline-block;} .serviceIndex .box .con .alink a:hover span{color: #fff;line-height: 60px;} .serviceIndex .box .con .alink a:hover b{color: #fff;} .serviceIndex .box .con .alink a:nth-child(2){background: #0d4eaf;float: right;} } /*serviceSolution*/ .serviceSolution{float: left;width: 100%;margin-bottom:30px;} .serviceSolution .box{float: left;width: 100%;padding: 60px;background: #fff;line-height: 26px;font-size: 14px;} .serviceSolution .box p{float: left;width: 100%;} .serviceSolution .box p img{max-width: 100%;} @media (max-width: 768px) { .serviceSolution{float: left;width: 100%;margin-bottom: 30px;} .serviceSolution .box{width: 100%;float: left;} } /*advisory*/ .advisory{float: left;width: 100%;margin-bottom:30px;} .advisory .box{float: left;width: 100%;padding: 60px;background: #fff;line-height: 36px;font-size: 15px;} .advisory .box p{float: left;width: 100%;} .advisory .box p img{max-width: 100%;} @media (max-width: 768px) { .advisory{float: left;width: 100%;margin-bottom: 30px;} .advisory .box{width: 100%;float: left;padding: 20px;font-size: 15px;line-height: 30px;} } /*productsIndex*/ .productsIndex{float: left;width: 100%;} .productsIndex .box{width: 100%;float: left;} .productsIndex .box .l{float: left;width: 25%;position: relative;border-radius:0 20px 0 0;overflow: hidden;display: none;} .productsIndex .box .l p{float: left;width: 100%;position: absolute;z-index: 1;background: rgba(0,0,0,0.4);top: 50px;width: 100%;left: 0;padding: 25px 20px 30px;} .productsIndex .box .l p b{float: left;width: 100%;line-height: 40px;font-size: 30px;color: #fff;letter-spacing: 5px;font-weight: normal;} .productsIndex .box .l p span{float: left;width: 100%;line-height: 30px;font-size: 12px;color: #fff;text-transform: uppercase;opacity: 0.5} .productsIndex .box .l p em{float: left;width: 100%;line-height: 20px;font-size: 12px;color: #fff;text-transform: uppercase;} .productsIndex .box .l i{float: left;width: 100%;background: #0d4eaf;} .productsIndex .box .l i img{float: left;width: 100%;opacity: 0.4;-webkit-filter: grayscale(1);filter: gray;filter: grayscale(1); } .productsIndex .box .con{float: left;width: 100%;padding: 0px;} .productsIndex .box .con .td_pc{float: left;width: 100%;position: relative;margin-bottom: 30px;overflow: hidden;} .productsIndex .box .con .td_pc img{max-width: 100%;} .productsIndex .box .con .td_wap{float: left;width: 100%;position: relative;margin-bottom: 20px;overflow: hidden;display: none;} .productsIndex .box .con .td_wap img{max-width: 100%;} .productsIndex .box .con .desc{float: left;width: 100%;background: #fff;position: relative;} .productsIndex .box .con .desc .p{float: left;width: 100%;background: #fff;padding:30px 60px 60px;line-height: 30px;font-size: 14px;} .productsIndex .box .con .alink{float: left;width: 100%;display: none;} .productsIndex .box .con .alink a{float: left;line-height: 60px;background: #f90;text-align: center;color: #fff;margin-right: 25px;padding: 0 50px;font-size: 16px;overflow: hidden;height: 60px;} .productsIndex .box .con .alink a span{line-height: 64px;color: #fff;float: left;font-size: 24px;margin-right: 10px;} .productsIndex .box .con .alink a b{line-height: 60px;color: #fff;font-weight: normal;float: left;} .productsIndex .box .con .alink a:hover span{color: #fff;line-height: 60px;} .productsIndex .box .con .alink a:hover b{color: #fff;} .productsIndex .box .con .alink a:nth-child(2){background: #0d4eaf;} @media (max-width: 768px) { .productsIndex{float: left;width: 100%;margin-bottom: 0px;} .productsIndex .box{width: 100%;float: left;} .productsIndex .box .l{float: left;width: 100%;position: relative;border-radius:0px;overflow: hidden;} .productsIndex .box .l p{float: left;width: 100%;position: absolute;z-index: 1;background: rgba(0,0,0,0.4);top: 0px;width: 100%;left: 0;padding: 25px 20px 30px;} .productsIndex .box .l p b{float: left;width: 100%;line-height: 40px;font-size: 26px;color: #fff;letter-spacing: 0px;font-weight: normal;} .productsIndex .box .l p span{float: left;width: 100%;line-height: 30px;font-size: 12px;color: #fff;text-transform: uppercase;} .productsIndex .box .l p em{float: left;width: 100%;line-height: 20px;font-size: 12px;color: #fff;text-transform: uppercase;} .productsIndex .box .l i{float: left;width: 100%;background: #0d4eaf;} .productsIndex .box .l i img{float: left;width: 100%;opacity: 0.4;-webkit-filter: grayscale(1);filter: gray;filter: grayscale(1); } .productsIndex .box .con{float: left;width: 100%;padding-left: 0px;position: relative;z-index: 3;padding: 0px;background: none;box-shadow: 0 5px 5px rgba(0,0,0,0.05);} .productsIndex .box .con .td_pc{display: none;} .productsIndex .box .con .td_wap{display: block;} .productsIndex .box .con .desc{float: left;width: 100%;background: #fff;position: relative;border-left:none;box-shadow: none;} .productsIndex .box .con .desc .p{float: left;width: 100%;background: #fff;border-left:none;padding: 20px;line-height: 30px;font-size: 14px;} .productsIndex .box .con .alink{float: left;width: 100%;} .productsIndex .box .con .alink a{float: left;line-height: 60px;background: #f90;text-align: center;color: #fff;margin-right: 0;padding: 0 0;font-size: 14px;overflow: hidden;height: 60px;text-align: center;width: 48%;} .productsIndex .box .con .alink a span{line-height: 64px;color: #fff;float: none;font-size: 18px;margin-right: 10px;display: inline-block;} .productsIndex .box .con .alink a b{line-height: 60px;color: #fff;font-weight: normal;float: none;display: inline-block;} .productsIndex .box .con .alink a:hover span{color: #fff;line-height: 60px;} .productsIndex .box .con .alink a:hover b{color: #fff;} .productsIndex .box .con .alink a:nth-child(2){background: #0d4eaf;float: right;} } /*serviceCases*/ .serviceCases{float: left;width: 100%;margin-bottom: 60px;} .serviceCases .box{width: 100%;float: left;} .serviceCases .box .l{float: left;width: 100%;transition:0.5s;} .serviceCases .box .l .t{width:100%;float: left;margin-bottom: 25px;} .serviceCases .box .l .t b{float: left;line-height: 60px;color: #0d4eaf;font-size: 20px;transition:0.5s;border-bottom: 4px solid #ddd;} .serviceCases .box .l .t a{float: right;line-height: 60px;color: #0d4eaf;transition:0.5s;} .serviceCases .box .l .t a:hover{background: #0d4eaf;color: #fff;padding: 0 25px;} .serviceCases .box .l .c{float: left;width: 100%;} .serviceCases .box .l .c a{float: left;width: 23.5%;line-height: 20px;margin: 0 2% 30px 0;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.05);} .serviceCases .box .l .c a:nth-child(4){margin-right: 0;} .serviceCases .box .l .c a:hover b{color: #0d4eaf} .serviceCases .box .l .c a i{float: left;width: 14px;margin:1px 4px 0 0;} .serviceCases .box .l .c a img{width: 100%;float: left;margin-bottom: 20px;background: #ddd;} .serviceCases .box .l .c a b{float: left;line-height: 20px;font-size: 16px;height: 20px;margin-bottom: 10px;padding:0 20px;overflow: hidden;color: #0d4eaf;} .serviceCases .box .l .c a span{float: left;color: #aaa;float: left;width: 100%;padding: 0 20px;margin-bottom: 20px;line-height: 22px;height: 66px;overflow: hidden;} .serviceCases .box .l .c a p{float: left;color: #aaa;line-height: 20px;width: 62%;height: auto;padding:0 10px 0 10px;display: none;} @media (max-width: 768px) { .serviceCases{padding:0;margin-bottom: 20px;} .serviceCases .box .l{width: 100%;border: none;border-bottom: 1px solid #0d4eaf;padding: 10px 20px 30px;} .serviceCases .box .l:hover{border-left: none;padding: 10px 20px 30px;} .serviceCases .box .l .t{width:100%;float: left;margin-bottom: 20px;} .serviceCases .box .l .t b{float: left;line-height: 50px;color: #0d4eaf;font-size: 16px;transition:0.5s;border-bottom: 3px solid #0d4eaf;} .serviceCases .box .l .t a{float: right;line-height: 50px;color: #0d4eaf;transition:0.5s;} .serviceCases .box .l .t a:hover{background: #0d4eaf;color: #fff;padding: 0 25px;} .serviceCases .box .l .c{float: left;width: 100%;} .serviceCases .box .l .c a{float: left;width: 100%;line-height: 20px;margin: 0 0% 20px 0;} .serviceCases .box .l .c a:nth-child(2n){margin-right: 0;float: right;} .serviceCases .box .l .c a:hover b{color: #0d4eaf} .serviceCases .box .l .c a i{float: left;width: 14px;margin:1px 4px 0 0;} .serviceCases .box .l .c a img{width: 38%;float: left;border-radius: 0px;margin-bottom: 0px;} .serviceCases .box .l .c a b{float: left;line-height: 24px;font-size: 16px;font-weight: bold;height: auto;margin:0;overflow: hidden;width: 62%;padding: 15px 10px 5px ;} .serviceCases .box .l .c a span{display: none;} .serviceCases .box .l .c a p{display: block;} } .productsCases .box .l .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 0;} .productsCases .box .l .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .productsCases .box .l .bd ul li{float: left;width: 30%;text-align: center;color: #555;cursor: pointer;margin-right: 5%;margin-bottom: 30px;} .productsCases .box .l .bd ul li:nth-child(3n){margin-right: 0;} .productsCases .box .l .bd ul li a{float: left;width: 100%;padding: 0;} .productsCases .box .l .bd ul li .img{float: left;width: 100%;border:1px solid #f4f4f4;border-bottom: none;background: #fff;overflow: hidden;} .productsCases .box .l .bd ul li .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: hidden;} .productsCases .box .l .bd ul li .info{float: left;width: 100%;} .productsCases .box .l .bd ul li .info .text{float: left;width: 100%;background: #f4f4f4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .productsCases .box .l .bd ul li .info .text h3{float: left;line-height: 60px;font-size: 16px;width: 100%;color: #333;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background: #fff;} .productsCases .box .l .bd ul li:hover .img img{background: #fff;transform:scale(1.2);} .productsCases .box .l .bd ul li:hover .info .text{background: #000;} .productsCases .box .l .bd ul li:hover .info .text h3{color: #0d4eaf;} .productsCases .box .l .bd ul li:hover .info .text span{color: #fff;background: #0d4eaf;} @media (max-width: 768px) { .productsCases .box .l .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%;padding: 0 20px;} .productsCases .box .l .bd ul li{float: left;width: 48%;text-align: center;color: #555;cursor: pointer;margin-bottom: 20px;margin-right: 0;} .productsCases .box .l .bd ul li:nth-child(2n){float: right;} .productsCases .box .l .bd ul li a{float: left;width: 100%;padding: 0 0%;} .productsCases .box .l .bd ul li .img{float: left;width: 100%;border:1px solid #f4f4f4;border-bottom: none;padding:15px;background: #fff;overflow: hidden;} .productsCases .box .l .bd ul li .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: hidden;} .productsCases .box .l .bd ul li .info{float: left;width: 100%;} .productsCases .box .l .bd ul li .info .text{float: left;width: 100%;background: #f4f4f4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .productsCases .box .l .bd ul li .info .text h3{float: left;line-height:50px;font-size: 16px;width: 100%;color: #333;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .productsCases .box .l .bd ul li:hover .img img{background: #fff;transform:scale(1.2);} .productsCases .box .l .bd ul li:hover .info .text{background: #000;} .productsCases .box .l .bd ul li:hover .info .text h3{color: #fff;} .productsCases .box .l .bd ul li:hover .info .text span{color: #fff;background: #0d4eaf;} } /*productsCases*/ .productsCases{float: left;width: 100%;margin:30px 0 60px;} .productsCases .box{width: 100%;float: left;} .productsCases .box .cateNavSfq{float: left;width: 25%;transition:0.5s;} .productsCases .box .l{float: right;width: 100%;transition:0.5s;} .productsCases .box .l .t{width:100%;float: left;margin-bottom: 25px;} .productsCases .box .l .t b{float: left;line-height: 60px;color: #0d4eaf;font-size: 20px;transition:0.5s;border-bottom: 4px solid #ddd;} .productsCases .box .l .t a{float: right;line-height: 60px;color: #0d4eaf;transition:0.5s;} .productsCases .box .l .t a:hover{background: #0d4eaf;color: #fff;padding: 0 25px;} .productsCases .box .l .c{float: left;width: 100%;} /*.productsCases .box .l .c a{float: left;width: 30%;line-height: 20px;margin: 0 5% 30px 0;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.05);} .productsCases .box .l .c a:nth-child(3){margin-right: 0;} .productsCases .box .l .c a:hover b{color: #0d4eaf} .productsCases .box .l .c a i{float: left;width: 14px;margin:1px 4px 0 0;} .productsCases .box .l .c a img{width: 100%;float: left;margin-bottom: 20px;border-bottom: 1px solid #eee;} .productsCases .box .l .c a b{float: left;line-height: 24px;font-size: 15px;height: 48px;margin-bottom: 5px;padding:0 20px;overflow: hidden;color: #000;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .productsCases .box .l .c a span{float: left;color: #666;float: left;width: 100%;padding: 0 20px;margin-bottom: 20px;line-height: 24px;overflow: hidden;height: 48px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .productsCases .box .l .c a p{float: left;color: #aaa;line-height: 20px;width: 62%;height: auto;padding:0 10px 0 10px;display: none;}*/ @media (max-width: 768px) { .productsCases{padding:0;margin: 0 0 20px;} .productsCases .box .cateNavSfq{display: none;} .productsCases .box .l{width: 100%;border: none;padding: 10px 20px 30px;} .productsCases .box .l:hover{border-left: none;padding: 10px 20px 30px;} .productsCases .box .l .t{width:100%;float: left;margin-bottom: 20px;} .productsCases .box .l .t b{float: left;line-height: 50px;color: #0d4eaf;font-size: 16px;transition:0.5s;border-bottom: 3px solid #0d4eaf;} .productsCases .box .l .t a{float: right;line-height: 50px;color: #0d4eaf;transition:0.5s;} .productsCases .box .l .t a:hover{background: #0d4eaf;color: #fff;padding: 0 25px;} .productsCases .box .l .c{float: left;width: 100%;} /*.productsCases .box .l .c a{float: left;width: 100%;line-height: 20px;margin: 0 0% 20px 0;} .productsCases .box .l .c a:nth-child(2n){margin-right: 0;float: right;} .productsCases .box .l .c a:hover b{color: #0d4eaf} .productsCases .box .l .c a i{float: left;width: 14px;margin:1px 4px 0 0;} .productsCases .box .l .c a img{width: 38%;float: left;border-radius: 0px;margin-bottom: 0px;} .productsCases .box .l .c a b{float: left;line-height: 24px;font-size: 16px;font-weight: bold;height: auto;margin:0 0 5px;overflow: hidden;width: 62%;padding: 15px 10px 0px ;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .productsCases .box .l .c a span{display: none;} .productsCases .box .l .c a p{display: block;}*/ } .html_re_1 .box .ul a{float: left;width: 22%;line-height: 20px;margin: 0 4% 30px 0;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.05);} .html_re_1 .box .ul a:nth-child(4){margin-right: 0;} .html_re_1 .box .ul a:hover b{color: #0d4eaf} .html_re_1 .box .ul a i{float: left;width: 14px;margin:1px 4px 0 0;} .html_re_1 .box .ul a img{width: 100%;float: left;margin-bottom: 20px;border-bottom: 1px solid #eee;} .html_re_1 .box .ul a b{float: left;line-height: 24px;font-size: 15px;height: 48px;margin-bottom: 5px;padding:0 20px;overflow: hidden;color: #000;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .html_re_1 .box .ul a span{float: left;color: #666;float: left;width: 100%;padding: 0 20px;margin-bottom: 20px;line-height: 24px;overflow: hidden;height: 48px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .html_re_1 .box .ul a p{float: left;color: #aaa;line-height: 20px;width: 62%;height: auto;padding:0 10px 0 10px;display: none;} @media (max-width: 768px) { .html_re_1 .box .ul a{float: left;width: 100%;line-height: 20px;margin: 0 0% 20px 0;} .html_re_1 .box .ul a:nth-child(2n){margin-right: 0;float: right;} .html_re_1 .box .ul a:hover b{color: #0d4eaf} .html_re_1 .box .ul a i{float: left;width: 14px;margin:1px 4px 0 0;} .html_re_1 .box .ul a img{width: 38%;float: left;border-radius: 0px;margin-bottom: 0px;} .html_re_1 .box .ul a b{float: left;line-height: 24px;font-size: 16px;font-weight: bold;height: auto;margin:0 0 5px;overflow: hidden;width: 62%;padding: 15px 10px 0px ;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .html_re_1 .box .ul a span{display: none;} .html_re_1 .box .ul a p{display: block;} } .pnewul{float: left;width:100%;font-size:13px;} .pnewul li{width:100%;overflow:hidden;clear:both;padding: 30px;transition:0.5s;margin-bottom: 30px;background: #fff;border-radius: 0 20px 20px 20px;} .pnewul li .img{width:20%;float: left;margin: 0 0 0 0;} .pnewul li .img img{width:100%;float: left;transition:0.5s;} .pnewul li .lir{width: 78%;padding: 10px 0 0 50px;float: left;transition:0.5s;} .pnewul li .lir .desc{width: 100%;float: right;line-height: 34px;color: #ddd;font-size: 13px;transition:0.5s;} .pnewul li .lir .tt{width: 100%;float: right;font-size:16px;font-weight: bold;line-height: 20px;color: #000;transition:0.5s;} .pnewul li .lir .more{float: left;line-height: 40px;padding: 0 80px 0 30px;border: 1px solid #eee;color: #000;transition:0.5s;} .pnewul li .lir p{width: 100%;float: right;font-size: 13px;color: #000;line-height: 26px;transition:0.5s;margin-bottom: 10px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .pnewul li:hover{box-shadow:0 10px 10px rgba(0,0,0,0.1);} .pnewul li:hover .lir .more{border: 1px solid #0d4eaf;background: #0d4eaf;color: #fff;} .pnewul li:hover .lir .tt{color: #0d4eaf;} @media (max-width: 768px) { .pnewul{float: left;width:100%;font-size:13px;} .pnewul li{width:100%;overflow:hidden;clear:both;padding: 20px;transition:0.5s;margin-bottom: 30px;background: #fff;} .pnewul li .img{width:100%;float: left;margin: 0 0 0 0;padding: 0 15%;} .pnewul li .img img{width:100%;float: left;transition:0.5s;} .pnewul li .lir{width: 100%;padding: 10px 0 0;float: left;transition:0.5s;text-align: center;} .pnewul li .lir .desc{width: 100%;float: right;line-height: 34px;color: #ddd;font-size: 13px;transition:0.5s;} .pnewul li .lir .tt{width: 100%;float: right;font-size:18px;font-weight: bold;line-height: 30px;color: #000;transition:0.5s;} .pnewul li .lir .more{float: left;line-height: 40px;padding: 0 80px 0 30px;border: 1px solid #eee;color: #000;transition:0.5s;display: none;} .pnewul li .lir p{width: 100%;float: right;font-size: 13px;color: #000;line-height: 26px;transition:0.5s;margin-bottom: 10px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .pnewul li:hover{box-shadow:0 10px 10px rgba(0,0,0,0.1);} .pnewul li:hover .lir .more{border: 1px solid #0d4eaf;background: #0d4eaf;color: #fff;padding: 0 100px 0 30px;border-radius: 0 40px 40px 0;} .pnewul li:hover .lir .tt{color: #0d4eaf;} } /*researchIndex*/ .researchIndex{float: left;width: 100%;margin:30px 0 60px;} .researchIndex .box{width: 100%;float: left;} .researchIndex .box .l{float: left;width: 100%;transition:0.5s;} .researchIndex .box .l .t{width:100%;float: left;margin-bottom: 25px;} .researchIndex .box .l .t b{float: left;line-height: 60px;color: #0d4eaf;font-size: 20px;transition:0.5s;border-bottom: 4px solid #ddd;margin-bottom: 15px;} .researchIndex .box .l .t p{float: left;line-height: 24px;color: #999;width: 100%;} .researchIndex .box .l .c{float: left;width: 100%;} .researchIndex .box .l .c a{float: left;width: 31%;line-height: 20px;margin: 0 3.5% 40px 0;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.05);transition:0.5s;position: relative;} .researchIndex .box .l .c a:nth-child(3){margin-right: 0;} .researchIndex .box .l .c a:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.2);} .researchIndex .box .l .c a:hover b{color: #fff;background: #0d4eaf;} .researchIndex .box .l .c a i{float: left;width: 14px;margin:1px 4px 0 0;} .researchIndex .box .l .c a img{width: 100%;float: left;background: #ddd;} .researchIndex .box .l .c a b{float: left;line-height: 60px;font-size: 15px;padding:0 20px;overflow: hidden;color: #fff;font-weight: normal;transition:0.5s;width: 100%;position: absolute;bottom: 0;z-index: 3;left: 0;background: rgba(0,0,0,0.5);} @media (max-width: 768px) { .researchIndex{padding:0;margin-bottom: 20px;} .researchIndex .box .l{width: 100%;border: none;padding:0px 20px 30px;} .researchIndex .box .l:hover{border-left: none;padding: 10px 20px 30px;} .researchIndex .box .l .t{width:100%;float: left;margin-bottom: 20px;} .researchIndex .box .l .t b{float: left;line-height: 50px;color: #0d4eaf;font-size: 18px;transition:0.5s;border-bottom: 3px solid #0d4eaf;} .researchIndex .box .l .c{float: left;width: 100%;} .researchIndex .box .l .c a{float: left;width: 100%;line-height: 20px;margin: 0 0 20px 0;} .researchIndex .box .l .c a b{float: left;line-height: 50px;} } /*plus_wx*/ .plus_wx{float: left;width: 100%;background: #bbb;padding: 20px 30px 30px;} .plus_wx .img{float: left;width: 100%;padding: 10% 10% 10px;} .plus_wx .img img{float: left;width: 100%;background: #fff;padding: 15px;} @media (max-width: 768px) { .plus_wx{display: none;} } /*plus_contact*/ .plus_contact{float: left;width: 100%;background: #0d4eaf;padding:40px 10%;} .plus_contact .tel{float: left;width: 100%;background: url(/Public/Common/Images/telphone.png) center top no-repeat;height: 50px} .plus_contact .text{float: left;width: 100%;text-align: center;line-height: 24px;font-size: 14px;color: #fff;} .plus_contact .b{float: left;width: 100%;text-align: center;line-height: 50px;font-size: 28px;color: #fff;padding: 0 0;} @media (max-width: 768px) { .plus_contact{display: none;} } /* 侧边导航 */ .cateNav_8{width: 100%;float: left;} .cateNav_8 a{line-height: 80px;color: #444;width: 100%;float: left;font-size: 16px;text-align: center; transition:0.5s;margin-bottom: 1px;background: #eee;} .cateNav_8 a.cur, .cateNav_8 a.cur:hover{background:#0d4eaf;color: #fff;} .cateNav_8 a:hover{background:#0d4eaf;color: #fff;} @media (max-width: 768px) { .cateNav_8 {display: none;} .cateNav_8 a{height: 44px;line-height: 44px;color: #444;width: 100%;float: left;font-size: 16px;border:none;text-align: center; } .cateNav_8 a.cur{border:none;} } /*addressNav_1*/ .addressNav_1{float: left;width: 100%;height:70px;line-height: 70px;font-size: 16px;color: #333;border-bottom: 3px solid #eee;} .addressNav_1 a{color: #666;float: left;transition:0.5s;} .addressNav_1 a:hover{color: #0d4eaf} .addressNav_1 span{color: #ddd;float: left;padding: 0 12px;} .addressNav_1 b{color: #333;float: left;font-weight: normal;} .addressNav_1 p{color: #333;float: left;font-weight: normal;} @media (max-width: 768px) { .addressNav_1{display: none;} } /*slideBox_banner_wrap*/ .slideBox_banner_wrap{width: 100%;float: left;margin-top: 20px;margin-bottom: 20px;} .slideBox_banner_wrap .box{width: 100%;float: left;} .slideBox_banner_wrap .box .slideBox_banner{ width:100%; overflow:hidden; position:relative; } .slideBox_banner_wrap .box .slideBox_banner .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:20px; z-index:1; } .slideBox_banner_wrap .box .slideBox_banner .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox_banner_wrap .box .slideBox_banner .hd ul li{ float:left; margin-right:10px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; text-indent: -9999px;border-radius: 100%;opacity: 0.5} .slideBox_banner_wrap .box .slideBox_banner .hd ul li.on{ opacity: 1; } .slideBox_banner_wrap .box .slideBox_banner .bd{ position:relative; height:100%; z-index:0; } .slideBox_banner_wrap .box .slideBox_banner .bd li{ zoom:1; vertical-align:middle; } .slideBox_banner_wrap .box .slideBox_banner .bd img{ width:100%; display:block; } .slideBox_banner_wrap .box .slideBox_banner .prev, .slideBox_banner_wrap .box .slideBox_banner .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; } .slideBox_banner_wrap .box .slideBox_banner .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox_banner_wrap .box .slideBox_banner .prev:hover, .slideBox_banner_wrap .box .slideBox_banner .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox_banner_wrap .box .slideBox_banner .prevStop{ display:none; } .slideBox_banner_wrap .box .slideBox_banner .nextStop{ display:none; } @media (max-width: 768px) { .slideBox_banner_wrap{display: none;} } /* list_3_img */ .list_3_img{float: left;width:100%;font-size:13px;} .list_3_img li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;} .list_3_img li .img{width:25%;float: left;margin: 0 0 0 0;} .list_3_img li .img img{width:100%;float: left;transition:0.5s;} .list_3_img li .lir{width: 75%;padding-left: 15px;float: left;transition:0.5s;} .list_3_img li .lir:hover{padding-left: 25px;} .list_3_img li .lir .desc{width: 100%;float: right;line-height: 30px;color: #aaa;font-size: 13px;} .list_3_img li .lir .tt{width: 100%;float: right;font-size: 17px;font-weight: normal;line-height: 30px;color: #333;} .list_3_img li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 24px;} .list_3_img li:hover .img img{border-radius: 15px;} .list_3_img li:hover .lir .tt{color: #000} /* list_3_event */ .list_3_event{float: left;width:100%;font-size:13px;} .list_3_event li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;} .list_3_event li .img{width:25%;float: left;margin: 0 0 0 0;} .list_3_event li .img img{width:100%;float: left;transition:0.5s;} .list_3_event li .lir{width: 75%;padding-left: 15px;float: left;transition:0.5s;} .list_3_event li .lir:hover{padding-left: 25px;} .list_3_event li .lir .desc{width: 100%;float: right;line-height: 30px;color: #aaa;font-size: 13px;} .list_3_event li .lir .tt{width: 100%;float: right;font-size: 17px;font-weight: normal;line-height: 30px;color: #333;} .list_3_event li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 24px;} .list_3_event li:hover .img img{border-radius: 15px;} .list_3_event li:hover .lir .tt{color: #000} @media (max-width: 768px) { .list_3_event li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 10px;margin-bottom: 10px;border-bottom: 1px solid #eee;} .list_3_event li .img{width:30%;float: left;margin: 0 0 0 0;} .list_3_event li .img img{width:100%;float: left;transition:0.5s;} .list_3_event li .lir{width: 70%;padding-left: 10px;float: left;transition:0.5s;} .list_3_event li .lir:hover{padding-left: 25px;} .list_3_event li .lir .desc{width: 100%;float: right;line-height: 30px;color: #ccc;font-size: 13px;} .list_3_event li .lir .tt{width: 100%;float: right;font-size: 16px;font-weight: normal;line-height: 22px;color: #333;margin-bottom: 8px;} .list_3_event li .lir p{width: 100%;float: right;font-size: 13px;color: #ddd;line-height: 20px;display: none;} .list_3_event li:hover .img img{border-radius: 15px;} .list_3_event li:hover .lir .tt{color: #000} } /* list_3_news */ .list_3_news{float: left;width:100%;font-size:13px;} .list_3_news li{width:100%;overflow:hidden;clear:both;padding: 40px 0px 40px;border-bottom: 1px solid #eee;transition:0.5s;} .list_3_news li .img{width:28%;float: left;margin: 0 0 0 0;} .list_3_news li .img img{width:100%;float: left;transition:0.5s;} .list_3_news li .lir{width: 72%;padding-left: 25px;float: left;transition:0.5s;} .list_3_news li .lir .desc{width: 100%;float: right;line-height: 44px;color: #aaa;font-size: 13px;transition:0.5s;} .list_3_news li .lir .tt{width: 100%;float: right;font-size: 18px;font-weight: normal;line-height: 20px;color: #333;transition:0.5s;} .list_3_news li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;} .list_3_news li:hover{background:#0d4eaf;border-bottom: 1px solid #0d4eaf;padding: 40px;} .list_3_news li:hover .lir .tt{color: #fff} .list_3_news li:hover .lir .desc{color: #fff} .list_3_news li:hover .lir p{color: #fff} @media (max-width: 768px) { .list_3_news li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 10px;margin-bottom: 10px;border-bottom: 1px solid #eee;display: none;} .list_3_news li .img{width:30%;float: left;margin: 0 0 0 0;} .list_3_news li .img img{width:100%;float: left;transition:0.5s;} .list_3_news li .lir{width: 70%;padding-left: 10px;float: left;transition:0.5s;} .list_3_news li .lir:hover{padding-left: 25px;} .list_3_news li .lir .desc{width: 100%;float: right;line-height: 30px;color: #ccc;font-size: 13px;} .list_3_news li .lir .tt{width: 100%;float: right;font-size: 16px;font-weight: normal;line-height: 22px;color: #333;margin-bottom: 8px;} .list_3_news li .lir p{width: 100%;float: right;font-size: 13px;color: #ddd;line-height: 20px;display: none;} .list_3_news li:hover .img img{border-radius: 15px;} .list_3_news li:hover .lir .tt{color: #000} } /* list_course */ .list_course{float: left;width:100%;font-size:13px;} .list_course li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 40px;margin-bottom: 40px;border-bottom: 1px solid #eee;} .list_course li .img{width:20%;float: left;margin: 0 0 0 0;} .list_course li .img img{width:100%;float: left;transition:0.5s;} .list_course li .lir{width: 80%;padding-left: 25px;float: left;transition:0.5s;} .list_course li .lir .desc{width: 100%;float: right;line-height: 30px;color: #aaa;font-size: 13px;} .list_course li .lir .tt{width: 100%;float: right;font-size: 18px;font-weight: normal;line-height: 40px;color: #333;} .list_course li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 20px;} .list_course li:hover .img img{border-radius: 15px;} .list_course li:hover .lir .tt{color: #000} @media (max-width: 768px) { .list_course li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 10px;margin-bottom: 10px;border-bottom: 1px solid #eee;} .list_course li .img{width:30%;float: left;margin: 0 0 0 0;} .list_course li .img img{width:100%;float: left;transition:0.5s;} .list_course li .lir{width: 70%;padding-left: 10px;float: left;transition:0.5s;} .list_course li .lir:hover{padding-left: 25px;} .list_course li .lir .desc{width: 100%;float: right;line-height: 30px;color: #ccc;font-size: 13px;} .list_course li .lir .tt{width: 100%;float: right;font-size: 16px;font-weight: normal;line-height: 22px;color: #333;margin-bottom: 8px;} .list_course li .lir p{width: 100%;float: right;font-size: 13px;color: #ddd;line-height: 20px;display: none;} .list_course li:hover .img img{border-radius: 15px;} .list_course li:hover .lir .tt{color: #000} } /*note_3 咨询页面详情*/ .note_3{width: 100%;float: left;} .note_3 .li{width: 100%;float: left;margin-bottom: 15px;} .note_3 .li .lil{width: 0%;float: left;} .note_3 .li .lir{width: 100%;float: left;} .note_3 .li .lir .reset{width: 24%;height: 42px;float: left;line-height: 40px;border: 1px solid #ddd;background: #fff;color: #333;} .note_3 .li .lir .submit{width: 24%;height: 42px;float: left;line-height: 40px;border: 1px solid #0d4eaf;background: #0d4eaf;color: #fff;margin-right: 2%;} .note_3 .li .lir .textarea{width: 80%;height:128px;background: #fff; line-height:32px;padding:6px;outline: none;color: #000;font-size: 13px;float: left;border: 1px solid #ddd;} .note_3 .li .lir .input{width: 50%;background: #fff;line-height: 40px;outline: none;color: #000;font-size: 13px;float: left;height: 42px;border: 1px solid #ddd;margin: 0;} .note_3 .li .lir .select{width: 50%;background: #fff;line-height: 40px;outline: none;color: #000;font-size: 13px;float: left;height: 42px;border: 1px solid #ddd;} .note_3 .li .lir .province{width: 24%;margin-right: 2%;} .note_3 .li .lir .city{width: 24%;} .note_3 .li .lir .short{width: 24%;margin-right: 20px;} .note_3 .li .lir .verify{width: 24%;border-right: none;margin-right: 0;} .note_3 .li .lir .code{float: left;margin: 0px 0 0 0;cursor: pointer;height: 42px;border: 1px solid #ddd;padding: 2px;border-left: none;} .note_3 .li .lir .input:focus{outline: none;box-shadow: 0 0 4px #E77817 ;} .note_3 .li .lir label{float: left;margin: 0 10px 0 0;height: 20px;} .note_3 .li .lir label .radio{float: left;margin-right: 5px;} .note_3 .li .lir label i{float: left;font-style: normal;} @media (max-width: 768px) { .note_3 .li{width: 100%;float: left;margin-bottom: 15px;} .note_3 .li .lil{width: 0%;float: left;} .note_3 .li .lir{width: 100%;float: left;} .note_3 .li .lir .reset{width: 49%;float: right;} .note_3 .li .lir .submit{width: 49%;margin-right: 0px;} .note_3 .li .lir .textarea{width: 100%;} .note_3 .li .lir .input{width: 100%;} .note_3 .li .lir .select{width: 100%;} .note_3 .li .lir .province{width: 49%;margin-right: 0;} .note_3 .li .lir .city{width: 49%;float: right;margin-right: 0;} .note_3 .li .lir .short{width: 24%;} .note_3 .li .lir .verify{width: 50%;} } /*htmlPn_02*/ .htmlPn_02{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:0px 0 20px;color: #666;padding:0 20px 0 0;} .htmlPn_02 a{color: #333;background: #fff;line-height: 60px;float: left;text-align: center;width: 50%;color: #999;font-size: 20px;transition:0.5s;} .htmlPn_02 a:hover{background: #aaa;color: #fff;} .htmlPn_02 a:nth-child(2){border-left: 1px solid #eee;} @media (max-width: 768px) { .htmlPn_02{display: none;} } /*htmlPn_03*/ .htmlPn_03{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:0px 0 20px;color: #666;padding:15px 15%;background: #f4f4f4;} .htmlPn_03 a{color: #333;background: #f4f4f4;line-height: 36px;float: left;text-align: center;width: 29.333%;color: #666;font-size: 14px;transition:0.5s;margin: 0 2%;border: 1px solid #ddd;border-radius: 4px;} .htmlPn_03 a:hover{background: #fff;color: #333;} @media (max-width: 768px) { .htmlPn_03{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:0px 0 0px;color: #666;padding:15px;background: #f4f4f4;} .htmlPn_03 a{color: #333;background: #f4f4f4;line-height: 36px;float: left;text-align: center;width: 29.333%;color: #666;font-size: 14px;transition:0.5s;margin: 0 2%;border: 1px solid #ddd;border-radius: 4px;} .htmlPn_03 a:hover{background: #fff;color: #333;} } .video_pc{float: left;width: 100%;margin-bottom: 20px;} .video_pc iframe{float: left;width: 100%;height: 400px;} @media (max-width: 768px) { .video_pc{display: none;} } .video_m{float: left;width: 100%;display: none;margin-bottom: 20px;} .video_m iframe{float: left;width: 100%;height: 200px;} @media (max-width: 768px) { .video_m{display: block;} } /* institutionOne */ .institutionOne{float: left;width: 100%;background:#eee;height: 450px;background-attachment: fixed;} .institutionOne .box{width: 100%;float: left;} .institutionOne .box b{width: 100%;float: left;text-align: center;height: 60px;margin-top: 100px;} .institutionOne .box b img{display: inline-block;} .institutionOne .box p{width: 100%;float: left;line-height: 36px;font-size: 16px;height: 120px;text-align: center;color: #666;padding:0px 0 20px;opacity: 1;position: relative;transition:0.3s;} .institutionOne .box span{width: 100%;float: left;height: 2px;text-align: center;margin: 50px 0 30px;padding: 0 49%;} .institutionOne .box span i{width: 30px;height: 2px;background: #333;display: inline-block;width: 100%;float: left;} @media (max-width: 768px) { .institutionOne{float: left;width: 100%;background:#eee;height: auto;background-attachment: fixed;} .institutionOne .box{width: 100%;float: left;} .institutionOne .box b{width: 100%;float: left;text-align: center;height: 40px;margin-top:40px;} .institutionOne .box b img{display: inline-block;height: 40px;} .institutionOne .box p{width: 100%;float: left;line-height: 24px;font-size: 13px;height: auto;text-align: center;color: #666;padding:0px 15px 30px;opacity: 1;position: relative;transition:0.3s;} .institutionOne .box span{width: 100%;float: left;height: 2px;text-align: center;margin: 10px 0;padding: 0 48%;} .institutionOne .box span i{width: 30px;height: 2px;background: #333;float: left;width: 100%;} } /*institutionTwo*/ .institutionTwo{float: left;width: 100%;padding: 80px 0;background: #fff;} .institutionTwo .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .institutionTwo .t b{float: left;width: 100%;line-height: 80px;font-size:26px;color: #0d4eaf;font-weight: normal;text-transform: uppercase;} .institutionTwo .t p{float: left;width: 100%;height:3px;padding: 0 48.5%;} .institutionTwo .t p i{display: inline-block;width: 100%;height: 3px;background: #0d4eaf;float: left;} .institutionTwo .ul{float: left;width: 100%;} .institutionTwo .ul li{float: left;width:23.5%;margin: 0px 2% 20px 0 ;background: #eee;position: relative;} .institutionTwo .ul li:nth-child(4n){margin-right: 0;} .institutionTwo .ul li .img{float: left;width:100%;overflow: hidden;z-index: 1;} .institutionTwo .ul li .img img{float: left;width:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionTwo .ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .institutionTwo .ul li .title{float: left;width:100%;line-height: 36px;color: #333;overflow: hidden;font-size: 14px;height: 36px;padding:0 10px;margin: 10px 0 0px;} .institutionTwo .ul li p{float: left;width:100%;line-height: 20px;color: #666;overflow: hidden;font-size: 14px;padding:0px 10px 15px;} .institutionTwo .ul li p em{float: left;font-style: normal;color: #aaa;line-height: 20px;margin-right: 15px;} .institutionTwo .ul li p span{float: left;font-style: normal;color: #aaa;line-height: 20px;top: 0;margin-right: 4px;} @media (max-width: 768px) { .institutionTwo{float: left;width: 100%;padding: 15px 15px;background: #fff;} .institutionTwo .ul{float: left;width: 100%;} .institutionTwo .ul li{float: left;width:49%;margin: 0px 2% 10px 0 ;background: #eee;position: relative;} .institutionTwo .ul li:nth-child(2n){margin-right: 0;float: right;} .institutionTwo .ul li .img{float: left;width:100%;overflow: hidden;z-index: 1;} .institutionTwo .ul li .img img{float: left;width:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionTwo .ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .institutionTwo .ul li .title{float: left;width:100%;line-height: 20px;color: #333;overflow: hidden;font-size: 14px;height: 40px;padding:0 10px;margin: 10px 0 10px;} .institutionTwo .ul li p{float: left;width:100%;line-height: 20px;color: #666;overflow: hidden;font-size: 14px;padding:0px 10px 15px;display: none;} .institutionTwo .ul li p em{float: left;font-style: normal;color: #aaa;line-height: 20px;margin-right: 15px;} .institutionTwo .ul li p span{float: left;font-style: normal;color: #aaa;line-height: 20px;top: 0;margin-right: 4px;} .institutionTwo .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .institutionTwo .t b{float: left;width: 100%;line-height: 60px;font-size:22px;color: #0d4eaf;font-weight: normal;text-transform: uppercase;} .institutionTwo .t p{float: left;width: 100%;height:3px;padding: 0 46%;} .institutionTwo .t p i{display: inline-block;width: 100%;height: 3px;background: #0d4eaf;float: left;} } /* institutionThree */ .institutionThree{ overflow:hidden; position:relative;width:100%;float: left;background: url(../images/bg1.jpg) no-repeat center top;padding: 80px 0; } .institutionThree.on .box .t{top: 0;opacity: 1;} .institutionThree.on .box .t2{margin-top: 0;opacity: 1;} .institutionThree.on .box .p{opacity: 1;} .institutionThree .box{ width:100%; float: left; } .institutionThree .box .p{float: left;width: 100%;text-align: center;line-height: 36px;font-size: 15px;color: #666;margin-bottom: 50px;-webkit-transition: 0.5s;opacity: 0;padding: 0 100px;} .institutionThree .box .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;top: -200px;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;opacity: 0;} .institutionThree .box .t b{float: left;width: 100%;line-height: 80px;font-size:26px;color: #0d4eaf;font-weight: normal;text-transform: uppercase;} .institutionThree .box .t p{float: left;width: 100%;height:3px;padding: 0 48.5%;} .institutionThree .box .t p i{display: inline-block;width: 100%;height: 3px;background: #0d4eaf;float: left;} .institutionThree .box .t2{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;margin-top:20px;opacity: 0;transition-delay:1s;} .institutionThree .box .t2 b{float: left;width: 100%;line-height: 80px;font-size:26px;color: #0d4eaf;font-weight: normal;text-transform: uppercase;} .institutionThree .box .t2 p{float: left;width: 100%;height:3px;padding: 0 48.5%;} .institutionThree .box .t2 p i{display: inline-block;width: 100%;height: 3px;background: #0d4eaf;float: left;} .institutionThree .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("../images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionThree .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("../images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionThree .box .hd{ overflow:hidden;height:30px; padding:0 10px; } .institutionThree .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;width: 100%;text-align: center; } .institutionThree .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#0d4eaf; border-radius: 100%;opacity: 0.5;} .institutionThree .box .hd ul li.on{ opacity: 1;} .institutionThree .box .bd{overflow:hidden; float: left;width: 100%;} .institutionThree .box .bd ul{ overflow:hidden; zoom:1; width:100%; float:left; } .institutionThree .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .institutionThree .box .bd ul li{float: left;width: 20%;text-align: center;color: #555;cursor: pointer;margin-bottom: 20px;} .institutionThree .box .bd ul li .img{float: left;width: 100%;padding: 0 5%;} .institutionThree .box .bd ul li .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionThree .box .bd ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} @media (max-width: 768px) { .institutionThree{ overflow:hidden; position:relative;width:100%;float: left;background: url(../images/bg1.jpg) no-repeat center top;padding: 20px 0; } .institutionThree.on .box .t{top: 0;} .institutionThree.on .box .p{opacity: 1;} .institutionThree .box{ width:100%; float: left; } .institutionThree .box .p{float: left;width: 100%;text-align: center;line-height: 24px;font-size: 13px;color: #666;margin-bottom: 20px;-webkit-transition: 0.5s;opacity: 0;padding: 0 15px;} .institutionThree .box .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;top: -200px;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .institutionThree .box .t b{float: left;width: 100%;line-height: 60px;font-size:22px;color: #0d4eaf;font-weight: normal;text-transform: uppercase;} .institutionThree .box .t p{float: left;width: 100%;height:3px;padding: 0 46%;} .institutionThree .box .t p i{display: inline-block;width: 100%;height: 3px;background: #0d4eaf;float: left;} .institutionThree .box .t2{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;margin-top:20px;opacity: 0;transition-delay:1s;} .institutionThree .box .t2 b{float: left;width: 100%;line-height: 60px;font-size:22px;color: #0d4eaf;font-weight: normal;text-transform: uppercase;} .institutionThree .box .t2 p{float: left;width: 100%;height:3px;padding: 0 46%;} .institutionThree .box .t2 p i{display: inline-block;width: 100%;height: 3px;background: #0d4eaf;float: left;} .institutionThree .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("../images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionThree .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("../images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionThree .box .hd{ overflow:hidden;height:40px; padding:0 10px; } .institutionThree .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1;width: 100%;text-align: center; } .institutionThree .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.5;} .institutionThree .box .hd ul li.on{ opacity: 1;} .institutionThree .box .bd{overflow:hidden; float: left;width: 100%;padding: 0 15px;} .institutionThree .box .bd ul{ overflow:hidden; zoom:1; width:100%; float:left; } .institutionThree .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .institutionThree .box .bd ul li{float: left;width: 20%;text-align: center;color: #555;cursor: pointer;margin-bottom: 2px;} .institutionThree .box .bd ul li .img{float: left;width: 100%;padding: 0 1%;} .institutionThree .box .bd ul li .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionThree .box .bd ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} } /*institutionFour*/ .institutionFour{width: 100%;float: left;padding: 80px 0;background: #e5e5e5;} .institutionFour.on .box .l{left: 0;} .institutionFour .box{width: 100%;float: left;} .institutionFour .box .r{float: right;width: 700px;padding: 0px 0px 0 20px;text-transform: uppercase;} .institutionFour .box .r b{float: left;width: 100%;line-height: 80px;font-size: 30px;font-weight: normal;color: #0d4eaf;} .institutionFour .box .r span{float: left;width: 100%;line-height: 80px;font-size: 24px;color: #333;} .institutionFour .box .r em{float: left;width: 30px;height: 3px;background: #0d4eaf;} .institutionFour .box .r p{float: left;width:100%;color: #333;font-size: 15px;line-height: 30px;} .institutionFour .box .l{float: left;position: relative;left: -100%;-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;transition: 1s;} @media (max-width: 768px) { .institutionFour{width: 100%;float: left;padding: 0px 0;background: #e5e5e5;} .institutionFour.on .box .l{left: 0;} .institutionFour .box{width: 100%;float: left;} .institutionFour .box .r{float: right;width: 100%;padding: 15px;text-transform: uppercase;} .institutionFour .box .r b{float: left;width: 100%;line-height: 60px;font-size: 16px;font-weight: normal;color: #0d4eaf;} .institutionFour .box .r span{float: left;width: 100%;line-height: 60px;font-size: 16px;color: #333;} .institutionFour .box .r em{float: left;width: 30px;height: 3px;background: #0d4eaf;} .institutionFour .box .r p{float: left;width:100%;color: #333;font-size: 14px;line-height: 24px;margin-bottom: 10px;} .institutionFour .box .l{float: left;position: relative;left: 0;-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;transition: 1s;width: 100%;} .institutionFour .box .l a{float: left;width: 100%} .institutionFour .box .l a img{float: left;width: 100%} } /* institutionFive */ .institutionFive{ overflow:hidden; position:relative;width:100%;float: left;background:#fff;padding: 80px 0; } .institutionFive .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .institutionFive .t b{float: left;width: 100%;line-height: 80px;font-size:26px;color: #0d4eaf;font-weight: normal;text-transform: uppercase;} .institutionFive .t p{float: left;width: 100%;height:3px;padding: 0 48.5%;} .institutionFive .t p i{display: inline-block;width: 100%;height: 3px;background: #0d4eaf;float: left;} .institutionFive.on .box .p{opacity: 1;} .institutionFive .box{ width:100%; float: left; } .institutionFive .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("../images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionFive .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("../images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionFive .box .hd{ overflow:hidden;height:30px; padding:0 10px; } .institutionFive .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;width: 100%;text-align: center; } .institutionFive .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#0d4eaf; border-radius: 100%;opacity: 0.5;} .institutionFive .box .hd ul li.on{ opacity: 1;} .institutionFive .box .bd{overflow:hidden; float: left;width: 100%;margin-bottom: 20px;} .institutionFive .box .bd ul{ overflow:hidden; zoom:1; width:100%; float:left; } .institutionFive .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .institutionFive .box .bd ul li{float: left;width: 33.3333%;border-right: 1px solid #fff;margin-bottom: 1px;background: #0d4eaf;position: relative;} .institutionFive .box .bd ul li:hover .img{opacity: 0;} .institutionFive .box .bd ul li:hover .text{opacity: 1;} .institutionFive .box .bd ul li .text{float: left;width: 100%;position: absolute;z-index: 2;padding: 50px 30px 0 30px;color: #fff;opacity: 0;} .institutionFive .box .bd ul li .text b{float: left;width: 100%;font-size: 20px;color: #fff;line-height: 30px;font-weight: normal;margin: 0 0 0px;} .institutionFive .box .bd ul li .text span{float: left;width: 100%;font-size: 14px;color: #fff;line-height: 30px;} .institutionFive .box .bd ul li .img{float: left;width: 100%;position: relative;z-index: 1;transition: 0.3s;} .institutionFive .box .bd ul li .img img{float: left;width: 100%;} @media (max-width: 768px) { .institutionFive{ overflow:hidden; position:relative;width:100%;float: left;background:#fff;padding:15px; } .institutionFive.on .box .p{opacity: 1;} .institutionFive .box{ width:100%; float: left; } .institutionFive .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("../images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionFive .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("../images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .institutionFive .box .hd{ overflow:hidden;height:40px; padding:0 10px; } .institutionFive .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1;width: 100%;text-align: center; } .institutionFive .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.5;} .institutionFive .box .hd ul li.on{ opacity: 1;} .institutionFive .box .bd{overflow:hidden; float: left;width: 100%;margin-bottom: 20px;} .institutionFive .box .bd ul{ overflow:hidden; zoom:1; width:100%; float:left; } .institutionFive .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .institutionFive .box .bd ul li{float: left;width: 33.3333%;border-right: 1px solid #fff;margin-bottom: 1px;background: #0d4eaf;position: relative;} .institutionFive .box .bd ul li:hover .img{opacity: 0;} .institutionFive .box .bd ul li:hover .text{opacity: 1;} .institutionFive .box .bd ul li .text{float: left;width: 100%;position: absolute;z-index: 2;padding: 50px 30px 0 30px;color: #fff;opacity: 0;display: none;} .institutionFive .box .bd ul li .text b{float: left;width: 100%;font-size: 20px;color: #fff;line-height: 30px;font-weight: normal;margin: 0 0 0px;} .institutionFive .box .bd ul li .text span{float: left;width: 100%;font-size: 14px;color: #fff;line-height: 30px;} .institutionFive .box .bd ul li .img{float: left;width: 100%;position: relative;z-index: 1;transition: 0.3s;} .institutionFive .box .bd ul li .img img{float: left;width: 100%;} } /* institutionSix */ .institutionSix{float: left;width: 100%;background: url(/Public/Common/Images/bg4.jpg) no-repeat center top;height: 450px;background-attachment: fixed;} .institutionSix.on .box p{opacity: 1;padding-top: 100px;} .institutionSix.on .box span{opacity: 1;padding-top: 0;} .institutionSix.on .box em{opacity: 1;margin-top: 20px;} .institutionSix.on .box i{opacity: 1;margin-top: 0px;} .institutionSix .box{width: 100%;float: left;} .institutionSix .box p{width: 100%;float: left;line-height: 60px;font-size: 40px;height: 160px;text-align: center;color: #fff;padding:0px 0 0px;opacity: 0;position: relative;transition:0.3s;} .institutionSix .box span{width: 100%;float: left;line-height: 60px;font-size: 24px;text-align: center;color: #fff;position: relative;transition:1s;opacity: 0;height: 60px;padding: 0px 0 0 0;text-transform: uppercase;} .institutionSix .box i{width: 100%;float: left;line-height: 30px;font-size: 14px;text-align: center;color: #fff;position: relative;transition:1s;opacity: 0;padding: 0px 0 0 0;text-transform: uppercase;font-style: normal;} .institutionSix .box em{width: 100%;float: left;line-height: 50px;text-align: center;margin: 20px 0 0;transition:1s;opacity: 0;margin-top: 40px;} .institutionSix .box em a{display: inline-block;height: 50px;border-radius: 5px;background: none;color: #fff;padding: 0 60px;line-height: 50px;font-size: 15px;border: 1px solid #fff;} @media (max-width: 768px) { .institutionSix{background-attachment: fixed;height: auto;padding: 0 0 40px;background-size: cover;} .institutionSix.on .box p{opacity: 1;padding-top: 40px;} .institutionSix.on .box span{opacity: 1;padding-top: 40px;} .institutionSix.on .box em{opacity: 1;margin-top: 20px;} .institutionSix.on .box i{opacity: 1;margin-top: 20px;} .institutionSix .box{width: 100%;float: left;} .institutionSix .box p{width: 100%;float: left;line-height: 60px;font-size: 18px;height: 60px;text-align: center;color: #fff;padding:30px 0 20px;opacity: 1;position: relative;transition:0.3s;} .institutionSix .box span{width: 100%;float: left;line-height: 22px;font-size: 14px;text-align: center;color: #fff;letter-spacing: 0px;position: relative;transition:1s;opacity: 1;height: auto;padding: 20px 20px 0;} .institutionSix .box i{width: 100%;float: left;line-height: 20px;font-size: 14px;text-align: center;color: #fff;position: relative;transition:1s;opacity: 1;padding: 10px 20px 0;text-transform: uppercase;font-style: normal;} .institutionSix .box em{width: 100%;float: left;line-height: 40px;text-align: center;margin: 20px 0 0;transition:1s;opacity: 1;margin-top: 20px;} .institutionSix .box em a{display: inline-block;height: 40px;border-radius: 40px;background: none;color: #fff;padding: 0 40px;line-height: 40px;font-size: 15px;} } /*casesbox_wrap*/ .casesbox_wrap{ float: left;width: 100%;background: #eee;padding: 60px 0;} .casesbox{ float: left; margin-top: 20px;width: 100%;} .casesbox .box{ width:100%;position:relative;float: left;padding: 0px 0px 0;} .casesbox .box .t{float: left;width:100%;font-size: 18px;color: #666;border-bottom: 1px solid #ddd;margin-bottom: 60px;} .casesbox .box .t b{float: left;width:100%;font-size: 32px;color: #333;line-height: 40px;font-weight: normal;text-align: center;} .casesbox .box .t p{float: left;width:100%;font-size: 24px;color: #aaa;line-height: 60px;text-align: center;} .casesbox .box .t em{float: left;width:100%;height: 6px;padding: 0 47.5%;} .casesbox .box .t em i{float: left;width:100%;height: 6px;background: #333;} .casesbox .box .hd{ overflow:hidden; height:50px;float: left;width: 100%;text-align: center;margin-top: 20px;} .casesbox .box .hd b{float: left;height: 50px;font-size: 16px;color: #d30;font-weight: normal;line-height: 50px; } .casesbox .box .hd .prevStop{ background-position:-60px 0; } .casesbox .box .hd .nextStop{ background-position:-60px -50px; } .casesbox .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1;width: 100%;text-align: center; } .casesbox .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.4;} .casesbox .box .hd ul li.on{ opacity: 1;} .casesbox .box .prev{ display:block; width:60px; cursor:pointer; background: url(../images/prev_arrow_60.png) no-repeat;height: 90px;position: absolute;left:-60px;top: 340px;opacity: 0.3;} .casesbox .box .prev:hover{opacity: 0.9;} .casesbox .box .next{ display:block; width:60px; cursor:pointer; background: url(../images/next_arrow_60.png) no-repeat;height: 90px;position: absolute;right: -60px;top: 340px;opacity: 0.3;} .casesbox .box .next:hover{opacity: 0.9;} .casesbox .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 0%;} .casesbox .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .casesbox .box .bd ul li{float: left;width: 25%;text-align: center;color: #555;cursor: pointer;} .casesbox .box .bd ul li .libox{float: left;width: 100%;background: #fff;border-left: 15px solid #eee;border-right: 15px solid #eee;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .casesbox .box .bd ul li .libox .img{float: left;width: 100%;padding: 0 20%;margin-top: 40px;} .casesbox .box .bd ul li .libox .img img{float: left;width: 100%;background: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .casesbox .box .bd ul li .libox .info{float: left;width: 100%;padding: 0 20% 30px;} .casesbox .box .bd ul li .libox .info b{float: left;width: 100%;padding: 0 0%;text-align: center;color: #333;line-height: 24px;margin: 20px 0;font-size: 15px;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .casesbox .box .bd ul li .libox .info .zx{color: #fff;float: left;width: 100%;line-height: 40px;background: #0d4eaf} @media (max-width: 768px) { .casesbox_wrap{display: none;} .casesbox{display: none;} } /*casesbox_m_wrap*/ .casesbox_m_wrap{ float: left;width: 100%;background: #eee;height: auto;display: none;} .casesbox_m{ float: left; margin-top: 0px;width: 100%;padding-bottom: 20px;display: none;} .casesbox_m .box{ width:100%;position:relative;float: left;padding: 40px 0px 0;} .casesbox_m .box .t{float: left;width:100%;font-size: 18px;color: #666;border-bottom: 1px solid #ddd;margin-bottom: 20px;} .casesbox_m .box .t b{float: left;width:100%;font-size: 22px;color: #333;line-height: 20px;font-weight: normal;text-align: center;} .casesbox_m .box .t p{float: left;width:100%;font-size: 16px;color: #aaa;line-height: 40px;text-align: center;} .casesbox_m .box .t em{float: left;width:100%;height: 3px;padding: 0 43%;} .casesbox_m .box .t em i{float: left;width:100%;height: 3px;background: #333;} .casesbox_m .box .hd{ overflow:hidden; height:50px;float: left;width: 100%;text-align: center;margin-top: 20px;} .casesbox_m .box .hd b{float: left;height: 50px;font-size: 16px;color: #d30;font-weight: normal;line-height: 50px; } .casesbox_m .box .hd .prevStop{ background-position:-60px 0; } .casesbox_m .box .hd .nextStop{ background-position:-60px -50px; } .casesbox_m .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1;width: 100%;text-align: center; } .casesbox_m .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.4;} .casesbox_m .box .hd ul li.on{ opacity: 1;} .casesbox_m .box .prev{ display:block; width:60px; cursor:pointer; background: url(../images/prev_arrow_60.png) no-repeat;height: 90px;position: absolute;left:0px;top: 240px;opacity: 0.3;z-index: 100;} .casesbox_m .box .prev:hover{opacity: 0.9;} .casesbox_m .box .next{ display:block; width:60px; cursor:pointer; background: url(../images/next_arrow_60.png) no-repeat;height: 90px;position: absolute;right: 0px;top: 240px;opacity: 0.3;z-index: 100;} .casesbox_m .box .next:hover{opacity: 0.9;} .casesbox_m .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 10px;} .casesbox_m .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .casesbox_m .box .bd ul li{float: left;width: 50%;text-align: center;color: #555;cursor: pointer;} .casesbox_m .box .bd ul li:hover .libox{background: #0d4eaf} .casesbox_m .box .bd ul li:hover .libox .info .text p{color: #fff} .casesbox_m .box .bd ul li .libox{float: left;width: 100%;background: #fff;border-left: 10px solid #eee;border-right: 10px solid #eee;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .casesbox_m .box .bd ul li .libox b{float: left;width: 100%;background: #0d4eaf;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 14px;font-weight: normal;padding: 0 20px;overflow: hidden;} .casesbox_m .box .bd ul li .libox .img{float: left;width: 100%;padding: 0 10%;margin-top: 30px;} .casesbox_m .box .bd ul li .libox .img img{float: left;width: 100%;background: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .casesbox_m .box .bd ul li .libox .info{float: left;width: 100%;padding: 0 10%;} .casesbox_m .box .bd ul li .libox .info .text{float: left;width: 100%;} .casesbox_m .box .bd ul li .libox .info .text p{float: left;width: 100%;padding: 0 0%;text-align: center;color: #333;line-height: 24px;margin: 20px 0;font-size: 13px;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .casesbox_m .box .bd ul li .libox .info .text span{float: left;width: 100%;padding: 0 20%;} .casesbox_m .box .bd ul li .libox .info .text span a{color: #333;float: left;width: 100%;border: 1px solid #aaa;line-height: 40px;} @media (max-width: 768px) { .casesbox_m_wrap{display: block;} .casesbox_m{display: block;} } /* note_6 */ .note_6{width: 100%;float: left;background:url(/Public/Common/Images/notebg.jpg) no-repeat center center;background-attachment: fixed;padding: 120px 0;} .note_6 .box{width: 100%;float: left;} .note_6 .box form{float: left;width: 100%;} .note_6 .box form .l{float: left;width: 50%;} .note_6 .box form .l img{float: left;max-width: 100%;margin-top: 12px;} .note_6 .box form .l_m{float: left;width: 100%;display: none;padding: 0 20px 20px;} .note_6 .box form .l_m img{float: left;width: 100%;} .note_6 .box form .m{float: left;width: 50%;padding:10px 60px 0 60px;} .note_6 .box form .m .c{float: left;width: 100%;color: #fff;} .note_6 .box form .m .c b{float: left;width: 100%;font-size: 90px;line-height: 90px;font-weight: bold;text-transform: uppercase;font-family: 'helB'} .note_6 .box form .m .c i{float: left;width: 100%;font-size: 30px;line-height: 80px;font-weight: normal;font-style: normal;} .note_6 .box form .m .c .inputs{float: left;width: 100%;} .note_6 .box form .m .c .inputs .input{float: left;width: 60%;height: 50px;border:none;background: no-repeat;margin: 0 100px 20px 0;line-height: 50px;font-size: 13px;padding: 0 0 0 20px;color: #333;box-shadow: 0 5px 10px rgba(0,0,0,0.05);transition:0.5s;border: 1px solid rgba(255,255,255,0.4)} .note_6 .box form .m .c .inputs .input:focus{width: 80%;} .note_6 .box form .m .c .inputs .input::-webkit-input-placeholder {color:#ddd;} .note_6 .box form .m .c .inputs .input:-moz-placeholder {color:#ddd;} .note_6 .box form .m .c .inputs .input::-moz-placeholder {color:#ddd;} .note_6 .box form .m .c .inputs .input:-ms-input-placeholder {color:#ddd;} .note_6 .box form .m .c .submit{width: 68.5%;float: left;background: #f90;height: 50px;line-height: 50px;border: none;font-size: 16px;transition:0.5s;color: #fff;padding-left: 20px;text-align: left;margin-bottom: 20px;border-right: 40px solid #fff;} .note_6 .box form .m .c .submit:hover{background: #f60;} .note_6 .box form .m .c .tel{float: left;width: 100%;margin-bottom: 30px;} .note_6 .box form .m .c .tel span{float: left;line-height: 24px;color: #fff;font-size: 14px;} @media (max-width: 768px) { .note_6{width: 100%;float: left;padding:40px 0px 0;margin-bottom: 0;background-size: 1000px;background-size:cover;background-attachment: inherit } .note_6 .box form .l{display: none;} .note_6 .box form .l_m{display: block;} .note_6 .box form .m{float: left;width: 100%;height: auto;padding:0;position: relative;margin-top:20px;z-index: 3;background: rgba(0,0,0,0.6);padding: 20px;border-radius: 20px 20px 0 0;} .note_6 .box form .m .c{float: left;width: 100%;} .note_6 .box form .m .c b{float: left;width: 100%;font-size: 30px;line-height: 60px;font-weight: bold;text-transform: uppercase;} .note_6 .box form .m .c i{float: left;width: 100%;font-size: 30px;line-height: 40px;font-weight: bold;font-style: normal;margin-bottom: 10px;} .note_6 .box form .m .c .inputs{float: left;width: 100%;} .note_6 .box form .m .c .inputs .input{float: left;height: 44px;width: 100%;} .note_6 .box form .m .c .inputs .input:focus{width: 90%;} .note_6 .box form .m .c .inputs .input::-webkit-input-placeholder {color:#ddd;} .note_6 .box form .m .c .inputs .input:-moz-placeholder {color:#ddd;} .note_6 .box form .m .c .inputs .input::-moz-placeholder {color:#ddd;} .note_6 .box form .m .c .inputs .input:-ms-input-placeholder {color:#ddd;} .note_6 .box form .m .c .submit{width: 100%;} .note_6 .box form .m .c .submit:hover{background: #f60;} .note_6 .box form .m .c .tel{float: left;width: 100%;margin-top: 0px;} .note_6 .box form .m .c .tel span{float: left;line-height: 22px;color: #fff;font-size: 14px;} } .indexBdList{float: left;width: 100%;transition:0.5s;background: #f4f4f4;position: relative;padding:100px 0;;} .indexBdList.on .ul{right: 0;opacity: 1;} .indexBdList.on .text{left: 0;opacity: 1;} .indexBdList .text{float: left;width: 20%;padding: 0px 40px 0 0;position: relative;transition:0.5s;opacity: 0;left: 100%;text-align: right;} .indexBdList .text strong{float: left;width: 100%;font-size:48px;color: #ddd;line-height: 44px;font-weight: bold;margin: 0px 0 0;transition:0.5s;text-transform: uppercase;} .indexBdList .text b{float: left;width: 100%;font-size: 88px;color: #ddd;line-height: 100px;font-weight: bold;margin: 0px 0 0;transition:0.5s;font-family: 'helB'} .indexBdList .text p{float: left;width: 100%;font-size: 36px;color: #fff;line-height: 75px;height: 75px;padding: 0 0px;transition:0.5s;background: #0d4eaf;text-align: center;text-transform: uppercase;} .indexBdList .ul{float: right;width: 80%;position: relative;right: -30px;opacity: 0;transition:0.5s;border-left: 40px solid #fff;padding-left: 40px;} .indexBdList .ul li{float: left;width: 23.5%;margin: 0 2% 20px 0;background: #fff;position: relative;transition:0.5s;cursor: pointer;overflow: hidden;} .indexBdList .ul li:hover{background:#000 } .indexBdList .ul li:hover .img3{bottom: 100%} .indexBdList .ul li:hover .img2{bottom: 0%} .indexBdList .ul li:hover .img{opacity: 0;} .indexBdList .ul li:hover .text{opacity: 1;} .indexBdList .ul li:nth-child(4n){margin-right: 0;} .indexBdList .ul li:nth-child(9){margin-bottom: 0;} .indexBdList .ul li:nth-child(10){margin-bottom: 0;} .indexBdList .ul li:nth-child(11){margin-bottom: 0;} .indexBdList .ul li:nth-child(12){margin-bottom: 0;} .indexBdList .ul li:nth-child(13){margin-bottom: 0;} .indexBdList .ul li:nth-child(14){margin-bottom: 0;} .indexBdList .ul li:nth-child(15){margin-bottom: 0;} .indexBdList .ul li .img1{float: left;width: 100%;transition:0.5s;opacity: 0;} .indexBdList .ul li .img1 img{float: left;width: 100%;margin: 0px 0;} .indexBdList .ul li .img2{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 2;bottom: -100%;} .indexBdList .ul li .img2 img{float: left;width: 100%;margin: 0px 0;} .indexBdList .ul li .img3{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 3;bottom: 0;} .indexBdList .ul li .img3 img{float: left;width: 100%;margin: 0px 0;opacity: 1;} @media (max-width: 768px) { .indexBdList{float: left;width: 100%;padding:20px 20px 40px;transition:0.5s;position: relative;margin: 0;} .indexBdList.on .ul{right: 0;opacity: 1;bottom: 0} .indexBdList.on .text{left: 0;opacity: 1;bottom: 0} .indexBdList .text{float: left;width: 100%;padding: 10px 0 0 0;position: relative;transition:0.5s;opacity: 0;left: 0%;text-align: center;bottom: -30px;background: #f4f4f4;margin-bottom: 20px;border-radius: 10px 10px 0 0;border: none;} .indexBdList .text strong{display: none;} .indexBdList .text b{float: left;width: 100%;font-size: 70px;color: #0d4eaf;line-height:110px;font-weight: normal;transition:0.5s;background: #fff;height: 100px;font-family: arial;} .indexBdList .text p{float: left;width: 100%;font-size: 24px;color: #fff;line-height: 60px;height: 60px;padding: 0 0px;transition:0.5s;} .indexBdList .ul{float: right;width: 100%;position: relative;right: 0px;opacity: 0;transition:0.5s;padding: 0;bottom: -30px;border:none;padding: 0;} .indexBdList .ul li{float: left;width: 47%;margin: 0 0% 15px 0;background: #f4f4f4;position: relative;transition:0.5s;cursor: pointer;overflow: hidden;} .indexBdList .ul li:hover{background:#000 } .indexBdList .ul li:hover .img3{bottom: 100%} .indexBdList .ul li:hover .img2{bottom: 0%} .indexBdList .ul li:hover .img{opacity: 0;} .indexBdList .ul li:hover .text{opacity: 1;} .indexBdList .ul li:nth-child(2n){float: right;} .indexBdList .ul li .img1{float: left;width: 100%;transition:0.5s;opacity: 0;} .indexBdList .ul li .img1 img{float: left;width: 100%;margin: 0px 0;} .indexBdList .ul li .img2{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 2;bottom: -100%;} .indexBdList .ul li .img2 img{float: left;width: 100%;margin: 0px 0;} .indexBdList .ul li .img3{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 3;bottom: 0;} .indexBdList .ul li .img3 img{float: left;width: 100%;margin: 0px 0;opacity:1;} } /* bmiNote */ .bmiNote{width: 100%;float: left;background:#f4f4f4;margin-bottom: 30px;margin-top: -40px;border-top: 1px solid #0d4eaf;padding:100px 0 0;vmm} .bmiNote .box{width: 100%;float: left;} .bmiNote .box form{float: left;width: 100%;} .bmiNote .box form .l{float: left;width: 30%;} .bmiNote .box form .l img{float: left;width: 100%;} .bmiNote .box form .m{float: left;width: 70%;padding:100px 60px 0 60px;} .bmiNote .box form .m .c{float: left;width: 100%;} .bmiNote .box form .m .c img{float: left;margin-bottom: 20px;} .bmiNote .box form .m .c b{float: left;width: 100%;color: #000;font-size: 14px;line-height:30px;font-weight: normal;margin-bottom: 15px;} .bmiNote .box form .m .c .res{float: left;width: 100%;padding: 10px;line-height: 40px;background:#fff;border: 1px dashed #ffdd97;} .bmiNote .box form .m .c .res i{font-style: normal;font-weight: bold;} .bmiNote .box form .m .c .inputs{float: left;width: 100%;} .bmiNote .box form .m .c .inputs .input{float: left;width: 20%;height: 44px;border:none;background: #fff;margin: 0 30px 25px 0;line-height: 44px;font-size: 14px;padding: 0 0 0 20px;color: #333;box-shadow: 0 5px 10px rgba(0,0,0,0.05);border-radius: 44px;transition:0.5s;} .bmiNote .box form .m .c .inputs .input:focus{width: 22%;} .bmiNote .box form .m .c .inputs .input::-webkit-input-placeholder {color:#ddd;} .bmiNote .box form .m .c .inputs .input:-moz-placeholder {color:#ddd;} .bmiNote .box form .m .c .inputs .input::-moz-placeholder {color:#ddd;} .bmiNote .box form .m .c .inputs .input:-ms-input-placeholder {color:#ddd;} .bmiNote .box form .m .c .inputs .submit{width: 25%;float: left;background: #0d4eaf;height: 44px;line-height: 44px;border: none;font-size: 16px;transition:0.5s;color: #fff;border-radius: 44px;padding-left: 30px;text-align: left;margin-bottom: 20px;} .bmiNote .box form .m .c .inputs .submit:hover{background: #f60;} @media (max-width: 768px) { .bmiNote{width: 100%;float: left;background:#f4f4f4;margin-bottom: 0px;margin-top: -40px;border-top: 1px solid #0d4eaf;padding:50px 0 0;} .bmiNote .box{width: 100%;float: left;} .bmiNote .box form{float: left;width: 100%;} .bmiNote .box form .l{display: none;} .bmiNote .box form .m{float: left;width: 100%;padding:30px;} .bmiNote .box form .m .c{float: left;width: 100%;} .bmiNote .box form .m .c img{float: left;margin-bottom: 20px;height: 40px;} .bmiNote .box form .m .c b{float: left;width: 100%;color: #000;font-size: 14px;line-height:30px;font-weight: normal;margin-bottom: 15px;} .bmiNote .box form .m .c .inputs{float: left;width: 100%;} .bmiNote .box form .m .c .inputs .input{float: left;width: 100%;height: 44px;border:none;background: #fff;margin: 0 0 25px 0;line-height: 44px;font-size: 14px;padding: 0 0 0 20px;color: #333;box-shadow: 0 5px 10px rgba(0,0,0,0.05);border-radius: 44px;transition:0.5s;} .bmiNote .box form .m .c .inputs .input:focus{box-shadow: 0 5px 10px rgba(0,0,0,0.3);width: 100%;} .bmiNote .box form .m .c .inputs .input::-webkit-input-placeholder {color:#ddd;} .bmiNote .box form .m .c .inputs .input:-moz-placeholder {color:#ddd;} .bmiNote .box form .m .c .inputs .input::-moz-placeholder {color:#ddd;} .bmiNote .box form .m .c .inputs .input:-ms-input-placeholder {color:#ddd;} .bmiNote .box form .m .c .inputs .submit{width: 100%;float: left;background: #0d4eaf;height: 44px;line-height: 44px;border: none;font-size: 16px;transition:0.5s;color: #fff;border-radius: 44px;padding-left: 30px;text-align: left;margin-bottom: 20px;} .bmiNote .box form .m .c .inputs .submit:focus{background: #f60;width: 100%;} } /* bmiSm */ .bmiSm{width: 100%;float: left;padding: 60px 0 100px;} .bmiSm .t{float: left;width:100%;font-size: 18px;margin-bottom: -40px;text-align: center;position: relative;z-index: 2;} .bmiSm .t b{display: inline-block;height: 80px;line-height: 80px;background:rgba(255,136,0,0.5);color: #fff;padding: 0 40px;font-weight: normal;} .bmiSm .box{float: left;width: 100%;padding:150px 100px;background:#f4f4f4;} .bmiSm .box .l{float: left;width: 30%;} .bmiSm .box .l img{float: left;} .bmiSm .box .r{float: right;width: 60%;} .bmiSm .box .r b{float: left;width: 100%;line-height:40px;font-size: 20px;margin-bottom: 25px;font-weight: normal;} .bmiSm .box .r em{float: left;height: 6px;background:#fa0;width: 40px;margin-bottom: 25px;} .bmiSm .box .r .text{float: left;width: 100%;line-height: 24px;font-size: 14px;color: #000;} @media (max-width: 768px) { .bmiSm{width: 100%;float: left;padding: 30px 0 10px;} .bmiSm .t{float: left;width:100%;font-size: 18px;margin-bottom: -40px;text-align: center;position: relative;z-index: 2;padding: 0 30px;} .bmiSm .t b{display: inline-block;height: 80px;line-height: 80px;background:rgba(255,136,0,0.5);color: #fff;padding: 0 40px;font-weight: normal;width: 100%;} .bmiSm .box{float: left;width: 100%;padding:60px 30px;background:#f4f4f4;} .bmiSm .box .l{float: left;width: 100%;text-align: center;} .bmiSm .box .l img{float: none;} .bmiSm .box .r{float: right;width: 100%;padding-top: 40px;} .bmiSm .box .r b{float: left;width: 100%;line-height:24px;font-size: 16px;margin-bottom: 20px;} .bmiSm .box .r em{float: left;height: 6px;background:#fa0;width: 40px;margin-bottom: 20px;} .bmiSm .box .r .text{float: left;width: 100%;line-height: 24px;font-size: 13px;} } /*catenav_all*/ .catenav_all{ float: left;width: 100%;position: relative;background: #eee;margin-bottom: 40px;} .catenav_all .box{float: left;width: 100%;padding: 20px 0;} .catenav_all .box a{height: 60px;line-height: 60px;color: #000;float: left;margin-right: 60px;} .catenav_all .box a i{float: left;height: 2px;width: 0px;background: #0d4eaf;margin: 29px 8px 0 0;transition:0.5s;} .catenav_all .box a b{float: left;line-height: 60px;font-size: 15px;color: #333;font-weight: normal;} .catenav_all .box a:hover i{width: 18px;} .catenav_all .box a.cur i{width: 18px;} .catenav_all .box a.cur b{color: #0d4eaf;} @media (max-width: 768px) { .catenav_all{display: none;} } /*advisorynav_all*/ .advisorynav_all{ float: left;width: 100%;position: relative;background: #eee;margin-bottom: 0px;} .advisorynav_all .box{float: left;width: 100%;padding:0;} .advisorynav_all .box a{height: 100px;color: #000;float: left;text-align: center;width: 20%;} .advisorynav_all .box a p{float: left;width: 100%;height: 4px;} .advisorynav_all .box a p i{display: inline-block;height: 4px ;width: 0px;vertical-align: top;background: #eee;transition:0.5s;} .advisorynav_all .box a b{float: left;line-height: 96px;font-size: 16px;color: #333;font-weight: normal;width: 100%;transition:0.5s;} .advisorynav_all .box a:hover p i{width: 40px;background: #aaa;} .advisorynav_all .box a.cur p i{width: 40px;background: #0d4eaf;} .advisorynav_all .box a.cur b{color: #0d4eaf;font-weight: bold;} @media (max-width: 768px) { .advisorynav_all{display: none;} } /*catenav_service*/ .catenav_service{ float: left;width: 100%;position: relative;background: #eee;} .catenav_service .box{float: left;width: 100%;} .catenav_service .box a{height: 80px;color: #000;float: left;transition:0.5s;text-align: center;padding: 0 ;margin:0 50px 0 0;} .catenav_service .box a i{width: 0;height: 2px;background: #0d4eaf;float: left;margin: 34px 0 0 0;transition:0.5s;} .catenav_service .box a b{line-height: 80px;font-size: 15px;color: #333;font-weight: normal;vertical-align: top;float: left;transition:0.5s;} .catenav_service .box a.cur{border-bottom: 3px solid #0d4eaf} .catenav_service .box a.cur b{color: #0d4eaf;font-weight: normal;} .catenav_service .box a.cur i{width: 14px;margin-right: 6px;display: none;} .catenav_service .box a:hover b{color: #0d4eaf;font-weight: normal;} .catenav_service .box a:hover i{width: 14px;margin-right: 6px;display: none;} @media (max-width: 768px) { .catenav_service{display: none;} } /*catenav_products*/ .catenav_products{ float: left;width: 100%;position: relative;background: #e5e5e5;} .catenav_products .box{float: left;width: 100%;background: #ddd;} .catenav_products .box a{height: 100px;color: #000;float: left;transition:0.5s;text-align: center;background: #ddd;padding: 0 40px;} .catenav_products .box a b{display: inline-block;line-height: 100px;font-size: 16px;color: #333;font-weight: normal;vertical-align: top;} .catenav_products .box a p{display: inline-block;vertical-align: top;} .catenav_products .box a p img{display: inline-block;float: left;margin:28px 10px 0 0;height: 44px;vertical-align: top;-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1);opacity: 0.4;transition:0.5s;} .catenav_products .box a:hover{background: #ddd;} .catenav_products .box a.cur p img{-webkit-filter: grayscale(0); filter: none; filter: grayscale(0);opacity: 1;} .catenav_products .box a:hover p img{-webkit-filter: grayscale(0); filter: none; filter: grayscale(0);opacity: 1;} .catenav_products .box a.cur{background: #fff;} .catenav_products .box a.cur b{color: #0d4eaf;font-weight: bold;} @media (max-width: 768px) { .catenav_products{display: none;} } /*catenav_products_son*/ .catenav_products_son{ float: left;width: 100%;position: relative;} .catenav_products_son .box{float: left;width: 100%;background: #fff;padding: 30px 60px 0;} .catenav_products_son .box a{color: #000;float: left;transition:0.5s;text-align: center;padding: 0 20px;border: 1px solid #eee;border-radius: 6px;margin-right:20px;} .catenav_products_son .box a b{display: inline-block;line-height: 50px;font-size: 14px;color: #333;font-weight: bold;vertical-align: top;} .catenav_products_son .box a p{display: inline-block;vertical-align: top;} .catenav_products_son .box a:hover{background: #eee;} .catenav_products_son .box a.cur{background: #fff;} .catenav_products_son .box a.cur b{color: #0d4eaf;font-weight: bold;} @media (max-width: 768px) { .catenav_products_son{display: none;} } /*catenav_env*/ .catenav_env{ float: left;width: 100%;position: relative;background: #e5e5e5;} .catenav_env .box{float: left;width: 100%;} .catenav_env .box a{height: 100px;color: #000;float: left;transition:0.5s;text-align: center;background: #ddd;padding: 0 60px;} .catenav_env .box a b{display: inline-block;line-height: 100px;font-size: 18px;color: #333;font-weight: normal;vertical-align: top;} .catenav_env .box a p{display: inline-block;vertical-align: top;} .catenav_env .box a p img{display: inline-block;float: left;margin:34px 10px 0 0;height: 32px;vertical-align: top;-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1);opacity: 0.4;transition:0.5s;} .catenav_env .box a:hover{background: #ddd;} .catenav_env .box a.cur p img{-webkit-filter: grayscale(0); filter: none; filter: grayscale(0);opacity: 1;} .catenav_env .box a:hover p img{-webkit-filter: grayscale(0); filter: none; filter: grayscale(0);opacity: 1;} .catenav_env .box a.cur{background: #fff;} .catenav_env .box a.cur b{color: #0d4eaf;font-weight: bold;} @media (max-width: 768px) { .catenav_env{display: none;} } /*goodPage*/ .goodPage{ float: left;width: 100%;position: relative;} .goodPage .box{float: left;width: 100%;padding: 60px;} .goodPage .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 40px;background: #fff;display: none;} .goodPage .box .catenav a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;} .goodPage .box .catenav a.cur{color: #0d4eaf;border-bottom: 5px solid #0d4eaf;} .goodPage .box ul{float: left;width: 100%; } .goodPage .box ul li{float: left;width: 30%;margin-right: 5%;margin-bottom: 40px;} .goodPage .box ul li:nth-child(3n){margin-right: 0;} .goodPage .box ul li:hover .libox .boxs{border: 1px solid #000} .goodPage .box ul li:hover .libox .boxs .info .price i{background: #000;color: #fff;border: 1px solid #000;border-radius: 4px;} .goodPage .box ul li:hover .libox .boxs .img .im img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .goodPage .box ul li .libox{float: left;width: 100%;} .goodPage .box ul li .libox .boxs{float: left;width: 100%;position: relative;z-index: 1;transition: 0.5s;border: 1px solid #eee;border-bottom: 1px solid #000;} .goodPage .box ul li .libox .boxs .img{float: left;width: 100%;position:relative;} .goodPage .box ul li .libox .boxs .img .im{float: left;width: 100%;overflow: hidden;} .goodPage .box ul li .libox .boxs .img .im img{float: left;width: 100%;background: #fff;transition: 0.3s;} .goodPage .box ul li .libox .boxs .info{float: left;width: 100%;padding: 10px 25px 30px;} .goodPage .box ul li .libox .boxs .info b{float: left;width: 100%;line-height: 50px;font-size: 16px;color: #000;font-weight: normal;} .goodPage .box ul li .libox .boxs .info p{float: left;width: 100%;line-height: 24px;color: #aaa;padding: 0 0 0px 0;margin-bottom: 20px;height: 48px;overflow: hidden;color: #333;font-size: 14px;} .goodPage .box ul li .libox .boxs .info .price{float: left;width: 100%;} .goodPage .box ul li .libox .boxs .info .price i{float: left;line-height: 32px;color: #aaa;padding: 0 30px;border-radius: 32px;border:1px solid #ddd;font-style: normal;transition: 0.5s;} @media (max-width: 768px) { .goodPage{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;} .goodPage .box{float: left;width: 100%;background: none;border-radius: 0px;padding:20px;box-shadow: none;border: none;} .goodPage .box .catenav{display: none;} .goodPage .box ul{float: left;width: 100%; } .goodPage .box ul li{float: left;width: 48%;margin-right:0;margin-bottom: 20px;background: #fff;overflow: hidden;} .goodPage .box ul li:nth-child(3n){margin-right: 0;} .goodPage .box ul li:nth-child(2n){float: right;} .goodPage .box ul li:hover .libox .boxs .info .price i{background: #000;color: #fff;border: 1px solid #000;border-radius: 4px;} .goodPage .box ul li:hover .libox .boxs .img .im img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .goodPage .box ul li .libox{float: left;width: 100%;} .goodPage .box ul li .libox .boxs{float: left;width: 100%;background: #fff;box-shadow: none;position: relative;z-index: 1;transition: 0.5s;} .goodPage .box ul li .libox .boxs .img{float: left;width: 100%;position:relative;} .goodPage .box ul li .libox .boxs .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 50px;line-height: 50px;color: #fff;padding: 0 25px;} .goodPage .box ul li .libox .boxs .img p span{font-weight: normal;line-height: 46px;float: left;margin-right: 6px;} .goodPage .box ul li .libox .boxs .img p b{font-weight: normal;line-height: 50px;float: left;} .goodPage .box ul li .libox .boxs .img .im{float: left;width: 100%;overflow: hidden;padding: 15px;} .goodPage .box ul li .libox .boxs .img .im img{float: left;width: 100%;background: #fff;transition: 0.3s;} .goodPage .box ul li .libox .boxs .info{float: left;width: 100%;padding:0 15px 15px;} .goodPage .box ul li .libox .boxs .info b{float: left;width: 100%;line-height: 30px;font-size: 15px;color: #000;font-weight: normal;} .goodPage .box ul li .libox .boxs .info p{float: left;width: 100%;line-height: 20px;color: #aaa;padding: 0 0 10px 0;margin-bottom:0px;height: auto;font-size: 12px;} .goodPage .box ul li .libox .boxs .info .price{float: left;width: 100%;} .goodPage .box ul li .libox .boxs .info .price i{float: left;line-height: 40px;color: #000;padding: 0px;border-radius: 0;border:1px solid #eee;font-style: normal;transition: 0.5s;text-align: center;width: 100%;} } /*storePage*/ .storePage{ float: left;width: 100%;margin-bottom: 60px;position: relative;} .storePage .box{float: left;width: 100%;background: #fff;box-shadow:0 20px 30px rgba(0,0,0,0.05);padding: 60px;border-radius: 20px;} .storePage .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 40px;background: #fff;} .storePage .box .catenav a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;} .storePage .box .catenav a.cur{color: #0d4eaf;border-bottom: 5px solid #0d4eaf;} .storePage .box ul{float: left;width: 100%; } .storePage .box ul li{float: left;width: 100%;margin-bottom: 40px;} .storePage .box ul li:nth-child(3n){margin-right: 0;} .storePage .box ul li:hover .libox .boxs{box-shadow: 0 10px 10px rgba(0,0,0,0.2)} .storePage .box ul li:hover .libox .boxs .info .price i{background: #000;color: #fff;border: 1px solid #000;border-radius: 4px;} .storePage .box ul li:hover .libox .boxs .img .im img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .storePage .box ul li .libox{float: left;width: 100%;} .storePage .box ul li .libox .boxs{float: left;width: 100%;background: #fff;box-shadow: 0 10px 10px #eee;position: relative;z-index: 1;transition: 0.5s;} .storePage .box ul li .libox .boxs .img{float: left;width: 100%;position:relative;} .storePage .box ul li .libox .boxs .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 70px;line-height: 70px;color: #fff;padding: 0 25px;font-size: 18px;} .storePage .box ul li .libox .boxs .img p b{font-weight: normal;line-height: 70px;float: left;} .storePage .box ul li .libox .boxs .img .im{float: left;width: 100%;display: none;} .storePage .box ul li .libox .boxs .img .im img{float: left;width: 100%;background: #fff;transition: 0.3s;} .storePage .box ul li .libox .boxs .img .ip{float: left;width: 100%;} .storePage .box ul li .libox .boxs .img .ip img{float: left;width: 100%;background: #fff;transition: 0.3s;} .storePage .box ul li .libox .boxs .info{float: left;width: 100%;padding: 10px 25px 20px;font-size: 15px;line-height: 60px;font-weight: normal;} .storePage .box ul li .libox .boxs .info span{font-weight: normal;float: left;margin-right: 6px;line-height: 56px;} .storePage .box ul li .libox .boxs .info p{float: left;margin-right: 40px;} @media (max-width: 768px) { .storePage{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;} .storePage .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 30px;box-shadow: none;} .storePage .box .catenav{display: none;} .storePage .box ul{float: left;width: 100%; } .storePage .box ul li{float: left;width: 100%;margin-right:0;margin-bottom: 30px;background: #fff;border-radius: 10px;box-shadow:0 10px 20px rgba(0,0,0,0.1);overflow: hidden;} .storePage .box ul li:nth-child(3n){margin-right: 0;} .storePage .box ul li:hover .libox .boxs{box-shadow: 0 10px 10px rgba(0,0,0,0.2)} .storePage .box ul li:hover .libox .boxs .info .price i{background: #000;color: #fff;border: 1px solid #000;border-radius: 4px;} .storePage .box ul li:hover .libox .boxs .img .im img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .storePage .box ul li .libox{float: left;width: 100%;} .storePage .box ul li .libox .boxs{float: left;width: 100%;background: #fff;box-shadow: none;position: relative;z-index: 1;transition: 0.5s;} .storePage .box ul li .libox .boxs .img{float: left;width: 100%;position:relative;} .storePage .box ul li .libox .boxs .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 50px;line-height: 50px;color: #fff;padding: 0 25px;font-size: 14px;} .storePage .box ul li .libox .boxs .img p span{font-weight: normal;line-height: 46px;float: left;margin-right: 6px;} .storePage .box ul li .libox .boxs .img p b{font-weight: normal;line-height: 50px;float: left;} .storePage .box ul li .libox .boxs .img .im{display: block;} .storePage .box ul li .libox .boxs .img .ip{display: none} .storePage .box ul li .libox .boxs .info{float: left;width: 100%;padding: 20px 25px 10px;} .storePage .box ul li .libox .boxs .info span{display: none;} .storePage .box ul li .libox .boxs .info p{float: left;width: 100%;line-height: 24px;color: #666;padding: 0 0 10px 0;margin-bottom:0px;height: auto;font-size: 14px;} } /* 文档内容页 */ .storePageShow{float: left;width: 100%;z-index: 333;position: relative;} .storePageShow .box{float: left;width: 100%;background: #fff;padding: 60px;} .storePageShow .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;} .storePageShow .box .address b{float: left;font-weight: normal;} .storePageShow .box .address a{float: left;color: #888;} .storePageShow .box .address span{float: left;color: #aaa;padding: 0 10px;} .storePageShow .box .topss{float: left;width: 100%;margin-bottom: 60px;} .storePageShow .box .topss{float: left;width: 100%;box-shadow: 0 10px 10px #eee;position: relative;z-index: 1;transition: 0.5s;} .storePageShow .box .topss .img{float: left;width: 100%;position:relative;} .storePageShow .box .topss .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 70px;line-height: 70px;color: #fff;padding: 0 50px;font-size: 18px;} .storePageShow .box .topss .img p b{font-weight: normal;line-height: 70px;float: left;} .storePageShow .box .topss .img .im{float: left;width: 100%;display: none;} .storePageShow .box .topss .img .im img{float: left;width: 100%;background: #fff;transition: 0.3s;} .storePageShow .box .topss .img .ip{float: left;width: 100%;} .storePageShow .box .topss .img .ip img{float: left;width: 100%;background: #fff;transition: 0.3s;} .storePageShow .box .topss .info{float: left;width: 100%;padding: 20px 50px 0px;font-size: 15px;line-height: 60px;font-weight: normal;} .storePageShow .box .topss .info span{font-weight: normal;float: left;margin-right: 6px;line-height: 56px;} .storePageShow .box .topss .info p{float: left;margin-right: 40px;} .storePageShow .box .topss .info .desc{float: left;width: 100%;padding: 20px 0 30px;font-size: 13px;line-height: 24px;font-weight: normal;border-top: 1px solid #eee;} .storePageShow .box .share{float: left;width: 100%;padding: 10px 0px;margin-bottom: 40px;} .storePageShow .box .share .bdsharebuttonbox a{float: left;margin: 0 25px 0 0;width: 50px;height:50px;border-radius: 100%;} .storePageShow .box .share .bdsharebuttonbox .bds_more{background:#ffc800 url(/Public/Common/Images/sns.add.w.png) no-repeat center 10px;;background-size: 30px} .storePageShow .box .share .bdsharebuttonbox .bds_weixin{background:#4dbd55 url(/Public/Common/Images/sns.weixin.w.png) no-repeat center 10px;background-size: 30px;} .storePageShow .box .share .bdsharebuttonbox .bds_qzone{background:#ff9900 url(/Public/Common/Images/sns.qqzone.w.png) no-repeat center 10px;background-size: 30px;} .storePageShow .box .share .bdsharebuttonbox .bds_tsina{background:#ff3333 url(/Public/Common/Images/sns.weibo.w.png) no-repeat center 10px;background-size: 30px;} .storePageShow .box .share .bdsharebuttonbox .bds_sqq{background:#36beff url(/Public/Common/Images/sns.qq.w.png) no-repeat center 10px;background-size: 30px;} .storePageShow .box .share .bdsharebuttonbox .bds_copy{background:#aaaaaa url(/Public/Common/Images/sns.link.w.png) no-repeat center 10px;background-size: 30px;} .storePageShow .box .text{float: left;width: 100%;line-height: 30px;font-size: 17px;margin:0px 0 40px ;padding: 0;color: #444;} .storePageShow .box .text p{float: left;width: 100%;line-height: 30px;font-size: 17px;margin: 0;padding: 0;} .storePageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;} .storePageShow .box .text p img{max-width: 100%;} .storePageShow .box .text img{max-width: 100%;} .storePageShow .box #allmap{float: left;width: 100%;height: 400px;} @media (max-width: 768px) { .storePageShow{float: left;width: 100%;;z-index: 333;position: relative;padding: 0 30px;} .storePageShow .box{float: left;width: 100%;background: no-repeat;padding: 0;box-shadow: none;border-radius: 10px 10px 0 0;} .storePageShow .box .address{display: none;} .storePageShow .box .share{float: left;width: 100%;padding:30px 0;background: none;margin-bottom: 0px;} .storePageShow .box .share .bdsharebuttonbox a{float: left;margin: 0 10px 0 0;width: 40px;height:40px;} .storePageShow .box .share .bdsharebuttonbox .bds_more{background:#ffc800 url(/Public/Common/Images/sns.add.w.png) no-repeat center 8px;background-size: 24px} .storePageShow .box .share .bdsharebuttonbox .bds_weixin{background:#4dbd55 url(/Public/Common/Images/sns.weixin.w.png) no-repeat center 8px;background-size: 24px;} .storePageShow .box .share .bdsharebuttonbox .bds_qzone{background:#ff9900 url(/Public/Common/Images/sns.qqzone.w.png) no-repeat center 8px;background-size: 24px;} .storePageShow .box .share .bdsharebuttonbox .bds_tsina{background:#ff3333 url(/Public/Common/Images/sns.weibo.w.png) no-repeat center 8px;background-size: 24px;} .storePageShow .box .share .bdsharebuttonbox .bds_sqq{background:#36beff url(/Public/Common/Images/sns.qq.w.png) no-repeat center 8px;background-size: 24px;} .storePageShow .box .share .bdsharebuttonbox .bds_copy{background:#aaaaaa url(/Public/Common/Images/sns.link.w.png) no-repeat center 8px;background-size: 24px;} .storePageShow .box .topss{float: left;width: 100%;margin-bottom: 0px;} .storePageShow .box .topss .img{float: left;width: 100%;position:relative;border-radius: 10px 10px 0 0;overflow: hidden;} .storePageShow .box .topss .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 50px;line-height: 50px;color: #fff;padding: 0 25px;font-size: 14px;} .storePageShow .box .topss .img p span{font-weight: normal;line-height: 46px;float: left;margin-right: 6px;} .storePageShow .box .topss .img p b{font-weight: normal;line-height: 50px;float: left;} .storePageShow .box .topss .img .im{display: block;} .storePageShow .box .topss .img .ip{display: none} .storePageShow .box .topss .info{float: left;width: 100%;padding: 20px 25px 10px;} .storePageShow .box .topss .info span{display: none;} .storePageShow .box .topss .info p{float: left;width: 100%;line-height: 24px;color: #666;padding: 0 0 10px 0;margin-bottom:0px;height: auto;font-size: 14px;} .storePageShow{margin-bottom: 40px;} .storePageShow .box #allmap{float: left;width: 100%;height: 300px;} .storePageShow .box .text{float: left;width: 100%;line-height: 30px;font-size: 17px;margin:0px 0 20px ;padding: 0;color: #444;} } /*articlePage*/ .articlePage{ float: left;width: 100%;position: relative;margin: 40px 0;} .articlePage .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;margin-bottom: 60px;} .articlePage .box .address b{font-weight: normal;color: #0d4eaf} .articlePage .box{float: left;width: 100%;} .articlePage .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 40px;background: #fff;} .articlePage .box .catenav a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;} .articlePage .box .catenav a.cur{color: #0d4eaf;border-bottom: 5px solid #0d4eaf;} .articlePage .box .cpzs{float: right;width:30%;background: #fff;padding: 20px 30px;border-radius: 10px 0 10px 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.02);} .articlePage .box .cpzs .newsList{float: left;width:100%;} .articlePage .box .cpzs .newsList li{float: left;width:100%;padding-bottom: 10px;border-bottom: 1px dashed #eee;margin-bottom: 10px;} .articlePage .box .cpzs .newsList li a{float: left;width:100%;line-height: 24px;font-size: 15px;} .articlePage .box .cpzs .newsList li span{float: left;width:100%;line-height: 24px;font-size: 13px;color: #aaa} .articlePage .box .cpzs .title{float: left;width:100%;margin-bottom: 15px;border-bottom: 1px solid #eee;} .articlePage .box .cpzs .title span{float: left;font-size:20px;font-weight: bold;line-height: 40px;margin-bottom: 10px;color: var(--themecolor);margin-right: 10px;} .articlePage .box .cpzs .title strong{float: left;font-size:20px;font-weight: bold;line-height: 40px;margin-bottom: 10px;} .articlePage .box .cpzs .title i{float: left;width: 30px;background: #0d4eaf;height: 3px;display: none;} .articlePage .box .l{float: left;width:65%;} .articlePage .box .ul{float: left;width:100%;font-size:13px;} .articlePage .box .ul li{width:100%;overflow:hidden;clear:both;padding:25px;transition:0.5s;margin-bottom: 20px;background: #fff;border-radius: 0 10px 10px 10px;} .articlePage .box .ul li .img{width:22%;float: left;margin: 0 0 0 0;} .articlePage .box .ul li .img img{width:100%;float: left;transition:0.5s;border-radius: 0 10px 10px 10px;} .articlePage .box .ul li .lir{width: 76%;padding-left: 25px;float: left;transition:0.5s;} .articlePage .box .ul li .lir .desc{width: 100%;float: right;line-height: 44px;color: #aaa;font-size: 13px;transition:0.5s;} .articlePage .box .ul li .lir .tt{width: 100%;float: right;font-size: 16px;font-weight: normal;line-height: 20px;color: #000;transition:0.5s;} .articlePage .box .ul li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;} .articlePage .box .ul li:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.05);} .articlePage .box .ulm{float: left;width:100%;font-size:12px;display: none;} .articlePage .box .ulm li{width:100%;overflow:hidden;clear:both;margin-bottom: 20px;float: left;border-bottom: 1px dashed #ddd;padding-bottom: 20px;} .articlePage .box .ulm li .img{width:35%;float: right;} .articlePage .box .ulm li .img img{width:100%;float: left;overflow: hidden;;} .articlePage .box .ulm li .text{float: left;width: 65%;padding:0 10px 0 0px;} .articlePage .box .ulm li .text .desc{width: 100%;float: left;line-height: 30px;color: #ccc;font-size: 13px;} .articlePage .box .ulm li .text .tt{width: 100%;float: left;font-size: 15px;font-weight: bold;line-height: 28px;margin-bottom: 4px;color: #333;} .articlePage .box .ulm li .text .tt:hover{color: #000} @media (max-width: 768px) { .articlePage{ float: left;width: 100%;margin: 0px;padding-top: 0;} .articlePage .box .address{display: none;} .articlePage .box{float: left;width: 100%;background: none;border-radius: 0px;padding:20px 20px 0;box-shadow: none;border: none;} .articlePage .box .l{width: 100%} .articlePage .box .catenav{display: none;} .articlePage .box .ul{display: none;} .articlePage .box .ulm{display: block;} .articlePage .box .cpzs{display: none;} } /*serviceUl*/ .serviceUl{ float: left;width: 100%;position: relative;margin: 20px 0 0px;} .serviceUl .box .t{float: left;width:100%;font-size:18px;font-weight: bold;color: #000;margin-bottom: 20px;} .serviceUl .box .ul{float: left;width:100%;font-size:13px;} .serviceUl .box .ul li{width:100%;overflow:hidden;clear:both;padding: 30px;transition:0.5s;margin-bottom: 30px;background: #fff;} .serviceUl .box .ul li .img{width:20%;float: left;margin: 0 0 0 0;} .serviceUl .box .ul li .img img{width:100%;float: left;transition:0.5s;} .serviceUl .box .ul li .lir{width: 78%;padding: 10px 0 0 50px;float: left;transition:0.5s;} .serviceUl .box .ul li .lir .desc{width: 100%;float: right;line-height: 34px;color: #ddd;font-size: 13px;transition:0.5s;} .serviceUl .box .ul li .lir .tt{width: 100%;float: right;font-size: 20px;font-weight: bold;line-height: 20px;color: #000;transition:0.5s;} .serviceUl .box .ul li .lir .more{float: left;line-height: 40px;padding: 0 80px 0 30px;border: 1px solid #eee;color: #000;transition:0.5s;} .serviceUl .box .ul li .lir p{width: 100%;float: right;font-size: 13px;color: #000;line-height: 26px;transition:0.5s;margin-bottom: 10px;} .serviceUl .box .ul li:hover{box-shadow:0 10px 10px rgba(0,0,0,0.1);} .serviceUl .box .ul li:hover .lir .more{border: 1px solid #0d4eaf;background: #0d4eaf;color: #fff;padding: 0 100px 0 30px;border-radius: 0 40px 40px 0;} .serviceUl .box .ul li:hover .lir .tt{color: #0d4eaf;} .serviceUl .box .content{width: 100%;float: left;position: relative;line-height: 30px;font-size: 15px;margin-bottom: 20px;padding: 0} .serviceUl .box .content p{width: 100%;float: left;line-height: 30px;} @media (max-width: 768px) { .serviceUl{ float: left;width: 100%;position: relative;margin: 20px 0 0;padding: 0 20px;} .serviceUl .box .t{float: left;width:100%;font-size:24px;font-weight: bold;color: #000;margin-bottom: 20px;} .serviceUl .box .ul{float: left;width:100%;font-size:13px;} .serviceUl .box .ul li{width:100%;overflow:hidden;clear:both;padding: 20px;transition:0.5s;margin-bottom: 30px;background: #fff;} .serviceUl .box .ul li .img{width:100%;float: left;margin: 0 0 0 0;padding: 0 15%;} .serviceUl .box .ul li .img img{width:100%;float: left;transition:0.5s;} .serviceUl .box .ul li .lir{width: 100%;padding: 10px 0 0;float: left;transition:0.5s;text-align: center;} .serviceUl .box .ul li .lir .desc{width: 100%;float: right;line-height: 34px;color: #ddd;font-size: 13px;transition:0.5s;} .serviceUl .box .ul li .lir .tt{width: 100%;float: right;font-size: 20px;font-weight: bold;line-height: 40px;color: #000;transition:0.5s;} .serviceUl .box .ul li .lir .more{float: left;line-height: 40px;padding: 0 80px 0 30px;border: 1px solid #eee;color: #000;transition:0.5s;display: none;} .serviceUl .box .ul li .lir p{width: 100%;float: right;font-size: 13px;color: #000;line-height: 26px;transition:0.5s;margin-bottom: 10px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .serviceUl .box .ul li:hover{box-shadow:0 10px 10px rgba(0,0,0,0.1);} .serviceUl .box .ul li:hover .lir .more{border: 1px solid #0d4eaf;background: #0d4eaf;color: #fff;padding: 0 100px 0 30px;border-radius: 0 40px 40px 0;} .serviceUl .box .ul li:hover .lir .tt{color: #0d4eaf;} } /* 文档内容页 */ .articlePageShow{float: left;width: 100%;z-index: 333;position: relative;margin:0px 0 60px;} .articlePageShow .box{float: left;width: 100%;} .articlePageShow .box .address{float: left;width: 100%;height: 60px;color: #888;line-height: 60px;border-bottom: 1px solid #eee;} .articlePageShow .box .address b{float: left;font-weight: normal;} .articlePageShow .box .address a{float: left;color: #888;} .articlePageShow .box .address span{float: left;color: #aaa;padding: 0 10px;} .articlePageShow .box .htext{float: left;width: 60%;margin: 0px 0 0;} .articlePageShow .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;} .articlePageShow .box .htext h1{float: left;width: 100%;line-height:30px;font-size: 30px;color: #0d4eaf;margin: 40px 0 20px;font-weight: bold;} .articlePageShow .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;} .articlePageShow .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;} .articlePageShow .box .htext .info a{color: #ddd;} .articlePageShow .box .htext .text{float: left;width: 100%;line-height: 30px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;} .articlePageShow .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 15px;margin: 0;padding: 0;} .articlePageShow .box .htext .text p img{max-width: 100%;} .articlePageShow .box .htext .text img{max-width: 100%;} .articlePageShow .box .cpzs{float: right;width:30%;background: #fff;padding: 20px 30px;border-radius: 10px 0 10px 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.02);margin-top: 30px;} .articlePageShow .box .cpzs .newsList{float: left;width:100%;} .articlePageShow .box .cpzs .newsList li{float: left;width:100%;padding-bottom: 10px;border-bottom: 1px dashed #eee;margin-bottom: 10px;} .articlePageShow .box .cpzs .newsList li a{float: left;width:100%;line-height: 24px;font-size: 15px;} .articlePageShow .box .cpzs .newsList li span{float: left;width:100%;line-height: 24px;font-size: 13px;color: #aaa} .articlePageShow .box .cpzs .title{float: left;width:100%;margin-bottom: 15px;border-bottom: 1px solid #eee;} .articlePageShow .box .cpzs .title span{float: left;font-size:20px;font-weight: bold;line-height: 40px;margin-bottom: 10px;color: var(--themecolor);margin-right: 10px;} .articlePageShow .box .cpzs .title strong{float: left;font-size:20px;font-weight: bold;line-height: 40px;margin-bottom: 10px;} .articlePageShow .box .cpzs .title i{float: left;width: 30px;background: #0d4eaf;height: 3px;display: none;} @media (max-width: 768px) { .articlePageShow{float: left;width: 100%;;z-index: 333;position: relative;padding: 0;margin:0;} .articlePageShow .box{float: left;width: 100%;background:rgba(255,255,255,0.9);padding: 0;box-shadow: none;border: none;} .articlePageShow .box .address{display: none;} .articlePageShow{margin-bottom: 20px;} .articlePageShow .box .htext{margin-bottom: 20px;margin-top: 20px;padding: 0 20px;width: 100%} .articlePageShow .box .htext h1{line-height:30px;font-size: 20px;margin-bottom: 15px;margin-top: 0;font-weight: bold;} .articlePageShow .box .htext .text{float: left;width: 100%;line-height: 30px;font-size: 14px;margin:0px 0 0 ;padding: 0;color: #000;} .articlePageShow .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;} .articlePageShow .box .htext .text p img{max-width: 100%;} .articlePageShow .box .htext .text img{max-width: 100%;} .articlePageShow .box .cpzs {display: none;} } .totalNums{float: left;width: 100%;background: rgba(255,255,255,0.5);box-shadow: 0 10px 10px rgba(0,0,0,0.05);display: none;} .totalNums .box{float: left;width: 100%;padding:30px 0px;} .totalNums .box .li{float: left;width: 25%;margin:0;padding-left: 80px;border-right: 1px dashed #aaa;} .totalNums .box .li:nth-child(4){border-right: 0;} .totalNums .box .li span{float: left;width: 100%;} .totalNums .box .li span b{float: left;line-height: 60px;color: #000;font-size: 40px;font-weight: bold;} .totalNums .box .li span i{float: left;line-height: 60px;color: #000;font-size: 40px;font-weight: bold;font-style: normal;} .totalNums .box .li p{float: left;width: 100%;line-height: 30px;color: #333;font-size: 14px;margin-top: 0px;} @media (max-width: 768px) { .totalNums .box{float: left;width: 100%;padding:30px 0px 10px;} .totalNums .box .li{float: left;width: 50%;margin:0 0 20px;padding-left: 20px;border-right: none;} .totalNums .box .li:nth-child(4){border-right: 0;} .totalNums .box .li span{float: left;width: 100%;} .totalNums .box .li span b{float: left;line-height: 40px;color: #000;font-size: 30px;font-weight: bold;} .totalNums .box .li span i{float: left;line-height: 40px;color: #000;font-size: 30px;font-weight: bold;font-style: normal;} .totalNums .box .li p{float: left;width: 100%;line-height: 30px;color: #333;font-size: 14px;margin-top: 0px;} } .timenum{ width:100%;float: left;position: relative;background: #fff;overflow: hidden;z-index: 900;display: none;} .timenum .boxx{background:#f4f4f4;border-radius: 10px;margin: 30px 0;float: left;padding: 60px 0 40px;} .timenum .l{float: left;width: 100%;;} .timenum .l .t{float: left;width: 100%;text-align: center;padding-bottom: 30px;} .timenum .l .t em{float: left;width: 100%;line-height: 60px;font-size:40px;color: #000;font-weight: bold;font-style: normal;margin-bottom: 30px;padding: 0 80px} .timenum .l .t p{float: left;width: 17%;height:3px;margin: 0 41.5%;background: #0d4eaf;} .timenum .l .t p i{display: inline-block;width: 20px;height: 20px;background: #0d4eaf;border: 6px solid #f4f4f4;border-radius: 100%;margin-top: -8px;vertical-align: top;} .timenum .l .text{float: left;text-align: center;color: #fff;line-height: 40px;font-size: 16px;width: 100%;text-align: center;color: #000;font-size: 18px;} .timenum .l .box{float: right;width: 100%;text-align: center;margin: 20px 0 0;} .timenum .l .box p{display: inline-block;line-height: 54px;vertical-align: top;font-size: 18px;} .timenum .l .box .inrow{font-size:0;[;font-size:12px;];*font-size:0;font-family:arial;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px;} .timenum .l .box .inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal; } .timenum .l .box #dataNu{ height:75px;margin-right: 10px;display: inline-block;} .timenum .l .box #dataNu .dataNu{ height:75px; text-align:center;float: left;padding: 0 0 0;} .timenum .l .box #dataNu .dataNu .dataOne{ width:51px; height:75px; margin: 0px 3px; text-align: center; background: url(/Public/Common/Images/num-bg.png) no-repeat;} .timenum .l .box #dataNu .dataNu .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;} .timenum .l .box #dataNu .dataNu .dataBoc .tt {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .timenum .l .box #dataNu .dataNu .tt span{width:100%;height:100%; color:#0d4eaf;font-size: 40px;line-height: 54px;} @media (max-width: 768px) { .timenum{ width:100%;float: left;position: relative;background: #fff;overflow: hidden;z-index: 900;} .timenum .boxx{background:#f4f4f4;border-radius: 0px;margin: 0px 0;float: left;padding: 60px 0 40px;} .timenum .l{float: left;width: 100%;;} .timenum .l .t{float: left;width: 100%;text-align: center;padding-bottom: 30px;} .timenum .l .t em{float: left;width: 100%;line-height: 40px;font-size:26px;color: #000;font-weight: bold;font-style: normal;margin-bottom: 20px;padding: 0 20px;} .timenum .l .t p{float: left;width:40%;height:3px;margin: 0 30%;background: #0d4eaf;} .timenum .l .t p i{display: inline-block;width: 20px;height: 20px;background: #0d4eaf;border: 6px solid #f4f4f4;border-radius: 100%;margin-top: -8px;vertical-align: top;} .timenum .l .text{float: left;text-align: center;color: #fff;line-height: 30px;width: 100%;text-align: center;color: #000;font-size: 15px;padding: 0 20px;} .timenum .l .box{float: right;width: 100%;text-align: center;margin: 20px 0 0;} .timenum .l .box p{display: inline-block;line-height: 54px;vertical-align: top;font-size: 18px;} .timenum .l .box .inrow{font-size:0;[;font-size:12px;];*font-size:0;font-family:arial;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px;} .timenum .l .box .inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal; } .timenum .l .box #dataNu{ height:75px;margin-right: 10px;display: inline-block;} .timenum .l .box #dataNu .dataNu{ height:75px; text-align:center;float: left;padding: 0 0 0;} .timenum .l .box #dataNu .dataNu .dataOne{ width:51px; height:75px; margin: 0px 3px; text-align: center; background: url(/Public/Common/Images/num-bg.png) no-repeat;} .timenum .l .box #dataNu .dataNu .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;} .timenum .l .box #dataNu .dataNu .dataBoc .tt {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .timenum .l .box #dataNu .dataNu .tt span{width:100%;height:100%; color:#0d4eaf;font-size: 40px;line-height: 54px;} } /*culturebox*/ .culturebox{ float: left; width: 100%;} .culturebox .box{ width:100%; overflow:hidden; position:relative;float: left;padding: 40px 0px 0;} .culturebox .box .t{float: left;width: 100%;text-align: center;padding-bottom: 50px;} .culturebox .box .t b{float: left;width: 100%;line-height: 80px;font-size:50px;color: #eee;font-weight: bold;text-transform: uppercase;} .culturebox .box .t em{float: left;width: 100%;line-height: 80px;font-size:50px;color: #000;font-weight: bold;font-style: normal;margin-bottom: 15px;} .culturebox .box .t p{float: left;width: 17%;height:3px;margin: 0 41.5%;background: #0d4eaf;} .culturebox .box .t p i{display: inline-block;width: 20px;height: 20px;background: #0d4eaf;border: 6px solid #f4f4f4;border-radius: 100%;margin-top: -8px;vertical-align: top;} .culturebox .box .hd{ overflow:hidden; height:50px;float: left;width: 100%;text-align: center;margin-top: 20px;margin-bottom: 40px;} .culturebox .box .hd b{float: left;height: 50px;font-size: 16px;color: #d30;font-weight: normal;line-height: 50px; } .culturebox .box .hd .prevStop{ background-position:-60px 0; } .culturebox .box .hd .nextStop{ background-position:-60px -50px; } .culturebox .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1;width: 100%;text-align: center; } .culturebox .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#ddd; border-radius:16px;opacity: 0.4;transition:0.5s;} .culturebox .box .hd ul li.on{ background:#0d4eaf;opacity: 1;width: 40px;} .culturebox .box .prev, .culturebox .box .next{ display:block; width:50px; float:left; overflow:hidden; cursor:pointer; background:url("/Public/Common/Images/allBox_4.png") no-repeat 0 50px;height: 200px;margin-left: 40px;} .culturebox .box .next{ background-position:-50px 50px;float: right;margin-right: 40px; } .culturebox .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 0;} .culturebox .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .culturebox .box .bd ul li{float: left;width: 31%;text-align: center;color: #555;cursor: pointer;margin: 0 3.5% 30px 0;} .culturebox .box .bd ul li:nth-child(3n){margin-right: 0;} .culturebox .box .bd ul li a{float: left;width: 100%;padding: 0;} .culturebox .box .bd ul li .img{float: left;width: 100%;border:1px solid #f4f4f4;border-bottom: none;padding:0;background: #fff;overflow: hidden;} .culturebox .box .bd ul li .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: hidden;} .culturebox .box .bd ul li .info{float: left;width: 100%;background: #000;padding: 0px 0;text-align: center;} .culturebox .box .bd ul li .info .text{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .culturebox .box .bd ul li .info .text h3{float: left;line-height: 50px;font-size: 16px;width: 100%;color: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;font-weight: bold;} .culturebox .box .bd ul li:hover .img img{background: #fff;transform:scale(1.2);} .culturebox .box .bd ul li:hover .info .text span{background: #000;} @media (max-width: 768px) { .culturebox .box .t{float: left;width: 100%;text-align: center;padding-bottom: 30px;} .culturebox .box .t em{float: left;width: 100%;line-height: 60px;font-size:36px;color: #000;font-weight: bold;font-style: normal;margin-bottom: 15px;} .culturebox .box .t p{float: left;width: 40%;height:3px;margin: 0 30%;background: #0d4eaf;} .culturebox .box .t p i{display: inline-block;width: 20px;height: 20px;background: #0d4eaf;border: 6px solid #f4f4f4;border-radius: 100%;margin-top: -8px;vertical-align: top;} .culturebox .box .bd ul{padding: 0 20px;} .culturebox .box .bd ul li{float: left;width: 48%;text-align: center;color: #555;cursor: pointer;margin: 0 0% 30px 0;} .culturebox .box .bd ul li:nth-child(2n){float: right;} .culturebox .box .bd ul li a{float: left;width: 100%;padding: 0;} .culturebox .box .bd ul li .img{float: left;width: 100%;border:1px solid #f4f4f4;border-bottom: none;padding:0;background: #fff;overflow: hidden;} .culturebox .box .bd ul li .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: hidden;} .culturebox .box .bd ul li .info{float: left;width: 100%;background: #000;padding: 0px 0;text-align: center;} .culturebox .box .bd ul li .info .text{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .culturebox .box .bd ul li .info .text h3{float: left;line-height: 40px;font-size: 13px;width: 100%;color: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;font-weight: normal;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;} .culturebox .box .bd ul li:hover .img img{background: #fff;transform:scale(1.2);} .culturebox .box .bd ul li:hover .info .text span{background: #000;} } /*indexProducts_wrap*/ .indexProducts_wrap{ float: left;width: 100%;background:#fff;} .indexProducts{ float: left; margin-top: 20px;width: 100%;} .indexProducts .box{ width:100%; overflow:hidden; position:relative;float: left;padding: 40px 0px 0;} .indexProducts .box .t{float: left;width: 100%;text-align: center;padding-bottom: 50px;} .indexProducts .box .t b{float: left;width: 100%;line-height: 50px;font-size:40px;color: #eee;font-weight: bold;text-transform: uppercase;} .indexProducts .box .t em{float: left;width: 100%;line-height: 50px;font-size:40px;color: #000;font-weight: bold;font-style: normal;margin-bottom: 15px;} .indexProducts .box .hd{ overflow:hidden; height:50px;float: left;width: 100%;text-align: center;margin-top: 40px;margin-bottom: 40px;} .indexProducts .box .hd b{float: left;height: 50px;font-size: 16px;color: #d30;font-weight: normal;line-height: 50px; } .indexProducts .box .hd .prevStop{ background-position:-60px 0; } .indexProducts .box .hd .nextStop{ background-position:-60px -50px; } .indexProducts .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1;width: 100%;text-align: center; } .indexProducts .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#ddd; border-radius:16px;opacity: 0.4;transition:0.5s;} .indexProducts .box .hd ul li.on{ background:#0d4eaf;opacity: 1;width: 40px;} .indexProducts .box .prev, .indexProducts .box .next{ display:block; width:50px; float:left; overflow:hidden; cursor:pointer; background:url("/Public/Common/Images/allBox_4.png") no-repeat 0 50px;height: 200px;margin-left: 40px;} .indexProducts .box .next{ background-position:-50px 50px;float: right;margin-right: 40px; } .indexProducts .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 0;} .indexProducts .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .indexProducts .box .bd ul li{float: left;width: 25%;text-align: center;color: #555;cursor: pointer;} .indexProducts .box .bd ul li a{float: left;width: 100%;padding: 20px 10% 40px;} .indexProducts .box .bd ul li a .con{float: left;width: 100%;box-shadow: 0 8px 15px rgba(0,0,0,0.06);border-radius: 10px;position: relative;z-index: 3;transition:0.5s;} .indexProducts .box .bd ul li a .img{float: left;width: 100%;border-bottom: none;padding:0;background: #fff;overflow: hidden;} .indexProducts .box .bd ul li a .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: hidden;} .indexProducts .box .bd ul li a .info{float: left;width: 100%;padding: 10px 0 30px;text-align: center;} .indexProducts .box .bd ul li a .info .text{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .indexProducts .box .bd ul li a .info .text h3{float: left;line-height: 40px;font-size: 16px;width: 100%;color: #333;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;font-weight: bold;} .indexProducts .box .bd ul li a .info .text span{line-height: 30px;color: #999;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;color: #fff;padding: 0 10px;background: var(--themecolor);display: inline-block;border-radius: 14px;line-height: 28px;font-size: 12px;} .indexProducts .box .bd ul li:hover a .con{box-shadow: 0 10px 20px rgba(0,0,0,0.2);} .indexProducts .box .bd ul li:hover .img img{background: #fff;transform:scale(1.2);} .indexProducts .box .bd ul li:hover .info .text span{background: #000;} @media (max-width: 768px) { .indexProducts_wrap{display: none;} } /*indexProducts_m_wrap*/ .indexProducts_m_wrap{ float: left;width: 100%;background:#fff;display: none;} .indexProducts_m{ float: left; margin-top: 20px;width: 100%;} .indexProducts_m .box{ width:100%; overflow:hidden; position:relative;float: left;padding: 20px 0px 0;} .indexProducts_m .box .t{float: left;width: 100%;text-align: center;padding-bottom: 30px;} .indexProducts_m .box .t b{float: left;width: 100%;line-height: 40px;font-size:24px;color: #eee;font-weight: bold;text-transform: uppercase;} .indexProducts_m .box .t em{float: left;width: 100%;line-height: 40px;font-size:30px;color: #000;font-weight: bold;font-style: normal;} .indexProducts_m .box .hd{ overflow:hidden; height:50px;float: left;width: 100%;text-align: center;margin-top: 20px;margin-bottom: 20px;} .indexProducts_m .box .hd b{float: left;height: 50px;font-size: 16px;color: #d30;font-weight: normal;line-height: 50px; } .indexProducts_m .box .hd .prevStop{ background-position:-60px 0; } .indexProducts_m .box .hd .nextStop{ background-position:-60px -50px; } .indexProducts_m .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1;width: 100%;text-align: center; } .indexProducts_m .box .hd ul li{ display: inline-block; width:20px; height:20px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#ddd; border-radius: 20px;transition:0.5s;} .indexProducts_m .box .hd ul li.on{ opacity: 1;background: #0d4eaf;width: 40px;} .indexProducts_m .box .prev, .indexProducts_m .box .next{ display:block; width:50px; float:left; overflow:hidden; cursor:pointer; background:url("/Public/Common/Images/allBox_4.png") no-repeat 0 50px;height: 200px;margin-left: 40px;} .indexProducts_m .box .next{ background-position:-50px 50px;float: right;margin-right: 40px; } .indexProducts_m .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 15px;} .indexProducts_m .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .indexProducts_m .box .bd ul li{float: left;width: 50%;text-align: center;color: #555;cursor: pointer;} .indexProducts_m .box .bd ul li a{float: left;width: 100%;padding: 0 5px;} .indexProducts_m .box .bd ul li .img{float: left;width: 100%;border: 1px solid #f4f4f4;border-bottom: none;} .indexProducts_m .box .bd ul li .img img{float: left;width: 100%;background: #fff;} .indexProducts_m .box .bd ul li .info{float: left;width: 100%;} .indexProducts_m .box .bd ul li .info .text{float: left;width: 100%;background: #f4f4f4;} .indexProducts_m .box .bd ul li .info .text span{float: left;line-height: 40px;font-size: 12px;width: 100%;color: #fff;background: #000;} .indexProducts_m .box .bd ul li .info .text h3{float: left;line-height: 60px;font-size: 16px;width: 100%;color: #000;font-weight: bold;} @media (max-width: 768px) { .indexProducts_m_wrap{display: block;} .indexProducts_m{display: block;} .indexProducts_m .box .bd ul li .info .text h3{font-size: 14px;} } /*serviceIndex_wrap*/ .serviceIndex_wrap{ float: left;width: 100%;background:#fff;} .serviceIndex{ float: left; margin-top: 20px;width: 100%;} .serviceIndex .box{ width:100%; overflow:hidden; position:relative;float: left;padding: 40px 0px 0;} .serviceIndex .box .t{float: left;width: 100%;padding-bottom: 30px;} .serviceIndex .box .t em{float: left;width: 100%;line-height: 24px;font-size:24px;color: #000;font-weight: bold;font-style: normal;padding-left: 0;} .serviceIndex .box .hd{ overflow:hidden; height:50px;float: left;width: 100%;text-align: center;margin-top: 20px;margin-bottom: 40px;} .serviceIndex .box .hd b{float: left;height: 50px;font-size: 16px;color: #d30;font-weight: normal;line-height: 50px; } .serviceIndex .box .hd .prevStop{ background-position:-60px 0; } .serviceIndex .box .hd .nextStop{ background-position:-60px -50px; } .serviceIndex .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1;width: 100%;text-align: center; } .serviceIndex .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#ddd; border-radius:16px;opacity: 0.4;transition:0.5s;} .serviceIndex .box .hd ul li.on{ background:#0d4eaf;opacity: 1;width: 40px;} .serviceIndex .box .prev, .serviceIndex .box .next{ display:block; width:50px; float:left; overflow:hidden; cursor:pointer; background:url("/Public/Common/Images/allBox_4.png") no-repeat 0 50px;height: 200px;margin-left: 40px;} .serviceIndex .box .next{ background-position:-50px 50px;float: right;margin-right: 40px; } .serviceIndex .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 0;} .serviceIndex .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; } .serviceIndex .box .bd ul li{float: left;width: 25%;text-align: center;color: #555;cursor: pointer;} .serviceIndex .box .bd ul li a{float: left;width: 100%;padding: 0 20% 0 0;} .serviceIndex .box .bd ul li .img{float: left;width: 100%;border:1px solid #f4f4f4;border-bottom: none;padding:0;background: #fff;overflow: hidden;} .serviceIndex .box .bd ul li .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: hidden;} .serviceIndex .box .bd ul li .info{float: left;width: 100%;} .serviceIndex .box .bd ul li .info .text{float: left;width: 100%;background: #f4f4f4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .serviceIndex .box .bd ul li .info .text h3{float: left;line-height: 60px;font-size: 16px;width: 100%;color: #333;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .serviceIndex .box .bd ul li .info .text span{line-height: 50px;color: #999;float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background:#0d4eaf;color: #fff;} .serviceIndex .box .bd ul li:hover .img img{background: #fff;transform:scale(1.2);} .serviceIndex .box .bd ul li:hover .info .text{background: #000;} .serviceIndex .box .bd ul li:hover .info .text h3{color: #fff;} .serviceIndex .box .bd ul li:hover .info .text span{color: #fff;background: #0d4eaf;} @media (max-width: 768px) { .serviceIndex .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%;padding: 0 20px;} .serviceIndex .box .bd ul li{float: left;width: 48%;text-align: center;color: #555;cursor: pointer;margin-bottom: 20px;} .serviceIndex .box .bd ul li:nth-child(2n){float: right;} .serviceIndex .box .bd ul li a{float: left;width: 100%;padding: 0 0%;} .serviceIndex .box .bd ul li .img{float: left;width: 100%;border:1px solid #f4f4f4;border-bottom: none;padding:0;background: #fff;overflow: hidden;} .serviceIndex .box .bd ul li .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: hidden;} .serviceIndex .box .bd ul li .info{float: left;width: 100%;} .serviceIndex .box .bd ul li .info .text{float: left;width: 100%;background: #f4f4f4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .serviceIndex .box .bd ul li .info .text h3{float: left;line-height:50px;font-size: 16px;width: 100%;color: #333;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .serviceIndex .box .bd ul li .info .text span{line-height: 40px;color: #999;float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background:#0d4eaf;color: #fff;} .serviceIndex .box .bd ul li:hover .img img{background: #fff;transform:scale(1.2);} .serviceIndex .box .bd ul li:hover .info .text{background: #000;} .serviceIndex .box .bd ul li:hover .info .text h3{color: #fff;} .serviceIndex .box .bd ul li:hover .info .text span{color: #fff;background: #0d4eaf;} } /* indexFour */ .indexFour{float: left;width: 100%;padding: 80px 0;overflow: hidden;background: url(/Public/Common/Images/bg4.jpg) no-repeat center bottom; background-attachment: fixed; padding: 120px 0;background-size: cover;display: none;} .indexFour.on .t{opacity: 1;margin-top: 0;} .indexFour.on .box .li{opacity: 1;margin-top: 0;} .indexFour .t{width: 100%;float: left;text-align: center;margin-bottom: 20px;position: relative;transition:0.5s;opacity: 0;margin-top: 100px;} .indexFour .t .titlebox{width: 100%;float: left;text-align: center;} .indexFour .t .titlebox b{float: left;width: 100%;font-size: 50px;line-height: 60px;height: 60px;display: inline-block;color: #000;font-weight: bold;margin-bottom: 20px;} .indexFour .t .titlebox p{float: left;width: 100%;font-style: normal;font-size: 24px;line-height: 60px; text-transform: uppercase;color: #ccc;} .indexFour .t .titlebox i{float: left;width: 17%;height:3px;margin: 0 41.5%;background: #0d4eaf;} .indexFour .t .titlebox i em{display: inline-block;width: 20px;height: 20px;background: #0d4eaf;border: 6px solid #eee;border-radius: 100%;margin-top: -8px;vertical-align: top;} .indexFour .box{width: 100%;float: left;} .indexFour .box .li{width: 400px;float: left;transition:0.5s;background: rgba(0,122,189,0.7);position: relative;overflow: hidden;position: relative;transition:0.5s;opacity: 0;margin-top: 100px;height: 200px;} .indexFour .box .li:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.4);} .indexFour .box .li:hover .cc .text{height: 0;} .indexFour .box .li:hover .cc .line{padding: 0 0%;margin: 0} .indexFour .box .li:hover .cc .icon{height: 0;} .indexFour .box .li:hover .cc .icon img{height: 0;margin: 0;} .indexFour .box .li:hover .cc span{line-height: 120px;} .indexFour .box .li:hover b{background: #fff;} .indexFour .box .li:hover .cc .link{opacity: 1;height: 200px;padding: 40px 50px 0;} .indexFour .box .li:nth-child(1){transition-delay:0.5s;} .indexFour .box .li:nth-child(2){transition-delay:0.6s;} .indexFour .box .li:nth-child(3){transition-delay:0.7s;} .indexFour .box .li:nth-child(4){transition-delay:0.8s;} .indexFour .box .li:nth-child(5){transition-delay:0.9s;} .indexFour .box .li .cc{width: 100%;float: left;position: absolute;z-index: 2;text-align: center;bottom: 0;background: rgba(0,0,0,0.3);} .indexFour .box .li .cc .text{width: 100%;float: left;height: 50px;overflow: hidden;} .indexFour .box .li .cc .text span{float: right;width: 100%;line-height:50px;color: #fff;font-size: 15px;height: 50px;padding-left: 0px;font-weight: bold;} .indexFour .box .li .cc .link{width: 100%;float: left;transition:1s;opacity: 0;height: 0;line-height: 28px;overflow: hidden;color: #fff;padding: 0 50px;text-align: left;} .indexFour .box .li .cc .link p{float: left;width: 100%;} .indexFour .box .li .cc .link strong{float: left;background:#000;color: #fff;padding: 0 40px 0 20px;line-height: 40px;margin-top: 20px;} .indexFour .box .li:hover .cc{background: rgba(132,0,0,0.8);} .indexFour .box .li b{width: 100%;float: left;transition:1s;position: relative;} .indexFour .box .li b img{float: left;width: 100%;} @media (max-width: 768px) { .indexFour{float: left;width: 100%;overflow: hidden;background: url(/Public/Common/Images/bg4.jpg) no-repeat center bottom;background-attachment: fixed; padding: 50px 0 20px ;background-size: 800%;} .indexFour.on .t{opacity: 1;margin-top: 0;} .indexFour.on .box .li{opacity: 1;margin-top: 0;} .indexFour .t{width: 100%;float: left;text-align: center;margin-bottom: 20px;position: relative;transition:0.5s;opacity: 0;margin-top: 0px;} .indexFour .t .titlebox{width: 100%;float: left;text-align: center;} .indexFour .t .titlebox b{float: left;width: 100%;font-size: 36px;line-height:40px;height: 40px;display: inline-block;color: #000;font-weight: bold;margin-bottom:20px;} .indexFour .t .titlebox i{float: left;width: 40%;height:3px;margin: 0 30% 20px;background: #0d4eaf;} .indexFour .t .titlebox i em{display: inline-block;width: 20px;height: 20px;background: #0d4eaf;border: 6px solid #eee;border-radius: 100%;margin-top: -8px;vertical-align: top;} .indexFour .t .titlebox p{float: left;width: 100%;font-style: normal;font-size: 24px;line-height: 30px; text-transform: uppercase;color: rgba(0,0,0,0.1);font-weight: bold;} .indexFour .box{width: 100%;float: left;padding: 0 20px;} .indexFour .box .li{width: 100%;margin-bottom: 20px;height: 150px;} } .indexBdList_02{float: left;width: 100%;padding:100px 0px;transition:0.5s;background: #eee;position: relative;} .indexBdList_02.on .ul{opacity:1;margin-top: 0;} .indexBdList_02 .t{float: left;width: 100%;text-align: center;padding-bottom: 50px;} .indexBdList_02 .t b{float: left;width: 100%;line-height: 50px;font-size:40px;color: #ccc;font-weight: bold;text-transform: uppercase;} .indexBdList_02 .t em{float: left;width: 100%;line-height: 50px;font-size:40px;color: #000;font-weight: bold;font-style: normal;margin-bottom: 15px;} .indexBdList_02 .text{float: left;width: 15%;padding: 0px 0 0 0;position: relative;transition:0.5s;text-align: right;} .indexBdList_02 .text strong{float: left;width: 100%;font-size: 24px;color: #666;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;text-transform: uppercase;} .indexBdList_02 .text b{float: left;width: 100%;font-size: 80px;color: #ddd;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;} .indexBdList_02 .text i{float: right;height: 3px;width: 25%;transition:0.5s;margin: 10px 0 20px;background: #0b528a;} .indexBdList_02 .text p{float: left;width: 100%;font-size: 36px;color: #ddd;line-height: 75px;height: 75px;padding: 0 0px;transition:0.5s;} .indexBdList_02 .ul{float: right;width: 100%;position: relative;transition:0.5s;opacity: 0;} .indexBdList_02 .ul li{float: left;width: 19.2%;margin: 0 1% 10px 0;position: relative;transition:0.5s;cursor: pointer;overflow: hidden;border-radius: 15px 15px 0 15px;background: #fff;} .indexBdList_02 .ul li:hover{background:#fff } .indexBdList_02 .ul li:hover .img3{bottom: 100%} .indexBdList_02 .ul li:hover .img2{bottom: 0%} .indexBdList_02 .ul li:hover .img{opacity: 0;} .indexBdList_02 .ul li:hover .text{opacity: 1;} .indexBdList_02 .ul li:nth-child(5n){margin-right: 0;} .indexBdList_02 .ul li .img1{float: left;width: 100%;transition:0.5s;opacity: 0;} .indexBdList_02 .ul li .img1 img{float: left;width: 100%;margin: 0px 0;} .indexBdList_02 .ul li .img2{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 2;bottom: -100%;} .indexBdList_02 .ul li .img2 img{float: left;width: 100%;margin: 0px 0;} .indexBdList_02 .ul li .img3{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 3;bottom: 0;} .indexBdList_02 .ul li .img3 img{float: left;width: 100%;margin: 0px 0;opacity: 1;} @media (max-width: 768px) { .indexBdList_02{float: left;width: 100%;padding:40px 0px 40px;transition:0.5s;background: #eee;position: relative;border-top: 1px solid #ddd;} .indexBdList_02.on .t p{opacity:1;margin-top: 0;} .indexBdList_02.on .t em{opacity:1;margin-top: -4px;} .indexBdList_02.on .ul{opacity:1;margin-top: 0;} .indexBdList_02 .t{float: left;width:100%;font-size: 18px;color: #fff;margin-bottom: 0px;overflow: hidden;padding: 0 0px 10px;} .indexBdList_02 .t b{float: left;width: 100%;line-height: 40px;font-size:24px;color: #ccc;font-weight: bold;text-transform: uppercase;} .indexBdList_02 .t em{float: left;width: 100%;line-height: 40px;font-size:30px;color: #000;font-weight: bold;font-style: normal;margin-bottom: 15px;} .indexBdList_02 .text{float: left;width: 15%;padding: 0px 0 0 0;position: relative;transition:0.5s;text-align: right;} .indexBdList_02 .text strong{float: left;width: 100%;font-size: 24px;color: #666;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;text-transform: uppercase;} .indexBdList_02 .text b{float: left;width: 100%;font-size: 80px;color: #ddd;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;} .indexBdList_02 .text i{float: right;height: 3px;width: 25%;transition:0.5s;margin: 10px 0 20px;background: #0b528a;} .indexBdList_02 .text p{float: left;width: 100%;font-size: 36px;color: #ddd;line-height: 75px;height: 75px;padding: 0 0px;transition:0.5s;} .indexBdList_02 .ul{float: right;width: 100%;position: relative;transition:0.5s;opacity: 0;padding: 0 20px;} .indexBdList_02 .ul li{float: left;width: 50%;margin: 0 0% 1px 0;background: #fff;position: relative;transition:0.5s;cursor: pointer;overflow: hidden;border-right: 1px solid #eee;border-radius: 0;} .indexBdList_02 .ul li:hover{background:#fff } .indexBdList_02 .ul li:hover .img3{bottom: 100%} .indexBdList_02 .ul li:hover .img2{bottom: 0%} .indexBdList_02 .ul li:hover .img{opacity: 0;} .indexBdList_02 .ul li:hover .text{opacity: 1;} .indexBdList_02 .ul li:nth-child(4n){margin-right: 0;} .indexBdList_02 .ul li .img1{float: left;width: 100%;transition:0.5s;opacity: 0;} .indexBdList_02 .ul li .img1 img{float: left;width: 100%;margin: 0px 0;} .indexBdList_02 .ul li .img2{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 2;bottom: -100%;} .indexBdList_02 .ul li .img2 img{float: left;width: 100%;margin: 0px 0;} .indexBdList_02 .ul li .img3{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 3;bottom: 0;} .indexBdList_02 .ul li .img3 img{float: left;width: 100%;margin: 0px 0;opacity: 1;} } /*casesPageUl*/ .casesPageUl{ float: left;width: 100%;margin-bottom: 100px;position: relative;} .casesPageUl .box{float: left;width: 100%;} .casesPageUl .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 40px;background: #fff;} .casesPageUl .box .catenav a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;} .casesPageUl .box .catenav a.cur{color: #0d4eaf;border-bottom: 5px solid #0d4eaf;} .casesPageUl .box ul{float: left;width: 100%; } .casesPageUl .box ul li{float: left;width: 30%;margin-right:5%;margin-bottom: 50px;} .casesPageUl .box ul li:nth-child(3n){margin-right: 0;} .casesPageUl .box ul li:hover .libox .boxs{box-shadow: 0 10px 10px rgba(0,0,0,0.2)} .casesPageUl .box ul li:hover .libox .boxs .info .price i{background: #000;color: #fff;border: 1px solid #000;} .casesPageUl .box ul li:hover .libox .boxs .img .im img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .casesPageUl .box ul li .libox{float: left;width: 100%;} .casesPageUl .box ul li .libox .boxs{float: left;width: 100%;background: #fff;box-shadow: 0 5px 30px rgba(0,0,0,0.05);position: relative;z-index: 1;transition: 0.5s;} .casesPageUl .box ul li .libox .boxs .img{float: left;width: 100%;position:relative;} .casesPageUl .box ul li .libox .boxs .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 50px;line-height: 50px;color: #fff;padding: 0 25px;} .casesPageUl .box ul li .libox .boxs .img p span{font-weight: normal;line-height: 46px;float: left;margin-right: 6px;} .casesPageUl .box ul li .libox .boxs .img p b{font-weight: normal;line-height: 50px;float: left;} .casesPageUl .box ul li .libox .boxs .img .im{float: left;width: 100%;overflow: hidden;} .casesPageUl .box ul li .libox .boxs .img .im img{float: left;width: 100%;background: #fff;transition: 0.3s;} .casesPageUl .box ul li .libox .boxs .info{float: left;width: 100%;padding: 15px 25px 30px;} .casesPageUl .box ul li .libox .boxs .info b{float: left;width: 100%;line-height: 24px;font-size: 16px;color: #000;font-weight: normal;height: 48px;margin-bottom: 10px;} .casesPageUl .box ul li .libox .boxs .info p{float: left;width: 100%;line-height: 24px;color: #666;margin-bottom: 20px;height: 48px;overflow: hidden;margin-bottom: 20px;} .casesPageUl .box ul li .libox .boxs .info .price{float: left;width: 100%;} .casesPageUl .box ul li .libox .boxs .info .price em{float: left;line-height: 32px;color: #000;font-size: 13px;} .casesPageUl .box ul li .libox .boxs .info .price i{float: left;line-height: 40px;color: #333;padding: 0 60px 0 20px;border:1px solid #aaa;font-style: normal;transition: 0.5s;} @media (max-width: 768px) { .casesPageUl{ float: left;width: 100%;margin-bottom: 0px;padding-top: 20px;} .casesPageUl .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 20px;box-shadow: none;} .casesPageUl .box .catenav{display: none;} .casesPageUl .box ul{float: left;width: 100%; } .casesPageUl .box ul li{float: left;width: 100%;margin-right:0;margin-bottom: 20px;background: #fff;border-radius: 10px;box-shadow:0 10px 20px rgba(0,0,0,0.1);overflow: hidden;} .casesPageUl .box ul li:nth-child(3n){margin-right: 0;} .casesPageUl .box ul li:hover .libox .boxs{box-shadow: 0 10px 10px rgba(0,0,0,0.2)} .casesPageUl .box ul li:hover .libox .boxs .info .price i{background: #000;color: #fff;border: 1px solid #000;border-radius: 4px;} .casesPageUl .box ul li:hover .libox .boxs .img .im img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .casesPageUl .box ul li .libox{float: left;width: 100%;} .casesPageUl .box ul li .libox .boxs{float: left;width: 100%;background: #fff;box-shadow: none;position: relative;z-index: 1;transition: 0.5s;} .casesPageUl .box ul li .libox .boxs .img{float: left;width: 100%;position:relative;} .casesPageUl .box ul li .libox .boxs .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 50px;line-height: 50px;color: #fff;padding: 0 25px;} .casesPageUl .box ul li .libox .boxs .img p span{font-weight: normal;line-height: 46px;float: left;margin-right: 6px;} .casesPageUl .box ul li .libox .boxs .img p b{font-weight: normal;line-height: 50px;float: left;} .casesPageUl .box ul li .libox .boxs .img .im{float: left;width: 100%;overflow: hidden;} .casesPageUl .box ul li .libox .boxs .img .im img{float: left;width: 100%;background: #fff;transition: 0.3s;} .casesPageUl .box ul li .libox .boxs .info{float: left;width: 100%;padding: 20px 25px 30px;} .casesPageUl .box ul li .libox .boxs .info b{float: left;width: 100%;line-height: 24px;font-size: 15px;color: #333;font-weight: normal;height: auto;} .casesPageUl .box ul li .libox .boxs .info p{float: left;width: 100%;line-height: 20px;color: #aaa;padding: 0 0 20px 0;margin-bottom:0px;height: auto;} .casesPageUl .box ul li .libox .boxs .info .price{float: left;width: 100%;} .casesPageUl .box ul li .libox .boxs .info .price em{float: left;line-height: 32px;color: #000;font-size: 13px;} .casesPageUl .box ul li .libox .boxs .info .price i{float: right;line-height: 32px;color: #aaa;padding: 0 30px;border-radius: 32px;border:1px solid #eee;font-style: normal;transition: 0.5s;} } /* hzhb */ .hzhb{width: 100%;float: left;padding: 60px 0 100px;border-top: 1px solid #eee;} .hzhb .t{float: left;width:100%;font-size: 18px;color: #666;} .hzhb .t b{float: left;width:100%;font-size: 40px;color: #666;line-height: 40px;font-weight: normal;text-align: center;} .hzhb .t p{float: left;width:100%;font-size: 24px;color: #aaa;line-height: 60px;text-align: center;text-transform: uppercase;} .hzhb .t em{float: left;width:100%;height: 7px;padding: 0 46%;border-bottom: 1px solid #eee;margin: 20px 0 ;} .hzhb .t em i{float: left;width:100%;height:7px;background: #333;} .hzhb .box{float: left;width: 100%;padding:40px 0 0;} .hzhb .box .li{width: 32%;float: left;margin:0px 2% 10px 0;background: #eee;padding: 40px 0;text-align: center;transition:0.5s;} .hzhb .box .li:hover{background: #0d4eaf;} .hzhb .box .li:hover b{color: #fff;} .hzhb .box .li:hover span{color: #fff;} .hzhb .box .li:nth-child(3){margin-right: 0;} .hzhb .box .li b{width: 100%;float: left;color: #333;font-size: 18px;line-height: 40px;font-weight: normal;transition:0.5s;} .hzhb .box .li span{width: 100%;float: left;color: #aaa;font-size: 13px;line-height: 20px;text-transform: uppercase;transition:0.5s;} @media (max-width: 768px) { .hzhb{width: 100%;float: left;padding: 20px 0 20px;} .hzhb .t{float: left;width:100%;font-size: 18px;color: #666;} .hzhb .t b{float: left;width:100%;font-size: 24px;color: #666;line-height: 40px;font-weight: normal;text-align: center;} .hzhb .t p{float: left;width:100%;font-size: 18px;color: #aaa;line-height: 40px;text-align: center;text-transform: uppercase;} .hzhb .t em{float: left;width:100%;height: 7px;padding: 0 44%;border-bottom: 1px solid #eee;margin: 10px 0 ;} .hzhb .t em i{float: left;width:100%;height:7px;background: #333;} .hzhb .box{float: left;width: 100%;padding:25px;} .hzhb .box .li{width: 100%;float: left;margin:0px 0% 1px 0;background: #eee;padding: 20px 0;text-align: center;transition:0.5s;} .hzhb .box .li:hover{background: #0d4eaf;} .hzhb .box .li:hover b{color: #fff;} .hzhb .box .li:hover span{color: #fff;} .hzhb .box .li:nth-child(3){margin-right: 0;} .hzhb .box .li b{width: 100%;float: left;color: #333;font-size: 18px;line-height: 40px;font-weight: normal;transition:0.5s;} .hzhb .box .li span{width: 100%;float: left;color: #aaa;font-size: 13px;line-height: 20px;text-transform: uppercase;transition:0.5s;} } .mTeamList{float: left;width: 100%;display: none;} .mTeamList .htitle{height:50px; width: 100%;display: block;overflow: hidden;text-align: center;line-height: 50px;font-size: 20px;color: #333;} .mTeamList .hd{height:50px; width: 100%;display: block;overflow: hidden;} .mTeamList .hd ul{float: left;width: 100%;text-align: center;} .mTeamList .hd ul li{ display: inline-block;height: 20px;width: 20px;border-radius: 100%;background: #ddd;margin: 0 5px; } .mTeamList .hd ul .on{ background: #0d4eaf;} .mTeamList .bd { width: 100% } .mTeamList .bd ul{ padding:10px 0 10px 10px; } .mTeamList .bd li{float: left;width: 33.333%;text-align: center;color: #555;cursor: pointer;padding: 10px;} .mTeamList .bd li .img{float: left;width: 100%;padding: 0 4%;} .mTeamList .bd li .img img{float: left;width: 100%;background: #fff;overflow: hidden;border-radius: 100%;} .mTeamList .bd li .info{float: left;width: 100%;padding: 0 4%;} .mTeamList .bd li .info .text{float: left;width: 100%;margin-top: 10px;} .mTeamList .bd li .info .text span{float: left;line-height: 20px;font-size: 12px;width: 100%;margin: 0 0 10px;color: #666;} .mTeamList .bd li .info .text h3{float: left;line-height: 20px;font-size: 15px;width: 100%;margin:10px 0 0;color: #333;} .mTeamList .bd li .info .text em{width: 100%;padding: 0 45%;height: 1px;float: left;margin:5px 0;} .mTeamList .bd li .info .text em i{width: 100%;height: 1px;background: #666;float: left;} @media (max-width: 768px) { .mTeamList{display: block;} } /* mainBody */ .mainWrap{width: 100%;float: left;margin: 0px 0 40px;} .main{width: 100%;margin:0px auto 0 ;} @media (max-width: 768px) { .mainWrap{margin-top: 0;margin-bottom: 15px;} } /* wap底部电话 */ .fixbar_09{z-index:999;position: fixed;bottom: 0px;left:0px;width: 100%;height: 54px;display: none;text-align: center;background: #0d4eaf;} .fixbar_09 p{display: inline-block;height: 54px;} .fixbar_09 a{float: left;color: #fff;font-size: 14px;width:100%;height: 54px;line-height: 54px;} .fixbar_09 a img{height: 30px;float: left;float: left;margin: 12px 10px 0 0;} .fixbar_09 a i{height: 54px;font-style: normal;float: right;line-height: 54px;overflow: hidden;font-size: 18px;} @media (max-width: 768px) { .fixbar_09{display: none;} } /*fbar_m*/ .fbar_m{position: fixed;bottom: 0;height: 54px;background:#fff;width: 100%;border-top: 1px solid #eee;display: none;z-index: 999;} .fbar_m a{float: left;width: 20%;text-align: center;height: 50px;} .fbar_m a .span{float: left;width: 100%;margin-top: 4px;text-align: center;font-size: 18px;} .fbar_m a .span img{width:24px;} .fbar_m a span{float: left;line-height: 12px;color: #555;text-align: center;width: 100%;margin-top: 4px;font-size: 12px;} @media (max-width: 768px) { .fbar_m{display: block;} } /* 通栏导航 */ .cateNav_9{width: 100%;float: left;margin:0px 0 20px;} .cateNav_9 a{height: 56px;width: 200px;float: left;margin: 0 10px 0 0;} .cateNav_9 a b{height: 56px;line-height: 56px;color: #555;float: left;font-size: 15px; width: 200px;background: #fff;text-align: center;font-weight: normal;} .cateNav_9 a.cur{background:#ddd;color: #222;} .cateNav_9 a:hover b{background:#ddd;color: #222;} .cateNav_9 a.cur b{background:#0d4eaf;color: #fff;} .cateNav_9 .search{height:56px;float: right;font-size: 13px;} .cateNav_9 .search .input{width: 180px;height:56px;float: left;font-size: 14px;line-height: 54px;margin: 0 0;border: 1px solid #ddd;outline: none;border-right: none;padding-left: 15px;background: #eee;} .cateNav_9 .search .submit{width: 52px;height:56px;float: left;line-height: 30px;border:1px solid #ddd;border-left: none;background: none;color: #666;outline: none;background: #eee;} @media (max-width: 768px) { .cateNav_9{width: 100%;float: left;margin:0px 0 0px;background: #fff;padding: 0 15px;box-shadow: 0 3px 3px #ccc;position: relative;} .cateNav_9 a{height: 50px;line-height: 50px;float: left;font-size: 16px;margin-right: 20px;width: auto;} .cateNav_9 a b{height: 50px;line-height: 50px;color: #999;float: left;font-size: 16px; width: auto;background: #fff;text-align: center;font-weight: normal;} .cateNav_9 a.cur{border-bottom: 3px solid #0d4eaf;color: #0d4eaf;} .cateNav_9 a:hover b{color:#0d4eaf;background: #fff;border-bottom: 3px solid #0d4eaf;} .cateNav_9 a.cur b{color:#0d4eaf;background: #fff;border-bottom: 3px solid #0d4eaf;} .cateNav_9 .search{display: none;} } /*cateNav_3*/ .cateNav_3{width: 100%;float: left;margin:0px 0 0px;background: #fff;padding: 0 20px;box-shadow: 0 3px 3px #eee;position: relative;display: none;} .cateNav_3 a{height: 50px;line-height: 50px;color: #999;float: left;font-size: 15px;margin-right: 20px;} .cateNav_3 a.cur{border-bottom: 3px solid #0d4eaf;color: #0d4eaf;} @media (max-width: 768px) { .cateNav_3{display: block;} } /*masterul*/ .masterul{float: left;width: 100%;padding: 0 0px;margin-bottom:20px;} .masterul li{float: left;width:23.5%;margin: 0 2% 20px 0;position: relative;padding: 25px 45px 40px;background: #fff;transition:0.5s;} .masterul li:nth-child(4n){margin-right: 0;} .masterul li:hover{background: #0d4eaf;} .masterul li:hover .tit{color: #fff;} .masterul li:hover em{color: #fff;} .masterul li:hover span i{background: #fff;} .masterul li:hover .learnmore{background: #0d4eaf;color: #fff;border: 1px solid #fff;} .masterul li .img{float: left;width:100%;padding: 0 6%;} .masterul li .img img{float: left;width:100%;} .masterul li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;color: #666;transition:0.5s;} .masterul li em{float: left;width:100%;text-align: center;color: #999;} .masterul li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;} .masterul li span i{float: left;width:100%;height: 1px;background: #666;} .masterul li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;;color: #666;float: left;margin-top: 15px;border: 1px solid #ddd;transition:0.5s;} @media (max-width: 768px) { .masterul{float: left;width: 100%;margin-bottom:0px;padding:15px 15px 0;} .masterul li{float: left;width:48.5%;margin: 0 2% 10px 0;position: relative;padding: 15px 15px 20px;background: #fff;transition:0.5s;} .masterul li:nth-child(2n){margin-right: 0;float: right;} .masterul li:hover{background: #0d4eaf;} .masterul li:hover .tit{color: #fff;} .masterul li:hover em{color: #fff;} .masterul li:hover span i{background: #fff;} .masterul li:hover .learnmore{background: #0d4eaf;color: #fff;border: 1px solid #fff;} .masterul li .img{float: left;width:100%;padding: 0 6%;} .masterul li .img img{float: left;width:100%;} .masterul li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;color: #666;transition:0.5s;} .masterul li em{float: left;width:100%;text-align: center;color: #999;} .masterul li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;} .masterul li span i{float: left;width:100%;height: 1px;background: #666;} .masterul li .learnmore{display: none;} } .masterulshow{float: left;width: 100%;padding: 0 20px 0 0;margin-bottom:10px;} .masterulshow li{float: left;width:100%;position: relative;padding: 25px 35px 40px;background: #fff;transition:0.5s;} .masterulshow li:nth-child(4n){margin-right: 0;} .masterulshow li:hover{background: #0d4eaf;} .masterulshow li:hover .tit{color: #fff;} .masterulshow li:hover em{color: #fff;} .masterulshow li:hover span i{background: #fff;} .masterulshow li:hover .learnmore{background: #0d4eaf;color: #fff;border: 1px solid #fff;} .masterulshow li .img{float: left;width:100%;padding: 0 6%;} .masterulshow li .img img{float: left;width:100%;} .masterulshow li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;color: #666;transition:0.5s;} .masterulshow li em{float: left;width:100%;text-align: center;color: #999;} .masterulshow li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;} .masterulshow li span i{float: left;width:100%;height: 1px;background: #666;} .masterulshow li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;;color: #666;float: left;margin-top: 15px;border: 1px solid #ddd;transition:0.5s;} @media (max-width: 768px) { .masterulshow{float: left;width: 100%;padding: 0 0px 0 0;margin-bottom:10px;} .masterulshow li{float: left;width:100%;position: relative;padding: 15px 20% 15px;background: #fff;transition:0.5s;} .masterulshow li:nth-child(4n){margin-right: 0;} .masterulshow li:hover{background: #0d4eaf;} .masterulshow li:hover .tit{color: #fff;} .masterulshow li:hover em{color: #fff;} .masterulshow li:hover span i{background: #fff;} .masterulshow li:hover .learnmore{background: #0d4eaf;color: #fff;border: 1px solid #fff;} .masterulshow li .img{float: left;width:100%;padding: 0 6%;} .masterulshow li .img img{float: left;width:100%;} .masterulshow li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;color: #666;transition:0.5s;} .masterulshow li em{float: left;width:100%;text-align: center;color: #999;} .masterulshow li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;} .masterulshow li span i{float: left;width:100%;height: 1px;background: #666;} .masterulshow li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;;color: #666;float: left;margin-top: 15px;border: 1px solid #ddd;transition:0.5s;} } /*通栏面包削导航*/ .addressNavAll{float: left;width: 100%;margin-bottom: 20px;} .addressNavAll .box{float: left;width: 100%;height: 20px;color: #888;line-height: 20px;} .addressNavAll .box b{float: left;font-weight: normal;} .addressNavAll .box a{float: left;color: #888;} .addressNavAll .box span{float: left;color: #aaa;padding: 0 10px;} @media (max-width: 768px) { .addressNavAll{display: none;} } /*相关推荐*/ .recommands{float: left;width:100%;margin: 0px 0 20px;} .recommands .title{float: left;width:100%;border-bottom: 2px solid #eee;line-height: 50px;height: 50px;margin-bottom: 15px;} .recommands .title b{float: left;border-bottom: 2px solid #0d4eaf;color: #0d4eaf;font-size: 16px;height: 50px;font-weight: normal;} .recommands ul{float: left;width:100%;font-size: 13px;color: #666;line-height: 22px;margin: 0;} .recommands ul li{float: left;width:100%;color: #444;line-height: 36px;border-bottom: 1px dotted #ddd;margin: 0 0px 0 0;} .recommands ul li i{float: left;color: #aaa;line-height: 36px;} .recommands ul li em{float: left;color: #ddd;line-height: 36px;} .recommands ul li a{float: left;color: #444;line-height: 36px;padding: 0 0 0 6px;max-width: 200px;height: 36px;overflow: hidden;margin-right: 20px;} .recommands ul li span{float: left;color: #ddd;line-height: 36px;padding: 0 20px 0 6px;} @media (max-width: 768px) { .recommands{float: left;width:100%;margin: 0px 0 15px;} .recommands .title{float: left;width:100%;border-bottom: 2px solid #eee;line-height: 50px;height: 50px;margin-bottom: 15px;} .recommands .title b{float: left;border-bottom: 2px solid #0d4eaf;color: #0d4eaf;font-size: 16px;height: 50px;font-weight: normal;} .recommands ul{float: left;width:100%;font-size: 13px;color: #666;line-height: 22px;margin: 0;} .recommands ul li{float: left;width:100%;color: #444;line-height: 44px;border-bottom: 1px dotted #ddd;margin: 0 0px 0 0;} .recommands ul li i{float: left;color: #aaa;line-height: 44px;} .recommands ul li a{float: left;color: #444;line-height: 44px;padding: 0 0 0 4px;max-width: 90%;height: 44px;overflow: hidden;margin-right: 20px;font-size: 14px;} .recommands ul li em{float: left;color: #ddd;line-height: 44px;display: none;} .recommands ul li span{float: left;color: #ddd;line-height: 44px;padding: 0 20px 0 6px;display: none;} } /*quoteul*/ .quoteul{float: left;width: 100%;padding: 0 0px;margin-bottom:20px;} .quoteul li{float: left;width:49.5%;margin: 0 1% 10px 0;position: relative;padding: 15px 25px;background: #fff;transition:0.5s;} .quoteul li:nth-child(2n){margin-right: 0;} .quoteul li:hover{background: #0d4eaf;} .quoteul li:hover .summary{color: #fff;} .quoteul li:hover p{color: #fff;} .quoteul li .summary{float: left;width:100%;line-height: 24px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 48px;margin-top: 10px;color: #666;transition:0.5s;text-align: left;} .quoteul li p{float: left;width:100%;color: #aaa;line-height: 30px;} @media (max-width: 768px) { .quoteul{float: left;width: 100%;padding:15px;} .quoteul li{float: left;width:100%;margin: 0 0% 10px 0;position: relative;padding: 15px 25px;background: #fff;transition:0.5s;} .quoteul li:nth-child(2n){margin-right: 0;} .quoteul li:hover{background: #0d4eaf;} .quoteul li:hover .summary{color: #fff;} .quoteul li:hover p{color: #fff;} .quoteul li .summary{float: left;width:100%;line-height: 24px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 48px;margin-top: 10px;color: #666;transition:0.5s;text-align: left;} .quoteul li p{float: left;width:100%;color: #aaa;line-height: 30px;} } .quoteshow{float: left;width: 100%;padding: 0 20px 0 0;margin-bottom:10px;} .quoteshow li{float: left;width:100%;position: relative;padding: 25px 0 25px;background: #fff;transition:0.5s;} .quoteshow li b{float: left;width:70%;line-height: 44px;background: #0d4eaf;overflow: hidden;font-size: 18px;padding:0px 0px 0;height: 44px;margin-top: 10px;color: #fff;padding-left: 20px;font-weight: normal;} .quoteshow li span{float: left;width:100%;padding: 0 0 0 20px;line-height: 60px;font-size: 15px;} .quoteshow li p{float: left;width:100%;padding: 0 0 0 20px;line-height: 24px;font-size: 13px;color: #999;} @media (max-width: 768px) { .quoteshow{float: left;width: 100%;padding: 0 0px 0 0;margin-bottom:10px;} .quoteshow li{float: left;width:100%;position: relative;padding: 25px 0 25px;background: #fff;transition:0.5s;} .quoteshow li b{float: left;width:70%;line-height: 44px;background: #0d4eaf;overflow: hidden;font-size: 18px;padding:0px 0px 0;height: 44px;margin-top: 0px;color: #fff;padding-left: 20px;font-weight: normal;} .quoteshow li span{float: left;width:100%;padding: 0 0 0 20px;line-height: 60px;font-size: 15px;} .quoteshow li p{float: left;width:100%;padding: 0 0 0 20px;line-height: 24px;font-size: 13px;color: #999;} } /*classicsul*/ .classicsul{float: left;width: 100%;padding: 0 0px;margin-bottom:20px;} .classicsul li{float: left;width:32%;margin: 0 2% 20px 0;position: relative;padding: 20px;background: #fff;transition:0.5s;} .classicsul li:nth-child(3n){margin-right: 0;} .classicsul li .img{float: left;width:30%;} .classicsul li .img img{float: left;width:100%;} .classicsul li .text{float: left;width:70%;padding-left: 15px;} .classicsul li .text b{float: left;width: 100%;line-height: 40px;font-size: 18px;color: #333;font-weight: normal;} .classicsul li .text span{float: left;width: 100%;line-height: 24px;font-size: 13px;color: #aaa;} .classicsul li .text p{float: left;width: 100%;line-height: 24px;font-size: 13px;color: #999;} @media (max-width: 768px) { .classicsul{float: left;width: 100%;padding: 15px;margin-bottom:20px;} .classicsul li{float: left;width:100%;margin: 0 0% 10px 0;position: relative;padding: 15px;background: #fff;transition:0.5s;} .classicsul li:nth-child(3n){margin-right: 0;} .classicsul li .img{float: left;width:25%;} .classicsul li .img img{float: left;width:100%;} .classicsul li .text{float: left;width:65%;padding-left: 10px;} .classicsul li .text b{float: left;width: 100%;line-height: 20px;font-size: 16px;color: #333;font-weight: normal;} .classicsul li .text span{float: left;width: 100%;line-height: 24px;font-size: 13px;color: #aaa;} .classicsul li .text p{float: left;width: 100%;line-height: 24px;font-size: 13px;color: #999;} } .classicsshow{float: left;width: 100%;padding: 0 20px 0 0;margin-bottom:10px;} .classicsshow li{float: left;width:100%;position: relative;padding:0px;background: #fff;transition:0.5s;} .classicsshow li .img{float: left;width:40%;margin: 20px 0 0 20px;z-index: 2;position: relative;} .classicsshow li .img img{float: left;width:100%;} .classicsshow li b{float: left;width:50%;line-height: 34px;color: #333;overflow: hidden;font-size: 18px;padding:0px 0px 0;position: absolute;padding-left: 20px;height: 34px;margin-top: 50px;font-weight: normal;} .classicsshow li p{float: left;width:100%;margin: 0 0 12px;background: #0d4eaf;color: #fff;padding: 80px 20px 160px;margin-top: -60px;z-index: 1;line-height: 26px;} @media (max-width: 768px) { .classicsshow{float: left;width: 100%;padding: 0 0px 0 0;margin-bottom:10px;} .classicsshow li{float: left;width:100%;position: relative;padding:0px;background: #fff;transition:0.5s;} .classicsshow li .img{float: left;width:30%;margin: 15px 0 0 15px;z-index: 2;position: relative;} .classicsshow li .img img{float: left;width:100%;} .classicsshow li b{float: left;width:50%;line-height: 34px;color: #333;overflow: hidden;font-size: 16px;padding:0px 0px 0;position: absolute;padding-left: 20px;height: 34px;margin-top: 50px;font-weight: normal;} .classicsshow li p{float: left;width:100%;margin: 0 0 12px;background: #0d4eaf;color: #fff;padding: 70px 15px 30px;margin-top: -60px;z-index: 1;line-height: 26px;} } /*列表*/ .classicsdesc{float: left;width:100%;margin: 0px 0 20px;line-height:32px;font-size: 15px;color: #666;} .classicsuls{float: left;width:100%;margin: 0px 0 20px;} .classicsuls li{float: left;width:30%;color: #444;line-height: 44px;border-bottom: 1px dotted #ddd;margin: 0 5% 0 0;} .classicsuls li:nth-child(3n){margin-right: 0;} .classicsuls li a{float: left;color: #444;line-height: 44px;height: 44px;overflow: hidden;width: 100%;} @media (max-width: 768px) { .classicsdesc{float: left;width:100%;margin: 0px 0 20px;line-height:32px;font-size: 15px;color: #666;} .classicsuls{float: left;width:100%;margin: 0px 0 20px;} .classicsuls li{float: left;width:100%;color: #444;line-height: 44px;border-bottom: 1px dotted #ddd;margin: 0 0% 0 0;} .classicsuls li:nth-child(3n){margin-right: 0;} .classicsuls li a{float: left;color: #444;line-height: 44px;height: 44px;overflow: hidden;width: 100%;font-size: 14px;} } /*相关推荐*/ .recommandclassics{float: left;width:100%;margin: 0px 0 20px;} .recommandclassics .title{float: left;width:100%;border-bottom: 2px solid #eee;line-height: 50px;height: 50px;margin-bottom: 15px;} .recommandclassics .title b{float: left;border-bottom: 2px solid #0d4eaf;color: #0d4eaf;font-size: 16px;height: 50px;font-weight: normal;} .recommandclassics .ul{float: left;width:100%;font-size: 13px;color: #666;line-height: 22px;margin: 0;} .recommandclassics .ul a{float: left;width:13.333%;color: #444;line-height: 36px;border-bottom: 1px dotted #ddd;margin: 0 4% 0 0;} .recommandclassics .ul a img{float: left;width: 100%;} @media (max-width: 768px) { .recommandclassics{float: left;width:100%;margin: 0px 0 0px;} .recommandclassics .title{float: left;width:100%;border-bottom: 2px solid #eee;line-height: 50px;height: 50px;margin-bottom: 15px;} .recommandclassics .title b{float: left;border-bottom: 2px solid #0d4eaf;color: #0d4eaf;font-size: 16px;height: 50px;font-weight: normal;} .recommandclassics .ul{float: left;width:100%;font-size: 13px;color: #666;line-height: 22px;margin: 0;} .recommandclassics .ul a{float: left;width:23.5%;color: #444;line-height: 36px;border-bottom: none;margin: 0 2% 0 0;} .recommandclassics .ul a:nth-child(4n){margin-right: 0;} .recommandclassics .ul a:nth-child(5){display: none;} .recommandclassics .ul a:nth-child(6){display: none;} .recommandclassics .ul a img{float: left;width: 100%;} } /*list_resource*/ .list_resource{float: left;width: 100%;} .list_resource li{float: left;width:23.5%;margin: 0px 2% 20px 0 ;background: #fff;position: relative;} .list_resource li:nth-child(4n){margin-right: 0;} .list_resource li .tag{position: absolute;background: url(/Public/Common/Images/play.png) no-repeat center center;width:100%;height: 50px;z-index: 2;left: 0;top: 60px;} .list_resource li .img{float: left;width:100%;overflow: hidden;z-index: 1;} .list_resource li .img img{float: left;width:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .list_resource li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .list_resource li .title{float: left;width:100%;line-height: 36px;color: #333;overflow: hidden;font-size: 15px;height: 36px;padding:0 10px;margin: 10px 0 0px;} .list_resource li p{float: left;width:100%;line-height: 20px;color: #666;overflow: hidden;font-size: 14px;padding:0px 10px 15px;} .list_resource li p em{float: left;font-style: normal;color: #ddd;line-height: 20px;margin-right: 15px;} .list_resource li p span{float: left;font-style: normal;color: #ddd;line-height: 20px;top: 0;margin-right: 4px;} @media (max-width: 768px) { .list_resource{float: left;width: 100%;padding: 15px 15px 0;} .list_resource li{float: left;width:49%;margin: 0px 2% 10px 0 ;background: #fff;position: relative;} .list_resource li:nth-child(2n){margin-right: 0;float: right;} .list_resource li .tag{position: absolute;background: url(/Public/Common/Images/play.png) no-repeat center center;width:100%;height: 50px;z-index: 2;left: 0;top: 35px;} .list_resource li .img{float: left;width:100%;overflow: hidden;z-index: 1;} .list_resource li .img img{float: left;width:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .list_resource li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .list_resource li .title{float: left;width:100%;line-height: 20px;color: #333;overflow: hidden;font-size: 14px;height: 40px;padding:0 10px;margin: 10px 0 0px;} .list_resource li p{float: left;width:100%;line-height: 20px;color: #666;overflow: hidden;font-size: 14px;padding:0px 10px 10px;} .list_resource li p em{float: left;font-style: normal;color: #ddd;line-height: 20px;margin-right: 15px;} .list_resource li p span{float: left;font-style: normal;color: #ddd;line-height: 20px;top: 0;margin-right: 4px;} } .show_resource{float: left;width: 100%;padding-right: 20px;} .show_resource li{float: left;width:100%;margin: 0px 0% 20px 0 ;background: #fff;position: relative;} .show_resource li .tag{position: absolute;background: url(/Public/Common/Images/play.png) no-repeat center center;width:100%;height: 50px;z-index: 2;left: 0;top: 60px;} .show_resource li .img{float: left;width:100%;overflow: hidden;z-index: 1;} .show_resource li .img img{float: left;width:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .show_resource li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .show_resource li .title{float: left;width:100%;line-height: 24px;color: #333;overflow: hidden;font-size: 15px;padding:0 15px;margin: 15px 0 10px;} .show_resource li p{float: left;width:100%;line-height: 20px;color: #666;overflow: hidden;font-size: 14px;padding:0px 15px 15px;} .show_resource li p em{float: left;font-style: normal;color: #ddd;line-height: 20px;margin-right: 15px;} .show_resource li p span{float: left;font-style: normal;color: #ddd;line-height: 20px;top: 0;margin-right: 4px;} @media (max-width: 768px) { .show_resource{float: left;width: 100%;padding-right: 0px;} .show_resource li{float: left;width:100%;margin: 0px 0% 10px 0 ;background: #fff;position: relative;} .show_resource li .tag{position: absolute;background: url(/Public/Common/Images/play.png) no-repeat center center;width:100%;height: 50px;z-index: 2;left: 0;top: 60px;display: none;} .show_resource li .img{float: left;width:100%;overflow: hidden;z-index: 1;display: none;} .show_resource li .img img{float: left;width:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .show_resource li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} .show_resource li .title{float: left;width:100%;line-height: 24px;color: #333;overflow: hidden;font-size: 16px;padding:0 15px;margin: 15px 0 10px;} .show_resource li p{float: left;width:100%;line-height: 20px;color: #666;overflow: hidden;font-size: 14px;padding:0px 15px 15px;} .show_resource li p em{float: left;font-style: normal;color: #ddd;line-height: 20px;margin-right: 15px;} .show_resource li p span{float: left;font-style: normal;color: #ddd;line-height: 20px;top: 0;margin-right: 4px;} } .productss{float: left;width: 100%;z-index: 333;position: relative;} .productss .box{float: left;width: 100%;background: #fff;box-shadow:0 20px 30px rgba(0,0,0,0.1);} .productss .box .one{float: left;width: 100%;position: relative;color: #fff;} .productss .box .one .img{float: left;width: 100%;position: relative;} .productss .box .one .img img{float: left;width: 100%;} .productss .box .one .info{float: left;width: 25%;padding:100px 40px 0;position: absolute;right: 10%;background:rgba(255,136,0,0.9);height: 620px;} .productss .box .one .info h1{float: left;width: 100%;line-height: 60px;font-size: 18px;color: #fff;font-weight: normal;margin:0;} .productss .box .one .info h2{float: left;line-height: 40px;font-size: 24px;color: #fff;margin:0 0 15px;} .productss .box .one .info h3{float: left;width: 100%;line-height: 20px;font-size: 13px;color: #fff;font-weight: normal;margin-bottom: 30px;} .productss .box .one .info a{float: left;margin: 0 20px 0 0;padding: 0 60px 0 20px;color: #fff;border: 1px solid #fff;line-height: 44px;} .productss .box .tabs{float: left;width: 100%;padding:0 100px;} .productss .box .tabs .ul{width:100%;height:84px;float: left;font-size: 13px;text-align: center;margin-bottom: 40px;} .productss .box .tabs .ul li{height: 80px;display:inline-block;cursor:pointer;color:#000;line-height: 80px;font-size: 18px;float: left;margin-right: 80px;} .productss .box .tabs .ul li a{color: #000;} .productss .box .tabs .ul li.hover{color:#0d4eaf;border-bottom: 6px solid #0d4eaf;} .productss .box .text{float: left;width: 100%;padding:0 100px 100px;} .productss .box .text img{float: left;max-width: 100%;} @media (max-width: 768px) { .productss{float: left;width: 100%;margin: -100px 0px 60px;padding: 0 30px;} .productss .box{box-shadow: none;} .productss .box .one{float: left;width: 100%;padding: 0px;background: #fff;box-shadow:0 20px 30px rgba(0,0,0,0.1);border-radius: 15px;} .productss .box .one .img{float: left;width: 100%;position: relative;} .productss .box .one .img img{float: left;width: 100%;} .productss .box .one .info{float: left;width: 100%;padding:30px;position: relative;background:none;height: auto;right: 0} .productss .box .one .info h1{float: left;width: 100%;line-height: 60px;font-size: 18px;color: #000;font-weight: normal;margin:0;} .productss .box .one .info h2{float: left;line-height: 40px;font-size: 24px;color: #000;margin:0 0 15px;} .productss .box .one .info h3{float: left;width: 100%;line-height: 20px;font-size: 13px;color: #000;font-weight: normal;margin-bottom: 30px;} .productss .box .one .info a{float: left;margin: 0 20px 0 0;padding: 0 60px 0 20px;color: #000;border: 1px solid #000;line-height: 44px;} .productss .box .tabs{float: left;width: 100%;padding:0;} .productss .box .tabs .ul{width:100%;height:auto;float: left;font-size: 13px;text-align: center;margin-bottom: 0px;} .productss .box .tabs .ul li{height: 60px;display:inline-block;cursor:pointer;color:#000;line-height: 60px;font-size: 15px;float: left;margin-right: 15px;} .productss .box .tabs .ul li a{color: #000;} .productss .box .tabs .ul li.hover{color:#0d4eaf;border-bottom: 6px solid #0d4eaf;} .productss .box .text{float: left;width: 100%;padding:0 0px 0px;} .productss .box .text img{float: left;max-width: 100%;} } /*share_02*/ .share_02{float: left;width: 100%;padding: 30px 100px;background: #fafafa;margin-bottom: 40px;} .share_02 .bdsharebuttonbox a{float: left;margin: 0 25px 0 0;width: 50px;height:50px;border-radius: 100%;} .share_02 .bdsharebuttonbox .bds_more{background:#ffc800 url(/Public/Common/Images/sns.add.w.png) no-repeat center 10px;;background-size: 30px} .share_02 .bdsharebuttonbox .bds_weixin{background:#4dbd55 url(/Public/Common/Images/sns.weixin.w.png) no-repeat center 10px;background-size: 30px;} .share_02 .bdsharebuttonbox .bds_qzone{background:#ff9900 url(/Public/Common/Images/sns.qqzone.w.png) no-repeat center 10px;background-size: 30px;} .share_02 .bdsharebuttonbox .bds_tsina{background:#ff3333 url(/Public/Common/Images/sns.weibo.w.png) no-repeat center 10px;background-size: 30px;} .share_02 .bdsharebuttonbox .bds_sqq{background:#36beff url(/Public/Common/Images/sns.qq.w.png) no-repeat center 10px;background-size: 30px;} .share_02 .bdsharebuttonbox .bds_copy{background:#aaaaaa url(/Public/Common/Images/sns.link.w.png) no-repeat center 10px;background-size: 30px;} @media (max-width: 768px) { .share_02{float: left;width: 100%;padding:30px 0;background: none;margin-bottom: 0px;} .share_02 .bdsharebuttonbox a{float: left;margin: 0 10px 0 0;width: 40px;height:40px;} .share_02 .bdsharebuttonbox .bds_more{background:#ffc800 url(/Public/Common/Images/sns.add.w.png) no-repeat center 8px;background-size: 24px} .share_02 .bdsharebuttonbox .bds_weixin{background:#4dbd55 url(/Public/Common/Images/sns.weixin.w.png) no-repeat center 8px;background-size: 24px;} .share_02 .bdsharebuttonbox .bds_qzone{background:#ff9900 url(/Public/Common/Images/sns.qqzone.w.png) no-repeat center 8px;background-size: 24px;} .share_02 .bdsharebuttonbox .bds_tsina{background:#ff3333 url(/Public/Common/Images/sns.weibo.w.png) no-repeat center 8px;background-size: 24px;} .share_02 .bdsharebuttonbox .bds_sqq{background:#36beff url(/Public/Common/Images/sns.qq.w.png) no-repeat center 8px;background-size: 24px;} .share_02 .bdsharebuttonbox .bds_copy{background:#aaaaaa url(/Public/Common/Images/sns.link.w.png) no-repeat center 8px;background-size: 24px;} } .techc{float: left;width: 100%;padding:100px 0 ;} .techc .c{float: left;width: 100%;position: relative;transition:0.5s;opacity: 1;} .techc .c img{float: left;width: 100%;} .techc .c_m{float: left;width: 100%;position: relative;transition:0.5s;opacity: 1;display: none;padding: 25px;} .techc .c_m img{float: left;width: 100%;} @media (max-width: 768px) { .techc{float: left;width: 100%;padding:25px 0 ;} .techc .c{display: none;} .techc .c_m{display: block;} } /* bdHow */ .bdHow{float: left;width: 100%;padding:0;transition:0.5s;position: relative;} .bdHow .box{float: left;width: 100%;background: #fff;padding: 60px;font-size: 14px;line-height: 30px;} .bdHow .box .pc{width: 100%;float: left;} .bdHow .box .mm{width: 100%;float: left;display: none;padding: 0 30px;} .bdHow .box .mm img{max-width: 100%;} @media (max-width: 768px) { .bdHow{width: 100%;background: #fff;float: left;margin-bottom: 60px;} .bdHow .box{width: 100%;float: left;padding: 20px;border: none;} .bdHow .box .pc{display: none;} .bdHow .box .mm{display: block;padding: 0} } /*bdFour*/ .bdFour{float: left;width: 100%;padding:0;transition:0.5s;position: relative;} .bdFour .box{float: left;width: 100%;background: #fff;padding: 60px;} .bdFour .box .t{float: left;width:100%;font-size: 18px;color: #fff;margin:80px 0 20px;position: relative;transition:0.5s;} .bdFour .box .t p{float: left;width:100%;text-align: center;height: 140px;} .bdFour .box .t p i{display: inline-block;width:400px;font-size: 34px;color: #fff;line-height: 140px;text-align: center;text-transform: uppercase;font-style: normal;height: 140px;background: #0d4eaf;} .bdFour .box .t em{float: left;width:100%;height: 4px;padding: 0 48%;margin-top: -4px;} .bdFour .box .t em i{float: left;width:100%;height: 4px;background: #fff;} .bdFour .box .t b{float: left;width:100%;font-size: 24px;color: #0d4eaf;line-height: 40px;font-weight: normal;text-align: center;margin-top: 30px;text-transform: uppercase;} .bdFour .box .t span{float: left;width:100%;font-size: 24px;color: #333;line-height: 40px;font-weight: normal;text-align: center;margin-top: 10px;} .bdFour .box .ul{float: left;width: 100%;position: relative;transition:0.5s;margin-top: 60px;} .bdFour .box .ul li{float: left;width:22%;margin: 0 4% 0px 0;position: relative;padding: 80px 30px 50px;transition:0.5s;box-shadow: 0 15px 30px rgba(0,0,0,0.1)} .bdFour .box .ul li:nth-child(4){margin-right: 0;} .bdFour .box .ul li:hover{background: #0d4eaf;box-shadow: 0 15px 30px rgba(0,0,0,0.2)} .bdFour .box .ul li:hover .tit1 img{border: 1px solid #fff;background:#fff;} .bdFour .box .ul li:hover .tit2{color: #fff;} .bdFour .box .ul li:hover .see{color: #fff;border: 1px solid #fff;} .bdFour .box .ul li:hover .p_p{color: #fff;} .bdFour .box .ul li:hover em i{background:#fff;} .bdFour .box .ul li .tit1{float: left;width:100%;overflow: hidden;transition:0.5s;text-align: center;transition:0.5s;} .bdFour .box .ul li .tit1 img{display: inline-block;border: 1px solid #0d4eaf;width: 102px;width: 102px;border-radius: 100%;transition:0.5s;} .bdFour .box .ul li .tit2{float: left;width:100%;line-height: 44px;color: #333;overflow: hidden;font-size: 24px;text-align: center;transition:0.5s;margin-top: 20px;} .bdFour .box .ul li em{float: left;width:100%;height: 4px;margin: 20px 0 30px;padding: 0 40%;} .bdFour .box .ul li em i{float: left;width:100%;height: 4px;background: #000;margin: 0px 0;transition:0.5s;} .bdFour .box .ul li .p_p{float: left;width:100%;line-height: 24px;height: 72px;overflow: hidden;text-align: center;font-size: 14px;transition:0.5s;} @media (max-width: 768px) { .bdFour{margin-bottom: 0;} .bdFour .box{background: none;margin-top: -60px;margin-bottom: 60px;} .bdFour .box .t{float: left;width:100%;font-size: 18px;color: #fff;margin-bottom:20px;position: relative;transition:0.5s;padding: 0 30px;margin-top: 0;} .bdFour .box .t p{float: left;width:100%;text-align: center;height: 120px;} .bdFour .box .t p i{display: inline-block;width:100%;font-size: 24px;color: #fff;line-height: 120px;text-align: center;text-transform: uppercase;font-style: normal;height: 120px;background: #0d4eaf;} .bdFour .box .t em{float: left;width:100%;height: 4px;padding: 0 48%;margin-top: -4px;} .bdFour .box .t em i{float: left;width:100%;height: 4px;background: #fff;} .bdFour .box .t b{float: left;width:100%;font-size: 24px;color: #0d4eaf;line-height: 40px;font-weight: normal;text-align: center;margin-top: 30px;text-transform: uppercase;} .bdFour .box .t span{float: left;width:100%;font-size: 16px;color: #333;line-height: 30px;font-weight: normal;text-align: center;margin-top: 0px;} .bdFour .box .ul{bottom: 0px;opacity: 1;margin-top:0px;padding: 0 25px;} .bdFour .box .ul li{float: left;width:48%;margin: 0 0% 20px 0;position: relative;padding: 40px 15px 0;transition:0.5s;background:#fff;overflow: hidden;box-shadow: 0 10px 20px rgba(0,0,0,0.05)} .bdFour .box .ul li:nth-child(2n){float: right;} .bdFour .box .ul li:hover{background: #0d4eaf;} .bdFour .box .ul li:hover .tit1{display: none;} .bdFour .box .ul li:hover .tit2{color: #fff;} .bdFour .box .ul li:hover .see{color: #fff;border: 1px solid #fff;} .bdFour .box .ul li:hover p{color: #fff;} .bdFour .box .ul li:hover em{display: block;} .bdFour .box .ul li:hover span{display: block;} .bdFour .box .ul li .tit1{float: left;width:100%;transition:0.5s;text-align: center;line-height: 20px;} .bdFour .box .ul li .tit1 img{height: 70px;width: 70px} .bdFour .box .ul li .tit2{float: left;width:100%;line-height: 34px;color: #333;overflow: hidden;font-size: 18px;text-align: center;transition:0.5s;margin-top: 10px;} .bdFour .box .ul li em{float: left;width:100%;height: 3px;margin: 10px 0 20px;padding: 0 40%;} .bdFour .box .ul li .p_p{float: left;width:100%;line-height: 20px;height: 80px;overflow: hidden;text-align: center;font-size: 12px;transition:0.5s;} } /*toolBox_19 首页8工具栏*/ .toolBox_19{width: 100%;float: left;padding-top: 50px;padding-bottom: 50px;background: #fff;} .toolBox_19 .t{width: 100%;float: left;height:150px;position: relative;text-align: center;} .toolBox_19 .t .titlebox{width: 100%;height: 80px;float: left;border-bottom: 1px solid #ddd;text-align: center;} .toolBox_19 .t .titlebox b{font-size: 36px;line-height: 80px;font-weight: normal;border-bottom: 1px solid #3487bb;height: 80px;display: inline-block;color: #3487bb;padding: 0 0px;} .toolBox_19 .t i{float: left;width: 100%;font-style: normal;font-size: 16px;line-height: 60px; text-transform: uppercase;color: #888;} .toolBox_19 .box{width: 100%;float: left;} .toolBox_19 .box a{width: 19.04%;float: left;background: #fff;margin-right: 1.2%;margin-bottom: 0;;transition: 0.3s;} .toolBox_19 .box a:nth-child(5n){margin-right: 0;} .toolBox_19 .box a .img{width:100%;text-align: center;float: left;height: 84px;margin: 10px 0 0;transition: 0.3s;} .toolBox_19 .box a .img img{width: 84px;border-radius: 100%;padding: 10px;} .toolBox_19 .box a:nth-child(1) .img img{background: #3487bb;} .toolBox_19 .box a:nth-child(2) .img img{background: #0d4eaf;} .toolBox_19 .box a:nth-child(3) .img img{background: #3CB572;} .toolBox_19 .box a:nth-child(4) .img img{background: #9A4EB3;} .toolBox_19 .box a:nth-child(5) .img img{background: #D83939;} .toolBox_19 .box a:nth-child(6) .img img{background: #D83939;} .toolBox_19 .box a:nth-child(7) .img img{background: #3487bb;} .toolBox_19 .box a:nth-child(8) .img img{background: #0d4eaf;} .toolBox_19 .box a:nth-child(9) .img img{background: #3CB572;} .toolBox_19 .box a:nth-child(10) .img img{background: #9A4EB3;} .toolBox_19 .box a span{width: 100%;text-align: center;float: left;font-size: 20px;color: #666;line-height: 54px;margin-bottom: 15px;} .toolBox_19 .box a:hover span{color:#3487bb;} @media (max-width: 768px) { .toolBox_19{width: 100%;float: left;padding-top: 20px;display: none;} } .toolBox_19_m{display: none;} @media (max-width: 768px) { .toolBox_19_m{width: 100%;float: left;display: block;padding-bottom: 0;margin-bottom: 15px;background: #fff;padding:15px 15px 25px;} .toolBox_19_m .t{width: 100%;float: left;position: relative;text-align: center;} .toolBox_19_m .t .titlebox{width: 100%;height: 40px;float: left;border-bottom: 1px solid #eee;text-align: center;} .toolBox_19_m .t .titlebox b{font-size: 20px;line-height:40px;font-weight: normal;border-bottom: 1px solid #3487bb;height: 40px;display: inline-block;color: #3487bb;padding: 0 0px;} .toolBox_19_m .t i{float: left;width: 100%;font-style: normal;font-size: 13px;line-height:40px; text-transform: uppercase;color: #666;} .toolBox_19_m .box{width: 100%;float: left;margin-top: 10px;} .toolBox_19_m .box a{width: 20%;float: left;height:auto;transition: 0.3s;background: none;} .toolBox_19_m .box a .img{width:100%;text-align: center;float: left;height: 52px;margin: 5px 0 0;transition: 0.3s;} .toolBox_19_m .box a .img img{width: 52px;display: inline-block;height: 52px;padding: 8px;border-radius: 52px;} .toolBox_19_m .box a:nth-child(1) .img img{background: #3487bb;} .toolBox_19_m .box a:nth-child(2) .img img{background: #0d4eaf;} .toolBox_19_m .box a:nth-child(3) .img img{background: #3CB572;} .toolBox_19_m .box a:nth-child(4) .img img{background: #9A4EB3;} .toolBox_19_m .box a:nth-child(5) .img img{background: #D83939;} .toolBox_19_m .box a:nth-child(6) .img img{background: #D83939;} .toolBox_19_m .box a:nth-child(7) .img img{background: #3487bb;} .toolBox_19_m .box a:nth-child(8) .img img{background: #0d4eaf;} .toolBox_19_m .box a:nth-child(9) .img img{background: #3CB572;} .toolBox_19_m .box a:nth-child(10) .img img{background: #9A4EB3;} .toolBox_19_m .box a span{width: 100%;text-align: center;float: left;font-size: 13px;color: #333;line-height: 34px;margin: 0 0 0px;} .toolBox_19_m .box a:hover{background:#3487bb;} } /*indexjs*/ .indexjs{ float: left;width: 100%;position: relative;background: #fff;display: none;margin-bottom: 15px;} .indexjs .box{ float:left;width: 100%;padding: 15px;} .indexjs .box p{ float:left;width: 100%;padding: 0px;line-height: 28px;font-size: 15px;} .indexjs .box .img{ float:left;width: 100%;height: auto;} .indexjs .box .img img{ float:left;width: 100%;} @media (max-width: 768px) { .indexjs{display: block;} } /* teamBox */ .teamBox{float: left;width: 100%;} .teamBox img{float: left;width:100%;} .teamBox .text{float: left;width:100%;background:#3487bb;text-align: center;bottom: 0;z-index: 3;transition: 0.3s;} .teamBox .text .titles{float: left;width:100%;line-height: 50px;color: #fff;overflow: hidden;font-size: 18px;height: 50px;margin-top: 10px;} .teamBox .text p{float: left;width:100%;line-height:54px;color: #fff;text-align: center;margin-bottom: 10px;} .teamBox .text span{float: left;width:100%;padding: 0 45%;} .teamBox .text span i{float: left;width:100%;height: 1px;background:#fff;} @media (max-width: 768px) { .teamBox{float: left;width: 100%;padding: 15px;} } .fixbar_07{width: 100%;height: 60px;display: none;float: left;} .fixbar_07 a{float: left;color: #fff;font-size: 17px;width:50%;text-align: center;height: 60px;line-height: 60px;} .fixbar_07 a.tel{background:#3487bb;width: 50%;} .fixbar_07 a.mapnav{background:#0d4eaf;width: 50%;} @media (max-width: 768px) { .fixbar_07{display: block;padding: 0 15px;} } /*note_index */ .note_index{width: 100%;float: left;display: none;padding: 25px 15px;background: #fff;} .note_index .li{width: 100%;float: left;} .note_index .li .lir{width: 100%;float: left;} .note_index .li .lir .submit{width: 35%;height: 42px;float: left;line-height: 40px;border: 1px solid #0d4eaf;background: #0d4eaf;color: #fff;text-align: center;padding: 0;} .note_index .li .lir .textarea{width: 100%;height:70px;background: #fff; line-height:22px;padding:6px;outline: none;color: #aaa;font-size: 13px;float: left;border: 1px solid #eee;margin-bottom: 15px;} .note_index .li .lir .input{width: 65%;background: #fff;line-height: 40px;outline: none;color: #aaa;font-size: 13px;float: left;height: 42px;border: 1px solid #eee;margin: 0;border-right: none;} .note_index .li .lir .input:focus{outline: none;box-shadow: 0 0 4px #E77817 ;} @media (max-width: 768px) { .note_index{display: block;} } .serviceBox{float: left;width: 100%;margin: 20px 0 15px;border: 1px dashed #ddd;padding: 15px;line-height: 26px;background: #fafafa;} .serviceBox img{max-width: 100%;} /*服务页面咨询盒子*/ .faqbox{float: left;width: 100%;margin-top: 20px;} .faqbox .li{float: left;width: 30%;} .faqbox .li.l{width: 30%;} .faqbox .li.m{width: 35%;border-left: 1px dotted #ddd;border-right: 1px dotted #ddd;padding-left: 30px;} .faqbox .li.r{float: right;width: 35%;padding-left: 30px;} .faqbox .li .b{float: left;line-height: 30px;padding: 0 50px 10px 0px;color: #333;font-size: 15px;display: none;} .faqbox .li .list{float: left;width: 100%;padding: 0 20px 0 0;} .faqbox .li .list a{float: left;width: 100%;line-height: 28px;height: 28px;overflow: hidden;transition:1s;} .faqbox .li .list a:hover{color:#fff;background: #3487bb} @media (max-width: 768px) { .faqbox .li{float: left;width: 100%;margin-bottom: 15px;} .faqbox .li.l{width: 100%;} .faqbox .li.m{width: 100%;border-bottom: 1px dotted #ddd;border-top: 1px dotted #ddd;padding-left: 0px;border-left: none;border-right: none;padding: 15px 0;} .faqbox .li.r{float: right;width: 100%;padding-left: 0px;} } .sectionbox{float: left;width: 100%;margin-top: 20px;} .sectionbox .li{float: left;width: 33.3333%;height: 400px;} .sectionbox .li.l{background: #aaa;transition:1s;} .sectionbox .li.l .b{background: #3487bb;transition:1s;} .sectionbox .li.l:hover .b{background: #0d4eaf;line-height: 50px;} .sectionbox .li.m{background: #bbb;transition:1s;} .sectionbox .li.m .b{background: #20AB6B;transition:1s;} .sectionbox .li.m:hover .b{background: #0d4eaf;line-height: 50px;} .sectionbox .li.r{background: #aaa;transition:1s;} .sectionbox .li.r .b{background: #3487bb;transition:1s;} .sectionbox .li.r:hover .b{background: #0d4eaf;line-height: 50px;} .sectionbox .li .b{float: left;line-height: 60px;color: #fff;font-size: 18px;text-align: center;width: 100%;} .sectionbox .li .list{float: left;width: 100%;padding: 20px;color: #fff;} .sectionbox .li .list p{float: left;width: 100%;line-height: 20px;margin-bottom: 15px;} @media (max-width: 768px) { .sectionbox .li{float: left;width: 100%;height: auto;} .sectionbox .li.l{background: #aaa;transition:1s;} .sectionbox .li.l .b{background: #3487bb;transition:1s;} .sectionbox .li.m{background: #bbb;transition:1s;} .sectionbox .li.m .b{background: #20AB6B;transition:1s;} .sectionbox .li.r{background: #aaa;transition:1s;} .sectionbox .li.r .b{background: #3487bb;transition:1s;} .sectionbox .li .b{float: left;line-height: 50px;color: #fff;font-size: 16px;text-align: center;width: 100%;} .sectionbox .li .list{float: left;width: 100%;padding: 20px;color: #fff;} .sectionbox .li .list p{float: left;width: 100%;line-height: 20px;margin-bottom: 10px;} } .zybox{float: left;width: 100%;margin-top: 20px;} .zybox img{max-width: 100%;} /*youshibox*/ .youshibox{float: left;width: 100%;overflow: hidden;background: #fff;margin-top: 20px;margin-bottom: 20px;} .youshibox img{float: left;width:33.3333%;} /*servicelc 服务流程*/ .servicelc{float: left;width: 100%;overflow: hidden;margin-top: 20px;} .servicelc img{float: left;max-width: 100%;} .contactbox{float: left;width: 100%;overflow: hidden;margin: 0px 0 20px;background: #3487bb;color: #fff;border-radius: 6px;padding:10px 5px;} .contactbox .telbox{float: left;width: 100%;text-align: center;line-height:30px;color: #fff;font-size: 16px;} .contactbox .telbox span{font-size: 16px;} .contactbox .telbox b{font-size: 16px;font-weight: normal;} .contactbox p{float: left;width: 100%;text-align: center;line-height: 30px;font-size: 26px;color: #fff;} @media (max-width: 768px) { .contactbox{float: left;width: 100%;overflow: hidden;margin: 20px 0;background: #3487bb;color: #fff;border-radius: 60px;padding:8px 5px;} .contactbox .telbox{float: left;width: 100%;text-align: center;line-height:20px;color: #fff;font-size: 16px;} .contactbox .telbox span{font-size: 16px;} .contactbox .telbox b{font-size: 16px;font-weight: normal;} .contactbox p{float: left;width: 100%;text-align: center;line-height: 24px;font-size: 20px;color: #fff;} } .contactboxs{float: left;width: 100%;overflow: hidden;color: #fff;border-radius: 6px;display: none;padding:0 15px 15px;} .contactboxs .box{float: left;width: 100%;overflow: hidden;border:1px solid #3487bb;border-radius: 40px;height: 40px;background: #fff;} .contactboxs .box .telbox{float: left;width: 60%;text-align: center;line-height:40px;color: #fff;font-size: 16px;height: 40px;background: #fff;} .contactboxs .box .telbox span{font-size: 16px;color: #3487bb;float: left;line-height: 36px;padding-left: 10px;margin-right: 5px;margin-left: 10px;} .contactboxs .box .telbox p{float: left;line-height: 38px;font-size: 18px;color: #3487bb;} .contactboxs .box b{font-size: 14px;font-weight: normal;width: 40%;background: #3487bb;color: #fff;float: right;line-height: 40px;border-radius: 40px;text-align: center;overflow: hidden;} @media (max-width: 768px) { .contactboxs{display: block;} } .contactboxss{float: left;width: 100%;overflow: hidden;color: #fff;border-radius: 6px;display: none;padding:0 0px 15px;} .contactboxss .box{float: left;width: 100%;overflow: hidden;border:1px solid #3487bb;border-radius: 40px;height: 40px;background: #fff;} .contactboxss .box .telbox{float: left;width: 60%;text-align: center;line-height:40px;color: #fff;font-size: 16px;height: 40px;background: #fff;} .contactboxss .box .telbox span{font-size: 16px;color: #3487bb;float: left;line-height: 36px;padding-left: 10px;margin-right: 5px;margin-left: 10px;} .contactboxss .box .telbox p{float: left;line-height: 38px;font-size: 18px;color: #3487bb;} .contactboxss .box b{font-size: 14px;font-weight: normal;width: 40%;background: #3487bb;color: #fff;float: right;line-height: 40px;border-radius: 40px;text-align: center;overflow: hidden;} @media (max-width: 768px) { .contactboxss{display: block;} } .notice_5{float: left;height: 40px;width: 100%;margin-top: 20px;} .notice_5 .box{float: left;height: 40px;width: 100%;} .notice_5 .box span{float: left;height: 40px;line-height: 40px;font-size: 18px;} .notice_5 .box a{float: left;height: 40px;line-height: 40px;padding-left: 10px;color: #333;font-size: 15px;} @media (max-width: 768px) { .notice_5{display: none;} } /* list_20 */ .list_20{float: left;width: 100%;} .list_20 li{float: left;width:47%;margin: 0 3% 30px 0 ;background: #ddd;position: relative;padding:0px;} .list_20 li:hover{background: #0d4eaf;} .list_20 li:hover .titles{color: #fff;} .list_20 li:hover p{color: #fff;} .list_20 li:hover p span{border-color: #fff;} .list_20 li .img{float: left;width:100%;} .list_20 li .img img{float: left;width:100%;} .list_20 li .titles{float: left;width:100%;line-height: 60px;color: #333;overflow: hidden;font-size: 16px;height: 60px;text-align: center;margin-top: 10px;} .list_20 li p{float: left;width:100%;line-height: 44px;color: #333;text-align: center;margin-bottom: 10px;} .list_20 li p span{width: 70%;float: left;margin:0 15%;border-top: 1px solid #666;} .list_20 li p span{width: 70%;float: left;margin:0 15%;border-top: 1px solid #666;} .list_20 li{ transition:width 1s, height 1s; -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */ -webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */ -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */ } .list_20 li:hover{ box-shadow: 0 0 10px #ccc; transform:translate(0,-10px); -moz-transform:translate(0,-5px); /* Firefox 4 */ -webkit-transform:translate(0,-5px); /* Safari and Chrome */ -o-transform:translate(0,-5px); /* Opera */ } #mR0{margin-right: 0;} #allmap{float: left;width: 100%;height: 300px;} /*cateNavAllPc_1*/ .cateNavAllPc_1{width: 100%;float: left;position: relative;margin-bottom: 40px;background: #fff;display: none;} .cateNavAllPc_1 a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;} .cateNavAllPc_1 a.cur{color: #0d4eaf;border-bottom: 5px solid #0d4eaf;} @media (max-width: 768px) { .cateNavAllPc_1{display: none;} } /*serviceAdv*/ .serviceAdv{float: left;width: 100%;padding: 60px 0px;overflow: hidden;background: #fff;} .serviceAdv.on .box .c a.a1{left: 0;} .serviceAdv.on .box .c a.a2{bottom: 0;} .serviceAdv.on .box .c a.a3{bottom: 0;} .serviceAdv.on .box .c a.a4{right: 0;} .serviceAdv .box{ float: left;width: 100%;} .serviceAdv .box .t{float: left;width: 100%;text-align: center;padding-bottom: 50px;} .serviceAdv .box .t b{float: left;width: 100%;line-height: 60px;font-size:36px;color: #3487bb;font-weight: normal;text-transform: uppercase;} .serviceAdv .box .t em{float: left;width: 100%;line-height: 30px;font-size:24px;color: #333;font-weight: normal;font-style: normal;} .serviceAdv .box .t p{float: left;width: 100%;height:40px;} .serviceAdv .box .t p i{display: inline-block;width: 30px;height: 3px;background: #333;} .serviceAdv .box .c{float: left;width: 100%;height: 600px;overflow: hidden;} .serviceAdv .box .c a{float: left;width: 25%;-webkit-transition: 0.5s;position: relative;} .serviceAdv .box .c a img{float: left;width: 100%;} .serviceAdv .box .c a.a1{left: -100%;} .serviceAdv .box .c a.a2{bottom: -100%;} .serviceAdv .box .c a.a3{bottom: -100%;} .serviceAdv .box .c a.a4{right: -100%;} @media (max-width: 768px) { .serviceAdv{float: left;width: 100%;padding: 40px 0px;overflow: hidden;background: #fff;} .serviceAdv.on .box .c a.a1{left: 0;} .serviceAdv.on .box .c a.a2{bottom: 0;} .serviceAdv.on .box .c a.a3{bottom: 0;} .serviceAdv.on .box .c a.a4{right: 0;} .serviceAdv .box{ float: left;width: 100%;padding: 0 15px;} .serviceAdv .box .t{float: left;width: 100%;text-align: center;padding-bottom: 20px;} .serviceAdv .box .t b{float: left;width: 100%;line-height: 38px;font-size:24px;color: #3487bb;font-weight: normal;text-transform: uppercase;} .serviceAdv .box .t em{float: left;width: 100%;line-height: 30px;font-size:16px;color: #333;font-weight: normal;font-style: normal;} .serviceAdv .box .t p{float: left;width: 100%;height:25px;} .serviceAdv .box .t p i{display: inline-block;width: 30px;height: 3px;background: #333;} .serviceAdv .box .c{float: left;width: 100%;height: auto;overflow: hidden;} .serviceAdv .box .c a{float: left;width: 25%;-webkit-transition: 0.5s;position: relative;} .serviceAdv .box .c a img{float: left;width: 100%;} .serviceAdv .box .c a.a1{left: -100%;} .serviceAdv .box .c a.a2{bottom: -100%;} .serviceAdv .box .c a.a3{bottom: -100%;} .serviceAdv .box .c a.a4{right: -100%;} } /*hrbox*/ .hrbox{float: left;width: 100%;padding: 80px 0px;overflow: hidden;background: #eee;} .hrbox .t{width: 100%;float: left;height:150px;position: relative;text-align: center;} .hrbox .t .titlebox{width: 100%;height: 80px;float: left;border-bottom: 1px solid #ddd;text-align: center;} .hrbox .t .titlebox b{font-size: 36px;line-height: 80px;font-weight: normal;border-bottom: 1px solid #3487bb;height: 80px;display: inline-block;color: #3487bb;padding: 0 0px;} .hrbox .t i{float: left;width: 100%;font-style: normal;font-size: 16px;line-height: 60px; text-transform: uppercase;color: #888;} .hrbox .box{ float: left;width: 100%;} .hrbox .box .c{float: left;width: 100%;overflow: hidden;text-align: center;line-height: 30px;font-size: 14px;} @media (max-width: 768px) { .hrbox{display: none;} } /*pageFocus*/ .pageFocus{float: left;width: 100%;position: relative;display: none;} .pageFocus .bg{float: left;width: 100%;height: 360px;background-repeat: no-repeat;background-position: center top;background-size: cover;} .pageFocus .img{float: left;width: 100%;display: none;} .pageFocus .img img{float: left;width: 100%;} .pageFocus .con{float: left;width: 100%;background: rgba(0,0,0,0.5);position: absolute;z-index: 2;bottom: 0;height: 360px;} .pageFocus .con .box{width: 100%;position: relative;float: left;bottom: 0;height: 360px;padding: 300px 0 0 0;} .pageFocus .con .box p{float: left;width: 100%;line-height: 40px;font-size: 40px;color: #fff;font-weight: bold;margin-bottom: 40px;} .pageFocus .con .box span{float: left;width: 100%;line-height: 20px;font-size: 20px;color: #fff;text-transform: uppercase;} .pageFocus .con{float: left;width: 100%;height: 480px;background-repeat: no-repeat;background-position: center top;} @media (max-width: 768px) { .pageFocus{height: auto;} .pageFocus .bg{display: none;} .pageFocus .img{display: block;} .pageFocus .con{height: 100%;} .pageFocus .con .box{height: auto;padding: 15% 0 0;text-align: center;} .pageFocus .con .box p{float: left;width: 100%;line-height: 40px;font-size: 30px;color: #fff;font-weight: bold;margin-bottom: 10px;} .pageFocus .con .box span{float: left;width: 100%;line-height: 20px;font-size: 14px;color: #fff;text-transform: uppercase;} } /*pageFocusService*/ .pageFocusService{float: left;width: 100%;position: relative;margin-top: 0;background-repeat: no-repeat;background-position: center top;background-size: cover;display: none;} .pageFocusService .con{float: left;width: 100%;background: rgba(0,0,0,0.5);z-index: 2;bottom: 0;} .pageFocusService .con .box{width: 100%;position: relative;float: left;bottom: 0;padding: 150px 0 30px 0;} .pageFocusService .con .box p{float: left;line-height: 100px;font-size: 40px;color: #fff;font-weight: bold;margin-bottom: 40px;border-bottom: 6px solid #fff;padding-bottom: 20px;} .pageFocusService .con .box b{float: left;width: 100%;line-height: 20px;font-size: 20px;color: #fff;text-transform: uppercase;margin-bottom: 15px;} .pageFocusService .con .box span{float: left;width: 100%;line-height: 24px;font-size: 12px;color: #fff;text-transform: uppercase;} .pageFocusService .con{float: left;width: 100%;height: 480px;background-repeat: no-repeat;background-position: center top;} @media (max-width: 768px) { .pageFocusService{height: auto;margin-top: 0;} .pageFocusService .con{height: 100%;position: relative;} .pageFocusService .con .box{height: auto;padding:20px;} .pageFocusService .con .box p{float: left;line-height: 40px;font-size: 30px;color: #fff;font-weight: bold;margin-bottom: 20px;} .pageFocusService .con .box span{float: left;width: 100%;line-height: 24px;font-size: 13px;color: #fff;text-transform: uppercase;} } /*pageFocus2*/ .pageFocus2{float: left;width: 100%;background: url(/Public/Common/Images/page.jpg) ;height: 310px;background-repeat: no-repeat;background-position: center top;} .pageFocus2 .box{height: 240px;width: 100%;} .pageFocus2 .box .c{height: 140px;margin-top: 100px;float: left;} .pageFocus2 .box .c a{float: left;line-height: 100px;font-size: 20px;color: #0d4eaf;background:#0d4eaf;text-align: center;height: 100px;margin-top: 50px;margin-right: 0px;width: 300px;} .pageFocus2 .box .c a.cur{line-height: 150px;height: 150px;margin-top: 0;color: #0d4eaf;background: #eee;} @media (max-width: 768px) { .pageFocus2{display: none;} } /* allBarTab_13 */ .allBarTab_13{float: left;width: 100%;margin-top: 20px;background: #fff;} .allBarTab_13 .box{width: 100%;float: left;padding: 40px 0px;} .allBarTab_13 .box .l{float: left;width: 45%;;} .allBarTab_13 .box .l .tmenu{width:100%;height:36px;float: left;font-size: 14px;line-height: 20px;border-bottom: 1px solid #d4d4d4;margin-bottom: 10px;} .allBarTab_13 .box .l .tmenu li{height: 36px;;float:left;display:block;cursor:pointer;color:#333;margin-right: 35px;font-size: 16px;} .allBarTab_13 .box .l .tmenu li.hover{border-bottom: 1px solid #3487bb;} .allBarTab_13 .box .l .tbox{width:100%;float:left;} .allBarTab_13 .box .l .tbox .more{width:100%;float:left;margin-top: 20px;} .allBarTab_13 .box .l .tbox .more a{float:left;border: 1px solid #d4d4d4;line-height: 40px;padding: 0 30px;color: #333;} .allBarTab_13 .box .l .tbox .li{width:100%;float:left;border-bottom: 1px dashed #d4d4d4;padding: 10px 0;} .allBarTab_13 .box .l .tbox .li a{width:100%;float:left;line-height:24px;color: #333;font-size: 16px;transition:0.5s;} .allBarTab_13 .box .l .tbox .li a:hover{color: #0d4eaf} .allBarTab_13 .box .l .tbox .li p{width:100%;float:left;line-height:24px;color: #666;font-size: 13px;} .allBarTab_13 .box .l .tbox .li span{width:100%;float:left;line-height:24px;color: #aaa;font-size: 13px;margin-bottom: 4px;} .allBarTab_13 .box .r{float: right;max-width: 50%;} .allBarTab_13 .box .r img{float: left;width: 100%;} @media (max-width: 768px) { .allBarTab_13{float: left;width: 100%;margin-top: 0px;margin-bottom: 30px;} .allBarTab_13 .box{width: 100%;float: left;background:#eee;padding: 0px;} .allBarTab_13 .box .l{float: left;width: 100%;} .allBarTab_13 .box .l .tmenu{width:100%;height:46px;float: left;font-size: 14px;line-height: 46px;border-bottom: none;} .allBarTab_13 .box .l .tmenu li{height: 46px;;float:left;display:block;cursor:pointer;color:#333;margin-right: 0;font-size: 16px;width: 50%;text-align: center;background: #ccc;} .allBarTab_13 .box .l .tmenu li.hover{border-bottom: none;background: #3487bb;color: #fff;} .allBarTab_13 .box .l .tbox{width:100%;float:left;padding: 0 20px;} .allBarTab_13 .box .l .tbox .li{width:100%;float:left;border-bottom: 1px dashed #d4d4d4;padding: 10px 0;} .allBarTab_13 .box .l .tbox .li a{width:100%;float:left;line-height:20px;color: #333;font-size: 14px;} .allBarTab_13 .box .r{display: none;} } /* allBarTab_19 */ .allBarTab_19{float: left;width: 100%;padding: 0px 0;background: url(/Public/Common/Images/index_tab.png) no-repeat center top;display: none;background-size: 150%;padding-bottom: 30px;} .allBarTab_19 .box{width: 100%;float: left;padding: 0 15px;} .allBarTab_19 .box .title{width:100%;float: left;position: relative;text-align: center;margin: 30px 0 20px;} .allBarTab_19 .box .title b{width:100%;float: left;font-size: 20px;line-height: 40px;color: #fff;} .allBarTab_19 .box .title span{width:100%;float: left;font-size: 13px;line-height: 20px;color: #fff;} .allBarTab_19 .box .tmenu{width:100%;float: left;font-size: 14px;position: relative;} .allBarTab_19 .box .tmenu li{float:left;display:block;cursor:pointer;color:#fff;width: 33.3333%;background: #3487bb;text-align: center;padding: 0px 0;margin-bottom: 1px;text-align: center;} .allBarTab_19 .box .tmenu li b{float: left;width: 100%;font-size: 14px;line-height: 40px;font-weight: normal;} .allBarTab_19 .box .tmenu li.hover{background: #0d4eaf} .allBarTab_19 .box .tbox{width:100%;float:right;padding: 20px 0px 0px 0;position: relative;} .allBarTab_19 .box .tbox img{width:100%;float:left;} .allBarTab_19 .box .tbox ul{width:100%;float:left;background: #fff;padding: 10px;} .allBarTab_19 .box .tbox ul .li{width:100%;float:left;border-bottom: 1px solid #eee;padding: 5px 0;} .allBarTab_19 .box .tbox ul .li a{width:100%;float:left;line-height:20px;color: #333;font-size: 14px;} .allBarTab_19 .box .tbox ul .li p{width:100%;float:left;line-height:20px;color: #666;font-size: 13px;} @media (max-width: 768px) { .allBarTab_19{display: block;} } /*移动端栏目导航*/ .mPageNavBt{float: left;width: 100%;height: 40px;text-align: center;line-height: 40px;display: none;color: #fff;cursor: pointer;font-size: 18px;background: #999;} .mPageNav{width:100%;float: left;background: #aaa;display: none;margin-bottom: 15px;} .mPageNav a{width: 20%; line-height: 40px;text-align: center;color: #fff;float: left;background: #aaa;border-bottom: 1px solid #fff;border-right: 1px solid #fff;} .mPageNav a.cur{background:#0d4eaf;} @media (max-width: 768px) { .mPageNav{display: block;} .mPageNavBt{display: none;} } /* 通栏 */ .allBar{float: left;width: 100%;} .allBar .title{float: left;width: 100%;height: 40px;text-indent: 15px;line-height: 40px;background: #f6f6f6;} .allBar .content{width: 100%;float: left;} /* 主体 */ .mainBar{width: 65%;background: #fff;padding: 0px 0px;} .mainBar .box{float: left;width:100%;} .mainBar .box .t{float: left;width: 100%;height: 50px;line-height: 50px;font-size: 16px;border-bottom: 3px solid #eee;margin-top:20px;} .mainBar .box .t b{font-weight: normal;color: #333;height: 50px;border-bottom: 3px solid #3487bb;float: left;font-size: 16px;} .mainBar .box .c{width: 100%;float: left;margin: 20px 0px;padding: 0;} .mainBar .box .c .newsul{width: 100%;float: left;margin: 10px 0;} .mainBar .box .c .newsul li{width: 100%;float: left;color: #C1C1C3;} .mainBar .box .c .newsul li a{line-height:26px;color:#333;text-indent: 15px;float: left;} @media (max-width: 768px) { .mainBar{width: 100%;padding: 0 20px;} } /* 侧边 */ .sideBar{width: 25%;} .sideBar .ad{float: left;width: 100%;} .sideBar .ad img{float: left;width: 100%;margin: 0 0 12px 0;} .sideBar .box{float: left;width: 100%;margin: 0 0 12px 0;} .sideBar .box .t{float: left;width: 100%;margin:0 0px;height: 40px;line-height: 40px;font-size: 15px;background: #3487bb;text-indent: 20px;} .sideBar .box .t strong{font-weight: normal;color: #fff;height: 40px;line-height: 40px;float: left;} .sideBar .box .c{width: 100%;float: left;} .sideBar .box .c .newsul{width: 100%;float: left;margin: 10px 0;} .sideBar .box .c .newsul li{width: 100%;float: left;color: #C1C1C3;line-height: 26px;height: 26px;overflow: hidden;} .sideBar .box .c .newsul li span{height:26px;color:#555;float: left;width: 10px;margin-left: 20px;} .sideBar .box .c .newsul li a{height:26px;color:#555;text-indent: 5px;float: left;width: 240px;} @media (max-width: 768px) { .sideBar{width: 100%;} } /*面包削导航*/ .addressNav{float: left;width: 100%;height: 52px;line-height: 52px;font-size: 14px;color: #888;} .addressNav a{color: #888;float: left;} .addressNav span{color: #ddd;float: left;padding: 0 8px;} .addressNav b{color: #888;float: left;font-weight: normal;} @media (max-width: 768px) { .addressNav{display: none;} } @media (max-width: 768px) { .backToTop{display: none;} } .singePageBox{float: left;width: 100%;z-index: 333;position: relative;} .singePageBox .box{float: left;width: 100%;padding: 20px 0px 60px;} .singePageBox .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 40px;} .singePageBox .box .catenav a{line-height: 50px;color: #000;float: left;font-size: 15px;margin-right: 50px;transition:0.5s;border-bottom: 3px solid #ddd;} .singePageBox .box .catenav a:hover{color: #0d4eaf;border-bottom: 3px solid #0d4eaf;} .singePageBox .box .catenav a.cur{color: #0d4eaf;border-bottom: 3px solid #0d4eaf;} .singePageBox .box .htext{float: left;width: 100%;margin: 0px 0 0;} .singePageBox .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;} .singePageBox .box .htext h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 20px 0 0;} .singePageBox .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;} .singePageBox .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;} .singePageBox .box .htext .info a{color: #ddd;} .singePageBox .box .htext .text{float: left;width: 100%;line-height: 36px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;} .singePageBox .box .htext .text p{float: left;width: 100%;line-height: 36px;font-size: 15px;margin: 0;padding: 0;} .singePageBox .box .htext .text p img{max-width: 100%;} .singePageBox .box .htext .text img{max-width: 100%;} @media (max-width: 768px) { .singePageBox{float: left;width: 100%;padding: 0 0px;margin-bottom: 20px;} .singePageBox .box{float: left;width: 100%;padding:20px;border: none;} .singePageBox .box .catenav{display: none;} .singePageBox .box .htext{float: left;width: 100%;margin: 0px 0 0;} .singePageBox .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;} .singePageBox .box .htext h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 20px 0 0;} .singePageBox .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;} .singePageBox .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;} .singePageBox .box .htext .info a{color: #ddd;} .singePageBox .box .htext .text{float: left;width: 100%;line-height: 30px;font-size: 14px;margin:0px 0 0 ;padding: 0;color: #444;} .singePageBox .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;} .singePageBox .box .htext .text p img{max-width: 100%;} .singePageBox .box .htext .text img{max-width: 100%;} } /* 文档内容页 */ .htmlcontent{float: left;width: 100%;margin: 0px 0 0;} .htmlcontent .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;} .htmlcontent h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 20px 0 0;} .htmlcontent .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;} .htmlcontent .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;} .htmlcontent .info a{color: #ddd;} .htmlcontent .text{float: left;width: 100%;line-height: 30px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;} .htmlcontent .text p{float: left;width: 100%;line-height: 30px;font-size: 15px;margin: 0;padding: 0;} .htmlcontent .text p img{max-width: 100%;} .htmlcontent .text img{max-width: 100%;} @media (max-width: 768px) { .htmlcontent{margin-bottom: 20px;margin-top: 20px;padding: 0 25px;} .htmlcontent h1{line-height:20px;font-size: 18px;margin-bottom: 15px;} } .video_pc{float: left;width: 100%;} /* list_42 */ .list_42{float: left;width:100%;font-size:12px;padding: 0px 0 0 0;display: none;} .list_42 li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;} .list_42 li .img{width:32%;float: right;} .list_42 li .img img{width:100%;float: left;} .list_42 li .text{float: left;width: 68%;padding-right: 15px;} .list_42 li .text .desc{width: 100%;float: left;line-height: 20px;color: #ccc;font-size: 14px;} .list_42 li .text .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 22px;margin-bottom: 8px;color: #333;} .list_42 li .text .tt:hover{color: #000} .list_42 li .text p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;} @media (max-width: 768px) { .list_42{display: block;} } /* list_tem */ .list_tem{float: left;margin:10px 0px 0px;width:100%;font-size:12px;padding: 0px 0 0 0;} .list_tem li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;} .list_tem li:hover .lir a{background: #0d4eaf;} .list_tem li .lil{float: left;width: 70%} .list_tem li .lil .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;} .list_tem li .lil .desc a{color: #aaa;} .list_tem li .lil .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 22px;margin-bottom: 0px;color: #333;} .list_tem li .lil .tt:hover{color: #000} .list_tem li .lil p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;} .list_tem li .lir{float: right;width: 25%;text-align: center;} .list_tem li .lir a{float: left;width: 100%;line-height: 54px;background: #3487bb;color: #fff;font-size: 16px;transition: 0.3s;} .list_tem li .lir p{float: left;width: 100%;line-height: 44px;background: #eee;color: #999;font-size: 14px;} @media (max-width: 768px) { .list_tem li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;} .list_tem li:hover .lir a{background: #0d4eaf;} .list_tem li .lil{float: left;width: 100%} .list_tem li .lil .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;} .list_tem li .lil .desc a{color: #aaa;} .list_tem li .lil .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 22px;margin-bottom: 0px;color: #333;} .list_tem li .lil .tt:hover{color: #000} .list_tem li .lil p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;} .list_tem li .lir{float: right;width: 25%;text-align: center;display: none;} .list_tem li .lir a{float: left;width: 100%;line-height: 54px;background: #3487bb;color: #fff;font-size: 16px;transition: 0.3s;} .list_tem li .lir p{float: left;width: 100%;line-height: 44px;background: #eee;color: #999;font-size: 14px;} } .cateNav_11_text{width: 100%;float: left;margin:0px 0 40px;text-align: center;color: #ddd;font-size: 16px;line-height: 30px;} .cateNav_11{width: 100%;float: left;margin:40px 0 20px;text-align: center;} .cateNav_11 p{width: 100%;float: left;text-align: center;line-height: 40px;color: #ccc;margin-top: 40px;font-size: 16px;} .cateNav_11 a{ display: inline-block; height: 14px; line-height: 14px;border-left: 1px solid #ddd;padding:0 40px;font-size: 16px; color: #666;} .cateNav_11 a b{font-weight: normal;} .cateNav_11 a:nth-child(1){border: none;} .cateNav_11 a:hover{ color:#0d4eaf;} .cateNav_11 a.cur{ color: #0d4eaf; } @media (max-width: 768px) { .cateNav_11_text{width: 100%;float: left;margin:10px 0 20px;text-align: center;color: #ddd;font-size: 16px;line-height: 30px;} .cateNav_11{width: 100%;float: left;margin:40px 0 0px;text-align: center;padding: 0 25px;} .cateNav_11 p{display: none;} .cateNav_11 a{ display: inline-block; height: 14px; line-height: 14px;float: none;border-left: 1px solid #ddd;padding:0 0px;font-size: 16px; color: #666;width: 25%;} .cateNav_11 a b{font-weight: normal;} .cateNav_11 a:nth-child(1){border: none;} .cateNav_11 a:hover{ color:#0d4eaf;} .cateNav_11 a.cur{ color: #0d4eaf; } } @media (max-width: 360px) { .cateNav_11{padding: 0 15px;} .cateNav_11 a{font-size: 14px;} } /*share_01*/ .share_01{float: left;width: 100%;margin-bottom: 20px;} /*htmlPn_01_pc*/ .htmlPn_01_pc{float: left;width: 100%;line-height: 36px;font-size: 15px;font-weight: normal;margin:10px 0;color: #666;border-top: 1px solid #e5e5e5;margin-top: 20px;padding-top: 15px;} .htmlPn_01_pc p{float: left;width: 100%;} .htmlPn_01_pc p a{color: #333;} .htmlPn_01_m{float: left;width: 100%;line-height: 36px;font-size: 15px;font-weight: normal;margin:10px 0;color: #666;border-top: 1px solid #e5e5e5;margin-top: 20px;padding-top: 15px;display: none;} .htmlPn_01_m p{float: left;width: 100%;} .htmlPn_01_m p a{color: #333;} @media (max-width: 768px) { .htmlPn_01_pc{display: none;} .htmlPn_01_m{display: block;} } /*list_1*/ .list_1{float: left;width: 100%;} .list_1 .li{float: left;width: 100%;margin-bottom: 20px;background: #eee;} .list_1 .li:hover{background: #E77817;} .list_1 .li:hover .tt{color: #fff;border-bottom: 1px solid #fff;} .list_1 .li:hover p{color: #fff;} .list_1 .li .img{float: left;width:300px;height: 180px;} .list_1 .li .img img{float: left;width:300px;height: 180px;} .list_1 .li .tt{float: left;width:440px;height:60px;margin: 25px 50px 0px;line-height: 60px;text-align: center;color: #222;font-size: 18px;border-bottom: 1px solid #ddd;overflow: hidden;} .list_1 .li p{float: left;width:440px;height:60px;margin: 14px 50px 0;text-align: center;line-height: 22px;} /* list_2 */ .list_2{float: left;width:100%;font-size:12px;margin:0 0px 15px;} .list_2 li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px dotted #ccc;} .list_2 li .tt{width: 100%;;float: left;font-size: 16px;line-height: 20px;margin-bottom: 5px;color: #222;} .list_2 li span{width: 100%;float: left;font-size: 13px;color: #999;line-height: 22px;margin-top: 5px;} .list_2 li p{width: 100%;float: left;font-size: 13px;color: #555;line-height: 22px;} .list_2 li .more{width: 100%;float: left;font-size: 13px;color: #999;line-height: 26px;margin-top: 7px;} .list_2 li .more i{height: 26px;width: 26px;float: left;line-height: 26px;text-align: center;background: #3487bb;color: #fff;font-family: simsun;font-style: normal;} .list_2 li .more em{height: 26px;float: left;line-height: 26px;color:#fff;background: #000;padding: 0 15px;font-style: normal;} .list_3_institution{float: left;margin:10px 0px 0px;width:100%;font-size:12px;padding: 0px 0 0 0;} .list_3_institution li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;} .list_3_institution li .lir{float: left;width: 100%} .list_3_institution li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;} .list_3_institution li .lir .desc a{color: #aaa;} .list_3_institution li .lir .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 24px;margin-bottom: 4px;color: #333;} .list_3_institution li .lir .tt:hover{color: #000} .list_3_institution li .lir p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;} .list_3_institution li .lir span{display: none;} /*list_6*/ .list_6{width: 100%;float: left;padding: 0 0 0 20px;} .list_6 .li{width: 110px;height: 144px;float: left;margin: 0 15px 15px 0;} .list_6 .li p{float: left;width: 100%;height: 34px;line-height: 34px;text-align: center;background: #f4f4f4;overflow: hidden;padding: 0 10px;} .list_6 .li .img{width: 110px;height: 110px;float: left;} /*list_7*/ .list_7{float: left;width: 70%;overflow: hidden;padding-top: 12px;} .list_7 li{float: left;width: 100%;line-height: 30px;overflow: hidden;} .list_7 li a{float: left;overflow: hidden;font-size: 14px;} .list_7 li span{float: right;overflow: hidden;color: #ddd;} /*list_17*/ .list_17{float:left;width: 1000px;} .list_17 a{float:left;width:260px;height: 230px;position: relative;margin: 0 20px 20px 0;background: #eee;} .list_17 a:hover .black{display: block;} .list_17 a:hover .pay{display: block;} .list_17 a:hover p{background: #c00;color: #fff;} .list_17 a .title{position: absolute;z-index: 3;width: 260px;height: 44px;line-height: 44px;text-align: center;bottom: 0;font-size: 14px;color: #333;overflow: hidden;padding: 0 20px;} .list_17 a .pay{position: absolute;z-index: 3;width: 260px;height: 186px;background: url(/Public/Index/Images/j_add.png) center 80px no-repeat;display: none;color: #fff;text-align: center;line-height: 440px;font-size: 17px;} .list_17 a .black{position: absolute;z-index: 2;width: 260px;height: 186px;background: url(/Public/Common/Images/b8.png) ;display: none;} .list_17 a .img{position: absolute;z-index: 1;width: 260px;height: 186px;} .list_17 a{ transition:width 1s, height 1s; -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */ -webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */ -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */ } .list_17 a:hover{ transform:translate(0,-10px); -moz-transform:translate(0,-10px); /* Firefox 4 */ -webkit-transform:translate(0,-10px); /* Safari and Chrome */ -o-transform:translate(0,-10px); /* Opera */ } /* list_16 */ .list_16 {float: left;width: 1050px;} .list_16 li{float: left;width:260px;margin: 0 35px 20px 0 ;position: relative;height: 385px;border: 1px solid #eee;padding: 15px;} .list_16 li:hover{background: #fafafa;border: 1px solid #E77817;} .list_16 li:hover .learnmore{background: #E77817;color: #fff;} .list_16 li .img{float: left;width:100%;} .list_16 li .img img{float: left;width:100%;} .list_16 li .tit{float: left;width:100%;line-height: 34px;color: #222;overflow: hidden;font-size: 15px;padding:10px 0px 0;height: 44px;text-align: center;} .list_16 li p{float: left;width:100%;line-height: 24px;color: #555;padding: 0 0px;height: 24px;overflow:hidden;margin-top: 5px;text-align: center;} .list_16 li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;background: #ddd;color: #555;float: left;margin-top: 5px;} .list_4{float: left;width: 100%;margin-top: 17px;padding: 0 20px;} .list_4 li{float: left;width: 100%;height: 20px;margin: 0 0 13px;} .list_4 li a{float: left;line-height: 20px;width: 100%;overflow: hidden;height: 20px;} .list_18{float: left;width: 100%;margin: 0 0 20px;} .list_18 li{float: left;width: 100%;height: 40px;margin: 0 0 1px;background: #eee;} .list_18 li a{float: left;line-height: 40px;width: 100%;overflow: hidden;height: 40px;text-indent:20px;} /* pageSize_1 */ .pageSize_1{float: left;line-height: 34px;border: 1px solid #ddd;border-right: 0;margin-bottom: 20px;overflow: hidden;font-size: 14px;background: #fff;} .pageSize_1 a,.pageSize_1 b,.pageSize_1 .current{padding:0 15px;line-height: 34px;height: 34px;text-align: center;color: #555;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;border-right: 1px solid #ddd;float: left;} .pageSize_1 .current{background: #ddd;color: #333;} @media (max-width: 768px) { .pageSize_1{display: none;} } /* pageSize_2 */ .pageSize_2{float: left;width: 100%;text-align: center;} .pageSize_2 span{padding:0 17px;line-height: 44px;height: 44px;text-align: center;display: inline-block;border: 1px solid #0d4eaf;font-size: 17px;margin: 0 20px 0 0;color: #0d4eaf;float: left;} .pageSize_2 a{padding:0 17px;line-height: 44px;height: 44px;text-align: center;display: inline-block;border: 1px solid #ddd;font-size: 17px;margin: 0 20px 0 0;color: #000;float: left;} .pageSize_2 a.cur{border: 1px solid #ec5151;color: #ec5151;} @media (max-width: 768px) { .pageSize_2{display: none;} } .pageSize_4{float: left;margin-bottom: 20px;font-size: 14px;display: none;padding:0 20px;width: 100%;} .pageSize_4 a{padding:0 15px;line-height: 50px;height: 50px;text-align: center;color: #fff;font-weight: normal;float: left;background: #000;width: 100%;} .pageSize_4 a:nth-child(2){margin-top: 10px;} @media (max-width: 768px) { .pageSize_4{display: block;} } /*html_re_1*/ .html_re_1{float: left;width: 100%;margin: 20px 0 40px;display: none;} .html_re_1 .box{float: left;width: 100%;} .html_re_1 .ttt{float: left;width: 100%;line-height: 50px;color: #000;font-size: 24px;margin-top: 20px;font-weight: bold;} .html_re_1 .ul{float: left;width: 100%;} @media (max-width: 768px) { .html_re_1{display: none;} } /* 侧边导航 */ .cateNav_2{width: 100%;float: left;} .cateNav_2 a{height: 80px;line-height: 80px;color: #333;width: 100%;float: left;margin: 0 0 1px;font-size: 16px;background: #fff; text-align: center;transition: 0.3s;} .cateNav_2 a.cur{background:#3487bb;color: #fff} .cateNav_2 a:hover{background:#959595;color: #fff} @media (max-width: 768px) { .cateNav_2 a{display: none;} } .taglist_1{width: 100%;float: left;margin-bottom: 20px;} .taglist_1 b{float: left;line-height: 30px;height: 30px;background: #eee;padding: 0 16px;margin: 0 1px 0 0;} .taglist_1 a{float: left;line-height: 30px;height: 30px;background: #eee;padding: 0 16px;margin: 0 1px 0 0;} .taglist_1 a:hover{background: #c00;color: #fff;} .sitem{float: left;width: 100%;background: #fff;padding:10px 20px 20px;} .sitem .t{float: left;width: 100%;line-height: 50px;border-bottom: 1px solid #ddd;font-size: 18px;} .sitem .list{float: left;width: 100%;margin-top: 40px;} .sitem .list a{float: left;line-height: 36px;padding: 0 20px;background: #eee;margin-right: 10px;margin-bottom: 20px;} .sitem .list a.cur{background: #3487bb;color: #fff;} .sitem .itembox{float: left;padding-top: 10px;padding:0px;width: 100%;line-height: 24px;color: #666;} @media (max-width: 768px) { .sitem{float: left;width: 100%;} .sitem .list{float: left;width: 100%;margin-top: 20px;margin-bottom: 10px;} .sitem .list a{float: left;line-height: 36px;padding: 0 10px;background: #eee;margin-right: 4px;margin-bottom: 4px;} .sitem .list a.cur{background: #3487bb;color: #fff;} .sitem .itembox{float: left;padding-top: 10px;padding:0px;width: 100%;line-height: 24px;} } .list_3_item_wrap{float: left;width: 100%;margin-top: 20px;background: #fff;padding: 20px;} .list_3_item{float: left;margin:0px 0px 30px;width:100%;font-size:12px;padding: 0px 0 0 0;} .list_3_item li{width:100%;overflow:hidden;padding: 30px 20px;float: left;border-bottom: 1px solid #e5e5e5;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;} .list_3_item li .img{float: left;} .list_3_item li .img img{float: left;margin-top: 10px;} .list_3_item li .p{width:30%;float: left;color: #666;line-height: 30px;padding-left: 15px;} .list_3_item li .p b{float: left;color: #f00;font-size: 18px;font-weight: normal;width: 100%;} .list_3_item li .p p{float: left;color: #333;font-size: 14px;font-style: normal;width: 100%;} .list_3_item li .itext {float: left;line-height: 30px;width: 15%;font-size: 14px;} .list_3_item li .more{float: right;font-size: 14px;border: 1px solid #0d4eaf;line-height: 44px;padding: 0 40px;margin-top: 8px;color: #0d4eaf;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;} .list_3_item li:hover{background: #eee;} .list_3_item li:hover .more{background: #0d4eaf;color: #fff;} @media (max-width: 768px) { .list_3_item_wrap{float: left;width: 100%;margin-top: 20px;background: #fff;padding:0px 0;} .list_3_item{float: left;margin:0px 0px 30px;width:100%;font-size:12px;padding: 0px 0 0 0;} .list_3_item li{width:100%;overflow:hidden;padding: 30px 20px;float: left;border-bottom: 1px solid #e5e5e5;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;} .list_3_item li .img{float: left;display: none;} .list_3_item li .img img{float: left;margin-top: 10px;} .list_3_item li .p{width:100%;float: left;color: #666;line-height: 30px;padding-left: 0px;} .list_3_item li .p b{float: left;color: #f00;font-size: 18px;font-weight: normal;width: 100%;} .list_3_item li .p p{float: left;color: #333;font-size: 14px;font-style: normal;width: 100%;} .list_3_item li .itext {float: left;line-height: 30px;width:100%;font-size: 14px;display: none;} .list_3_item li .more{float: left;font-size: 14px;border: 1px solid #0d4eaf;line-height: 36px;padding: 0 30px;margin-top:15px;color: #0d4eaf;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;text-align: center;} .list_3_item li:hover{background: #eee;} .list_3_item li:hover .more{background: #0d4eaf;color: #fff;} } .list_3_item_index{float: left;margin:0px 0px 30px;width:100%;font-size:12px;padding: 0px 0 0 0;} .list_3_item_index li{width:49%;overflow:hidden;margin-right:2%;margin-bottom:20px;padding: 30px 20px;float: left;background:#7dace0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;} .list_3_item_index li.no{margin-right: 0;} .list_3_item_index li .l{width:60%;float: left;color: #fff;} .list_3_item_index li .l .p{width:100%;float: left;color: #fff;} .list_3_item_index li .l .p b{float: left;color: #fff;font-size: 18px;font-weight: normal;width: 100%;line-height: 40px;} .list_3_item_index li .l .p p{float: left;color: #fff;font-size: 14px;font-style: normal;width: 100%;height: 24px;line-height: 24px;overflow: hidden;} .list_3_item_index li .l .itext {float: left;line-height: 30px;width: 100%;font-size: 14px;border-top: 1px solid #98c3f2;color: #fff;margin-top: 10px;padding-top: 10px;} .list_3_item_index li .applybt{float: right;font-size: 14px;border: 1px solid #98c3f2;line-height: 44px;padding: 0 40px;margin-top: 38px;color: #fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;} .list_3_item_index li:hover{background: #0d4eaf;} .list_3_item_index li:hover .applybt{background: #fff;color: #0d4eaf;border: 1px solid #0d4eaf;} .list_3_item_index li:hover .itext{border-top: 1px solid #fff;} @media (max-width: 768px) { .list_3_item_index{float: left;margin:0px 0px 10px;width:100%;font-size:12px;padding: 0px 0 0 0;} .list_3_item_index li{width:100%;overflow:hidden;margin-right:0%;margin-bottom:10px;padding: 20px 20px;float: left;background:#7dace0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;} .list_3_item_index li.no{margin-right: 0;} .list_3_item_index li .l{width:100%;float: left;color: #fff;} .list_3_item_index li .l .p{width:100%;float: left;color: #fff;} .list_3_item_index li .l .p b{float: left;color: #fff;font-size: 18px;font-weight: normal;width: 100%;line-height: 40px;} .list_3_item_index li .l .p p{float: left;color: #fff;font-size: 14px;font-style: normal;width: 100%;height: 24px;line-height: 24px;overflow: hidden;} .list_3_item_index li .l .itext {float: left;line-height: 22px;width: 100%;font-size: 14px;border-top: 1px solid #98c3f2;color: #fff;margin-top: 10px;padding-top: 10px;display: none;} .list_3_item_index li .applybt{width:100%;float: right;font-size: 14px;border: 1px solid #98c3f2;line-height: 36px;padding: 0 40px;margin-top: 18px;color: #fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;text-align: center;} .list_3_item_index li:hover{background: #0d4eaf;} .list_3_item_index li:hover .applybt{background: #fff;color: #0d4eaf;border: 1px solid #0d4eaf;} .list_3_item_index li:hover .itext{border-top: 1px solid #fff;} } .porductsBar{float: left;width: 100%;background: #0d4eaf;padding:30px 10%;} .porductsBar .time{float: left;width: 100%;text-align: center;line-height: 24px;font-size: 14px;padding:60px 0 0px;color: #fff;background: url(/Public/Common/Images/message.png) center top no-repeat;} .porductsBar .p{float: left;width: 100%;text-align: center;line-height: 30px;font-size: 24px;color: #fff;margin-top: 10px;padding: 0 15px;} .txtScroll-top{ width:100%; overflow:hidden; position:relative; float: left;margin-top: 40px;} .txtScroll-top .hd{ overflow:hidden; height:40px; background:#f4f4f4;float: left; padding: 10px;width: 100%;font-size: 15px;} .txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block; width:9px; height:5px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("/Public/Common/Images/icoUp.gif") no-repeat;} .txtScroll-top .hd .next{ background:url("/Public/Common/Images/icoDown.gif") no-repeat; } .txtScroll-top .hd b{float: left;line-height: 20px;font-size: 15px;} .txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:7px; } .txtScroll-top .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("/Public/Common/Images/icoCircle.gif") 0 -9px no-repeat; } .txtScroll-top .hd ul li.on{ background-position:0 0; } .txtScroll-top .bd{ float: left;width: 100%;margin-top: 15px; } .txtScroll-top .infoList li{ height:44px; line-height:44px;border-bottom: 1px solid #eee;;float: left;width: 100%; font-size: 15px; } .txtScroll-top .infoList li b{width: 33%;float: left;font-weight: normal;padding-left: 10px;color: #3487bb;} .txtScroll-top .infoList li span{width: 33%;float: left;color: #666;} .txtScroll-top .infoList li p{width: 33%;float: left;color: #666;} @media (max-width: 768px) { .txtScroll-top .infoList li{ height:44px; line-height:44px;border-bottom: 1px solid #eee;;float: left;width: 100%; font-size: 15px; } .txtScroll-top .infoList li b{width: 50%;float: left;font-weight: normal;padding-left: 10px;color: #3487bb;} .txtScroll-top .infoList li span{width: 33%;float: left;color: #666;display: none;} .txtScroll-top .infoList li p{width: 50%;float: left;color: #666;text-align: right;padding-right: 10px;} } .contentuser{float: left;width: 100%;line-height: 34px;} .ad1200wrap{float: left;width: 100%;} .ad1200{width: 1200px;margin: 0 auto;} /* htmlBar_01 */ .htmlBar_01{float: left;width: 100%;border-bottom: 1px dotted #ddd;padding-bottom: 20px;} .htmlBar_01 .l{width: 200px;float: left;} .htmlBar_01 .l .img{width: 200px;height:200px;float: left;} .htmlBar_01 .info{width: 630px;float: right;} .htmlBar_01 .info h2{width:100%;line-height: 40px;font-size: 22px;color: #222;font-weight: normal;} .htmlBar_01 .info p{width:100%;line-height:26px;font-size: 14px;color: #555;font-weight: normal;border-top: 1px dotted #ddd;padding-top: 10px;margin-top: 5px;} .htmlBar_01 .info .guige{width:100%;line-height: 24px;font-size: 13px;color: #555;font-weight: normal;border-top: 1px dotted #ddd;padding-top: 10px;margin-top: 10px;} .htmlBar_01 .info .favor{float: left;margin-top: 25px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #fff;padding: 0 50px;border-radius: 0;border: none;} /* filter_1 */ .filter_1{float: left;width: 100%;background: #fff;padding: 10px 30px;} .filter_1 .t{float: left;width: 100%;line-height: 40px;font-size: 14px;color: #666;margin-bottom: 15px;border-bottom: 1px solid #eee;} .filter_1 .c{float: left;width: 100%;padding: 0 0px 0px;line-height: 26px;} .filter_1 .c span{float: left;width: 60px;color: #666;margin-bottom: 6px;} .filter_1 .c .select{float: left;width: 100px;height: 26px;border: 1px solid #eee;margin: 0 10px 0 0;} .filter_1 .c .box{float: left;width: 100%;margin-bottom: 10px;padding-bottom: 5px;} .filter_1 .c .box em{float: left;color: #ddd;font-style: normal;margin: 0 6px 6px;} .filter_1 .c .box a{float: left;color: #222;padding: 0 10px;margin: 3px 1px 3px 0;} .filter_1 .c .box a.pa{color: #222;background: #eee;} .filter_1 .c .box a.cur{color: #fff;background: #E77817;} .filter_1 .c .box a:hover{color: #fff;background: #E77817;} @media (max-width: 768px) { .filter_1{padding:0;margin-top: 25px;} .filter_1 .c{padding: 0 15px 15px;} .filter_1 .c .box{margin-top: 0px;} .filter_1 .c .box a{padding: 0 5px;margin: 1px 1px 1px 0;} .filter_1 .t{text-indent: -99999px;height: 15px;} } .ad100{float: left;width: 100%;margin-top: 20px;} .ad100 .box{width: 100%;float: left;} .ad100 .box a{width: 100%;float: left;} .ad100 .box a img{width: 100%;float: left;} .ad100 .box img{width: 100%;float: left;} @media (max-width: 768px) { .ad100{display: none;} } .indexad100{float: left;width: 100%;margin-top: 15px;} .indexad100 .box{width: 100%;float: left;} .indexad100 .box a{width: 49%;float: left;} .indexad100 .box a img{width: 100%;float: left;} /*common*/ .len_10{width: 10%;} .len_20{width: 20%;} .len_30{width: 30%;} .len_40{width: 40%;} .len_50{width: 50%;} .len_60{width: 60%;} .len_80{width: 80%;} .len_100{width: 100%;} .hei_10{height: 10px;} .hei_20{height: 20px;} .hei_30{height: 30px;} .hei_40{height: 40px;} .hei_50{height: 50px;} .hei_60{height: 60px;} .hei_80{height: 80px;} .hei_100{height: 100px;} .hei_120{height: 120px;} .len_20{width: 20%;} .len_30{width: 30%;} .len_40{width: 40%;} .len_50{width: 50%;} .len_60{width: 60%;} .len_70{width: 70%;} .len_80{width: 80%;} .len_90{width: 90%;} .len_100{width: 100%;} @media (max-width: 768px) { .len_10{width: 100%;} .len_20{width: 100%;} .len_30{width: 100%;} .len_40{width: 100%;} .len_50{width: 100%;} .len_60{width: 100%;} .len_70{width: 100%;} .len_80{width: 100%;} .len_90{width: 100%;} .len_100{width: 100%;} .btn{width: 100%;} } .contentuser{float: left;width: 100%;line-height: 34px;} .ad1200wrap{float: left;width: 100%;} .ad1200{width: 1200px;margin: 0 auto;} .guess{width:920px;background-color:white;float: left;} .guessP{height:24px;font-size:13px;float: right;margin: 8px 0 0 0;} .cirpage{height:22px;width:22px;border-radius:50%;float:left;background-color:#E3393B;line-height:22px;text-align:center;color:white;margin-left:8px;border:1px solid #A9A9A9;cursor:pointer;font-weight: normal;color: #ddd;} .guess_sp{width:100%;overflow: hidden;float: left;} .mT10{margin-top: 10px;} .mT20{margin-top: 20px;} .mL10{margin-left: 10px;} iframe{width:100%;height:100%;border:none;} table{width:100%;} table,th,td{ border-collapse: collapse;color: #555;} th{ text-align: right;} th,td{padding:10px 6px;} label{float: left;} .checkbox{width: auto;height: auto;float: left;margin: 4px 0 0 0;} .input{ border:solid 1px #e5e5e5;height:36px;padding:6px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;line-height: 20px;} .button{ border:solid 1px #e5e5e5;height:32px;padding:6px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;} .submit { background: #555; height: 30px; padding: 0px 17px; line-height: 28px; color: #fff; font-size: 14px; cursor: pointer; border: none; border-radius: 3px; } .radio{float: left;vertical-align:middle; margin: 3px 5px 0 0;} .select{ border:solid 1px #e5e5e5;height:36px;padding:7px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;} .inputlong{width: 400px;} textarea{ border:solid 1px #e5e5e5;height:30px;padding:3px 6px;color:#888;background:#fff; vertical-align: middle;font-size: 14px;outline: none;} select{border:solid 1px #ccc;} .file{float: left;margin: 7px 10px 0 0;} img{border:none; vertical-align: middle;} .len55{width:55px;} .len70{width:70px;} .len90{width:90px;} .len100{width:100px;} .len150{width:159px;} .len200{width:200px;} .len250{width:250px;} .len220{width:220px;} .len300{width:300px;} .len350{width:350px;} .len400{width:400px;} .tip{float: left;line-height: 36px;margin-right: 15px;color: #ccc;} .tip em{color: #3487bb;font-style: none;float: left;line-height: 36px;} .tipred{float: left;line-height: 35px;margin-right: 15px;color: #f00;} .l{float:left;} .r{float:right;} em{color:#3487bb;font-style:normal;border-collapse:collapse;}/**红星**/ .submit{background:#E77817;height:36px;padding:0px 25px;line-height:36px;color:#fff;font-size:14px; cursor: pointer;border: none;border-radius: 3px;} .error{padding:3px;line-height: 1.2em;margin-top:8px; font-size:12px;color:#f00;} span.msg{color:#666;border:solid 1px #e5e5e5;padding:6px;margin-left:10px;} .content{padding:10px;} /*****分页处理*******/ .page {font-size:12px;color:#666;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px;} .page .count,.page .nowpage{margin-right:10px;} .page .selfpage {background:#2E6AB1;color:#fff;BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none} .page a {BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none} .page a:hover {BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow} .page a:active {BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow} .page span.current {BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1} .page span.disabled {BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid} .page #pagekeydown{} .page input{height:22px;line-height:16px;padding:0px 0px;margin:0px;margin-right: 5px;} .page button{height:22px;line-height: 6px;display: inline;} .page select{} /****表格样式2********/ .tableborder{width:100%;margin: 0px 0 20px 0px;float: left;background: #f1f1f1} .tableborder,.tableborder td{border:solid 1px #fff;} .tableborder th{border:solid 1px #fff;} .tableborder thead tr td{background: #eee;color:#ddd;} /****表格样式1********/ .table{width:100%;margin:0 0 0 0;float: left;} .table,.table td{border:solid 1px #fff;} .table th{border:solid 1px #fff;width:100px;} .table thead tr td{background: #fff;color:#ddd;} .tablenew{width:100%;margin:0 0 0 0;float: left;} .tablenew td{border-bottom:solid 1px #f1f1f1;line-height: 24px;} .tablenew th{border:solid 1px #eee;background: #eee;border-top: 3px solid #ddd;text-align: left;} .tablenew thead tr td{background: #eee;color:#ddd;} .tablenewborder{width:100%;margin:0 0 0 0;float: left;} .tablenewborder td{border:solid 1px #e5e5e5;line-height: 24px;} .tablenewborder th{border:solid 1px #ddd;background: #eee;text-align: left;} .tablenewborder tr .td{background: #f4f4f4;} .tablenewborder tr .td1{background: #f8f8f8;} /******按钮*******/ .bt1{padding:8px 15px;margin-right:6px; background: #ccc;color:#000;border-radius: 3px; text-align: center;float:left;display: block;cursor: pointer;} .bt2{padding:8px 15px;margin-right:6px; background: #4884D5;color:#fff;border-radius: 3px; text-align: center;float:left;display: block;cursor: pointer;} .pagesize{float: left;line-height: 34px;border: 1px solid #ddd;border-right: 0;overflow: hidden;font-size: 14px;} .pagesize a,.pagesize b,.pagesize .current{padding:0 15px;line-height: 34px;height: 34px;text-align: center;color: #555;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;border-right: 1px solid #ddd;float: left;} .pagesize .current{background: #e3e3e3;color: #222;} /******子导航列表*******/ .navsonlist{float: left;width: 90%;margin:20px 20px 0;} .navsonlist a{float: left;height: 26px;padding:0 10px;background: #ddd;line-height: 26px;text-align: center;color: #888;margin-right: 5px;border-radius: 3px;font-size: 12px;} .navsonlist a:hover{background: #aaa;color: #fff;} .navsonlist a.cur{background: #aaa;color: #fff;} /**容器**/ .containers{float: left;width: 100%;margin: 0px 0px 0;padding: 0;font-size: 13px;color: #666;} .containers .h2{float: left;width: 100%;line-height: 36px;color: #555;border-bottom: 1px solid #ddd;font-size: 14px;font-weight: normal;padding: 0;margin: 0 0 10px;} .containers .box{float: left;width: 100%;line-height: 26px;} .containers .box .hr{float: left;width: 100%;margin: 15px 0;border-bottom: 1px dashed #ddd;} .containers .table{width:100%;margin: 10px 0 0 0px;float: left;} .containers .table{border:solid 1px #ddd;} .containers .table td{border:solid 1px #ddd;} .containers .table thead tr td{background: #eee;color:#ddd;} .containers .tablenoborder{width:100%;margin: 10px 0 0 0px;float: left;} .containers .tablenoborder{border:none;} .containers .tablenoborder td{border:none;} .containers .tablenoborder thead tr td{background: #eee;color:#ddd;} .containers .p{float: left;width: 100%;float: left;line-height: 26px;} .containers .comment{float: left;width: 100%;float: left;} .containers .comment .hr{float: left;width: 100%;height: 1px;} .containers .comment .select{float: left;width: 30%;margin-bottom: 20px;} .containers .comment .textarea{float: left;width: 60%;height: 80px;margin-bottom: 20px;} .containers .comment .submitt{float: left;padding: 0 30px;margin-right: 50%;line-height: 34px;} .containers .form{float: left;width: 100%;color: #666;} .containers .form .li{float: left;width: 100%;margin: 0 0 10px;} .containers .form .li .textarea{height: 80px;} .containers .form .li .button{border-radius: 3px;height: 30px;} .fahuolisttext{float: left;width: 100%;color: #666;} .fahuolisttext li{float: left;width: 100%;margin: 0 0 0px;line-height: 28px;} .fahuolisttext li span{float: left;width: 70px;height: 28px;} .fahuolisttext li p{float: left;} .fahuolisttext li p .button{border-radius: 3px;height: 30px;line-height: 28px;} @media (max-width: 768px) { .containers .comment .select{width: 100%;margin-bottom: 10px;} .containers .comment .textarea{width: 100%;margin-bottom: 10px;} .containers .comment .submitt{width: 100%;} } .tablef12{font-size: 12px;} .tip2 {float: left;line-height: 37px;margin-right: 15px;color: #aaa;} /**文字颜色**/ .tred{color:#3487bb} .torange{color:#f00} .tgreen{color:green} .tgrey{color:grey} .tccc{color:#ccc} .tccc:hover{color:#3487bb} .star{float: left;line-height: 34px;color: #3487bb;} .guess{width:920px;background-color:white;float: left;} .guessP{height:24px;font-size:13px;float: right;margin: 8px 0 0 0;} .cirpage{height:22px;width:22px;border-radius:50%;float:left;background-color:#E3393B;line-height:22px;text-align:center;color:white;margin-left:8px;border:1px solid #A9A9A9;cursor:pointer;font-weight: normal;color: #ddd;} .guess_sp{width:100%;overflow: hidden;float: left;} /****表格 表单********/ .tableform{width:100%;margin: 0px 0 20px 0px;float: left;} .tableform,.tableform td{border:solid 1px #fff;} .tableform th{border:solid 1px #fff;width:100px;} .tableform tr td{padding:7px 5px;} .tableform tr td label{margin-bottom: 0;} .tableform tr td .labeltext{float: left;margin-right: 20px;} .tableform tr td .em{float: left;color: red;line-height: 36px;margin-right: 5px;} .tbox{width:100%;float:left;} .jquerytip{float: left;line-height: 36px;} @media (max-width: 768px) { .alert{ padding-top: 8px;padding-bottom: 8px;padding-left: 8px;margin-bottom: 10px;} } /*slideBox_2*/ .slideBox_2{ width:565px; height:338px; overflow:hidden; position:relative;float: right;background: #eee; } .slideBox_2 .hd{ height:50px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1;width: 100%; } .slideBox_2 .hd ul{ overflow:hidden; zoom:1; float:right;margin: 15px;} .slideBox_2 .hd ul li{ float:left; margin-right:5px;width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; } .slideBox_2 .hd ul li.on{ background:#f00; color:#fff; } .slideBox_2 .bd{ position:relative; height:100%; z-index:0; } .slideBox_2 .bd li{ zoom:1; vertical-align:middle; position: relative;} .slideBox_2 .bd li img{ width:565px; height:338px; display:block;float:left;position: absolute;z-index: 1;} .slideBox_2 .bd li p{ width:100%; height:50px; display:block;float:left;position: absolute;z-index: 999;color: #fff;top: 290px;background: url(/Public/Common/images/b5.png);line-height: 50px;font-size: 15px;text-indent: 20px;} .slideBox_2 .prev, .slideBox_2 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/Public/Common/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox_2 .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox_2 .prev:hover, .slideBox_2 .next:hover{ filter:alpha(opacity=100);opacity:1;} .slideBox_2 .prevStop{ display:none;} .slideBox_2 .nextStop{ display:none;} /*底部*/ .footerContact{background: url(/Public/Common/Images/bg-opacity.png); width: 100%;position: fixed; bottom: 0; left: 0; z-index:9999;} .footerContact .box{height: 144px; position: relative;width: 1200px;margin: 0 auto;} .footerContact .box .dialog-close{display: inline-block; float: right; } .footerContact .box .colse{background: url(/Public/Common/Images/close-dialog.png) no-repeat; width:23px; height: 23px; display: inline-block; margin: 20px 20px 0 0;cursor: pointer;} .footerContact .box .img01{margin-top: -20px; margin-left: 0px;height:160px;} .footerContact .box .img02{margin-top: 10px; margin-left: 55px;} .footerContact .box img{vertical-align: top;} .dialgo-action{position: absolute; left: 222px; top:80px;z-index:9999;} .dialgo-action b{float: left;color: #fff;font-size: 24px;font-weight: normal;margin-top: 10px;} .dialgo_qq{float: right;width: 200px;height: 70px;background: #3487bb;color: #fff;position: relative;margin: 30px 50px 0 0;border-radius: 8px;line-height: 70px;text-align: center;font-size: 20px;border-bottom: 5px solid #166CA2;transition:1s;} .dialgo_qq:hover{color: #fff;border-radius: 10px;background: #0d4eaf;border-bottom-color:#0d4eaf; } .footerContactLeft{display: block;z-index: 9999l; position: fixed; left:-100%; bottom: 0px; height:144px; width:180px; background: url(/Public/Common/Images/footerContactLeft.png) no-repeat; cursor: pointer;} @media (max-width: 768px) { .footerContact{display: none;} } /*列表页文档标签*/ .flag{background: #0d4eaf;border-radius: 20px;line-height: 20px;display: inline-block;padding: 0 8px;margin: 0 0 0 0px;color: #fff;font-size: 12px;} .flag_c{background: #0bf;text-shadow:1px 1px 0 #0af;} .flag_h{background: #fb0;text-shadow:1px 1px 0 #0d4eaf;} .flag_s{background: #bbf;text-shadow:1px 1px 0 #baf;} .flag_n{background: #0d4eaf;text-shadow:1px 1px 0 #baf;} /* wap底部电话 */ .fixbar_06{z-index:999;position: fixed;bottom: 0px;left:0px;width: 100%;height: 60px;display: none;} .fixbar_06 a{float: left;color: #fff;font-size: 15px;width:50%;text-align: center;height: 60px;line-height: 60px;} .fixbar_06 a.tel{background: rgba(1,104,183,1);width: 60%;} .fixbar_06 a.mapnav{background: rgba(250,180,0,1);width: 40%;} @media (max-width: 768px) { .fixbar_06{display: none;} } /*popub_img pc*/ .popub_img_bg{width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;z-index: 9997;display: none;} .popub_img{position: fixed;display: none;padding: 0px 30%;z-index: 9998;top: 200px;left: 0;width: 100%;} .popub_img .box{float: left;width: 100%;background: #fff;position: relative;border-radius: 10px;} .popub_img .box .closes{height: 64px;width: 64px;right: 20px;top: 18px;position: absolute;text-align: center;} .popub_img .box .closes img{float: left;margin: 20px;width: 40px;padding: 8px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;background: #eee;border-radius: 40px;} .popub_img .box .closes:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);} .popub_img .box .c{float: left;width: 100%;padding:40px 80px 40px;text-align: center;} .popub_img .box .c p{float: left;width: 100%;line-height: 40px;margin-top: 0px;color: #000;font-size: 16px;} @media (max-width: 1366px) { .popub_img{top: 150px;} .popub_img .box .c img{max-height: 400px;} } @media (max-width: 768px) { .popub_img{position: fixed;display: none;padding:35px 25px 0;z-index: 9998;top: 28px;left: 0;width: 100%;height: 100%;} .popub_img .box{float: left;width: 100%;background: #fff;position: relative;border-radius: 10px;} .popub_img .box .closes{height: 64px;width: 64px;right: 20px;top: 8px;position: absolute;text-align: center;} .popub_img .box .c{float: left;width: 100%;padding:30px 30px 20px;} .popub_img .box .c p{float: left;width: 100%;line-height: 40px;margin-top: 0px;color: #000;font-size: 14px;} } /*fbar_m_1*/ .fbar_m_1{position: fixed;bottom: 0;height: 60px;width: 100%;left: 0;z-index: 8888;display: none;background:#0d4eaf;} .fbar_m_1 .box{height: 60px;background:#0d4eaf;width: 100%;float: left;box-shadow: 0 -5px 5px rgba(0,0,0,0.1);} .fbar_m_1 .box a{float: left;width: 25%;text-align: center;height: 60px;position: relative;border-right: 1px solid rgba(255,255,255,0.2)} .fbar_m_1 .box a .num{position: absolute;padding: 0 6px;line-height: 18px;background: rgba(221,51,0,0.8);color: #fff;border-radius: 18px;font-size: 12px;right: 25%;top: 6px;} .fbar_m_1 .box a em{float: left;width: 100%;margin: 10px 0 0px;text-align: center;font-size: 22px;height: 24px;color: #fff;overflow: hidden;line-height: 24px;} .fbar_m_1 .box a.cur em{color: #fff;} .fbar_m_1 .box a.cur span{color: #fff;} .fbar_m_1 .box a span{float: left;line-height: 14px;color: #fff;text-align: center;width: 100%;margin-top: 4px;font-size: 13px;} @media (max-width: 768px) { .fbar_m_1{display: block;display: none;} }