@charset 'utf-8'; @import "iconfont.www.css"; @font-face { font-family: 'bebas'; src: url('/Public/Common/fonts/BebasNeue-Regular.ttf'); } @font-face { font-family: 'pfr'; src: url('/Public/Common/fonts/PingFangRegular.ttf'); } body{font-size:14px;font-family:'pfr',arial,"Microsoft YaHei",sans-serif;color:#333;background:#fafafa;width: 100%;float: left;overflow-x: hidden;--themecolor:#007abd;} *{margin:0;padding:0;text-decoration:none;} ol,ul{list-style:none;margin-bottom: 0;} a{color:#51504f;text-decoration:none;} a:hover{color:#51504f;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;} /*去除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;} .alldiv{float: left;width: 100%;float: left;} .dn{display: none;} /* head_22*/ .head_22{width:100%;height:130px;float: left;z-index: 8000;position: fixed;padding: 0 40px;} .head_22 h1 a{float:left;} .head_22 h1 a img{float:left;margin: 45px 30px 0 0;height: 40px;transition:0.5s;} .head_22 .tel{float: right;height: 20px;margin: 55px 0 0 30px;color: #fff;transition:0.5s;} .head_22 .tel span{float: left;line-height: 20px;font-size: 20px;margin-right: 10px;} .head_22 .tel i{float: left;line-height: 20px;font-size: 18px;font-style: normal;} .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: #F00;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: right;margin: 20px 0 0 0;transition:0.5s} .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: 38px 40px;font-size: 18px;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: #007abd;background: #FFF;} .head_22 .nav_menu3 > ul > li.nav-has-sub > a {padding-right: 45px;} .head_22 .nav_menu3 > ul > li.nav-has-sub > a::after {position: absolute;margin-right: 10px;top: 44px;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: #007abd;} .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: 52px;} .head_22 .nav_menu3 ul ul li a {padding: 20px 0px 20px 40px;width: 220px;background: #007abd;text-decoration: none;color: #f4f4f4;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;border-top: 1px solid #007abd;font-size: 16px;} .head_22 .nav_menu3 ul ul li:hover > a, .head_22 .nav_menu3 ul ul li a:hover {color: #007abd;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 #f3f3f3;border-right: 1px solid #f3f3f3;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: #007abd;} .head_22.on{width:100%;height:94px;background:rgba(0,122,189,0.9);float: left;z-index: 8000;position: fixed;transition:0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);} .head_22.on h1 a img{margin: 30px 30px 0 0;} .head_22.on .tel{margin:38px 0 0 20px;} .head_22.on .nav_menu3{margin:0;} @media (max-width: 1920px) { .head_22 .nav_menu3 > ul > li > a{padding: 38px 30px;} .head_22 .nav_menu3 ul ul li a{padding-left: 30px;} .head_22 .nav_menu3 > ul > li.nav-has-sub > a {padding-right: 40px;} } @media (max-width: 1600px) { .head_22 .nav_menu3 > ul > li > a{padding: 38px 20px;} .head_22 .nav_menu3 ul ul li a{padding-left: 20px;} .head_22 .nav_menu3 > ul > li.nav-has-sub > a {padding-right: 35px;} } @media (max-width: 1450px) { .head_22 .nav_menu3 > ul > li > a{padding: 38px 15px;} .head_22 .nav_menu3 ul ul li a{padding-left: 15px;} .head_22 .nav_menu3 > ul > li.nav-has-sub > a {padding-right: 25px;} .head_22 .nav_menu3 > ul > li.nav-has-sub > a::after{margin-right: 0;} .head_22 .nav_menu3 > ul > li > a{font-size: 14px;} .head_22 .nav_menu3 ul ul li a{font-size: 14px;} } @media (max-width: 1250px) { .head_22 .tel{display: none;} } @media (max-width: 1200px) { .head_22 .tel{display: none;} } @media (max-width: 992px) { .head_22{display: none;} } /* head_m_3 */ .head_m_3_index{width:100%;height:60px;background:#007abd;float: left;z-index: 8000;display: none;position: relative;} .head_m_3_index .box{width:100%;height:60px;float: left;padding:12px 0;position: relative;} .head_m_3_index .box .logo{float: left;width: 100%;z-index: 1;float: left;} .head_m_3_index .box .logo img{height: 24px;margin-top:8px;float: left;} .head_m_3_index .box .r{position: absolute;z-index: 2;right: 0;top: 13px;} .head_m_3_index .box .r .menu{float: left;height: 24px;margin: 6px 0 0 0;} .head_m_3_index .box .r .menu img{float: left;height: 24px;} .head_m_3{width:100%;height:60px;background:#007abd;float: left;z-index: 8000;display: none;position: relative;} .head_m_3 .box{width:100%;height:60px;float: left;padding:0;} .head_m_3 .box .home{float: left;border-right: 1px solid #e0363f;height: 60px;} .head_m_3 .box .home img{float: left;height: 30px;margin: 12px 15px 0 0;} .head_m_3 .box .logo{float: left;height: 60px;line-height: 60px;font-size: 14px;color: #fff;margin: 0 6px 0 0 ;} .head_m_3 .box .logo img{float: left;height: 20px;margin: 20px 0px 0 0;} .head_m_3 .box .a{float: left;height: 60px;line-height: 60px;font-size: 14px;color: #fff;margin: 0 6px;} .head_m_3 .box .img{float: left;height: 60px;} .head_m_3 .box .r{float: right;} .head_m_3 .box .r .menu_page{float: left;height: 24px;margin: 18px 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: 18px 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: 18px 0 0 0;} .head_m_3 .box .r .menu img{float: left;height: 24px;} .head_m_3_navbg{display: none;background:rgba(255,255,255,1);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:#fff url(/Public/Common/Images/mheadbg.jpg) no-repeat center bottom;width: 100%;height: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;right: -100%;transition:0.5s;background-size: 100%;} .head_m_3_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 30px 30px 0;text-align: center;} .head_m_3_nav .abox .menu_hover{float: left;width: 40%;text-align: left;height: 40px;position: absolute;top:25px;right: 37px;} .head_m_3_nav .abox .menu_hover img{float: right;height: 50px;} .head_m_3_nav .abox .a{width: 100%;float: left;line-height: 50px;font-size: 18px;color: #000;text-align:left;} .head_m_3_nav .abox .a_son_son, .head_m_3_nav .abox .a_son{width:48%;float: left;line-height: 34px;font-size: 14px;color: #666;text-align:left;padding-left: 10px;background: #f4f4f4;border-radius: 6px;margin-bottom: 6px;} .head_m_3_nav .abox .a_son:nth-child(2n){float: right;} .head_m_3_nav .abox .a_son_son{background: #ccc;} .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: 992px) { .head_m_3_index{display: block;} .head_m_3{display: block;} .m_head_1_bt{display: block;} } .m_head_page_nav{display: none;background:#fa0;width: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;top: 54px;} .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{width: 33.333%;float: left;line-height: 36px;font-size: 14px;color: #fff;text-align: center;} /* footer_22 */ .footer_22{width: 100%;float: left;background:#000;border-top:1px solid var(--themecolor);} .footer_22 .box{width: 100%;float: left;padding: 50px 0 40px;} .footer_22 .box .cc{float: left;width: 100%;} .footer_22 .box .cc .li{float: left;width: 15%;} .footer_22 .box .cc .li:last-child{width: 40%} .footer_22 .box .cc .li .t{float: left;width: 100%;margin-bottom: 20px;line-height: 26px;height: 26px;} .footer_22 .box .cc .li .t b{float: left;line-height: 26px;font-size: 18px;color: #fff;font-weight: normal;} .footer_22 .box .cc .li .btel{float: left;line-height: 50px;width:100%;color: #fff;font-size: 50px;font-family: 'bebas';} .footer_22 .box .cc .li .stext{float: left;line-height: 20px;width:100%;color: #aaa;font-size: 12px;} .footer_22 .box .cc .li .a{float: left;line-height: 34px;width:100%;color: #aaa;} .footer_22 .box .cc .li .a:hover{color: #fff;} .footer_22 .box .cp{width: 100%;float: left;color: #aaa;line-height: 24px;border-top: 1px solid #222;margin: 30px 0 0;padding-top: 40px;} .footer_22 .box .cp .l{width: 55%;float: left;padding: 8px 0 0 0;line-height: 30px;} .footer_22 .box .cp .l_m{width: 100%;float: left;display: none;text-align: center;padding-top: 20px;border-top: 1px solid #222;margin-top: 20px;font-size: 14px;} .footer_22 .box .cp .r{float: right;width: 45%;} .footer_22 .box .cp .r .li{float: left;height: 80px;margin: 0 0 0 10px;background: #3e3e3e;} .footer_22 .box .cp .r .li img{float: left;width: 80px;height: 80px;background: #fff;} .footer_22 .box .cp .r .li p{float: left;width: 110px;height: 80px;padding: 20px 10px 0 10px;font-size: 12px;line-height: 20px;} .footer_22 .box .cp a{color: #aaa;} @media (max-width: 992px) { .footer_22{border-top: none;} .footer_22 .box{width: 100%;float: left;padding: 40px 0 30px;} .footer_22 .box .cc{float: left;width: 100%;} .footer_22 .box .cc .li{display: none;} .footer_22 .box .cp{width: 100%;float: left;color: #aaa;line-height: 24px;border-top:none;margin: 0px 0 0;padding-top: 0px;text-align: center;} .footer_22 .box .cp .l{display: none;} .footer_22 .box .cp .l_m{display: block;} .footer_22 .box .cp .r{float: right;width: 100%;display: inline-block;} .footer_22 .box .cp .r .li{float: none;height: 170px;margin: 0 3px;width: 90px;display: inline-block;} .footer_22 .box .cp .r .li:last-child p{padding: 5px 5px;} .footer_22 .box .cp .r .li img{float: left;width: 90px;height: 90px;background: #fff;} .footer_22 .box .cp .r .li p{float: left;width: 100%;height: 90px;padding:5px 15px;font-size: 12px;line-height: 18px;text-align: center;height: 64px;} .footer_22 .box .cp a{color: #aaa;} } /* fullSlide */ .fullSlide{ width:100%; position:relative; height:1200px; 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:1500px; overflow:hidden; text-align:center; background-position: center top;background-repeat: no-repeat;background-size: 3750px;} .fullSlide .bd li a{ display:block; height:1500px; } .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:90px; 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:24px; height:40px;padding-bottom: 39px; margin:0 2px; overflow:hidden; border-bottom: 1px solid #fff;filter:alpha(opacity=40);opacity:0.4; line-height:999px; } .fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1; width: 40px; } .fullSlide .prev, .fullSlide .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%; 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:10%; background-position:-6px -137px; } @media (max-width: 3600px) { .fullSlide, .fullSlide .bd li, .fullSlide .bd li a{ height:1200px;} .fullSlide .bd li{background-size: 3600px; } } @media (max-width: 3000px) { .fullSlide, .fullSlide .bd li, .fullSlide .bd li a{ height:1000px;} .fullSlide .bd li{background-size: 3000px; } } @media (max-width: 2700px) { .fullSlide, .fullSlide .bd li, .fullSlide .bd li a{ height:900px;} .fullSlide .bd li{background-size: 2700px; } } @media (max-width: 2400px) { .fullSlide, .fullSlide .bd li, .fullSlide .bd li a{ height:800px;} .fullSlide .bd li{background-size: 2400px; } } @media (max-width: 2100px) { .fullSlide, .fullSlide .bd li, .fullSlide .bd li a{ height:700px;} .fullSlide .bd li{background-size: 2100px; } } @media (max-width: 1920px) { .fullSlide, .fullSlide .bd li, .fullSlide .bd li a{ height:640px;} .fullSlide .bd li{background-size: 1920px; } } @media (max-width: 1800px) { .fullSlide, .fullSlide .bd li, .fullSlide .bd li a{ height:600px;} .fullSlide .bd li{background-size: 1800px; } } @media (max-width: 1650px) { .fullSlide, .fullSlide .bd li, .fullSlide .bd li a{ height:550px;} .fullSlide .bd li{background-size: 1650px; } } @media (max-width: 1410px) { .fullSlide, .fullSlide .bd li, .fullSlide .bd li a{ height:470px;} .fullSlide .bd li{background-size: 1410px; } } @media (max-width: 1200px) { .fullSlide, .fullSlide .bd li, .fullSlide .bd li a{ height:400px;} .fullSlide .bd li{background-size: 1200px; } } @media (max-width: 992px) { .fullSlide{display: none;} } /*mfullSlideBox*/ .mfullSlideBox{ position:relative; overflow:hidden;max-width:992px;display: none;float: left;width: 100%;} .mfullSlideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1;text-align: center;width: 100%; } .mfullSlideBox .hd li{ display:inline-block; width:8px; height:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#fff; text-indent:-9999px; overflow:hidden; margin:0 3px;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: 992px) { .mfullSlideBox{display: block;} } /* friendLink_07 */ .friendLink_07{width: 100%;background: #fafafa url(/Public/Common/Images/casebg.png) no-repeat center bottom;float: left;padding: 50px 0;} .friendLink_07 .box{width: 100%;float: left;} .friendLink_07 .box .t{width: 100%;float: left;position: relative;text-align: center;} .friendLink_07 .box .t b{font-size: 36px;line-height: 80px;color: #007abd;float: left;width: 100%;} .friendLink_07 .box .t p{font-size:16px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #888;padding: 0 15%;margin-top: 20px;display: none;} .friendLink_07 .box .t span{font-size:24px;line-height: 40px;height: 40px;float: left;text-align: center;float: left;width: 100%;color: #ddd;text-transform: uppercase;} .friendLink_07 .box .t em{float: left;width: 100%;font-style: normal; color: #888;width: 100%;height: 1px;background: #eee;margin: 20px 0;padding: 0 47%;} .friendLink_07 .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .friendLink_07 .box .c{width: 100%;float: left;margin: 30px 0 0 0px} .friendLink_07 .box .c a{float: left;width: 16.666%;text-align: center;cursor: pointer;position: relative;margin: 0;position: relative;overflow: hidden;} .friendLink_07 .box .c a .imgt{float: left;width: 100%;position: absolute;z-index: 2;top: 100%;left: 0;transition:0.5s;} .friendLink_07 .box .c a .imgb{float: left;width: 100%;position:relative;z-index: 1;} .friendLink_07 .box .swipers{width: 100%;float: left;padding: 30px 0 0;height: 540px;position: relative;} .friendLink_07 .box .swipers .swiper-container {width: 100%;height: 430px;color: #000;text-align: center;} .friendLink_07 .box .swipers .swiper-slide {height: 100%;opacity: 0.4;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);position: relative;} .friendLink_07 .box .swipers .swiper-slide-visible {opacity: 0.5;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);} .friendLink_07 .box .swipers .swiper-slide-active {top: 0;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} .friendLink_07 .box .swipers .swiper-slide .con {float: left;width: 100%;padding:60px 100px 0;position: relative;box-shadow: 0 5px 15px rgba(0,0,0,0.05);background: #fff;border-radius: 20px;height: 400px;z-index: 2;} .friendLink_07 .box .swipers .swiper-slide .con .title {float: left;width: 100%;font-size:24px;color: #000;letter-spacing: 5px;font-weight: bold;} .friendLink_07 .box .swipers .swiper-slide .con .line {float: left;width: 100%;padding: 0 45%;height: 2px;margin: 20px 0 ;} .friendLink_07 .box .swipers .swiper-slide .con .line i{float: left;width: 100%;height: 2px;background: #ddd;} .friendLink_07 .box .swipers .swiper-slide .con .te {float: left;width: 100%;color: #000;font-size: 16px;line-height: 30px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height: 90px;} .friendLink_07 .box .swipers .swiper-slide .con .img {float: left;width: 100%;margin-bottom: 20px;} .friendLink_07 .box .swipers .swiper-slide .con .img img{display: inline-block;height: 80px;} .friendLink_07 .box .swipers .swiper-slide .con .more{float: left;width: 100%;} .friendLink_07 .box .swipers .swiper-slide .con .more span{font-size: 30px;color: #000;} .friendLink_07 .box .swipers .pagination {position: absolute;z-index: 20;left: 0px;width: 100%;text-align: center;bottom: 5px;} .friendLink_07 .box .swipers .swiper-pagination-switch {display: inline-block;width: 16px;height: 16px;border-radius: 8px;background: #fff;margin:0 5px;cursor: pointer;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;position: relative;} .friendLink_07 .box .swipers .swiper-visible-switch {opacity: 1;top: 0;background: #fff;} .friendLink_07 .box .swipers .swiper-active-switch {background: var(--themecolor);} .friendLink_07 .box .swipersm{width: 100%;position: relative;max-width: 992px;float: left;padding-bottom: 30px;overflow: hidden;display: none;} .friendLink_07 .box .swipersm .swiper-containerm {height: auto;width: 100%;} .friendLink_07 .box .swipersm .paginationm {position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;} .friendLink_07 .box .swipersm .swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius: 12px;background: #fff;margin: 0 5px;cursor: pointer;} .friendLink_07 .box .swipersm .swiper-active-switch {background: var(--themecolor);} .friendLink_07 .box .swipersm .swiper-slidem {height: 100%;opacity: 0.4;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);position: relative;} .friendLink_07 .box .swipersm .con{float: left;width: 100%;padding: 20px;text-align: center;} .friendLink_07 .box .swipersm .con .cc{float: left;width: 100%;padding:40px 30px 0;position: relative;box-shadow: 0 5px 15px rgba(0,0,0,0.05);background: #fff;border-radius: 20px;height: 320px;z-index: 2;} .friendLink_07 .box .swipersm .con .cc .title {float: left;width: 100%;font-size:20px;color: #000;letter-spacing: 5px;font-weight: bold;} .friendLink_07 .box .swipersm .con .cc .line {float: left;width: 100%;padding: 0 45%;height: 2px;margin: 20px 0 ;} .friendLink_07 .box .swipersm .con .cc .line i{float: left;width: 100%;height: 2px;background: #ddd;} .friendLink_07 .box .swipersm .con .cc .te {float: left;width: 100%;color: #000;font-size: 16px;line-height: 22px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height: 66px;} .friendLink_07 .box .swipersm .con .cc .img {float: left;width: 100%;margin-bottom: 20px;} .friendLink_07 .box .swipersm .con .cc .img img{display: inline-block;height: 80px;} .friendLink_07 .box .swipersm .con .cc .more{float: left;width: 100%;} .friendLink_07 .box .swipersm .con .cc .more span{font-size: 30px;color: #000;} @media (max-width: 992px) { .friendLink_07{padding: 60px 0;border-radius: 0 0 20px 20px;margin-bottom: -30px;z-index: 8;margin-bottom: 0;} .friendLink_07 .container{padding: 0;} .friendLink_07 .box .t{margin-bottom: 0px;padding: 0 20px;} .friendLink_07 .box .t b{font-size: 20px;line-height: 40px;} .friendLink_07 .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;} .friendLink_07 .box .t span{font-size:18px;line-height: 30px;height: 30px;} .friendLink_07 .box .t em{margin: 10px 0;padding: 0 42%;} .friendLink_07 .box .swipers{display: none;} .friendLink_07 .box .swipersm{display: block;} .friendLink_07 .box .c{margin: 20px 0 0 0;padding: 0 15px;} .friendLink_07 .box .c a{width: 33.333%;} .friendLink_07 .box .swipersm .con{padding: 15px;} .friendLink_07 .box .swipersm .con .cc{border-radius: 15px;} } /* 单页/网站地图 */ .map{width:100%;float: left;min-height: 400px;line-height:30px;font-size: 14px;} .map h2{width:100%;;float: left;line-height:30px;font-size: 14px;margin-bottom: 5px;margin-top: 20px;} .map .maplist{width:100%;float: left;} .map .maplist a{float: left;padding: 0 10px;line-height: 30px;height: 30px;background: #f3f3f3;border-radius: 3px;margin-right: 10px;font-size: 16px;margin-bottom: 10px;} .map .maplist a:hover{background: #dd3300;color: #fff;text-shadow:none;} .totalnums{float: left;width: 100%;background: #fafafa;} .totalnums .box{float: left;width: 100%;background: #fff;border-radius:15px;position: relative;z-index: 100;margin-top: -75px;padding:30px 0 30px 15%;box-shadow: 0 5px 15px rgba(0,0,0,0.03);} .totalnums .box .li{float: left;width: 23.333%;margin:0 10% 0 0;position: relative;border-right: 1px dashed #DDD;} .totalnums .box .li:nth-child(3){border: none;} .totalnums .box .li .img{position: absolute;width: 80px;height: 80px;left: 30;top: 5px;} .totalnums .box .li .img span{line-height: 80px;font-size: 80px;color: var(--themecolor);} .totalnums .box .li .r{float: left;width: 100%;padding:5px 0 10px 95px;} .totalnums .box .li .r span{float: left;width: 100%;margin-top: 6px;} .totalnums .box .li .r span b{float: left;line-height: 44px;color: #fa0;font-size: 44px;font-weight: bold;margin-right: 6px;font-family: 'bebas'} .totalnums .box .li .r span i{float: left;line-height: 44px;color: #fa0;font-size: 44px;font-weight: normal;font-style: normal;font-family: 'bebas'} .totalnums .box .li .r p{float: left;width: 100%;line-height:16px;color: #333;font-size: 14px;margin-top: 6px;} @media (max-width: 992px) { .totalnums .container{padding: 0;} .totalnums .box{border-radius: 0 0 10px 10px;margin-top: 0;padding:30px 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.03);} .totalnums .box .li{float: left;width: 33.333%;margin:0;position: relative;border-right:none;} .totalnums .box .li .img{position: absolute;width: 44px;height: 44px;left: 30;top: 0px;} .totalnums .box .li .img span{line-height: 44px;font-size: 44px;} .totalnums .box .li .r{float: left;width: 100%;padding:2px 0 0 45px;} .totalnums .box .li .r span{float: left;width: 100%;margin-top: 0;} .totalnums .box .li .r span b{float: left;line-height: 22px;font-size: 22px;font-weight: bold;margin-right: 2px;font-family: 'bebas'} .totalnums .box .li .r span i{float: left;line-height: 22px;font-size: 22px;font-weight: normal;font-style: normal;font-family: 'bebas'} .totalnums .box .li .r p{line-height: 14px;font-size: 13px;margin-top: 1px;} } .aboutPage{float: left;width: 100%;z-index: 333;position: relative;} .aboutPage .box{float: left;width: 100%;padding: 0px 0px 60px;position: relative;} .aboutPage .box .catenav{width:100%;float: left;margin-bottom: 80px;text-align: center;} .aboutPage .box .catenav a{line-height: 120px;color: #444;float: none;font-size: 18px;font-weight: normal;display: inline-block;margin: 0 20px;} .aboutPage .box .catenav a.cur{border-bottom:5px solid var(--themecolor);color: var(--themecolor);font-weight: bold;} .aboutPage .box .ttitle{float: left;position: absolute;width: 350px;} .aboutPage .box .ttitle b{font-size: 60px;float: left;width: 50px;line-height: 70px;color: #000;margin-right: 50px;} .aboutPage .box .ttitle span{font-size: 90px;float: left;width: 90px;line-height: 90px;color: #000;writing-mode:tb-rl;font-family: 'helB';color: #ddd;margin-right: 60px;text-transform: uppercase;font-weight: bold;letter-spacing: 5px;} .aboutPage .box .ttitle i{float: left;width: 4px;height: 80px;background: #eee;} .aboutPage .box .htext{float: left;width: 100%;color: #000;} .aboutPage .box .htext .t{float: left;width: 100%;margin: 60px 0 30px;text-align: center;} .aboutPage .box .htext .t b{float:left;line-height: 40px;font-size: 36px;margin-right: 0px;color: var(--themecolor);display: inline-block;vertical-align: top;width: 100%;} .aboutPage .box .htext .t span{float:left;line-height:36px;font-size: 20px;font-family: 'bebas';height: 36px;overflow: hidden;color: #aaa;display: inline-block;vertical-align: top;width: 100%;letter-spacing: 4px;} .aboutPage .box .htext .c_gywm{float: left;width: 100%;position: relative;margin-bottom:60px;} .aboutPage .box .htext .c_gywm .te{float: left;width: 100%;position: relative;text-align: center;} .aboutPage .box .htext .c_gywm .te b{float: left;width: 100%;padding: 0 0 20px 0;line-height: 50px;font-size:24px;} .aboutPage .box .htext .c_gywm .te p{float: left;width: 100%;padding: 0 0 0 0;line-height: 30px;font-size: 16px;} .aboutPage .box .htext .c_gsjj{float: left;width: 100%;position: relative;margin-bottom: 60px;} .aboutPage .box .htext .c_gsjj .img{float: left;width: 45%;} .aboutPage .box .htext .c_gsjj .img img{float: left;width: 100%;} .aboutPage .box .htext .c_gsjj .te{float: right;width: 55%;position: relative;padding-left: 70px;} .aboutPage .box .htext .c_gsjj .te p{float: left;width: 100%;line-height: 30px;font-size: 16px;margin-bottom: 20px;} .aboutPage .box .htext .c_gsjj .te span{float: left;width: 100%;line-height: 30px;font-size: 20px;margin-bottom: 20px;color: var(--goldcolor);} .aboutPage .box .htext .c_gsjj .te i{float: left;width: 30px;height: 2px;background: #333;margin-bottom: 20px;} .aboutPage .box .htext .c_shry{float: left;width: 100%;position: relative;margin-bottom: 30px;} .aboutPage .box .htext .c_shry p{ width:100%;float: left;background: #fff;margin-bottom: 20px;line-height: 50px;padding: 0 15px;border: 1px dashed #e5e5e5;border-radius: 6px;font-size: 16px;transition:0.5s;border-left: 5px var(--themecolor) solid} .aboutPage .box .htext .c_shry p:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.05);color: var(--themecolor)} .aboutPage .box .htext .c_dsj{padding:100px 0;min-height:720px;background:#9c2121 url("/Public/Common/Images/about/5.jpg") no-repeat center top;background-size: 100%;width:100%;position:relative;float: left;border-radius: 20px;margin-bottom: 60px;} .aboutPage .box .htext .c_dsj .wrapper{position:relative;background:url("/Public/Common/Images/about/release-bg.png") no-repeat right top;width:960px;margin:0 auto;} .aboutPage .box .htext .c_dsj .light{position:absolute;left:55px;top:-50px;width:152px;height:191px;background:url("/Public/Common/Images/about/light-top.png") no-repeat top center;} .aboutPage .box .htext .c_dsj .light i{position:absolute;width:100%;height:100%;top:0;background:url("/Public/Common/Images/about/light.png") no-repeat top center;} .aboutPage .box .htext .c_dsj .line-left{position:absolute;left:0;top:15px;width:70px;} .aboutPage .box .htext .c_dsj .line-right{position:absolute;right:0;top:15px;width:460px;} .aboutPage .box .htext .c_dsj .main{background:url("/Public/Common/Images/about/line-bg.png") repeat-y 249px 0;width: 100%;float: left;} .aboutPage .box .htext .c_dsj .main .title{position:absolute;line-height:40px;padding-left:67px;left:230px;top:0;color:#fff;font-size:24px;background:url("/Public/Common/Images/about/clock.png") no-repeat left top;margin-top: 0;} .aboutPage .box .htext .c_dsj .main .year{position:relative;z-index:100;float: left;width: 100%;} .aboutPage .box .htext .c_dsj .main .year h2{height:40px;width:170px;padding-right:30px;font-size:24px;line-height:40px;text-align:right;} .aboutPage .box .htext .c_dsj .main .year h2 a{color:#fff;} .aboutPage .box .htext .c_dsj .main .year h2 i{display:block;position:relative;height:0;width:0;left:190px;top:-20px;border-width:6px;border-style:solid;border-color:#fff 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} .aboutPage .box .htext .c_dsj .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} .aboutPage .box .htext .c_dsj .main .year .list ul{bottom:0;} .aboutPage .box .htext .c_dsj .main .year .list ul li{background:url("/Public/Common/Images/about/circle.png") no-repeat 235px 31px;padding:30px 0;color:#fff;} .aboutPage .box .htext .c_dsj .main .year .list ul li.highlight{background-image:url(/Public/Common/Images/about/circle-h.png);} .cls{zoom:1;} .cls:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .aboutPage .box .htext .c_dsj .main .year .list ul li.highlight .date, .aboutPage .box .htext .c_dsj .main .year .list ul li.highlight .intro{color:#fff;} .aboutPage .box .htext .c_dsj .main .year .list ul li .date, .aboutPage .box .htext .c_dsj .main .year .list ul li .version{float:left;display:block;clear:left;width:200px;line-height:24px;text-align:right} .aboutPage .box .htext .c_dsj .main .year .list ul li .date{font-size:18px;line-height:32px;color:#fff} .aboutPage .box .htext .c_dsj .main .year .list ul li .intro, .aboutPage .box .htext .c_dsj .main .year .list ul li .more{float:left;display:block;width:400px;margin-left:100px;line-height:24px;} .aboutPage .box .htext .c_dsj .main .year .list ul li .intro{font-size:18px;line-height:32px;color:#fff;} .aboutPage .box .htext .c_dsj .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)} .aboutPage .box .htext .c_dsj .wrapper:first-child .main .year.close .list{opacity:0;height:0!important;} .aboutPage .box .htext .c_dsj_m{float: left;width: 100%;background:#9c2121 url("/Public/Common/Images/about/5.jpg") no-repeat center top;background-size: 100%;padding: 50px 30px;display: none;border-radius: 10px;margin-bottom: 60px;} .aboutPage .box .htext .c_dsj_m .c{width: 100%;float: left;} .aboutPage .box .htext .c_dsj_m .c .li{width: 100%;float: left;cursor: pointer;} .aboutPage .box .htext .c_dsj_m .c .li .l{float: left;width: 25%;text-align: right;padding-right: 20px;} .aboutPage .box .htext .c_dsj_m .c .li .l b{float: left;width: 100%;line-height: 22px;color: #fff;font-size: 16px;font-weight: normal;transition:0.5s;} .aboutPage .box .htext .c_dsj_m .c .li .r{float: left;width: 75%;border-left: 1px solid #eee;padding: 0 0 30px 20px;color: #aaa;position: relative;transition:0.5s;} .aboutPage .box .htext .c_dsj_m .c .li .r i{width: 12px;height: 12px;border-radius: 100%;background: #a30f00;position: absolute;left: -6px;top: 4px;border: 3px solid #ddd;transition:0.5s;} .aboutPage .box .htext .c_dsj_m .c .li .r span{float: left;width: 100%;line-height: 18px;color: #fff;} .aboutPage .box .htext .c_dsj_m .c .li .r p{float: left;width: 100%;line-height: 22px;font-size: 16px;color: #fff;transition:0.5s;} .aboutPage .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;} .aboutPage .box .htext h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 20px 0 0;} .aboutPage .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;} .aboutPage .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;} .aboutPage .box .htext .info a{color: #ddd;} .aboutPage .box .htext .text{float: left;width: 100%;line-height: 36px;font-size: 16px;margin:0px 0 0 ;padding: 0;color: #444;} .aboutPage .box .htext .text p{float: left;width: 100%;line-height: 36px;font-size: 16px;margin: 0;padding: 0;} .aboutPage .box .htext .text p img{max-width: 100%;} .aboutPage .box .htext .text img{max-width: 100%;} .aboutPage .box .htext .c_spjs{float: left;width: 100%;position: relative;margin-bottom: 60px;} .aboutPage .box .htext .c_zizhi{float: left;width: 100%;position: relative;margin-bottom: 60px;text-align: center;} .aboutPage .box .htext .c_zizhi .li{float: none;height: 180px;margin: 0 20px 30px;background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.2);position: relative;overflow: visible;transition:0.5s;display: inline-block;} .aboutPage .box .htext .c_zizhi .li:hover{box-shadow: 0 20px 20px rgba(0,0,0,0.3);} .aboutPage .box .htext .c_zizhi .li img{float: left;height: 150px;} .aboutPage .box .htext .c_zizhi .li p{background: rgba(0,0,0,0.8);padding: 0 10px;line-height: 40px;position: absolute;bottom: 0;left: 0;color: #fff;width: 100%;} .aboutPage .box .htext .c_rongyu{float: left;width: 100%;position: relative;margin-bottom: 30px;} .aboutPage .box .htext .c_gswenhua{float: left;width: 100%;position: relative;margin-bottom: 60px;} .aboutPage .box .htext .c_gswenhua .li{float: left;width: 31%;position: relative;margin: 0 3% 0 0;border-radius: 0 15px 15px 15px;overflow: hidden;background: #fff;text-align: center;box-shadow: 0 25px 25px rgba(0,0,0,0.05);padding: 40px 20px 30px;} .aboutPage .box .htext .c_gswenhua .li:last-child{margin-right: 0;} .aboutPage .box .htext .c_gswenhua .li .img{float: left;text-align: center;line-height: 60px;line-height: 60px;font-size: 24px;position: absolute;background: var(--themecolor);color: #fff;padding: 0 20px 0 20px;border-radius: 0 30px 10px 0;left: 0;top:20px;} .aboutPage .box .htext .c_gswenhua .li .p{float: left;width: 100%;line-height: 30px;font-size: 16px;padding: 20px;} .aboutPage .box .htext .c_gswenhua .li .p b{float: left;width: 100%;line-height: 30px;font-size: 24px;margin-bottom: 10px;color: var(--goldcolor);} .aboutPage .box .htext .c_gswenhua .li .p i{float: left;width: 100%;line-height: 20px;font-size: 14px;margin-bottom: 20px;color: #aaa;text-transform: uppercase;font-style: normal;} .aboutPage .box .htext .c_gswenhua .li .p span{float: left;width: 100%;line-height: 24px;font-size: 16px;color: #000;margin-bottom: 6px;height: 48px;} .aboutPage .box .htext .c_gswenhua .li .p em{float: left;width: 100%;line-height: 20px;font-size: 16px;color: #aaa;display: none;} @media (max-width: 1920px) { .aboutPage .box{padding: 0px 120px 60px;} } @media (max-width: 992px) { .aboutPage{float: left;width: 100%;padding: 30px 15px 0;margin-bottom: 0px;margin-top: 0;} .aboutPage .container{padding: 0} .aboutPage .box{float: left;width: 100%;padding: 0px;position: relative;margin-top:0px;background:none;box-shadow: none;border-radius: 10px 10px 0 0;} .aboutPage .box .catenav{width:100%;float: left;margin-bottom: 30px;padding: 20px 20px 10px;background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.05);border-radius: 10px;} .aboutPage .box .catenav a{line-height: 34px;color: #444;float: left;font-size: 16px;margin-right: 0px;font-weight: normal;width: 25%;border-radius: 6px;text-align: center;margin-bottom: 10px;} .aboutPage .box .catenav a.cur{border-bottom:none;color:#fff;background:var(--themecolor);font-weight: normal;} .aboutPage .box .ttitle{float: left;position: relative;width: 100%;margin-bottom: 30px;} .aboutPage .box .ttitle b{font-size: 30px;float: left;width: 100%;line-height: 50px;color: #000;margin-right: 0px;margin-bottom: 15px;} .aboutPage .box .ttitle span{font-size: 40px;float: left;width:100%;line-height: 40px;color: #000;writing-mode:horizontal-tb;font-family: 'helB';color: #ddd;margin-right: 0px;text-transform: uppercase;width: 100%;margin-bottom: 10px;letter-spacing: 0} .aboutPage .box .ttitle i{float: left;width: 80px;height: 4px;background: #eee;} .aboutPage .box .htext{float: left;width: 100%;margin: 0px 0 0;min-height: auto;padding: 0;} .aboutPage .box .htext .t{margin-bottom: 15px;margin-top: 0px;} .aboutPage .box .htext .t b{float: left;line-height: 30px;font-size: 20px;margin-right: 0px;color: var(--themecolor);} .aboutPage .box .htext .t span{float: left;line-height:42px;font-size: 20px;font-family: 'bebas';height: 40px;overflow: hidden;color: #eee;} .aboutPage .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;} .aboutPage .box .htext h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 20px 0 0;} .aboutPage .box .htext .c_gywm{margin-bottom:60px;} .aboutPage .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 16px;color: #333;font-weight: bold;} .aboutPage .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;} .aboutPage .box .htext .info a{color: #ddd;} .aboutPage .box .htext .text{float: left;width: 100%;line-height: 30px;font-size: 16px;margin:0px 0 0 ;padding: 0;color: #444;} .aboutPage .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 16px;margin: 0;padding: 0;} .aboutPage .box .htext .text p img{max-width: 100%;} .aboutPage .box .htext .text img{max-width: 100%;} .aboutPage .box .htext .c_gywm .te img{position: absolute;width: 20px;height: 20px;top: 0;left: 0;} .aboutPage .box .htext .c_gywm .te b{float: left;width: 100%;padding: 0;line-height: 30px;font-size:16px;margin-bottom: 15px;} .aboutPage .box .htext .c_gywm .te p{float: left;width: 100%;padding: 0;line-height: 30px;font-size: 14px;} .aboutPage .box .htext .c_dsj{display: none;} .aboutPage .box .htext .c_dsj_m{display: block;} .aboutPage .box .htext .c_gsjj{margin-bottom: 20px;} .aboutPage .box .htext .c_gsjj .img{width: 100%;margin-bottom: 20px;} .aboutPage .box .htext .c_gsjj .img {max-width: 60%;} .aboutPage .box .htext .c_gsjj .te{width: 100%;padding-left: 0px;} .aboutPage .box .htext .c_gsjj .te p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin-bottom: 20px;} .aboutPage .box .htext .c_gsjj .te span{float: left;width: 100%;line-height: 30px;font-size: 20px;margin-bottom: 20px;color: var(--goldcolor);} .aboutPage .box .htext .c_gsjj .te i{float: left;width: 30px;height: 2px;background: #333;margin-bottom: 20px;} .aboutPage .box .htext .c_shry{float: left;width: 100%;position: relative;margin-bottom: 30px;} .aboutPage .box .htext .c_zizhi{margin-bottom: 20px;} .aboutPage .box .htext .c_zizhi .li{height: 100px;margin: 0 10px 10px 0;background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.2);position: relative;overflow: visible;transition:0.5s;} .aboutPage .box .htext .c_zizhi .li:hover{box-shadow: 0 20px 20px rgba(0,0,0,0.3);} .aboutPage .box .htext .c_zizhi .li img{float: left;height: 100px;} .aboutPage .box .htext .c_zizhi .li p{background: rgba(0,0,0,0.8);padding: 0 10px;line-height: 30px;position: absolute;bottom: 0;left: 0;color: #fff;width: 100%;font-size: 12px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;} .aboutPage .box .htext .c_gswenhua .li{width: 100%;margin: 0 0 20px 0;text-align: center;padding-bottom: 0} .aboutPage .box .htext .c_gswenhua .li .p{float: left;width: 100%;line-height: 30px;padding: 20px;} .aboutPage .box .htext .c_gswenhua .li .p b{float: left;width: 100%;line-height: 20px;font-size: 20px;margin-bottom: 10px;} .aboutPage .box .htext .c_gswenhua .li .p span{float: left;width: 100%;line-height: 20px;font-size: 14px;min-height: auto;} .aboutPage .box .htext .c_shry p{line-height: 24px;padding:14px 10px;font-size: 14px;margin-bottom: 10px;} .aboutPage .box .htext .c_spjs{margin-bottom: 20px;} .aboutPage .box .htext .c_gswenhua{margin-bottom: 20px;} .aboutPage .box .htext .c_gywm{margin-bottom: 20px;} .aboutPage .box .htext .c_gswenhua .li .img{font-size: 32px;border-radius: 0 20px 5px 0;left: 0;top:20px;} .aboutPage .box .htext .c_gswenhua .li{border-radius: 0 10px 10px 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.01);} } /* indexNews */ .indexNews{width: 100%;background: #fff;float: left;padding:50px 0;} .indexNews .box{width: 100%;float: left;} .indexNews .box .t{width: 100%;float: left;position: relative;text-align: center;} .indexNews .box .t b{font-size: 36px;line-height: 80px;height: 80px;color: #007abd;float: left;width: 100%;} .indexNews .box .t p{font-size:15px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #888;padding: 0 15%;margin-top: 20px;display: none;} .indexNews .box .t span{font-size:24px;line-height: 40px;height: 40px;float: left;text-align: center;float: left;width: 100%;color: #ddd;text-transform: uppercase;} .indexNews .box .t em{float: left;width: 100%;font-style: normal; color: #888;width: 100%;height: 1px;background: #f3f3f3;margin: 20px 0;padding: 0 47%;} .indexNews .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .indexNews .box .c{width: 100%;float: left;margin: 30px 0 0 0px} .indexNews .box .c .tmenu{width:100%;height:50px;float: left;text-align: center;} .indexNews .box .c .tmenu li{height: 60px;display:inline-block;cursor:pointer;color:#000;margin: 0 20px;font-size: 22px;border-radius: 60px;padding: 0 70px;line-height: 60px;} .indexNews .box .c .tmenu li.hover{background:var(--themecolor);color: #fff;} .indexNews .box .c .tmenu li.hover:hover{background:var(--themecolor);color: #fff;} .indexNews .box .c .tmenu li:hover{color:#007abd;} .indexNews .box .c .tbox{width:100%;float:left;margin: 60px 0 20px;} .indexNews .box .c .tbox .li{width:48%;float:left;overflow: hidden;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 2px solid #f3f3f3;position: relative;} .indexNews .box .c .tbox .li:nth-child(2n){float: right;} .indexNews .box .c .tbox .li:hover .img img{transform:scale(1.2);} .indexNews .box .c .tbox .li .img{width:200px;float:left;overflow: hidden;position: absolute;top: 0;left: 0;padding: 0;height: 120px;} .indexNews .box .c .tbox .li .img img{width:100%;float:left;transition:transform 1s ease 0s;transform-origin:center;} .indexNews .box .c .tbox .li .r{width:100%;float:left;line-height:26px;font-size: 16px;transition:0.5s;padding-left: 220px;min-height: 120px;} .indexNews .box .c .tbox .li .r b{float: left;width: 100%;line-height: 30px;color: #000;font-size: 18px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 5px;} .indexNews .box .c .tbox .li .r p{width:100%;float:left;line-height:26px;color: #000;font-size: 16px;overflow: hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .indexNews .box .c .tbox .li .r span{width:100%;float:left;line-height:26px;color: #aaa;font-size: 16px;margin-bottom: 4px;} .indexNews .box .more{width:100%;float:left;margin: 0 0;text-align: center;} .indexNews .box .more a{display: inline-block;padding: 0 150px;line-height: 50px;border:1px solid #e5e5e5;color: #000;transition:0.5s;border-radius: 50px;} .indexNews .box .more a span{font-size: 20px;color: #000;} .indexNews .box .more a:hover{background:var(--themecolor);border: 1px solid var(--themecolor);text-decoration: none;padding: 0 200px;color: #fff;} .indexNews .box .more a:hover span{color: #fff;} @media (max-width: 992px) { .indexNews{padding:30px 0 40px;border-radius: 0 0 20px 20px;overflow: hidden;margin-bottom: -30px;z-index: 2;position: relative;} .indexNews .box .t b{font-size: 20px;line-height: 40px;height: 40px;} .indexNews .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;} .indexNews .box .t span{font-size:18px;line-height: 30px;height: 30px;} .indexNews .box .t em{margin: 10px 0;padding: 0 42%;} .indexNews .box .c{width: 100%;float: left;margin: 20px 0 0 0px} .indexNews .box .c .tmenu{width:100%;height:44px;float: left;text-align: center;background: #fafafa;border-radius: 44px;overflow: hidden;} .indexNews .box .c .tmenu li{height: 44px;display:inline-block;cursor:pointer;color:#000;margin: 0 0px;font-size: 16px;border-radius: 44px;padding: 0 0px;line-height: 44px;width: 50%;float: left;} .indexNews .box .c .tmenu li.hover{background:var(--themecolor);color: #fff;} .indexNews .box .c .tbox{width:100%;float:left;margin: 20px 0 0;padding: 0 0;} .indexNews .box .c .tbox .li{width:100%;float:left;margin-bottom: 20px;padding-bottom: 0px;border-bottom: none;} .indexNews .box .c .tbox .li:nth-child(2){display: none;} .indexNews .box .c .tbox .li .img{width:100%;float:left;margin-bottom: 15px;position: relative;height: auto;border-radius: 10px 10px 0 10px;} .indexNews .box .c .tbox .li .img img{width:100%;float:left;} .indexNews .box .c .tbox .li .r{width:100%;float:left;line-height:32px;color: #000;font-size: 16px;transition:0.5s;padding-left: 0;} .indexNews .box .c .tbox .li .r i{float: left;height: 4px;width: 4px;background: #aaa;border-radius: 100%;margin: 13px 6px 0 0;} .indexNews .box .c .tbox .li .r p{width:100%;float:left;line-height:24px;color: #666;font-size: 16px;} .indexNews .box .c .tbox .li .r span{width:100%;float:left;line-height:22px;color: #aaa;font-size: 16px;margin-bottom: 4px;} .indexNews .box .more{width:100%;float:left;margin: 0 0;text-align: center;} .indexNews .box .more a{display: inline-block;padding: 0 0;line-height: 44px;border:1px solid #e5e5e5;color: #000;transition:0.5s;border-radius: 44px;width: 70%;overflow: hidden;} .indexNews .box .more a span{font-size: 20px;color: #000;line-height: 44px;} .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;} .indexNews .box .more a:hover span{color: #fff;} } /* indexBd_02 */ .indexBd_02{float: left;width: 100%;background: url(/Public/Common/Images/indexBd_02.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;padding: 80px 0;} .indexBd_02 .box{width: 100%;float: left;text-align: center;} .indexBd_02 .box p{width: 100%;float: left;line-height: 40px;font-size:24px;color: #fff;padding: 0 0px;position: relative;transition:0.3s;font-size: 30px;} .indexBd_02 .box em{float: right;line-height: 50px;text-align: center;margin: 40px 0 0;transition:1s;width: 100%;} .indexBd_02 .box em a{height: 70px;border-radius: 70px;color: #fff;padding: 0 120px;line-height: 70px;font-size: 18px;background: #fa0;transition:0.5s;display: inline-block;} .indexBd_02 .box em a:hover{color: #fff;border-radius: 10px;padding: 0 200px;} @media (max-width: 768px) { .indexBd_02{background-attachment: fixed;height: auto;padding: 40px 0 40px;background-size: cover;height: auto;} .indexBd_02 .box{width: 100%;float: left;} .indexBd_02 .box p{width: 100%;float: left;line-height: 30px;font-size: 16px;text-align: center;color: #fff;padding:0px 20px 0px;opacity: 1;position: relative;transition:0.3s;} .indexBd_02 .box em{width: 100%;float: left;line-height: 44px;text-align: center;margin: 10px 0 0;transition:1s;opacity: 1;} .indexBd_02 .box em a{display: inline-block;height: 44px;border-radius: 44px;color: #fff;padding: 0 0px;line-height: 44px;font-size: 16px;transition:0.5s;float: none;width: 70%} .indexBd_02 .box em a:hover{color: #fff;border-radius: 10px;padding: 0 0px;} } /*indexFour*/ .indexFour{float: left;width: 100%;padding:50px 0;transition:0.5s;background: #fafafa;position: relative;} .indexFour .box{width: 100%;float: left;} .indexFour .box .t{width: 100%;float: left;position: relative;text-align: center;} .indexFour .box .t b{font-size: 36px;line-height: 80px;color: #007abd;float: left;width: 100%;} .indexFour .box .t p{font-size:16px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #888;padding: 0 15%;margin-top: 20px;} .indexFour .box .t span{font-size:24px;line-height: 40px;height: 40px;float: left;text-align: center;float: left;width: 100%;color: #ddd;text-transform: uppercase;} .indexFour .box .t em{float: left;width: 100%;font-style: normal; color: #888;width: 100%;height: 1px;background: #eee;margin: 20px 0;padding: 0 47%;} .indexFour .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .indexFour .box .ul{float: left;width: 100%;position: relative;transition:0.5s;margin-top: 30px;} .indexFour .box .ul li{float: left;width:18.4%;margin: 0 2% 0px 0;position: relative;padding: 40px 40px 100px;transition:0.5s;border-radius: 0 15px 15px 15px;overflow: hidden;box-shadow: 0 10px 25px rgba(0,0,0,0.05);height: 440px;} .indexFour .box .ul li:nth-child(5){margin-right: 0;} .indexFour .box .ul li:hover{background: #007abd;box-shadow: 0 25px 15px rgba(0,0,0,0.2);} .indexFour .box .ul li:hover .tit1{height: 0;margin: 0} .indexFour .box .ul li:hover .tit2{color: #fff;} .indexFour .box .ul li:hover p{color: #fff;} .indexFour .box .ul li:hover em{padding: 0 40%;} .indexFour .box .ul li:hover em i{background: #fff;height: 5px;} .indexFour .box .ul li:hover strong{color: #fff;display: none;} .indexFour .box .ul li:hover span{display: block;} .indexFour .box .ul li .tit1{float: left;width:100%;overflow: hidden;transition:0.5s;text-align: center;line-height: 60px;height: 60px;margin-top: 20px;} .indexFour .box .ul li .tit1 img{display: inline-block;width: 50px;} .indexFour .box .ul li .tit2{float: left;width:100%;line-height: 64px;color: var(--themecolor);overflow: hidden;font-size: 22px;text-align: center;transition:0.5s;font-weight: bold;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;} .indexFour .box .ul li em{float: left;width:100%;margin: 10px 0 20px;padding: 0 45%;} .indexFour .box .ul li em i{float: left;width:100%;height: 3px;background: var(--themecolor);margin: 0px 0;transition:0.5s;} .indexFour .box .ul li .p_p{float: left;width:100%;line-height: 30px;height: 90px;font-size: 16px;overflow: hidden;text-align: center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .indexFour .box .ul li strong{float: left;width: 100%;color: #ccc;font-size: 16px;text-align: center;line-height: 40px;font-weight: normal;transition:0.5s;} .indexFour .box .ul li span{float: left;width:100%;line-height: 24px;padding: 0 0%;display: none;text-align: center;} .indexFour .box .ul li span a{line-height: 44px;font-size: 14px;margin: 20px 0 0px 0;transition:0.5s;padding: 0 0px;color: #fff;float: left;width: 100%;text-align: center;border-radius: 44px;border: 1px solid #fff;} @media (max-width: 1920px) { .indexFour .box .ul li{padding: 40px 35px 70px;height: 400px;} } @media (max-width: 992px) { .indexFour{padding:30px 0 30px;border-radius: 0 0 20px 20px ;z-index: 8;margin-bottom: -30px;} .indexFour .box .t b{font-size: 20px;line-height: 40px;} .indexFour .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;} .indexFour .box .t span{font-size:18px;line-height: 30px;height: 30px;} .indexFour .box .t em{margin: 10px 0;padding: 0 42%;} .indexFour .box .ul{bottom: 0px;opacity: 1;margin-top: 20px;padding: 0;} .indexFour .box .ul li{float: left;width:48%;margin: 0 0% 10px 0;position: relative;padding: 20px 10px 10px;transition:0.5s;background:#fafafa;height: 190px;overflow: hidden;border-radius: 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);} .indexFour .box .ul li:nth-child(2n){float: right;} .indexFour .box .ul li:hover{background: #007abd;} .indexFour .box .ul li:hover .tit2{color: #fff;font-size: 16px;} .indexFour .box .ul li:hover .see{color: #fff;border: 1px solid #fff;} .indexFour .box .ul li:hover p{color: #fff;} .indexFour .box .ul li:hover em{display: block;} .indexFour .box .ul li:hover span{display: block;} .indexFour .box .ul li strong{display: none;} .indexFour .box .ul li .tit1{float: left;width:100%;overflow: hidden;font-size: 20px;transition:0.5s;text-align: center;margin: 10px 0 5px;height: 40px;} .indexFour .box .ul li .tit1 img{height: 40px;width: 40px;vertical-align: top;} .indexFour .box .ul li .tit2{float: left;width:100%;line-height: 34px;color: #000;overflow: hidden;font-size: 16px;text-align: center;transition:0.5s;} .indexFour .box .ul li .p_p{line-height: 20px;height: 40px;font-size: 13px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .indexFour .box .ul li em{margin: 5px 0 10px;padding: 0 42%;} .indexFour .box .ul li em i{height: 2px;} .indexFour .box .ul li span{float: left;width:100%;line-height: 24px;padding: 0 0%;display: none;text-align: center;} .indexFour .box .ul li span a{line-height: 30px;color: #007abd;overflow: hidden;font-size: 16px;margin: 10px 0 0px 0;transition:0.5s;background: #fff;float: left;text-align: center;} } /*indexCases*/ .indexCases{float: left;width: 100%;padding:50px 0;transition:0.5s;background: #fff;position: relative;} .indexCases .box{width: 100%;float: left;} .indexCases .box .t{width: 100%;float: left;position: relative;text-align: center;} .indexCases .box .t b{font-size: 36px;line-height: 80px;color: #007abd;float: left;width: 100%;} .indexCases .box .t p{font-size:16px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #888;padding: 0 15%;margin-top: 20px;} .indexCases .box .t span{font-size:24px;line-height: 40px;height: 40px;float: left;text-align: center;float: left;width: 100%;color: #ddd;text-transform: uppercase;} .indexCases .box .t em{float: left;width: 100%;font-style: normal; color: #888;width: 100%;height: 1px;background: #fafafa;margin: 20px 0;padding: 0 47%;} .indexCases .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .indexCases .box .ul{float: left;width: 100%;position: relative;transition:0.5s;margin-top: 30px;} .indexCases .box .ul li{float: left;width:22.75%;margin: 0 3% 30px 0;position: relative;padding: 30px 40px 50px;transition:0.5s;border-radius:10px;overflow: hidden;box-shadow: 0 15px 35px rgba(0,0,0,0.1);height: 300px;background: linear-gradient(#0026bd, #0079bd);color: #fff;} .indexCases .box .ul li:nth-child(4n){margin-right: 0;} .indexCases .box .ul li:hover{background: #fa0;box-shadow: 0 25px 15px rgba(0,0,0,0.2);} .indexCases .box .ul li:hover .tit1{height: 0;margin: 0} .indexCases .box .ul li:hover .tit2{color: #fff;font-size: 24px;} .indexCases .box .ul li:hover p{color: #fff;} .indexCases .box .ul li:hover em{display: block;} .indexCases .box .ul li:hover .span{margin-top: 20px;} .indexCases .box .ul li:hover .span a{background:#fff;color: #fa0;} .indexCases .box .ul li:hover .span a b{display: inline-block;color: #fa0;} .indexCases .box .ul li:hover .span a strong{color: #fa0;} .indexCases .box .ul li .tit1{float: left;width:100%;overflow: hidden;transition:0.5s;text-align: center;margin-top: 20px;margin-bottom: 15px;} .indexCases .box .ul li .tit1 span{display: inline-block;font-size: 40px;line-height: 40px;float: none;color: #fff;} .indexCases .box .ul li .tit2{float: left;width:100%;line-height:50px;overflow: hidden;font-size: 22px;text-align: center;transition:0.5s;font-weight: bold;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color: #fff;} .indexCases .box .ul li em{float: left;width:100%;margin: 10px 0 20px;padding: 0 45%;display: none;} .indexCases .box .ul li em i{float: left;width:100%;height: 2px;background: #fff;margin: 0px 0;transition:0.5s;} .indexCases .box .ul li p{float: left;width:100%;line-height: 30px;height: 90px;overflow: hidden;text-align: center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size: 16px;} .indexCases .box .ul li .span{float: left;width:100%;line-height: 24px;padding: 0 0%;text-align: center;} .indexCases .box .ul li .span a{line-height: 44px;font-size: 14px;margin:0;transition:0.5s;padding: 0 0px;color: #fff;float: left;width: 100%;text-align: center;border-radius: 44px;} .indexCases .box .ul li .span a b{display: none;} .indexCases .box .ul li .span a strong{font-size: 20px;font-weight: normal;} @media (max-width: 1920px) { .indexCases .box .ul li{padding: 30px 40px 50px;} } @media (max-width: 1600px) { .indexCases .box .ul li{padding: 30px 30px 50px;} } @media (max-width: 1400px) { .indexCases .box .ul li{padding: 30px 20px 50px;} .indexCases .box .ul li p{font-size: 14px;height: 72px;line-height: 24px;} } @media (max-width: 992px) { .indexCases{padding:30px 0;border-radius: 0 0 20px 20px;overflow: hidden;margin-bottom: -30px;} .indexCases .box .t b{font-size: 20px;line-height: 40px;} .indexCases .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;} .indexCases .box .t span{font-size:18px;line-height: 30px;height: 30px;} .indexCases .box .t em{margin: 10px 0;padding: 0 42%;} .indexCases .box .ul{float: left;width: 100%;position: relative;bottom: 0px;opacity: 1;transition:0.5s;margin-top: 20px;} .indexCases .box .ul li{float: left;width:49%;margin: 0 0 5px 0;position: relative;padding: 25px 20px 15px;transition:0.5s;border-radius:10px;overflow: hidden;box-shadow: 0 15px 35px rgba(0,0,0,0.1);height: auto;} .indexCases .box .ul li:nth-child(2n){float: right;} .indexCases .box .ul li:hover{background: #fa0;box-shadow: 0 25px 15px rgba(0,0,0,0.2);} .indexCases .box .ul li:hover .tit1{height: auto;margin: 0} .indexCases .box .ul li:hover .tit2{color: #fff;font-size: 16px;} .indexCases .box .ul li:hover p{color: #fff;} .indexCases .box .ul li:hover em{display: none;} .indexCases .box .ul li:hover .span{display: none;} .indexCases .box .ul li .tit1{float: left;width:100%;overflow: hidden;transition:0.5s;text-align: center;margin-top: 0px;margin-bottom:0px;height: 40px;} .indexCases .box .ul li .tit1 span{display: inline-block;font-size:40px;line-height: 40px;float: none;color: #fff;} .indexCases .box .ul li .tit2{font-weight: normal;font-size: 18px;line-height: 40px;} .indexCases .box .ul li em{float: left;width:100%;margin: 10px 0 20px;padding: 0 45%;display: none;} .indexCases .box .ul li em i{float: left;width:100%;height: 2px;background: #fff;margin: 0px 0;transition:0.5s;} .indexCases .box .ul li p{display: none;} .indexCases .box .ul li .span{display: none;} } /*indexThr*/ .indexThr{float: left;width: 100%;padding:50px 0;transition:0.5s;background: #fff;position: relative;} .indexThr .box{width: 100%;float: left;} .indexThr .box .t{width: 100%;float: left;position: relative;text-align: center;} .indexThr .box .t b{font-size: 36px;line-height: 80px;color: #007abd;float: left;width: 100%;} .indexThr .box .t p{font-size:16px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #888;padding: 0 15%;margin-top: 20px;} .indexThr .box .t span{font-size:24px;line-height: 40px;height: 40px;float: left;text-align: center;float: left;width: 100%;color: #ddd;text-transform: uppercase;} .indexThr .box .t em{float: left;width: 100%;font-style: normal; color: #888;width: 100%;height: 1px;background: #eee;margin: 20px 0;padding: 0 47%;} .indexThr .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .indexThr .box .ul{float: left;width: 100%;position: relative;transition:0.5s;margin-top: 30px;overflow: hidden;} .indexThr .box .ul .li{float: left;width:23.5%;position: relative;transition:0.5s;margin: 0 2% 0 0;border-radius: 0 10px 10px 10px;overflow: hidden;background: #000} .indexThr .box .ul .li:hover img{opacity: 0.5;} .indexThr .box .ul .li:hover .text b{font-size: 28px;} .indexThr .box .ul .li:nth-child(4){margin-right: 0;} .indexThr .box .ul .li .text{float: left;width:100%;position: absolute;top: 0;left: 0;text-align: center;padding: 40px 50px 0;color: #fff;z-index: 1;} .indexThr .box .ul .li .text span{float: left;width: 100%;font-size: 60px;line-height: 60px;display: none;} .indexThr .box .ul .li .text b{float: left;width: 100%;font-size: 22px;line-height: 80px;transition:0.5s;margin-top: 20px;} .indexThr .box .ul .li .text em{float: left;width: 100%;font-size: 16px;padding: 0 20%;color: #fff;line-height: 24px;} .indexThr .box .ul .li img{float: left;width:100%;z-index: 0;transition:0.5s;opacity: 0.5;} @media (max-width: 1920px) { .indexThr .box .ul .li .text{padding:40px 20px 0;} .indexThr .box .ul .li .text b{font-size: 24px;line-height: 60px;} } @media (max-width: 1400px) { .indexThr .box .ul .li .text span{font-size: 50px;line-height: 50px;} .indexThr .box .ul .li .text{padding:40px 20px 0;} .indexThr .box .ul .li .text b{font-size: 20px;line-height: 60px;} } @media (max-width: 992px) { .indexThr{padding:70px 0px 30px;border-radius: 0 0 20px 20px;overflow: hidden;margin: 0 0 -30px;z-index: 6;} .indexThr .box .t b{font-size: 20px;line-height: 40px;} .indexThr .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;} .indexThr .box .t span{font-size:18px;line-height: 30px;height: 30px;} .indexThr .box .t em{margin: 10px 0;padding: 0 42%;} .indexThr .box .ul{float: left;width: 100%;position: relative;transition:0.5s;overflow: hidden;margin-top: 15px;} .indexThr .box .ul .li{position: relative;transition:0.5s;border-right: none;width: 100%;margin: 0 0 15px 0;border-radius: 10px;} .indexThr .box .ul .li:hover img{opacity: 0.5;} .indexThr .box .ul .li:hover .text b{font-size: 18px;} .indexThr .box .ul .li:nth-child(4){border-right: none;} .indexThr .box .ul .li .text{padding: 18% 20px 0;} .indexThr .box .ul .li .text span{font-size: 40px;line-height: 40px;} .indexThr .box .ul .li .text b{font-size: 20px;line-height: 20px;transition:0.5s;} .indexThr .box .ul .li .text em{font-size: 16px;padding: 0 20%;color: #fff;line-height: 20px;} } @media (max-width: 500px) { .indexThr .box .ul .li .text{padding: 17% 20px 0;} .indexThr .box .ul .li .text b{font-size: 18px;} } @media (max-width: 400px) { } /*indexThree*/ .indexThree{float: left;width: 100%;padding:50px 0;transition:0.5s;position: relative;background: #fafafa;} .indexThree .box{width: 100%;float: left;} .indexThree .box .t{width: 100%;float: left;position: relative;text-align: center;} .indexThree .box .t b{font-size: 36px;line-height: 80px;color: #007abd;float: left;width: 100%;} .indexThree .box .t p{font-size:16px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #888;padding: 0 15%;margin-top: 20px;} .indexThree .box .t span{font-size:16px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #888;text-transform: uppercase;margin-bottom: 10px;padding: 0 15%;} .indexThree .box .t em{float: left;width: 100%;font-style: normal; color: #888;width: 100%;height: 1px;background: #eee;margin: 20px 0;padding: 0 47%;} .indexThree .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .indexThree .box .ul{float: left;width: 100%;position: relative;transition:0.5s;margin-top: 30px;padding-bottom: 20px;} .indexThree .box .ul .li{float: left;width:18.4%;position: relative;transition:0.5s;background: #fff;margin: 0 2% 0 0;border-top: 3px solid #9bd2f0;box-shadow: 0 10px 10px rgba(0,0,0,0.05);min-height:320px;} .indexThree .box .ul .li:nth-child(1){border-top: 3px solid #9bd2f0;} .indexThree .box .ul .li:nth-child(1) .text span{color: #9bd2f0;} .indexThree .box .ul .li:nth-child(2){border-top: 3px solid #dd9bf0;} .indexThree .box .ul .li:nth-child(2) .text span{color: #dd9bf0;} .indexThree .box .ul .li:nth-child(3){border-top: 3px solid #f09ba9;} .indexThree .box .ul .li:nth-child(3) .text span{color: #f09ba9;} .indexThree .box .ul .li:nth-child(4){border-top: 3px solid #f0c89b;} .indexThree .box .ul .li:nth-child(4) .text span{color: #f0c89b;} .indexThree .box .ul .li:nth-child(5){border-top: 3px solid #98cb9d;} .indexThree .box .ul .li:nth-child(5) .text span{color: #98cb9d;} .indexThree .box .ul .li:nth-child(5){margin-right: 0;} .indexThree .box .ul .li:hover{margin-top: -10px;} .indexThree .box .ul .li .text{float: left;width:100%;position: relative;text-align: center;padding: 40px 20px 0;color: #000;z-index: 1;} .indexThree .box .ul .li .text span{font-size: 40px;line-height: 80px;display: inline-block;background: #fff;border: 5px solid #f4f4f4;height: 90px;width: 90px;border-radius: 100%;} .indexThree .box .ul .li .text b{float: left;width: 100%;font-size: 16px;line-height:24px;transition:0.5s;margin: 25px 0 10px;padding: 0 10px;} .indexThree .box .ul .li .text em{float: left;width: 100%;font-size: 14px;padding: 0 0%;color: #000;line-height: 24px;} .indexThree .box .ul .li img{float: left;width:100%;z-index: 0;transition:0.5s;} @media (max-width: 1920px) { } @media (max-width: 1700px) { .indexThree .box .ul .li .text{padding:20px 15px 0;} } @media (max-width: 992px) { .indexThree{padding:60px 0 30px; border-radius: 0 0 20px 20px ;position: relative;z-index: 4;} .indexThree .box .t b{font-size: 20px;line-height: 40px;} .indexThree .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;} .indexThree .box .t em{margin: 10px 0;padding: 0 42%;} .indexThree .box .t span{padding: 0;font-size: 14px;line-height: 24px;} .indexThree .box .ul{float: left;width: 100%;position: relative;bottom: 0px;opacity: 0;transition:0.5s;margin-top: 20px;opacity: 1;} .indexThree .box .ul .li{position: relative;transition:0.5s;border-right: none;width: 100%;min-height: auto;padding-bottom: 30px;} .indexThree .box .ul .li:hover{margin-top: 0;} .indexThree .box .ul .li:hover img{opacity: 0.5;} .indexThree .box .ul .li:hover .text b{font-size: 16px;} .indexThree .box .ul .li:nth-child(3){border-right: none;} .indexThree .box .ul .li .text{padding: 30px 10px 0;} .indexThree .box .ul .li .text b{font-size: 16px;line-height: 20px;transition:0.5s;margin: 10px 0;} .indexThree .box .ul .li .text em{font-size: 14px;padding: 0 10%;line-height: 24px;} .indexThree .box .ul .li .text span{font-size: 32px;line-height: 54px;height: 64px;width: 64px;border-radius: 100%;} } @media (max-width: 500px) { .indexThree .box .ul .li .text{padding:20px 10px 0;} .indexThree .box .ul .li .text b{font-size: 16px;line-height: 20px;margin: 10px 0;} } @media (max-width: 400px) { .indexThree .box .ul .li .text{padding:20px 10px 0;} .indexThree .box .ul .li .text b{font-size: 16px;line-height: 20px;} } /*indexSafe*/ .indexSafe{float: left;width: 100%;padding:50px 0;transition:0.5s;position: relative;background:url(/Public/Common/Images/indexSafe.jpg) no-repeat center top;background-size: cover;background-attachment: fixed;} .indexSafe .box{width: 100%;float: left;} .indexSafe .box .t{width: 100%;float: left;position: relative;text-align: center;margin-bottom: 30px;} .indexSafe .box .t b{font-size: 36px;line-height: 80px;color: #fff;float: left;width: 100%;} .indexSafe .box .t span{font-size:24px;line-height: 40px;height: 40px;float: left;text-align: center;float: left;width: 100%;color: rgba(255,255,255,0.4);text-transform: uppercase;} .indexSafe .box .t em{float: left;width: 100%;font-style: normal; color: #888;width: 100%;height: 1px;background: rgba(255,255,255,0.1);margin: 20px 0;padding: 0 47%;} .indexSafe .box .t em i{float: left;width: 100%;background: #fff;height: 7px;margin-top: -3px;} .indexSafe .box .c .tmenu{width:100%;float: left;text-align: center;} .indexSafe .box .c .tmenu li{display:inline-block;cursor:pointer;color:#fff;margin: 0 10px;font-size: 22px;border-radius: 50px;padding: 0 70px;line-height: 50px;border:1px solid rgba(255,255,255,0.2);transition:0.5s;} .indexSafe .box .c .tmenu li.hover, .indexSafe .box .c .tmenu li.hover:hover, .indexSafe .box .c .tmenu li:hover{background:#fff;;color:var(--themecolor) ;font-weight: bold;box-shadow: 0 10px 15px rgba(0,0,0,0.2);} .indexSafe .box .c .tbox{width:100%;float:left;margin: 80px 0 0;position: relative;padding: 0 15%;} .indexSafe .box .c .tbox .iconfont{position: absolute;font-size: 220px;width: 240px;line-height: 220px; background: linear-gradient(90deg,#d4ecff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .indexSafe .box .c .tbox .text{position: relative;width: 100%;padding: 30px 0 0 280px;line-height: 30px;font-size: 18px;color: #fff;min-height: 240px;} @media (max-width: 1920px) { .indexSafe .box .c .tmenu li{padding: 0 70px;} } @media (max-width: 1400px) { .indexSafe .box .c .tmenu li{padding: 0 40px;} } @media (max-width: 992px) { .indexSafe{padding:80px 0px 30px;border-radius: 0 0 20px 20px;overflow: hidden; margin-bottom: -30px;z-index: 2;position: relative;} .indexSafe .box .t{margin-bottom: 20px;} .indexSafe .box .t b{font-size: 20px;line-height: 40px;} .indexSafe .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;} .indexSafe .box .t span{font-size:18px;line-height: 30px;height: 30px;} .indexSafe .box .t em{margin: 10px 0;padding: 0 42%;} .indexSafe .box .c .tmenu li{display:inline-block;cursor:pointer;color:#fff;margin: 0 4px;font-size: 15px;border-radius: 44px;padding: 0 0px;line-height: 44px;border:1px solid rgba(255,255,255,0.2);transition:0.5s;width: 100%;margin-bottom: 10px;} .indexSafe .box .c .tmenu li.hover, .indexSafe .box .c .tmenu li.hover:hover, .indexSafe .box .c .tmenu li:hover{background:#fff;;color:var(--themecolor) ;font-weight: bold;box-shadow: 0 0px 15px rgba(0,0,0,0.2);} .indexSafe .box .c .tbox{width:100%;float:left;margin: 20px 0 0;position: relative;padding: 00;text-align: center;} .indexSafe .box .c .tbox .iconfont{position: relative;font-size: 80px;line-height: 80px; background: linear-gradient(90deg,#d4ecff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;display: inline-block;} .indexSafe .box .c .tbox .text{position: relative;width: 100%;padding: 20px 0 40px 0px;line-height: 24px;font-size: 14px;color: #fff;min-height: auto;} } /* indexService */ .indexService{width: 100%;background:url(/Public/Common/Images/indexService.jpg) no-repeat center top;float: left;padding: 199px 0;height: 950px;} .indexService .box{width: 100%;float: left;} .indexService .box .l{width: 40%;float: left;} .indexService .box .l .img{width: 100%;float: left;} .indexService .box .l .img img{width: 100%;float: left;} .indexService .box .l b{width: 100%;float: left;height: 180px;background: #007abd;text-align: center;color: #fff;line-height: 180px;font-size:36px;font-weight: normal; } .indexService .box .l .icons{width: 100%;float: left;background: #fff;padding: 40px 0;} .indexService .box .l .icons .li{width: 33.333%;float: left;border-right: 1px solid #f90;text-align: center;} .indexService .box .l .icons .li:nth-child(3){border: none;} .indexService .box .l .icons .li em{float: left;width: 100%;} .indexService .box .l .icons .li em img{margin-top: -20px;} .indexService .box .l .icons .li span{float: left;width: 100%;color: #f90;} .indexService .box .r{width: 50%;float: right;margin-top: 320px;} .indexService .box .r p{width: 100%;float: left;line-height: 30px;color: #fff;text-align: center;padding: 0 10% 40px;border-bottom: 1px solid rgba(255,255,255,0.4);margin-bottom: 40px;} .indexService .box .r .icons{width: 100%;float: left;text-align: center;} .indexService .box .r .icons img{display: inline-block;height: 70px;margin: 0 10px;} .indexService .box .r em{float: left;width: 100%;text-align: center;margin-top: 20px;} .indexService .box .r em a{display: inline-block;line-height: 36px;padding: 0 30px;border: 1px solid #fff;color: #fff;border-radius:36px;transition:0.5s;} .indexService .box .r em:hover a{background: #fff;color: #f90;border-radius: 0;} @media (max-width: 992px) { .indexService{width: 100%;background:url(/Public/Common/Images/indexService_m.jpg) no-repeat center top;float: left;padding:0;height: auto;} .indexService .box{width: 100%;float: left;padding: 60px 25px;} .indexService .box .l{width: 100%;float: left;} .indexService .box .l .img{width: 100%;float: left;} .indexService .box .l b{width: 100%;float: left;height: 120px;background: #007abd;text-align: center;color: #fff;line-height: 120px;font-size:24px;font-weight: normal; } .indexService .box .l .icons{width: 100%;float: left;background: #fff;padding: 40px 0;} .indexService .box .l .icons .li{width: 33.333%;float: left;border-right: 1px solid #f90;text-align: center;} .indexService .box .l .icons .li:nth-child(3){border: none;} .indexService .box .l .icons .li em{float: left;width: 100%;} .indexService .box .l .icons .li em img{margin-top: -20px;height: 50px;} .indexService .box .l .icons .li span{float: left;width: 100%;color: #f90;} .indexService .box .r{width: 100%;float: right;margin-top: 0px;} .indexService .box .r p{width: 100%;float: left;line-height: 24px;color: #fff;text-align: center;padding: 30px 20px 30px;border-bottom:none;margin-bottom: 0px;background:#f90;} .indexService .box .r .icons{display: none;} .indexService .box .r em{margin-top: 40px;} .indexService .box .r em a{width: 100%;background: #f90;box-shadow: 0 10px 10px rgba(0,0,0,0.1);color: #fff;border: none;line-height: 44px;} } /*cateNav_3_pc*/ .cateNav_3_pc{width: 100%;float: left;position: relative;margin-bottom: 50px;background: #fff;box-shadow: 0 5px 5px rgba(0,0,0,0.05);} .cateNav_3_pc a{height: 100px;line-height: 100px;color: #666;float: left;font-size: 22px;margin-right: 100px;background: #fff;} .cateNav_3_pc a.cur{color: #007abd;border-bottom: 5px solid #007abd;font-weight: bold;} .cateNav_3_pc a.cur:hover{color: #007abd;border-bottom: 5px solid #007abd;} .cateNav_3_pc a:hover{color: #007abd;} @media (max-width: 992px) { .cateNav_3_pc{display: none;} } /*cateNav_3_course*/ .cateNav_3_course{width: 100%;float: left;position: relative;border-bottom: 1px solid #f3f3f3;margin-bottom: 50px;background: #fff;} .cateNav_3_course a{height: 100px;line-height: 100px;color: #666;float: left;font-size: 16px;margin-right: 50px;background: #fff;} .cateNav_3_course a:hover{color: #007abd;} .cateNav_3_course a.cur{color: #007abd;border-bottom: 5px solid #007abd;} @media (max-width: 992px) { .cateNav_3_course{display: none;} } /*cateNav_3*/ .cateNav_3{width: 100%;float: left;margin:0px 0 0px;background: #fff;padding: 0 20px;box-shadow: 0 3px 3px #f3f3f3;position: relative;display: none;z-index: 99;} .cateNav_3 a{height: 50px;line-height: 50px;color: #999;float: left;font-size: 16px;margin-right: 10px;} .cateNav_3 a.cur{border-bottom: 3px solid #007abd;color: #007abd;} @media (max-width: 992px) { .cateNav_3{display: block;} } /*cateNav_cases*/ .cateNav_cases{width: 100%;float: left;margin:-10px 0 0px;background: #fff;padding: 0 0 0 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);position: relative;display: none;z-index: 99;border-radius: 10px;padding:15px 15px 10px;display: none;} .cateNav_cases a{height: 36px;line-height: 36px;color: #333;float: left;font-size: 14px;border-radius: 5px;margin:0 0 6px 0;background: #eee;text-align: center;width: 49%;} .cateNav_cases a:nth-child(2n){float: right;} .cateNav_cases a.cur{background: var(--themecolor);color: #fff;} @media (max-width: 992px) { .cateNav_cases{display: none;} } /*addressNav_1*/ .addressNav_1{float: left;width: 100%;height:50px;line-height: 40px;font-size: 16px;color: #666;border-bottom: 3px solid #f3f3f3;margin-bottom: 20px;} .addressNav_1 a{color: #666;float: left;transition:0.5s;} .addressNav_1 a:hover{color: #f90} .addressNav_1 span{color: #ddd;float: left;padding: 0 12px;} .addressNav_1 b{color: #000;float: left;font-weight: normal;} .addressNav_1 p{color: #000;float: left;font-weight: normal;} @media (max-width: 992px) { .addressNav_1{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: 73%;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 #f3f3f3;margin-top:20px;} .mainBar .box .t b{font-weight: normal;color: #000;height: 50px;border-bottom: 3px solid var(--themecolor);float: left;font-size: 16px;} .mainBar .box .c{width: 100%;float: left;margin: 0px 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: 992px) { .mainBar{float: left;width: 100%;} } /* 侧边 */ .sideBar{width: 23%;} .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: 16px;background: var(--themecolor);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: 992px) { .sideBar{width: 100%;} } /* 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;transition:0.5s;margin-bottom: 20px;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.02);} .list_3_news li .img{width:28%;float: left;margin: 0 0 0 0;overflow: hidden;} .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: 16px;transition:0.5s;} .list_3_news li .lir .tt{width: 100%;float: right;font-size: 18px;line-height: 20px;color: #000;transition:0.5s;font-weight: bold;} .list_3_news li .lir p{width: 100%;float: right;font-size: 16px;color: #666;line-height: 26px;transition:0.5s;} .list_3_news li:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.1);} .list_3_news li:hover .lir .tt{color: #007abd} .list_3_news 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: 992px) { .list_3_news{display: none;} } /* 文档内容页 */ .newscontent{float: left;width: 100%;padding:0px;} .newscontent .hr{float: left;width: 100%;background: #f3f3f3;height: 1px;margin: 25px 0;} .newscontent h1{float: left;width: 100%;line-height:60px;font-size: 22px;color: #000;text-align: center;font-weight: bold;margin: 20px 0 10px;} .newscontent .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #000;font-weight: bold;} .newscontent .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;text-align: center;font-size: 16px;} .newscontent .info a{color: #ddd;} .newscontent .text{float: left;width: 100%;line-height: 30px;font-size: 16px;margin:0px 0 0 ;padding: 0;color: #444;} .newscontent .text p{float: left;width: 100%;line-height: 30px;font-size: 16px;margin: 0;padding: 0;} .newscontent .text hr{float: left;width: 100%;border: none;border-top: 1px solid #f3f3f3;margin: 20px 0;} .newscontent .text p img{max-width: 100%;} .newscontent .text img{max-width: 100%;} @media (max-width: 992px) { .newscontent{margin-bottom: 20px;padding: 0 0px;} .newscontent h1{line-height:30px;font-size: 16px;margin-bottom: 15px;} } .htmlcontent{float: left;width: 100%;padding: 20px 0 40px;} .htmlcontent .hr{float: left;width: 100%;background: #f3f3f3;height: 1px;margin: 25px 0;} .htmlcontent h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #000;} .htmlcontent .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #000;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: 16px;margin:0px 0 0 ;padding: 0;color: #444;} .htmlcontent .text p{float: left;width: 100%;line-height: 30px;font-size: 16px;margin: 0;padding: 0;} .htmlcontent .text hr{float: left;width: 100%;border: none;border-top: 1px solid #f3f3f3;margin: 20px 0;} .htmlcontent .text p img{max-width: 100%;} .htmlcontent .text img{max-width: 100%;} @media (max-width: 992px) { .htmlcontent{margin-bottom: 20px;padding: 20px 0;} .htmlcontent h1{line-height:20px;font-size: 18px;margin-bottom: 15px;} } /*plus_wx*/ .plus_wx{float: left;width: 100%;background: #007abd;padding: 20px 30px 30px;} .plus_wx .img{float: left;width: 100%;padding: 10% 20% 10px;} .plus_wx .img img{float: left;width: 100%;background: #fff;} .plus_wx .p{float: left;width: 100%;text-align: center;color: #fff;font-size: 14px;} @media (max-width: 992px) { .plus_wx{display: none;} } /*plus_contact*/ .plus_contact{float: left;width: 100%;background: #f90;padding:40px 10%;margin-bottom: 20px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);} .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: 992px) { .plus_contact{display: none;} } /* 侧边导航 */ .cateNav_8{width: 100%;float: left;margin-bottom: 20px;} .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: #fff;} .cateNav_8 a.cur, .cateNav_8 a.cur:hover{background:#007abd;color: #fff;} .cateNav_8 a:hover{background:#007abd;color: #fff;} @media (max-width: 992px) { .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;} } .cateNav_10{width: 100%;float: left;border-right: 2px solid #fafafa;padding: 0 0 120px 0;} .cateNav_10 a{line-height: 50px;color: #444;width: 100%;float: left;font-size: 16px; transition:0.5s;padding-left: 40px;} .cateNav_10 a.cur, .cateNav_10 a.cur:hover{background:#007abd;color: #fff;} .cateNav_10 a:hover{background:#fdd100;color: #fff;} @media (max-width: 992px) { .cateNav_10 {display: none;} .cateNav_10 a{height: 44px;line-height: 44px;color: #444;width: 100%;float: left;font-size: 16px;border:none;text-align: center; } .cateNav_10 a.cur{border:none;} } /*标签页*/ .tagpage{float: left;width: 100%;margin: 20px 0;font-size: 14px;} .tagpage a.cur{color: #00A1E9;} .tagpage a{color: #000;float: left;line-height:36px;padding: 0 16px;margin: 0 5px 5px 0;background: #ddd;border-radius: 4px;} .tagpage a:hover{background: #f90;color: #fff;text-shadow:1px 1px 0 #f60;} /*移动端栏目导航*/ .mPageNavBt{float: left;width: 100%;height: 44px;text-align: center;line-height: 44px;display: block;color: #fff;cursor: pointer;font-size: 18px;background: #007abd;display: none;} .mPageNav{width:100%;float: left;background: #333;display: none;} .mPageNav a{width: 100%; line-height: 44px;text-align: center;color: #fff;float: left;background: #1489ca;} .mPageNav a.cur{background:#f90;border-bottom: 1px solid #f90;} @media (max-width: 992px) { .mPageNavBt{display: none;} } /* list_42 */ .list_42{float: left;width:100%;font-size:12px;display: none;} .list_42 li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 10px;background: #fff;padding:20px;} .list_42 li .img{width:36%;float: right;} .list_42 li .img img{width:100%;float: left;border-radius: 10px 0 10px 10px;} .list_42 li .text{float: left;width: 64%;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;line-height: 24px;margin-bottom: 8px;color: #333;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight: bold;} .list_42 li .text .tt:hover{color: #000} .list_42 li .text p{width: 100%;float: left;font-size: 16px;color: #666;line-height: 24px;} @media (max-width: 768px) { .list_42{display: block;} } /* list_42_cases */ .list_42_cases{float: left;width:100%;font-size:12px;display: none;margin-top: 20px;} .list_42_cases li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;background: #fff;padding:20px;box-shadow: 0 10px 10px rgba(0,0,0,0.03);border-radius: 0 10px 10px 10px;} .list_42_cases li .img{width:100%;float: left;padding: 0 15%;margin-bottom: 12px;} .list_42_cases li .img img{max-width:100%;float: left;} .list_42_cases li .text{float: left;width: 100%;padding-right: 0;text-align: center;} .list_42_cases li .text .desc{width: 100%;float: left;line-height: 20px;color: #ccc;font-size: 14px;} .list_42_cases li .text .tt{width: 100%;float: left;font-size: 16px;font-weight: bold;line-height: 22px;margin-bottom: 8px;color: #000;} .list_42_cases li .text .tt:hover{color: #000} .list_42_cases li .text p{width: 100%;float: left;font-size: 16px;color: #666;line-height: 24px;margin-top: 5px;} @media (max-width: 992px) { .list_42_cases{display: block;} } /* mainBody */ .mainWrap{width: 100%;float: left;margin: 0px 0 40px;} .main{width: 100%;margin:0px auto 0 ;} @media (max-width: 992px) { .mainWrap{margin-top: 0;margin-bottom: 0;} } /*pageSize_4*/ .pageSize_4{float: left;margin-bottom: 40px;overflow: hidden;font-size: 14px;display: none;padding:0 15px;width: 100%;} .pageSize_4 a{padding:0 15px;line-height: 44px;height: 44px;text-align: center;color: #999;font-weight: normal;border: 1px solid #d4d4d4;float: left;background: #ddd;width: 100%;border-radius: 44px;} .pageSize_4 a:nth-child(2){margin-top: 10px;} @media (max-width: 992px) { .pageSize_4{display: block;} } /*tagCount*/ .tagCount{float: left;width: 100%;height:50px;line-height: 50px;font-size: 16px;color: #000;border-bottom: 3px solid #f3f3f3;margin-bottom: 20px;} .tagCount a{color: #666;float: left;transition:0.5s;} .tagCount a:hover{color: #f90} .tagCount span{color: #ddd;float: left;padding: 0 12px;} .tagCount b{color: #000;float: left;font-weight: normal;} .tagCount p{color: #000;float: left;font-weight: normal;} @media (max-width: 992px) { .tagCount{padding: 0 25px;} } .blank50{float: left;width: 100%;height: 50px;} @media (max-width: 992px) { .blank50{display: none;} } /*tag_list*/ .tag_list{float: left;width: 100%;background: #fff;padding: 10px 20px 0;box-shadow: 0 5px 5px rgba(0,0,0,0.05);} .tag_list .t{float: left;width: 100%;font-size: 20px;line-height: 50px;border-bottom: 1px solid #f3f3f3;font-weight: bold;} .tag_list .c{float: left;width: 100%;padding: 20px 0;} .tag_list .c a{float: left;margin: 0 10px 10px 0;display: inline-block;line-height: 30px;font-size: 16px;color: #000;} .tag_list .c a:hover{color: #f90;} @media (max-width: 992px) { .tag_list{display: none;} } /*plus_hot*/ .plus_hot{float: left;width: 100%;background: #fff;padding: 10px 20px 0;margin-bottom: 20px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);} .plus_hot .t{float: left;width: 100%;font-size: 20px;line-height: 50px;border-bottom: 1px solid #f3f3f3;font-weight: bold;} .plus_hot .c{float: left;width: 100%;padding: 10px 0 20px;} .plus_hot .c a{float: left;font-size: 16px;color: #666;border-bottom: 1px solid #f3f3f3;padding: 10px 0;width: 100%;} .plus_hot .c a i{float: left;position: absolute;z-index: 2;height: 5px;width: 5px;border-radius: 100%;background: #007abd;margin: 7px 0px 0 0;} .plus_hot .c a p{float: left;padding-left: 12px;line-height: 22px;color: #000;transition:0.5s;} .plus_hot .c a:hover p{color: #007abd;} @media (max-width: 992px) { .plus_hot{display: none;} } /* list_cases */ .list_cases{float: left;width:100%;font-size:13px;} .list_cases li{width:100%;overflow:hidden;clear:both;padding:40px;transition:0.5s;margin-bottom: 20px;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.03);} .list_cases li .img{width:28%;float: left;margin: 0 0 0 0;overflow: hidden;background: #f3f3f3;padding: 25px 0;border-radius: 10px;} .list_cases li .img img{width:100%;float: left;transition:0.5s;} .list_cases li .lir{width: 72%;padding-left: 25px;float: left;transition:0.5s;} .list_cases li .lir .desc{width: 100%;float: right;line-height: 44px;color: #aaa;font-size: 16px;transition:0.5s;} .list_cases li .lir .tt{width: 100%;float: right;font-size: 22px;line-height: 40px;color: #000;transition:0.5s;font-weight: bold;} .list_cases li .lir p{width: 100%;float: right;font-size: 16px;color: #666;line-height: 32px;transition:0.5s;} .list_cases li:hover{box-shadow: 0 15px 10px rgba(0,0,0,0.1);} .list_cases li:hover .lir .tt{color: #007abd} .list_cases 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: 1920px) { .list_cases li .lir .tt{font-size: 22px;} } @media (max-width: 992px) { .list_cases{display: none;} } /*service*/ /*service*/ /*service*/ /*service*/ /*service_title*/ .service_title{float: left;width:100%;text-transform: uppercase;position: relative;text-align: center;padding: 60px 0;} .service_title.write{background:#fff;} .service_title b{float: left;width:100%;font-size: 100px;line-height: 100px;color: #e5e5e5;z-index: 1;position: relative;display: none;} .service_title strong{float: left;width:100%;font-size:36px;line-height: 36px;color: #007abd;z-index: 2;position: relative;} .service_title span{float: left;width:100%;font-size:20px;line-height: 50px;color: #c9c9c9;} .service_title p{float: left;width:100%;font-size:15px;line-height: 30px;color: #666;margin: 0px 0 0px;padding: 0 25%;} @media (max-width: 992px) { .service_title{float: left;width:100%;text-transform: uppercase;position: relative;text-align: center;padding: 30px 0;} .service_title b{float: left;width:100%;font-size: 60px;line-height: 60px;color: #e5e5e5;z-index: 1;position: relative;} .service_title strong{float: left;width:100%;font-size:20px;line-height: 24px;color: #007abd;z-index: 2;position: relative;} .service_title span{float: left;width:100%;font-size:16px;line-height: 40px;color: #c9c9c9;} .service_title p{float: left;width:100%;font-size:14px;line-height: 24px;color: #666;margin: 0px 0 0;padding: 0 ;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} } /* service_1_0_five */ .service_1_0_five{float: left;width:100%;} .service_1_0_five .li{float: left;width:100%;background: #fff;padding: 0;} .service_1_0_five .li:nth-child(2n){background: #fafafa} .service_1_0_five .li:nth-child(2n) .img{float: right;} .service_1_0_five .li:nth-child(2n) .img img{float: right;} .service_1_0_five .li:nth-child(2n) .text{float: left;} .service_1_0_five .li .img{float: left;width:50%;} .service_1_0_five .li .img img{float: left;} .service_1_0_five .li .text{float: left;width:50%;padding: 150px 0 0;} .service_1_0_five .li .text b{float: left;width:100%;color: #007abd;font-size: 24px;line-height: 36px;} .service_1_0_five .li .text p{float: left;width:100%;color: #888;font-size: 16px;line-height: 30px;margin: 10px 0;} @media (max-width: 992px) { .service_1_0_five{float: left;width:100%;} .service_1_0_five .li{float: left;width:100%;background: #fff;padding: 20px 0 0;text-align: center;} .service_1_0_five .li:nth-child(2n){background: #fafafa} .service_1_0_five .li:nth-child(2n) .img{float: right;} .service_1_0_five .li:nth-child(2n) .img img{float: right;} .service_1_0_five .li:nth-child(2n) .text{float: left;} .service_1_0_five .li .img{float: left;width:100%;} .service_1_0_five .li .img img{float: left;width: 100%;padding: 0 25px;} .service_1_0_five .li .text{float: left;width:100%;padding:40px 25px 0;} .service_1_0_five .li .text b{float: left;width:100%;color: #007abd;font-size: 16px;line-height: 30px;font-weight: normal;} .service_1_0_five .li .text p{float: left;width:100%;color: #888;font-size: 14px;line-height: 24px;margin: 10px 0 40px;} } /* service_1_0_tool */ .service_1_0_tool{width: 100%;background:url(/Public/Common/Images/2/service_1_0_tool.jpg) no-repeat center top; -moz-background-size:100% 100%; background-size:100% 100%; background-attachment:fixed;float: left;padding: 60px 0;} .service_1_0_tool .box{width: 100%;float: left;} .service_1_0_tool .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_1_0_tool .box .t b{font-size: 30px;line-height: 50px;height: 50px;color: #fff;float: left;width: 100%;} .service_1_0_tool .box .t p{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #aaa;padding: 0 15%;margin-top: 0px;text-transform: uppercase;} .service_1_0_tool .box .t em{float: left;width: 100%;font-style: normal; color: #fff;width: 100%;height: 1px;background: #666;margin: 20px 0;padding: 0 47%;} .service_1_0_tool .box .t em i{float: left;width: 100%;background: #fff;height: 7px;margin-top: -3px;} .service_1_0_tool .box .c{width: 100%;float: left;margin: 60px 0 0 0px} .service_1_0_tool .box .c .li{width:12.5%;float:left;margin: 0 0% 40px 0;} .service_1_0_tool .box .c .li .img{width:100%;float:left;text-align: center;} .service_1_0_tool .box .c .li .img img{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;} .service_1_0_tool .box .c .li:hover .img img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);} .service_1_0_tool .box .c .li p{width:100%;float:left;line-height: 40px;color: #fff;font-size: 16px;text-align: center;} @media (max-width: 992px) { .service_1_0_tool{padding:40px 0px;background-size: cover;} .service_1_0_tool .box .t b{font-size: 24px;line-height: 60px;height: 60px;color: #fff;} .service_1_0_tool .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;color: #fff;display: none;} .service_1_0_tool .box .t span{font-size:18px;line-height: 30px;height: 30px;} .service_1_0_tool .box .t em{margin: 10px 0;padding: 0 42%;background:#666;} .service_1_0_tool .box .t em i{background: #fff;} .service_1_0_tool .box .c{width: 100%;float: left;margin: 40px 0 0 0px;padding: 00;} .service_1_0_tool .box .c .li{width:25%;float:left;margin: 0 0% 40px 0;} .service_1_0_tool .box .c .li .img{width:100%;float:left;text-align: center;} .service_1_0_tool .box .c .li p{width:100%;float:left;line-height: 30px;color: #fff;font-size: 12px;} } /* service_1_0_tech */ .service_1_0_tech{width: 100%;background:#fafafa;float: left;padding: 60px 0;} .service_1_0_tech .box{width: 100%;float: left;} .service_1_0_tech .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_1_0_tech .box .t b{font-size: 30px;line-height: 50px;height: 50px;color: #007abd;float: left;width: 100%;} .service_1_0_tech .box .t p{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #aaa;padding: 0 15%;margin-top: 0px;text-transform: uppercase;} .service_1_0_tech .box .t em{float: left;width: 100%;font-style: normal; color: #fff;width: 100%;height: 1px;background: #ddd;margin: 20px 0;padding: 0 47%;} .service_1_0_tech .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .service_1_0_tech .box .c{width: 100%;float: left;margin: 60px 0 0 0px} .service_1_0_tech .box .c .li{width:30%;float:left;margin: 0 5% 0 0;background: #fff;} .service_1_0_tech .box .c .li:nth-child(3){margin-right: 0;} .service_1_0_tech .box .c .li .img{width:100%;float:left;overflow: hidden;} .service_1_0_tech .box .c .li .img img{width:100%;float:left;transition:transform 1s ease 0s;transform-origin:center;} .service_1_0_tech .box .c .li:hover .img img{transform:scale(1.2);} .service_1_0_tech .box .c .li b{width:100%;float:left;line-height: 60px;color: #007abd;font-size:22px;padding-left: 30px;margin: 20px 0 10px;font-weight: normal;} .service_1_0_tech .box .c .li em{float: left;width: 30px;height: 3px;background: #007abd;margin-left: 30px;} .service_1_0_tech .box .c .li p{width:100%;float:left;line-height: 36px;color: #666;font-size: 16px;padding-left: 30px;height:180px;margin-top: 20px;} @media (max-width: 992px) { .service_1_0_tech{padding:40px 0px;} .service_1_0_tech .box .t b{font-size: 24px;line-height: 60px;height: 60px;color: #007abd;} .service_1_0_tech .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;color: #888;display: none;} .service_1_0_tech .box .t span{font-size:18px;line-height: 30px;height: 30px;} .service_1_0_tech .box .t em{margin: 10px 0;padding: 0 42%;background:#f3f3f3;} .service_1_0_tech .box .t em i{background: #007abd;} .service_1_0_tech .box .c{width: 100%;float: left;margin: 20px 0 0 0px;padding: 00;} .service_1_0_tech .box .c .li{width:100%;float:left;margin: 0 0 20px 0;background: #fff;} .service_1_0_tech .box .c .li .img{width:100%;float:left;} .service_1_0_tech .box .c .li .img img{width:100%;float:left;} .service_1_0_tech .box .c .li b{width:100%;float:left;line-height: 40px;color: #007abd;font-size: 18px;padding-left: 30px;margin: 20px 0 10px;font-weight: normal;} .service_1_0_tech .box .c .li em{float: left;width: 30px;height: 3px;background: #007abd;margin-left: 30px;} .service_1_0_tech .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;padding-left: 30px;height:180px;margin-top: 20px;} } /* service_1_0_cases */ .service_1_0_cases{width: 100%;background:#fff;float: left;padding: 60px 0;} .service_1_0_cases .box{width: 100%;float: left;} .service_1_0_cases .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_1_0_cases .box .t b{font-size: 30px;line-height: 50px;height: 50px;color: #007abd;float: left;width: 100%;} .service_1_0_cases .box .t p{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #aaa;padding: 0 15%;margin-top: 0px;text-transform: uppercase;} .service_1_0_cases .box .t em{float: left;width: 100%;font-style: normal; color: #fff;width: 100%;height: 1px;background: #f3f3f3;margin: 20px 0;padding: 0 47%;} .service_1_0_cases .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .service_1_0_cases .box .c{width: 100%;float: left;margin: 60px 0 0 0px} .service_1_0_cases .box .c a{width:22.75%;float:left;margin: 0 3% 0 0;background: #f3f3f3;padding: 15px 0;text-align: center;position: relative;} .service_1_0_cases .box .c a span{position: absolute;float: left;width: 100%;margin-top: 10%;padding: 0 20%;left: 0;} .service_1_0_cases .box .c a span i{display: inline-block;line-height: 50px;border-radius: 50px;color: #aaa;font-style: normal;float: left;width: 100%;transition:0.5s;} .service_1_0_cases .box .c a:nth-child(4){margin-right: 0;} .service_1_0_cases .box .c a:nth-child(4):hover span i{background: #f90;color: #fff;} .service_1_0_cases .box .c a img{width:100%;float:left;} @media (max-width: 992px) { .service_1_0_cases{padding:40px 0px;background:#fff;} .service_1_0_cases .box .t b{font-size: 24px;line-height: 60px;height: 60px;color: #007abd;} .service_1_0_cases .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;color: #888;display: none;} .service_1_0_cases .box .t span{font-size:18px;line-height: 30px;height: 30px;} .service_1_0_cases .box .t em{margin: 10px 0;padding: 0 42%;background:#f3f3f3;} .service_1_0_cases .box .t em i{background: #007abd;} .service_1_0_cases .box .c{width: 100%;float: left;margin: 40px 0 0 0px;padding: 00;} .service_1_0_cases .box .c a{width: 47%;margin: 0 0 20px;} .service_1_0_cases .box .c a:nth-child(2n){float: right;} } /*cateNav_service*/ .cateNav_service{width: 100%;float: left;position: relative;background: #f3f3f3;height: 160px;display: none;} .cateNav_service a{width: 25%;height: 160px;color: #666;float: left;font-size: 24px;border-right: 1px solid #e5e5e5;text-align: center;float: left;} .cateNav_service a:first-child{border-left: 1px solid #e5e5e5;} .cateNav_service a.cur{color: #fff;background: #007abd;} .cateNav_service a.cur:hover{color: #fff;background: #007abd;} .cateNav_service a:hover{color: #007abd;} .cateNav_service a p{float: left;width: 100%;height: 60px;margin: 20px 0 0;} .cateNav_service a p img{display: inline-block;vertical-align:top;} .cateNav_service a span{float: left;width: 100%;font-size: 22px;line-height: 50px;} @media (max-width: 992px) { .cateNav_service{display: none;} } /*cateNav_so*/ .cateNav_so{width: 100%;float: left;position: relative;background: #f3f3f3;height: 160px;display: none;} .cateNav_so a{width: 25%;height: 160px;color: #666;float: left;font-size: 24px;border-right: 1px solid #e5e5e5;text-align: center;float: left;} .cateNav_so a.cur{color: #fff;background: #007abd;} .cateNav_so a.cur:hover{color: #fff;background: #007abd;} .cateNav_so a:hover{color: #007abd;} .cateNav_so a p{float: left;width: 100%;height: 60px;margin: 20px 0 0;} .cateNav_so a p img{display: inline-block;vertical-align:top;} .cateNav_so a span{float: left;width: 100%;font-size: 22px;line-height: 50px;} @media (max-width: 992px) { .cateNav_so{display: none;} } .bxbox{float: left;width: 100%;padding:60px 0;background: #fff} .bgfa{background: #fafafa;} .bgpb0{padding-bottom: 0} .bxbox .box{float: left;width: 100%;} .bxbox .box .t{float: left;width: 100%;text-align: center;} .bxbox .box .t b{float: left;width: 100%;font-size: 36px;font-weight: bold;color:var(--themecolor);line-height: 36px;margin-bottom:20px;} .bxbox .box .t em{float: left;width: 100%;height: 8px;text-align: center;} .bxbox .box .t em i{display: inline-block;vertical-align: top;height: 8px;width: 100px;background: #eee;} .bxbox .box .c{float: left;width: 100%;} .bxbox .box .c1_1{float: left;width: 100%;padding: 30px 10% 0;} .bxbox .box .c1_1 .li{float: left;width: 33.333%;text-align: center;} .bxbox .box .c1_1 .li i{float: left;width: 100%;margin-bottom: 20px;} .bxbox .box .c1_1 .li i img{background: #edf6fa;height: 180px;width: 180px;padding: 0px;border-radius: 180px;} .bxbox .box .c1_1 .li p{float: left;width: 100%;font-size: 22px;line-height: 60px;color: #000;} .bxbox .box .c1_1 .li p span{color: var(--themecolor);margin-right: 10px;} .bxbox .box .c1_1 .li p em{color: #000;font-style: normal;} .bxbox .box .c1_2{float: left;width: 100%;padding: 40px 5% 0;text-align: center;margin-bottom:100px;} .bxbox .box .c1_2 .cc{float: left;width: 100%;background: #fff;border-radius: 20px;color: var(--themecolor)} .bxbox .box .c1_2 .cc b{float: left;width: 100%;font-size: 32px;font-weight: bold;line-height: 100px;margin-top: 10px;} .bxbox .box .c1_2 .cc p{float: left;width: 100%;background: var(--themecolor);border-radius: 20px;padding: 120px 150px 150px;color: #fff;font-size: 20px;font-weight: normal;line-height: 50px;position: relative;} .bxbox .box .c1_2 .cc p i{position: absolute;left: 150px;top: 120px;width: 400px;height: 150px;z-index: 3;} .bxbox .box .c1_2 .cc p i img{float: left;max-width: 100%;} .bxbox .box .c1_2 .cc p span{width: 100%;padding: 20px 0 0 400px;float: left;text-align: left;line-height: 40px;font-size: 18px;} .bxbox .box .c2_1{float: left;width: 100%;padding: 30px 0;} .bxbox .box .c2_1 .li{float: left;width: 23.5%;margin: 0 2% 0 0;} .bxbox .box .c2_1 .li:last-child{margin-right: 0;} .bxbox .box .c2_1 .li img{float:left;width: 100%;} .bxbox .box .c2_1_team{float: left;width: 100%;padding: 0px 0 60px;text-align: center;} .bxbox .box .c2_1_team img{max-width: 100%;display: inline-block;border-radius: 15px;width: 100%;} .bxbox .box .c2_2{float: left;width: 100%;padding: 30px 5% 0;} .bxbox .box .c2_2 .cc{float: left;width: 100%;} .bxbox .box .c2_2 .cc .nums{float: left;width: 100%;font-size: 32px;font-weight: bold;line-height: 100px;background: #fff;border-radius: 20px;margin-bottom: -75px;padding: 40px 100px 40px 150px;z-index: 3;position: relative;box-shadow: 0 10px 10px rgba(0,0,0,0.05);} .bxbox .box .c2_2 .cc .nums .li{float: left;width: 30%;border-right: 1px solid #eee;padding-left: 10%;} .bxbox .box .c2_2 .cc .nums .li:last-child{border-right: none;} .bxbox .box .c2_2 .cc .nums .li span{float: left;width: 100%;} .bxbox .box .c2_2 .cc .nums .li span b{float: left;line-height: 50px;color: var(--themecolor);font-size: 50px;font-weight: bold;margin-right: 6px;font-family: 'bebas'} .bxbox .box .c2_2 .cc .nums .li span i{float: left;line-height: 50px;color: var(--themecolor);font-size: 50px;font-weight: normal;font-style: normal;font-family: 'bebas'} .bxbox .box .c2_2 .cc .nums .li p{float: left;width: 100%;line-height:14px;color: #000;font-size: 14px;margin-top: 6px;} .shierda{float: left;width: 100%;padding: 20px 0;background: var(--themecolor);} .shierda .box{float: left;width: 100%;text-align: center;} .shierda .box .con{float: left;width: 100%;padding: 80px 5%;color: #fff;font-size: 20px;font-weight: normal;line-height: 50px;} .shierda .box .con p{float: left;width: 100%;color: #fff;font-size:22px;font-weight: normal;line-height: 80px;margin-bottom: 0px;} .shierda .box .con span{float: left;width: 100%;} .shierda .box .con span i{float: left;width: 33.333%;margin: 0 0 1px;background: #004e79;color: #fff;font-style: normal;line-height: 80px;height: 80px;;text-align: center;border-right: 1px solid var(--themecolor);font-size: 16px;} .bxbox .box .c3{float: left;width: 100%;padding: 30px 5% 0px;} .bxbox .box .c3 .li{float: left;width: 50%;} .bxbox .box .c3 .li span{float: left;width: 100%;line-height: 80px;background: #ffe6bf;text-align: center;color: #ff9900;font-size: 24px;font-weight: bold;} .bxbox .box .c3 .li:nth-child(2) span{background: #a7e0ff;color: var(--themecolor);} .bxbox .box .c3 .li i{float: left;width: 100%;text-align: center;padding: 60px 0 0;} .bxbox .box .c3 .li i img{max-width: 100%;} .bxbox .box .c4{float: left;width: 100%;padding: 0px 0 0px;} .bxbox .box .c4 .ul{float: left;width: 100%;position: relative;} .bxbox .box .c4 .ul li{float: left;width:29.333%;margin: 100px 2% 0px;position: relative;padding: 0px 20px 40px;transition:0.5s;border-radius:15px;box-shadow: 0 15px 35px rgba(0,122,189,0.1);background: #fff;color: #000;} .bxbox .box .c4 .ul li .tag{position: absolute;right: 25px;top: 20px;background: #d6f1ff;padding: 8px;border-radius: 30px;height: 30px;} .bxbox .box .c4 .ul li .tag i{width: 14px;height: 14px;background: #fff;border-radius: 14px;float: left;} .bxbox .box .c4 .ul li .tag em{line-height: 14px;font-size: 16px;color: var(--themecolor);float: left;margin: 0 7px;} .bxbox .box .c4 .ul li .tit1{float: left;width:100%;transition:0.5s;text-align: center;margin-bottom: 15px;} .bxbox .box .c4 .ul li .tit1 span{display: inline-block;font-size: 40px;line-height: 100px;float: none;color: #fff;background: var(--themecolor);height: 100px;margin-top: -40px;border-radius: 100px;width: 100px;} .bxbox .box .c4 .ul li .tit2{float: left;width:100%;line-height:50px;overflow: hidden;font-size: 22px;text-align: center;transition:0.5s;font-weight: bold;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color: var(--themecolor);} .bxbox .box .c4 .ul li .line{float: left;width:100%;margin: 10px 0 20px;padding: 0 42%;} .bxbox .box .c4 .ul li .line i{float: left;width:100%;height: 2px;background: var(--themecolor);margin: 0px 0;transition:0.5s;} .bxbox .box .c4 .ul li .p{float: left;width:100%;line-height: 30px;font-size: 16px;height: 90px;overflow: hidden;text-align: center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .bxbox .box .c5{float: left;width: 100%;padding: 40px 5% 0;} .bxbox .box .c5 .li1{float: left;width: 100%;border-radius:15px;box-shadow: 0 15px 35px rgba(0,122,189,0.1);background: #fff;color: #000;margin-bottom: 80px;} .bxbox .box .c5 .li1 .ts{background: var(--themecolor);line-height: 90px;font-size: 24px;text-align: center;width: 100%;color: #fff;border-radius: 15px;font-style: normal;} .bxbox .box .c5 .li1 .tc{padding: 80px;float:left;width: 100%;text-align: center;} .bxbox .box .c5 .li1 .tc img{max-width: 100%} .bxbox .box .c5 .li2{float: left;width: 100%;border-radius:15px;box-shadow: 0 15px 35px rgba(0,122,189,0.1);background: #fff;color: #000;} .bxbox .box .c5 .li2 .ts{background: #4f4bd0;line-height: 90px;font-size: 24px;font-weight: bold;text-align: center;width: 100%;color: #fff;border-radius: 15px;font-style: normal;} .bxbox .box .c5 .li2 .tc{padding: 80px;float:left;width: 100%;text-align: center;} .bxbox .box .c5 .li2 .tc img{max-width: 100%;display: inline-block;} @media (max-width: 1600px) { .bxbox .box .c1_1, .bxbox .box .c2_2, .shierda .box .con, .bxbox .box .c3, .bxbox .box .c5, .bxbox .box .c1_2{padding-left: 0;padding-right: 0;} .bxbox .box .c1_2 .cc p{float: left;width: 100%;background: var(--themecolor);border-radius: 20px;padding: 80px 80px 100px;color: #fff;font-size: 20px;font-weight: normal;line-height: 50px;position: relative;} .bxbox .box .c1_2 .cc p i{position: absolute;left: 80px;top: 80px;width: 300px;height: 150px;z-index: 3;} .bxbox .box .c1_2 .cc p i img{float: left;max-width: 100%;} .bxbox .box .c1_2 .cc p span{width: 100%;padding: 20px 0 0 350px;float: left;text-align: left;line-height: 40px;font-size: 18px;} } @media (max-width: 992px) { .bxbox{padding: 30px 0;} .bxbox .box{float: left;width: 100%;} .bxbox .box .t b{float: left;width: 100%;font-size: 20px;line-height: 40px;margin-bottom:10px;} .bxbox .box .t em{float: left;width: 100%;height: 5px;text-align: center;} .bxbox .box .t em i{display: inline-block;vertical-align: top;height: 5px;width: 60px;background: #eee;} .bxbox .box .c{float: left;width: 100%;} .bxbox .box .c1_1{float: left;width: 100%;padding: 20px 0 0;} .bxbox .box .c1_1 .li{float: left;width: 33.333%;text-align: center;} .bxbox .box .c1_1 .li i{float: left;width: 100%;margin-bottom: 20px;} .bxbox .box .c1_1 .li i img{background: #edf6fa;height: 80px;width: 80px;padding: 0px;border-radius: 80px;} .bxbox .box .c1_1 .li p{float: left;width: 100%;font-size: 16px;line-height: 30px;color: #000;} .bxbox .box .c1_1 .li p span{color: var(--themecolor);margin-right: 10px;} .bxbox .box .c1_1 .li p em{color: #000;font-style: normal;} .bxbox .box .c1_2{float: left;width: 100%;padding: 20px 0 0;text-align: center;margin-bottom: 40px;} .bxbox .box .c1_2 .cc{float: left;width: 100%;background: #edf6fa;border-radius: 10px;color: var(--themecolor);box-shadow: 0 15px 5px rgba(0,0,0,0.1);} .bxbox .box .c1_2 .cc b{float: left;width: 100%;font-size: 20px;font-weight: bold;line-height: 60px;margin-top: 10px;} .bxbox .box .c1_2 .cc p{float: left;width: 100%;background: var(--themecolor);border-radius: 10px;padding:40px 20px 40px;color: #fff;font-size: 16px;font-weight: normal;line-height: 50px;position: relative;} .bxbox .box .c1_2 .cc p i{position: relative;left: auto;top: auto;width: 100%;height: auto;z-index: 3;padding: 0 20%;float: left;} .bxbox .box .c1_2 .cc p i img{float: left;max-width: 100%;width: 100%;} .bxbox .box .c1_2 .cc p span{width: 100%;padding: 20px 0 0 0px;float: left;line-height: 30px;font-size: 14px;text-align: center;} .bxbox .box .c2_1{float: left;width: 100%;padding: 20px 0 10px;} .bxbox .box .c2_1 .li{float: left;width: 48%;margin: 0 0 13px 0;} .bxbox .box .c2_1 .li:nth-child(2n){float: right;} .bxbox .box .c2_1 .li img{float:left;width: 100%;} .bxbox .box .c2_1_team{float: left;width: 100%;padding: 0px 0 0px;text-align: center;} .bxbox .box .c2_1_team img{max-width: 100%;display: inline-block;border-radius: 10px;width: 100%;} .bxbox .box .c2_2{float: left;width: 100%;padding: 20px 0 0;} .bxbox .box .c2_2 .cc{float: left;width: 100%;} .bxbox .box .c2_2 .cc .nums{float: left;width: 100%;font-size: 20px;font-weight: bold;background: #fff;border-radius: 10px;margin-bottom: -80px;padding: 20px 20px 20px 20px;z-index: 3;position: relative;} .bxbox .box .c2_2 .cc .nums .li{float: left;width: 33.333%;border-right:none;padding-left: 0%;} .bxbox .box .c2_2 .cc .nums .li:last-child{border-right: none;} .bxbox .box .c2_2 .cc .nums .li span{float: left;width: 100%;} .bxbox .box .c2_2 .cc .nums .li span b{float: left;line-height: 30px;color: var(--themecolor);font-size: 30px;font-weight: bold;margin-right: 6px;font-family: 'bebas'} .bxbox .box .c2_2 .cc .nums .li span i{float: left;line-height: 30px;color: var(--themecolor);font-size: 30px;font-weight: normal;font-style: normal;font-family: 'bebas'} .bxbox .box .c2_2 .cc .nums .li p{float: left;width: 100%;line-height:14px;font-size: 16px;margin-top: 6px;font-weight: normal;} .shierda{float: left;width: 100%;padding: 20px 0;background: var(--themecolor);} .shierda .box{float: left;width: 100%;text-align: center;} .shierda .box .con{float: left;width: 100%;padding: 40px 0;color: #fff;font-size: 20px;font-weight: normal;line-height: 50px;} .shierda .box .con p{float: left;width: 100%;color: #fff;font-size:20px;font-weight: normal;line-height: 30px;margin-bottom: 20px;} .shierda .box .con span{float: left;width: 100%;} .shierda .box .con span i{float: left;width: 33.333%;margin: 0 0 1px;background: #004e79;color: #fff;font-style: normal;line-height: 50px;height: 50px;text-align: center;border-right: 1px solid var(--themecolor);font-size: 14px;} .bxbox .box .c3{float: left;width: 100%;padding:20px 0 0px;} .bxbox .box .c3 .li{float: left;width: 100%;} .bxbox .box .c3 .li span{float: left;width: 100%;line-height: 50px;background: #ffe6bf;text-align: center;color: #ff9900;font-size: 18px;font-weight: bold;} .bxbox .box .c3 .li:nth-child(2) span{background: #a7e0ff;color: var(--themecolor);} .bxbox .box .c3 .li i{float: left;width: 100%;text-align: center;padding: 30px 10% 20px;} .bxbox .box .c3 .li i img{max-width: 100%;float: left;width: 100%;} .bxbox .box .c4{float: left;width: 100%;padding: 0px 0 0px;} .bxbox .box .c4 .ul{float: left;width: 100%;position: relative;padding-bottom: 20px;} .bxbox .box .c4 .ul li{float: left;width:48%;margin: 60px 0 0 0px;position: relative;padding: 0px 10px 25px;transition:0.5s;border-radius:10px;box-shadow: 0 10px 5px rgba(0,122,189,0.05);background: #fff;color: #000;height: 210px;} .bxbox .box .c4 .ul li:nth-child(2n){float: right;} .bxbox .box .c4 .ul li .tag{display: none;} .bxbox .box .c4 .ul li .tit1{float: left;width:100%;transition:0.5s;text-align: center;margin-bottom: 15px;} .bxbox .box .c4 .ul li .tit1 span{display: inline-block;font-size: 30px;line-height: 70px;float: none;color: #fff;background: var(--themecolor);height: 70px;margin-top: -40px;border-radius: 70px;width: 70px;} .bxbox .box .c4 .ul li .tit2{float: left;width:100%;line-height:30px;overflow: hidden;font-size: 16px;text-align: center;transition:0.5s;font-weight: normal;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color: var(--themecolor);height: 30px;} .bxbox .box .c4 .ul li .line{float: left;width:100%;margin: 10px 0 15px;padding: 0 42%;} .bxbox .box .c4 .ul li .line i{float: left;width:100%;height: 2px;background: var(--themecolor);margin: 0px 0;transition:0.5s;} .bxbox .box .c4 .ul li .p{float: left;width:100%;line-height: 24px;font-size: 12px;height: 72px;overflow: hidden;text-align: center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding: 0 10px;} .bxbox .box .c5{float: left;width: 100%;padding: 30px 0 0;} .bxbox .box .c5 .li1{float: left;width: 100%;border-radius:10px;box-shadow: 0 15px 35px rgba(0,122,189,0.1);background: #fff;color: #000;margin-bottom: 30px;} .bxbox .box .c5 .li1 .ts{background: var(--themecolor);line-height: 24px;font-size: 16px;text-align: center;width: 100%;color: #fff;border-radius: 10px;font-weight: normal;padding: 20px;} .bxbox .box .c5 .li1 .tc{padding: 20px;float:left;width: 100%;text-align: center;} .bxbox .box .c5 .li1 .tc img{max-width: 100%} .bxbox .box .c5 .li2{float: left;width: 100%;border-radius:15px;box-shadow: 0 15px 35px rgba(0,122,189,0.1);background: #fff;color: #000;} .bxbox .box .c5 .li2 .ts{background: #4f4bd0;line-height: 24px;font-size: 16px;text-align: center;width: 100%;color: #fff;border-radius: 10px;font-weight: normal;padding: 20px;} .bxbox .box .c5 .li2 .tc{padding: 20px;float:left;width: 100%;text-align: center;} .bxbox .box .c5 .li2 .tc img{max-width: 100%;display: inline-block;} } /* service_2_0_course */ .service_2_0_course{width: 100%;background:#fafafa;float: left;padding: 60px 0;} .service_2_0_course .box{width: 100%;float: left;} .service_2_0_course .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_2_0_course .box .t b{font-size: 30px;line-height: 50px;height: 50px;color: #007abd;float: left;width: 100%;} .service_2_0_course .box .t p{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #aaa;padding: 0 15%;margin-top: 0px;text-transform: uppercase;} .service_2_0_course .box .t span{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #666;padding: 0 15%;margin-top: 30px;text-transform: uppercase;} .service_2_0_course .box .t em{float: left;width: 100%;font-style: normal; color: #fff;width: 100%;height: 1px;background: #eee;margin: 20px 0;padding: 0 47%;} .service_2_0_course .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .service_2_0_course .box .c{width: 100%;float: left;margin: 30px 0 0 0px} .service_2_0_course .box .c .li{width:23.5%;float:left;margin: 0 2% 30px 0;background: #fff;transition:0.5s;} .service_2_0_course .box .c .li:hover{background: #007abd;} .service_2_0_course .box .c .li:hover b{color: #fff;} .service_2_0_course .box .c .li:nth-child(4n){margin-right: 0;} .service_2_0_course .box .c .li .img{width:100%;float:left;overflow: hidden;} .service_2_0_course .box .c .li .img img{width:100%;float:left;transition:transform 1s ease 0s;transform-origin:center;} .service_2_0_course .box .c .li:hover .img img{transform:scale(1.2);} .service_2_0_course .box .c .li b{width:100%;float:left;line-height:60px;color: #666;font-size: 16px;font-weight: normal;text-align: center;transition:0.5s;} .service_2_0_coursewhite{background:#fff;} .service_2_0_coursewhite .box .t em{background: #fafafa;} .service_2_0_coursewhite .box .c .li{background: #fafafa;} @media (max-width: 992px) { .service_2_0_course{padding:30px 0px;background:#fafafa;} .service_2_0_course .box .t b{font-size: 20px;line-height: 40px;height: 40px;color: #007abd;} .service_2_0_course .box .t p{font-size:14px;line-height: 22px;padding: 0;margin-top: 10px;color: #888;} .service_2_0_course .box .t span{font-size:14px;line-height: 24px;padding: 0 ;margin-top: 10px;} .service_2_0_course .box .t em{margin: 10px 0;padding: 0 42%;background:#e5e5e5;} .service_2_0_course .box .t em i{background: #007abd;} .service_2_0_course .box .c{width: 100%;float: left;margin: 20px 0 0 0px;padding: 00;} .service_2_0_course .box .c .li{width:48%;float:left;margin: 0 0% 20px 0;background: #fff;} .service_2_0_course .box .c .li:nth-child(2n){float: right;} .service_2_0_course .box .c .li .img{width:100%;float:left;} .service_2_0_course .box .c .li .img img{width:100%;float:left;} .service_2_0_course .box .c .li b{width:100%;float:left;line-height:40px;color: #666;font-size: 14px;font-weight: normal;text-align: center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;} .service_2_0_coursewhite{background:#fff;} .service_2_0_coursewhite .box .t em{background: #fafafa;} .service_2_0_coursewhite .box .c .li{background: #fafafa;} } /* service_2_0_tool */ .service_2_0_tool{width: 100%;background:url(/Public/Common/Images/2/service_2_0_tool.jpg) no-repeat center top;background-attachment: fixed;float: left;padding: 0 0 100px;} .service_2_0_tool .box{width: 100%;float: left;} .service_2_0_tool .box .t{background: #f90;text-align: center;text-align: center;padding: 0 25%;} .service_2_0_tool .box .t b{font-size: 30px;line-height: 60px;font-weight: normal;color: #fff;float: left;width: 100%;background: #f90;padding: 40px 0 0;} .service_2_0_tool .box .t p{font-size:20px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: rgba(255,255,255,0.6);padding: 0 15% 40px;text-transform: uppercase;background: #f90;} .service_2_0_tool .box .c{width: 100%;float: left;margin: 60px 0 0} .service_2_0_tool .box .c .line{width:5%;float:left;line-height: 20px;text-align: center;} .service_2_0_tool .box .c .line span{display: inline-block;line-height: 30px;vertical-align: top;margin-top: 15px;color: #fff;font-size: 20px;} .service_2_0_tool .box .c .li{width:10%;float:left;margin:0;} .service_2_0_tool .box .c .li .img{width:100%;float:left;text-align: center;} .service_2_0_tool .box .c .li .img img{display: inline-block;width: 80px;height: 80px;background: #fff;border-radius: 100%;border-radius: 100%;padding: 10px;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;} .service_2_0_tool .box .c .li:hover .img img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);} .service_2_0_tool .box .c .li p{width:100%;float:left;line-height: 60px;color: #fff;font-size: 22px;text-align: center;margin-top: 20px;} .service_2_0_tool .box .c .li span{width:100%;float:left;line-height: 30px;color: #fff;font-size: 16px;text-align: center;padding: 0 0px;} @media (max-width: 992px) { .service_2_0_tool{background:url(/Public/Common/Images/2/service_2_0_tool.jpg) no-repeat center top;padding-bottom: 10px;} .service_2_0_tool .box .t{padding: 0 0;width: 100%;float: left;background:none;} .service_2_0_tool .box .t b{font-size: 24px;line-height: 40px;color: #fff;float: left;width: 100%;float: left;padding: 30px 0 0;} .service_2_0_tool .box .t p{padding-bottom: 20px;font-size: 18px;} .service_2_0_tool .box .t span{font-size:18px;line-height: 30px;height: 30px;} .service_2_0_tool .box .c{width: 100%;float: left;padding: 30px 0 0;margin: 0;} .service_2_0_tool .box .c .line{display: none;} .service_2_0_tool .box .c .li{width:25%;float:left;margin:0 0 20px;} .service_2_0_tool .box .c .li .img{width:100%;float:left;text-align: center;} .service_2_0_tool .box .c .li .img img{display: inline-block;width: 60px;height: 60px;background: #fff;border-radius: 100%;border-radius: 100%;padding: 10px;} .service_2_0_tool .box .c .li p{width:100%;float:left;line-height:40px;color: #fff;font-size: 14px;text-align: center;margin-top: 0px;} .service_2_0_tool .box .c .li span{display: none;} } /* service_3_0_course */ .service_3_0_course{width: 100%;background:#fafafa;float: left;padding: 60px 0;} .service_3_0_course .box{width: 100%;float: left;} .service_3_0_course .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_3_0_course .box .t b{font-size: 30px;line-height: 50px;height: 50px;color: #007abd;float: left;width: 100%;text-transform: uppercase;} .service_3_0_course .box .t p{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #aaa;padding: 0 15%;margin-top: 0px;text-transform: uppercase;} .service_3_0_course .box .t span{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #666;padding: 0 15%;margin-top: 10px;text-transform: uppercase;} .service_3_0_course .box .t em{float: left;width: 100%;font-style: normal; color: #fff;width: 100%;height: 1px;background: #ddd;margin: 20px 0;padding: 0 47%;} .service_3_0_course .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .service_3_0_course .box .c{width: 100%;float: left;margin: 30px 0 0 0px} .service_3_0_course .box .c .l{width: 20%;float: left;height: auto;padding-right: 20px;overflow: hidden;display: none;} .service_3_0_course .box .c .l img{float: left;width: 100%;} .service_3_0_course .box .c .r{width: 100%;float: right;} .service_3_0_course .box .c .r .li{width:23.5%;float:left;margin: 0 2% 30px 0;background: #fff;border: 1px solid #f4f4f4;} .service_3_0_course .box .c .r .li:nth-child(4n){margin-right: 0;} .service_3_0_course .box .c .r .li:nth-child(5){margin-bottom: 0;} .service_3_0_course .box .c .r .li:nth-child(6){margin-bottom: 0;} .service_3_0_course .box .c .r .li:nth-child(7){margin-bottom: 0;} .service_3_0_course .box .c .r .li:nth-child(8){margin-bottom: 0;} .service_3_0_course .box .c .li:hover .img img{transform:scale(1.2);} .service_3_0_course .box .c .r .li .img{width:100%;float:left;overflow: hidden;} .service_3_0_course .box .c .r .li .img img{width:100%;float:left;transition:transform 1s ease 0s;transform-origin:center;} .service_3_0_course .box .c .r .li b{float:left;line-height:30px;color: #000;font-size: 16px;font-weight: normal;padding: 10px 15px 0;width: 100%;} .service_3_0_course .box .c .r .li p{float:right;line-height:30px;color: #aaa;font-size: 13px;font-weight: normal;padding: 0 15px 10px;width: 100%;} .service_3_0_course .box .c .r .li p em{float: left;font-style: normal;color: #888;} .service_3_0_course .box .c .r .li p i{float: right;font-style: normal;color: #007abd;} .service_3_0_coursewhite{background:#fff;} .service_3_0_coursewhite .box .t em{background: #f3f3f3;} .service_3_0_coursewhite .box .c .r .li{background: #fafafa;} @media (max-width: 992px) { .service_3_0_course{padding:30px 0px;background:#fafafa;} .service_3_0_course .box .t b{font-size: 20px;line-height: 40px;height: 40px;color: #007abd;} .service_3_0_course .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;color: #888;display: none;} .service_3_0_course .box .t span{font-size:14px;line-height: 24px;padding: 0 0px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .service_3_0_course .box .t em{margin: 10px 0 0;padding: 0 42%;background:#f3f3f3;} .service_3_0_course .box .t em i{background: #007abd;} .service_3_0_course .box .c{margin-top: 20px;} .service_3_0_course .box .c .l{display: none;} .service_3_0_course .box .c .r{width: 100%;float: left;margin: 0px 0 0 0px;padding: 0;} .service_3_0_course .box .c .r .li{width:48%;float:left;margin: 0 0% 20px 0;background: #fff;} .service_3_0_course .box .c .r .li:nth-child(2n){float: right;} .service_3_0_course .box .c .r .li:nth-child(4){margin-bottom: 20px;} .service_3_0_course .box .c .r .li:nth-child(5){margin-bottom: 20px;} .service_3_0_course .box .c .r .li:nth-child(6){margin-bottom: 20px;} .service_3_0_course .box .c .r .li .img{width:100%;float:left;} .service_3_0_course .box .c .r .li .img{width:100%;float:left;} .service_3_0_course .box .c .r .li .img img{width:100%;float:left;} .service_3_0_course .box .c .r .li b{width:100%;float:left;line-height:24px;color: #666;font-size: 14px;font-weight: normal;padding: 10px 10px 0;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;} .service_3_0_course .box .c .r .li p{width:100%;float:left;line-height:24px;color: #666;font-size: 12px;font-weight: normal;padding: 0 10px 10px;} .service_3_0_course .box .c .r .li p em{float: left;font-style: normal;color: #888;} .service_3_0_course .box .c .r .li p i{float: right;font-style: normal;color: #007abd;} .service_3_0_coursewhite{background:#fff;} .service_3_0_coursewhite .box .t em{background: #f3f3f3;} .service_3_0_coursewhite .box .c .r .li{background: #fafafa;} } /* service_3_0_courses */ .service_3_0_courses{width: 100%;background:#fafafa;float: left;padding: 60px 0;} .service_3_0_courses .box{width: 100%;float: left;} .service_3_0_courses .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_3_0_courses .box .t b{font-size: 30px;line-height: 50px;height: 50px;color: #007abd;float: left;width: 100%;text-transform: uppercase;} .service_3_0_courses .box .t p{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #aaa;padding: 0 15%;margin-top: 0px;text-transform: uppercase;} .service_3_0_courses .box .t span{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #666;padding: 0 15%;margin-top: 30px;text-transform: uppercase;} .service_3_0_courses .box .t em{float: left;width: 100%;font-style: normal; color: #fff;width: 100%;height: 1px;background: #ddd;margin: 20px 0;padding: 0 47%;} .service_3_0_courses .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .service_3_0_courses .box .c{width: 100%;float: left;margin: 60px 0 0 0px} .service_3_0_courses .box .c .li{width:18%;float:left;margin: 0 2.5% 30px 0;background: #fff;overflow: hidden;} .service_3_0_courses .box .c .li:nth-child(1) .img{width: auto;height: 100%;overflow: hidden;} .service_3_0_courses .box .c .li:nth-child(1) .img img{width: auto;height: 100%;} .service_3_0_courses .box .c .li:nth-child(3){margin-right: 0;} .service_3_0_courses .box .c .li:nth-child(8){margin-right: 0;} .service_3_0_courses .box .c .li:nth-child(13){margin-right: 0;} .service_3_0_courses .box .c .li:nth-child(1){width:59%;} .service_3_0_courses .box .c .li:hover .img img{transform:scale(1.2);} .service_3_0_courses .box .c .li .img{width:100%;float:left;overflow: hidden;} .service_3_0_courses .box .c .li .img img{width:100%;float:left;transition:transform 1s ease 0s;transform-origin:center;} .service_3_0_courses .box .c .li b{width:100%;float:left;line-height:24px;color: #666;font-size: 14px;font-weight: normal;padding: 10px 15px 0;} .service_3_0_courses .box .c .li p{width:100%;float:left;line-height:24px;color: #666;font-size: 12px;font-weight: normal;padding: 0 15px 10px;} .service_3_0_courses .box .c .li p em{float: left;font-style: normal;color: #888;} .service_3_0_courses .box .c .li p i{float: right;font-style: normal;color: #007abd;} @media (max-width: 992px) { .service_3_0_courses{padding:30px 0px;background:#fafafa;} .service_3_0_courses .box .t b{font-size: 18px;line-height: 40px;height: 40px;color: #007abd;} .service_3_0_courses .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;color: #888;display: none;} .service_3_0_courses .box .t span{font-size:12px;line-height: 24px;padding: 0 0px;} .service_3_0_courses .box .t em{margin: 10px 0 0;padding: 0 42%;background:#f3f3f3;} .service_3_0_courses .box .t em i{background: #007abd;} .service_3_0_courses .box .c{width: 100%;float: left;margin: 20px 0 0 0px;padding: 0 25px;} .service_3_0_courses .box .c .li{width:48%;float:left;margin: 0 0% 20px 0;background: #fff;overflow: hidden;} .service_3_0_courses .box .c .li:nth-child(1){display: none;} .service_3_0_courses .box .c .li:nth-child(2n+1){float: right;} } /* service_3_0_coursess */ .service_3_0_coursess{width: 100%;background:#fff;float: left;padding: 60px 0;} .service_3_0_coursess .box{width: 100%;float: left;} .service_3_0_coursess .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_3_0_coursess .box .t b{font-size: 30px;line-height: 50px;height: 50px;color: #007abd;float: left;width: 100%;text-transform: uppercase;} .service_3_0_coursess .box .t p{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #aaa;padding: 0 15%;margin-top: 0px;text-transform: uppercase;} .service_3_0_coursess .box .t span{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #666;padding: 0 15%;margin-top: 30px;text-transform: uppercase;} .service_3_0_coursess .box .t em{float: left;width: 100%;font-style: normal; color: #fff;width: 100%;height: 1px;background: #ddd;margin: 20px 0;padding: 0 47%;} .service_3_0_coursess .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .service_3_0_coursess .box .c{width: 100%;float: left;margin: 60px 0 0 0px} .service_3_0_coursess .box .c .li{width:23.5%;float:left;margin: 0 2% 30px 0;background: #fafafa;overflow: hidden;} .service_3_0_coursess .box .c .li:nth-child(1) .img{width: auto;height: 100%;overflow: hidden;} .service_3_0_coursess .box .c .li:nth-child(1) .img img{width: auto;height: 100%;} .service_3_0_coursess .box .c .li:nth-child(4n+2){margin-right: 0;} .service_3_0_coursess .box .c .li:nth-child(1){width:74.5%;} .service_3_0_coursess .box .c .li:hover .img img{transform:scale(1.2);} .service_3_0_coursess .box .c .li .img{width:100%;float:left;overflow: hidden;} .service_3_0_coursess .box .c .li .img img{width:100%;float:left;transition:transform 1s ease 0s;transform-origin:center;} .service_3_0_coursess .box .c .li b{width:100%;float:left;line-height:24px;color: #666;font-size: 14px;font-weight: normal;padding: 10px 15px 0;} .service_3_0_coursess .box .c .li p{width:100%;float:left;line-height:24px;color: #666;font-size: 12px;font-weight: normal;padding: 0 15px 10px;} .service_3_0_coursess .box .c .li p em{float: left;font-style: normal;color: #888;} .service_3_0_coursess .box .c .li p i{float: right;font-style: normal;color: #007abd;} @media (max-width: 992px) { .service_3_0_coursess{padding:30px 0px;} .service_3_0_coursess .box .t b{font-size: 18px;line-height: 40px;height: 40px;color: #007abd;} .service_3_0_coursess .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;color: #888;display: none;} .service_3_0_coursess .box .t span{font-size:12px;line-height: 24px;padding: 0 0px;} .service_3_0_coursess .box .t em{margin: 10px 0 0;padding: 0 42%;background:#f3f3f3;} .service_3_0_coursess .box .t em i{background: #007abd;} .service_3_0_coursess .box .c{width: 100%;float: left;margin: 20px 0 0 0px;padding: 0 25px;} .service_3_0_coursess .box .c .li{width:48%;float:left;margin: 0 0% 20px 0;background: #fff;overflow: hidden;} .service_3_0_coursess .box .c .li:nth-child(1){display: none;} .service_3_0_coursess .box .c .li:nth-child(2n+1){float: right;} } /* service_3_0_course_four */ .service_3_0_course_four{width: 100%;background:#fafafa;float: left;padding: 60px 0;} .service_3_0_course_four .box{width: 100%;float: left;} .service_3_0_course_four .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_3_0_course_four .box .t b{font-size: 30px;line-height: 50px;height: 50px;color: #007abd;float: left;width: 100%;text-transform: uppercase;} .service_3_0_course_four .box .t p{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #aaa;padding: 0 15%;margin-top: 0px;text-transform: uppercase;} .service_3_0_course_four .box .t span{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #666;padding: 0 15%;margin-top: 30px;text-transform: uppercase;} .service_3_0_course_four .box .t em{float: left;width: 100%;font-style: normal; color: #fff;width: 100%;height: 1px;background: #eee;margin: 20px 0;padding: 0 47%;} .service_3_0_course_four .box .t em i{float: left;width: 100%;background: #007abd;height: 7px;margin-top: -3px;} .service_3_0_course_four .box .c{width: 100%;float: left;margin: 60px 0 0 0px} .service_3_0_course_four .box .c .l{width: 20%;float: left;height: auto;padding-right: 20px;overflow: hidden;} .service_3_0_course_four .box .c .l img{float: left;width: 100%;} .service_3_0_course_four .box .c .r{width: 80%;float: right;} .service_3_0_course_four .box .c .r .li{width:23.5%;float:left;margin: 0 2% 30px 0;background: #fff;} .service_3_0_course_four .box .c .r .li:nth-child(4n){margin-right: 0;} .service_3_0_course_four .box .c .r .li:nth-child(5){margin-bottom: 0;} .service_3_0_course_four .box .c .r .li:nth-child(6){margin-bottom: 0;} .service_3_0_course_four .box .c .r .li:nth-child(7){margin-bottom: 0;} .service_3_0_course_four .box .c .r .li:nth-child(8){margin-bottom: 0;} .service_3_0_course_four .box .c .li:hover .img img{transform:scale(1.2);} .service_3_0_course_four .box .c .r .li .img{width:100%;float:left;overflow: hidden;} .service_3_0_course_four .box .c .r .li .img img{width:100%;float:left;transition:transform 1s ease 0s;transform-origin:center;} .service_3_0_course_four .box .c .r .li b{width:100%;float:left;line-height:24px;color: #666;font-size: 14px;font-weight: normal;padding: 10px 15px 0;} .service_3_0_course_four .box .c .r .li p{width:100%;float:left;line-height:24px;color: #666;font-size: 12px;font-weight: normal;padding: 0 15px 10px;} .service_3_0_course_four .box .c .r .li p em{float: left;font-style: normal;color: #888;} .service_3_0_course_four .box .c .r .li p i{float: right;font-style: normal;color: #007abd;} .service_3_0_course_fourwhite{background:#fff;} .service_3_0_course_fourwhite .box .t em{background: #f3f3f3;} .service_3_0_course_fourwhite .box .c .r .li{background: #fafafa;} @media (max-width: 992px) { .service_3_0_course_four{padding:30px 0px;background:#fafafa;} .service_3_0_course_four .box .t b{font-size: 20px;line-height: 40px;height: 40px;color: #007abd;} .service_3_0_course_four .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;color: #888;display: none;} .service_3_0_course_four .box .t span{font-size:12px;line-height: 24px;padding: 0 0px;} .service_3_0_course_four .box .t em{margin: 10px 0 0;padding: 0 42%;background:#f3f3f3;} .service_3_0_course_four .box .t em i{background: #007abd;} .service_3_0_course_four .box .c{margin-top: 20px;} .service_3_0_course_four .box .c .l{display: none;} .service_3_0_course_four .box .c .r{width: 100%;float: left;margin: 0px 0 0 0px;padding: 0;} .service_3_0_course_four .box .c .r .li{width:48%;float:left;margin: 0 0% 20px 0;background: #fff;} .service_3_0_course_four .box .c .r .li:nth-child(2n){float: right;} .service_3_0_course_four .box .c .r .li:nth-child(5){margin-bottom: 20px;} .service_3_0_course_four .box .c .r .li:nth-child(6){margin-bottom: 20px;} .service_3_0_course_four .box .c .r .li:nth-child(7){margin-bottom: 20px;} .service_3_0_course_four .box .c .r .li:nth-child(8){margin-bottom: 20px;} .service_3_0_course_four .box .c .r .li .img{width:100%;float:left;} .service_3_0_course_four .box .c .r .li .img{width:100%;float:left;} .service_3_0_course_four .box .c .r .li .img img{width:100%;float:left;} .service_3_0_course_four .box .c .r .li b{width:100%;float:left;line-height:24px;color: #666;font-size: 14px;font-weight: normal;padding: 10px 15px 0;} .service_3_0_course_four .box .c .r .li p{width:100%;float:left;line-height:24px;color: #666;font-size: 12px;font-weight: normal;padding: 0 15px 10px;} .service_3_0_course_four .box .c .r .li p em{float: left;font-style: normal;color: #888;} .service_3_0_course_four .box .c .r .li p i{float: right;font-style: normal;color: #007abd;} .service_3_0_course_fourwhite{background:#fff;} .service_3_0_course_fourwhite .box .t em{background: #f3f3f3;} .service_3_0_course_fourwhite .box .c .r .li{background: #fafafa;} } /* service_4_0_three */ .service_4_0_three{width: 100%;background:#fff;float: left;padding: 0 0 60px;margin-top: -40px;z-index: 4;position: relative;} .service_4_0_three .box{width: 100%;float: left;} .service_4_0_three .box .c{width: 100%;float: left;margin: 0px} .service_4_0_three .box .c .li{width:26%;float:left;margin: 0 11% 0 0;background: #fafafa;box-shadow: 0 10px 10px rgba(0,0,0,0.05);border-radius: 0 20px 20px 20px;transition:0.5s;} .service_4_0_three .box .c .li:hover{box-shadow: 0 30px 20px rgba(0,0,0,0.1);} .service_4_0_three .box .c .li:nth-child(3){margin-right: 0;} .service_4_0_three .box .c .li .img{width:100%;float:left;} .service_4_0_three .box .c .li .img img{width:100%;float:left;} .service_4_0_three .box .c .li b{width:100%;float:left;line-height: 40px;color: #000;font-size: 22px;padding-left: 30px;margin: 20px 0 10px;font-weight: normal;} .service_4_0_three .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;padding-left: 30px;height:180px;margin-top: 0px;} @media (max-width: 992px) { .service_4_0_three{padding-bottom: 20px;} .service_4_0_three .box .c{padding: 0 ;} .service_4_0_three .box .c .li{width:100%;float:left;margin: 0 0 20px 0;background: #fafafa;border-radius:0 10px 10px 0;} .service_4_0_three .box .c .li .img{width:100%;float:left;} .service_4_0_three .box .c .li .img img{width:100%;float:left;} .service_4_0_three .box .c .li b{width:100%;float:left;line-height: 40px;color: #000;font-size: 16px;padding-left: 20px;margin: 20px 0 10px;font-weight: normal;} .service_4_0_three .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;padding-left: 20px;height:auto;margin-top: 0px;margin-bottom: 15px;} } /* service_4_0_step1 */ .service_4_0_step1{width: 100%;background:#fafafa;float: left;padding: 0 0 60px;} .service_4_0_step1 .box{width: 100%;float: left;} .service_4_0_step1 .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_4_0_step1 .box .t b{font-size: 32px;line-height: 120px;font-weight: normal;height: 120px;color: #fff;background:#f90;text-align: center;text-transform: uppercase;display: inline-block;width: 30%;font-style: italic;border-radius:0 0 15px 15px;} .service_4_0_step1 .box .t p{font-size:24px;line-height: 80px;float: left;text-align: center;float: left;width: 100%;color: #000;margin-top: 0px;} .service_4_0_step1 .box .t span{font-size:18px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #fff;margin-top: 30px;} .service_4_0_step1 .box .t strong{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #fff;margin-top: 10px;font-weight: normal;} .service_4_0_step1 .box .c{width: 100%;float: left;margin: 30px 0 0 0px} .service_4_0_step1 .box .c .li{width:100%;float:left;margin:0 0 20px;} .service_4_0_step1 .box .c .li:hover p{box-shadow: 0 20px 20px rgba(0,0,0,0.1);} .service_4_0_step1 .box .c .li .img{width:33%;float:left;background: url(/Public/Common/Images/2/bg.png) repeat-x;height: 200px;border-radius: 10px 10px 0 10px;text-align: center;padding:40px 0 0;} .service_4_0_step1 .box .c .li .img img{display: inline-block;} .service_4_0_step1 .box .c .li .img b{float: left;width: 100%;text-align: center;font-size: 22px;color: #fff;line-height: 40px;font-weight: normal;} .service_4_0_step1 .box .c .li p{width:65%;float:right;line-height: 36px;color: #666;font-size: 16px;background: #fff;height: 200px;padding: 40px 40px 0;border-radius: 10px 10px 10px 0;box-shadow: 0 10px 10px rgba(0,0,0,0.05);transition:0.5s;} .service_4_0_step1 .box .cimg{width: 100%;float: left;padding: 20px 0 0;} .service_4_0_step1 .box .cimg img{width: 100%;float: left;} @media (max-width: 992px) { .service_4_0_step1{padding:0px 0px 40px;} .service_4_0_step1 .box .t{padding: 0;} .service_4_0_step1 .box .t b{font-size: 24px;line-height: 80px;height: 80px;color: #fff;width: 100%;float: left;} .service_4_0_step1 .box .t p{font-size:20px;line-height: 22px;margin-top: 20px;} .service_4_0_step1 .box .t span{font-size:16px;line-height: 30px;} .service_4_0_step1 .box .t strong{font-size:12px;line-height: 20px;} .service_4_0_step1 .box .c{width: 100%;float: left;margin: 20px 0 0 0px;padding: 00;} .service_4_0_step1 .box .c .li{width:100%;float:left;margin:0 0 20px;} .service_4_0_step1 .box .c .li .img{width:100%;float:left;height: 160px;border-radius: 10px 10px 0 0;text-align: center;padding:20px 0 0;} .service_4_0_step1 .box .c .li .img img{display: inline-block;} .service_4_0_step1 .box .c .li .img b{float: left;width: 100%;text-align: center;font-size: 16px;color: #fff;line-height: 30px;font-weight: normal;} .service_4_0_step1 .box .c .li p{width:100%;float:right;line-height: 28px;color: #666;font-size: 14px;height: auto;padding: 15px ;} .service_4_0_step1 .box .cimg{width: 100%;float: left;padding: 0px 0 0;} } /* service_4_0_step2 */ .service_4_0_step2{width: 100%;background:url(/Public/Common/Images/2/service_4_0_step2.jpg) no-repeat center top;background-attachment: fixed;float: left;padding: 0 0 40px;background-size: cover;} .service_4_0_step2 .box{width: 100%;float: left;} .service_4_0_step2 .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_4_0_step2 .box .t b{font-size: 32px;line-height: 120px;font-weight: normal;height: 120px;color: #fff;background:#f90;text-align: center;text-transform: uppercase;display: inline-block;width: 30%;font-style: italic;border-radius:0 0 15px 15px;} .service_4_0_step2 .box .t p{font-size:24px;line-height: 80px;float: left;text-align: center;float: left;width: 100%;color: #fff;margin-top: 0px;} .service_4_0_step2 .box .t span{font-size:24px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #fff;margin-top: 20px;font-weight: bold;} .service_4_0_step2 .box .t strong{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #fff;margin-top: 10px;font-weight: normal;} .service_4_0_step2 .box .c{width: 100%;float: left;margin: 30px 0 0 0px} .service_4_0_step2 .box .c .li{width:16.666%;float:left;margin:0;text-align: center;} .service_4_0_step2 .box .c .li .img{width:100%;float:left;} .service_4_0_step2 .box .c .li b{width:100%;float:left;line-height: 40px;color: #fff;font-size: 14px;font-weight: normal;} .service_4_0_step2 .box .c .li p{width:100%;float:left;line-height: 24px;color: #fff;font-size: 12px;margin-top: 10px;} @media (max-width: 992px) { .service_4_0_step2{padding:0px 0px 20px;background:url(/Public/Common/Images/2/service_4_0_step2.jpg) no-repeat center top;} .service_4_0_step2 .box .t{padding: 0;} .service_4_0_step2 .box .t b{font-size: 24px;line-height: 80px;height: 80px;color: #fff;width: 100%;float: left;} .service_4_0_step2 .box .t p{font-size:20px;line-height: 22px;margin-top: 10px;} .service_4_0_step2 .box .t span{font-size:18px;line-height: 30px;} .service_4_0_step2 .box .t strong{font-size:12px;line-height: 20px;} .service_4_0_step2 .box .c{width: 100%;float: left;margin: 10px 0 0 0px;padding: 00;} .service_4_0_step2 .box .c .li{width:33.333%;float:left;margin: 0 0% 30px 0;} .service_4_0_step2 .box .c .li .img{width:70%;float:left;text-align: center;margin: 0 15%;} .service_4_0_step2 .box .c .li .img img{width: 70%;} .service_4_0_step2 .box .c .li b{font-style: 13px;height: 40px;line-height: 20px;} .service_4_0_step2 .box .c .li p{width:100%;float:left;line-height: 20px;color: #fff;font-size: 12px;height: 80px;margin-top: 5px;} } /* service_4_0_step3 */ .service_4_0_step3{width: 100%;background:#fafafa;float: left;padding: 60px 0 40px;} .service_4_0_step3 .box{width: 100%;float: left;} .service_4_0_step3 .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_4_0_step3 .box .t b{font-size: 32px;line-height: 120px;font-weight: normal;height: 120px;color: #fff;background:#f90;text-align: center;text-transform: uppercase;display: inline-block;width: 30%;font-style: italic;border-radius:0 0 15px 15px;} .service_4_0_step3 .box .t p{font-size:24px;line-height: 80px;float: left;text-align: center;float: left;width: 100%;color: #000;margin-top: 0px;} .service_4_0_step3 .box .t span{font-size:14px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #666;margin-top: 30px;padding: 0 10%;} .service_4_0_step3 .box .c{width: 100%;float: left;margin: 60px 0 0 0px} .service_4_0_step3 .box .c .li{width:100%;float:left;margin:0 0 20px;} .service_4_0_step3 .box .c .li .img{width:33%;float:left;background: url(/Public/Common/Images/2/bg.png) repeat-x;height: 200px;border-radius: 10px 10px 0 10px;text-align: center;padding:40px 0 0;} .service_4_0_step3 .box .c .li .img img{display: inline-block;} .service_4_0_step3 .box .c .li .img b{float: left;width: 100%;text-align: center;font-size: 16px;color: #fff;line-height: 40px;font-weight: normal;} .service_4_0_step3 .box .c .li p{width:65%;float:right;line-height: 30px;color: #666;font-size: 14px;background: #fff;height: 200px;padding: 40px 40px 0;} .service_4_0_step3 .box .cimg{width: 100%;float: left;padding: 20px 10%;} .service_4_0_step3 .box .cimg img{width: 100%;float: left;} @media (max-width: 992px) { .service_4_0_step3{padding:0px 0px 30px;} .service_4_0_step3 .box .t{padding: 0;} .service_4_0_step3 .box .t b{font-size: 24px;line-height: 80px;height: 80px;color: #fff;width: 100%;float: left;} .service_4_0_step3 .box .t p{font-size:20px;line-height: 22px;margin-top: 10px;} .service_4_0_step3 .box .t span{font-size:13px;line-height: 28px;padding: 0;margin-top: 10px;} .service_4_0_step3 .box .c{width: 100%;float: left;margin: 40px 0 0 0px;padding: 00;} .service_4_0_step3 .box .c .li{width:100%;float:left;margin:0 0 20px;} .service_4_0_step3 .box .c .li .img{width:100%;float:left;background: url(/Public/Common/Images/2/bg.png) repeat-x;height: 200px;border-radius: 10px 10px 0 0;text-align: center;padding:40px 0 0;} .service_4_0_step3 .box .c .li .img img{display: inline-block;} .service_4_0_step3 .box .c .li .img b{float: left;width: 100%;text-align: center;font-size: 16px;color: #fff;line-height: 40px;font-weight: normal;} .service_4_0_step3 .box .c .li p{width:100%;float:right;line-height: 28px;color: #666;font-size: 16px;height: auto;padding: 10px 25px 20px;} .service_4_0_step3 .box .cimg{width: 100%;float: left;padding: 10px 0 0;} } /* service_4_0_box */ .service_4_0_box{width: 100%;background:#fff;float: left;padding:60px 0;} .service_4_0_box .box{width: 100%;float: left;} .service_4_0_box .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_4_0_box .box .t b{float: left;width: 100%;font-size: 36px;color:var(--themecolor);line-height: 40px;font-weight: bold;} .service_4_0_box .box .t p{float: left;width: 100%;font-size: 16px;color: #666;line-height: 30px;padding: 0 15%;margin-top: 10px;} .service_4_0_box .box .t strong{float: left;width: 100%;font-size: 18px;color: #007abd;line-height: 40px;font-weight: normal;margin-top: 20px;} .service_4_0_box .box .t i{float: left;width: 100%;margin: 20px 0;text-align: center;} .service_4_0_box .box .t i em{width: 100px;height: 8px;background: #ddd;display: inline-block;vertical-align: top;} .service_4_0_box .box .c{width: 100%;float: left;margin: 30px 0 0} .service_4_0_box .box .c .li{width:33.333%;float:left;margin: 0 0;text-align: center;} .service_4_0_box .box .c .li .img{width:100%;float:left;} .service_4_0_box .box .c .li .img img{width: 100px;border-radius: 100%;} .service_4_0_box .box .c .li b{width:100%;float:left;line-height: 40px;color: #000;font-size: 18px;margin: 20px 0 10px;font-weight: normal;} .service_4_0_box .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;height:120px;margin-top: 0px;} .service_4_0_box .box .cimg{width: 100%;float: left;margin: 60px 0 0;padding: 0 15%;} .service_4_0_box .box .cimg img{width: 100%;float: left;} .service_4_0_boxgrey{background: #fafafa;} @media (max-width: 992px) { .service_4_0_box{width: 100%;background:#fff;float: left;padding:30px 0;} .service_4_0_box .box{width: 100%;float: left;} .service_4_0_box .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_4_0_box .box .t b{float: left;width: 100%;font-size: 20px;line-height: 20px;} .service_4_0_box .box .t p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 30px;padding: 0;margin-top: 20px;} .service_4_0_box .box .t i{float: left;width: 100%;margin: 20px 0 20px;text-align: center;height: 5px;} .service_4_0_box .box .t i em{width: 60px;height: 5px;background: #ddd;display: inline-block;vertical-align: top;} .service_4_0_box .box .c{width: 100%;float: left;margin: 20px 0 0;padding: 0 ;} .service_4_0_box .box .c .li{width:33.333%;float:left;margin: 0 0;text-align: center;} .service_4_0_box .box .c .li .img{width:100%;float:left;} .service_4_0_box .box .c .li .img img{width: 70px;border-radius: 100%;} .service_4_0_box .box .c .li b{width:100%;float:left;line-height: 30px;color: #000;font-size: 16px;margin: 20px 0 10px;font-weight: normal;} .service_4_0_box .box .c .li p{width:100%;float:left;line-height: 20px;color: #666;font-size: 12px;height:80px;margin-top: 0px;} .service_4_0_box .box .cimg{width: 100%;float: left;margin: 30px 0 0;padding: 0 ;} .service_4_0_boxgrey{background: #fafafa;} } /* service_4_0_box2 */ .service_4_0_box2{width: 100%;background:url(/Public/Common/Images/2/bg2.jpg) no-repeat center top;float: left;padding:60px 0;} .service_4_0_box2 .box{width: 100%;float: left;} .service_4_0_box2 .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_4_0_box2 .box .t b{float: left;width: 100%;font-size: 24px;color: var(--themecolor);line-height: 40px;font-weight: bold;} .service_4_0_box2 .box .t p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 30px;padding: 0 15%;margin-top: 20px;} .service_4_0_box2 .box .c{width: 100%;float: left;margin: 30px 0 0} .service_4_0_box2 .box .c .li{width:25%;float:left;margin: 0 0;text-align: center;} .service_4_0_box2 .box .c .li .img{width:100%;float:left;} .service_4_0_box2 .box .c .li .img img{width: 100px;} .service_4_0_box2 .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;margin-top: 30px;padding: 0 25%;} @media (max-width: 992px) { .service_4_0_box2{width: 100%;float: left;padding:30px 0;} .service_4_0_box2 .box{width: 100%;float: left;} .service_4_0_box2 .box .t{width: 100%;float: left;position: relative;text-align: center;} .service_4_0_box2 .box .t b{float: left;width: 100%;font-size: 20px;line-height: 40px;} .service_4_0_box2 .box .t p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 30px;padding: 0 30px;margin-top: 20px;} .service_4_0_box2 .box .c{width: 100%;float: left;margin: 20px 0 0;padding: 0 ;} .service_4_0_box2 .box .c .li{width:50%;float:left;margin: 0 0 20px;text-align: center;} .service_4_0_box2 .box .c .li .img{width:100%;float:left;} .service_4_0_box2 .box .c .li .img img{width: 60px;} .service_4_0_box2 .box .c .li p{width:100%;float:left;line-height: 24px;color: #666;font-size: 12px;margin-top: 20px;padding: 0 10%;height: 100px;} } /* solution_1_0_one */ .solution_1_0_one{width: 100%;background:#fff;float: left;padding: 60px 0;} .solution_1_0_one .box{width: 100%;float: left;} .solution_1_0_one .box .t{width: 100%;float: left;position: relative;text-align: center;text-transform: uppercase;} .solution_1_0_one .box .t b{float: left;width: 100%;font-size: 24px;line-height: 40px;color: var(--themecolor);font-weight: bold;} .solution_1_0_one .box .t span{float: left;width: 100%;font-size:20px;line-height: 30px;color: #ddd;padding: 0 15%;} .solution_1_0_one .box .t p{float: left;width: 100%;font-size:14px;line-height: 24px;color: #666;padding: 0 15%;margin-top: 20px;} .solution_1_0_one .box .c{width: 100%;float: left;margin: 60px 0 0 0px} .solution_1_0_one .box .c img{float: left;width: 100%;padding: 0 12%;} @media (max-width: 992px) { .solution_1_0_one{padding:40px 0 20px;} .solution_1_0_one .box .t b{font-size: 18px;line-height: 40px;} .solution_1_0_one .box .t span{font-size:16px;line-height: 30px;} .solution_1_0_one .box .t p{font-size:14px;line-height: 30px;padding: 0 ;} .solution_1_0_one .box .c{width: 100%;float: left;margin: 20px 0 0 0px;padding: 00;} .solution_1_0_one .box .c img{float: left;width: 100%;padding: 0;} } /* solution_1_0_two */ .solution_1_0_two{width: 100%;background:#fafafa;float: left;padding: 60px 0;} .solution_1_0_two .box{width: 100%;float: left;} .solution_1_0_two .box .t{width: 100%;float: left;position: relative;text-align: center;text-transform: uppercase;} .solution_1_0_two .box .t b{float: left;width: 100%;font-size: 30px;line-height: 60px;color: var(--themecolor);} .solution_1_0_two .box .t span{float: left;width: 100%;font-size:20px;line-height: 30px;color: #ddd;padding: 0 15%;} .solution_1_0_two .box .t2{width: 100%;float: left;position: relative;text-align: center;text-transform: uppercase;margin: 60px 0 0;} .solution_1_0_two .box .t2 b{float: left;width: 100%;font-size: 24px;line-height: 40px;color: var(--themecolor);} .solution_1_0_two .box .t2 p{float: left;width: 100%;font-size:16px;line-height: 30px;color: #666;padding: 0 15%;margin-top: 10px;} .solution_1_0_two .box .c{width: 100%;float: left;margin: 60px 0 0 0px} .solution_1_0_two .box .c .li{width:26%;float:left;margin: 0 11% 0 0;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.05);} .solution_1_0_two .box .c .li:nth-child(3){margin-right: 0;} .solution_1_0_two .box .c .li .img{width:100%;float:left;overflow: hidden;} .solution_1_0_two .box .c .li .img img{width:100%;float:left;transition:transform 1s ease 0s;transform-origin:center;overflow: hidden;} .solution_1_0_two .box .c .li:hover .img img{width:100%;float:left;transform:scale(1.2);} .solution_1_0_two .box .c .li b{width:100%;float:left;line-height: 40px;color: #000;font-size: 18px;padding-left: 30px;margin: 20px 0 10px;font-weight: normal;} .solution_1_0_two .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;padding-left: 30px;height:180px;margin-top: 0px;} @media (max-width: 992px) { .solution_1_0_two{padding:40px 0px;} .solution_1_0_two .box .t b{font-size: 20px;line-height: 40px;} .solution_1_0_two .box .t span{font-size:16px;line-height: 30px;} .solution_1_0_two .box .t2 p{padding: 0;font-size: 14px;line-height:30px;} .solution_1_0_two .box .t2{margin: 10px 0 0;} .solution_1_0_two .box .t2 b{font-size: 20px;} .solution_1_0_two .box .c{padding: 0;} .solution_1_0_two .box .c .li{width:100%;float:left;margin: 0 0 20px 0;} .solution_1_0_two .box .c .li .img{width:100%;float:left;} .solution_1_0_two .box .c .li .img img{width:100%;float:left;} .solution_1_0_two .box .c .li b{width:100%;float:left;line-height: 40px;color: #000;font-size: 16px;padding-left: 20px;margin: 20px 0 10px;font-weight: normal;} .solution_1_0_two .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;padding-left: 20px;height:auto;margin-top: 0px;margin-bottom: 30px;} } /* solution_1_0_three */ .solution_1_0_three{width: 100%;background:url(/Public/Common/Images/3/bg.jpg) no-repeat center top 100%;background-attachment: fixed;float: left;padding: 60px 0;background-size: cover;} .solution_1_0_three .box{width: 100%;float: left;} .solution_1_0_three .box .t{width: 100%;float: left;position: relative;text-align: center;text-transform: uppercase;margin:0;} .solution_1_0_three .box .t b{float: left;width: 100%;font-size: 24px;line-height: 40px;color: #fff;} .solution_1_0_three .box .t p{float: left;width: 100%;font-size:16px;line-height: 30px;color: #fff;padding: 0 15%;margin-top: 10px;} .solution_1_0_three .box .c{width: 100%;float: left;margin: 60px 0 0 0px;padding: 0 10%;} .solution_1_0_three .box .c .li{width:26%;float:left;margin: 0 11% 0 0;} .solution_1_0_three .box .c .li:nth-child(3){margin-right: 0;} .solution_1_0_three .box .c .li b{width:100%;float:left;line-height: 40px;color: #fff;font-size: 18px;margin: 20px 0 10px;font-weight: normal;} .solution_1_0_three .box .c .li p{width:100%;float:left;line-height: 30px;color: #fff;font-size: 16px;height:180px;margin-top: 0px;} @media (max-width: 992px) { .solution_1_0_three{padding:40px 0 20px;background-size: cover;} .solution_1_0_three .box .t b{font-size: 20px;} .solution_1_0_three .box .t span{font-size:18px;line-height: 30px;height: 30px;} .solution_1_0_three .box .t p{font-size:14px;padding: 0;} .solution_1_0_three .box .c{padding: 0 0;margin-top: 30px;} .solution_1_0_three .box .c .li{width:100%;float:left;margin: 0 0 30px 0;text-align: center;border-top: 1px dashed rgba(255,255,255,0.3)} .solution_1_0_three .box .c .li b{width:100%;float:left;line-height: 40px;color: #fff;font-size: 18px;;margin: 20px 0 0px;font-weight: normal;} .solution_1_0_three .box .c .li p{width:100%;float:left;line-height: 30px;color: #fff;font-size: 16px;;height:auto;margin-top: 0px;} } /* solution_1_0_four */ .solution_1_0_four{width: 100%;background:#fafafa;float: left;padding: 60px 0;} .solution_1_0_four .box{width: 100%;float: left;} .solution_1_0_four .box .t{width: 100%;float: left;position: relative;text-align: center;text-transform: uppercase;} .solution_1_0_four .box .t b{float: left;width: 100%;font-size: 24px;line-height: 40px;color: var(--themecolor);} .solution_1_0_four .box .t p{float: left;width: 100%;font-size:16px;line-height: 30px;color: #666;padding: 0 15%;margin-top: 10px;} .solution_1_0_four .box .c{width: 100%;float: left;margin: 80px 0 0 0px;padding: 0 10%;} .solution_1_0_four .box .c .li{width:26%;float:left;margin: 0 11% 0 0;text-align: center;} .solution_1_0_four .box .c .li:nth-child(3){margin-right: 0;} .solution_1_0_four .box .c .li .img{width:100%;float:left;} .solution_1_0_four .box .c .li .img img{display: inline-block;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;} .solution_1_0_four .box .c .li:hover .img img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);} .solution_1_0_four .box .c .li b{width:100%;float:left;line-height: 40px;color: #000;font-size: 18px;margin: 20px 0 10px;font-weight: normal;} .solution_1_0_four .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;height:180px;margin-top: 0px;} @media (max-width: 992px) { .solution_1_0_four{padding:40px 0 20px;} .solution_1_0_four .box .t b{font-size: 20px;} .solution_1_0_four .box .t span{font-size:18px;line-height: 30px;height: 30px;} .solution_1_0_four .box .t p{padding: 0 0;} .solution_1_0_four .box .c{padding: 0 0;margin-top: 20px;} .solution_1_0_four .box .c .li{width:33.333%;float:left;margin: 0 0 20px 0;} .solution_1_0_four .box .c .li .img{width:100%;float:left;} .solution_1_0_four .box .c .li .img img{width: 50%;} .solution_1_0_four .box .c .li b{width:100%;float:left;line-height: 30px;color: #000;font-size: 14px;margin: 10px 0 10px;font-weight: normal;} .solution_1_0_four .box .c .li p{display: none;} } /* solution_2_0_one */ .solution_2_0_one{width: 100%;background:#fff;float: left;padding: 60px 0;} .solution_2_0_one .box{width: 100%;float: left;} .solution_2_0_one .box .t{width: 100%;float: left;position: relative;text-align: center;text-transform: uppercase;margin: 0px 0 0;} .solution_2_0_one .box .t b{float: left;width: 100%;font-size: 36px;line-height: 60px;color: var(--themecolor);} .solution_2_0_one .box .c{width: 100%;float: left;margin: 60px 0 0 0px;padding: 0 12%} .solution_2_0_one .box .c img{width:100%;float:left;} @media (max-width: 992px) { .solution_2_0_one{padding:40px 0 20px;} .solution_2_0_one .box .t{margin: 0px 0 0;} .solution_2_0_one .box .c{padding: 0 0;margin-top: 20px;} .solution_2_0_one .box .t b{font-size: 20px;} .solution_2_0_one .box .c .img{width:100%;float:left;overflow: hidden;padding: 0 0} } /* solution_2_0_two */ .solution_2_0_two{width: 100%;background:#fafafa;float: left;padding: 60px 0 120px;} .solution_2_0_two .box{width: 100%;float: left;} .solution_2_0_two .box .t{width: 100%;float: left;position: relative;text-align: center;text-transform: uppercase;margin: 50px 0 0;} .solution_2_0_two .box .t b{float: left;width: 100%;font-size: 36px;line-height: 40px;color: var(--themecolor);} .solution_2_0_two .box .t p{float: left;width: 100%;font-size:16px;line-height: 40px;color: #666;padding: 0 15%;margin-top: 40px;} @media (max-width: 992px) { .solution_2_0_two{padding:40px 0px;} .solution_2_0_two .box .t{margin: 0px 0 0;} .solution_2_0_two .box .t b{font-size: 20px;} .solution_2_0_two .box .t p{padding: 0;margin-top: 20px;font-size:14px;} } /* solution_2_0_three */ .solution_2_0_three{width: 100%;background:#fff;float: left;padding: 80px 0;} .solution_2_0_three .box{width: 100%;float: left;} .solution_2_0_three .box .ts{width: 100%;float: left;position: relative;text-align: center;text-transform: uppercase;margin: 60px 0 0;} .solution_2_0_three .box .ts b{float: left;width: 100%;font-size: 36px;line-height: 40px;color: var(--themecolor);} .solution_2_0_three .box .ts p{float: left;width: 100%;font-size:16px;line-height: 40px;color: #666;padding: 0 15%;margin-top: 40px;} .solution_2_0_three .box .c{width: 100%;float: left;margin: 60px 0 0 0px;padding: 0 12%} .solution_2_0_three .box .c img{width:100%;float:left;} .solution_2_0_threegrey{background: #fafafa;} @media (max-width: 992px) { .solution_2_0_three{padding:40px 0px;} .solution_2_0_three .box .ts{margin-top:0px;} .solution_2_0_three .box .ts b{font-size: 18px;} .solution_2_0_three .box .ts p{font-size:14px;line-height: 30px;padding: 0;margin-top:0px;} .solution_2_0_three .box .c{padding: 0 0;margin-top: 20px;} .solution_2_0_three .box .c .img{width:100%;float:left;overflow: hidden;padding: 0 0} } /*coursePage*/ .coursePage{float: left;width: 100%;} .coursePage .box{float: left;width: 100%;} /*courseul*/ .courseul{float: left;width: 100%;margin:0px 0 0;} .courseul li{float: left;width:23.5%;margin: 0 2% 30px 0;position: relative;padding: 0 0 40px;transition:0.5s;background: #fff;} .courseul li:nth-child(4n){margin-right: 0;} .courseul li:hover{background: #0b528a;} .courseul li:hover .img img{opacity: 0.2;} .courseul li:hover .tit{color: #fff;} .courseul li:hover .tag{opacity: 1;padding-top: 30%;} .courseul li:hover p{color: #fff;} .courseul li .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 44% 0;opacity: 0;transition:0.5s;} .courseul li .tag img{float: left;} .courseul li .img{float: left;width:100%;padding:0;background: #000;} .courseul li .img img{float: left;width:100%;transition:0.5s;} .courseul li .tit{float: left;width:100%;line-height: 44px;color: #000;overflow: hidden;font-size: 16px;padding:0px 15px 0;height: 44px;margin-top: 20px;transition:0.5s;} .courseul li p{float: left;width:100%;color: #666;padding:0px 15px 0;line-height: 24px;height: 48px;overflow: hidden;transition:0.5s;} @media (max-width: 992px) { .courseul{float: left;width: 100%;margin-bottom:0px;padding:0px 25px 0;margin-top: 40px;} .courseul li{float: left;width:100%;margin: 0 0 10px 0;position: relative;padding: 0 0px 20px;transition:0.5s;} .courseul li:hover{background: #0b528a;} .courseul li:hover .tit{color: #fff;} .courseul li:hover p{color: #fff;} .courseul li .img{float: left;width:100%;padding: 0 0%;} .courseul li .img img{float: left;width:100%;} .courseul li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 16px;padding:0px 20px 0;height: 44px;margin-top: 5px;color: #666;transition:0.5s;} .courseul li p{float: left;width:100%;color: #999;padding: 0 20px;line-height: 20px;height: auto;} } .videoPage{float: left;width: 100%;} .videoPage .videobox{float: left;width: 100%;} .videoPage .videobox h1{float: left;width: 100%;text-align: center;line-height: 60px;font-size: 30px;color: #000;margin-bottom: 20px;} .videoPage .videobox .video_pc{float: left;width: 100%;padding: 0 10% 20px;} .videoPage .videobox .video_m{float: left;width: 100%;display: none;padding: 0 25px;} @media (max-width: 992px) { .videoPage .videobox h1{float: left;width: 100%;text-align: center;line-height: 60px;font-size: 18px;color: #000;margin: 10px 0;} .videoPage .videobox .video_pc{display: none;} .videoPage .videobox .video_m{display: block;} } /*zdjg*/ .zdjg{float: left;width: 100%;padding: 80px 0px 200px;overflow: hidden;background: #f3f3f3;} .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: 992px) { .zdjg{float: left;width: 100%;padding: 30px 0px 20px;overflow: hidden;background: #f3f3f3;} .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: #fafafa;text-align: center;} .casesul li:nth-child(3n){margin-right: 0;} .casesul li:hover{background: #007abd;} .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: #000;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: #fafafa;transition:0.5s;} .casesul li:hover{background: #007abd;} .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: 16px;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;} } /* list_43 */ .list_43{float: left;width:100%;} .list_43 li{width:100%;float: left;;padding:20px 40px 40px;margin-bottom: 40px;border: 1px solid #f3f3f3;transition:0.5s;} .list_43 li:hover{border-bottom: 4px solid #007abd} .list_43 li:hover .img img{border-radius: 20px 0 20px 0;} .list_43 li .img{width:15%;float: left;} .list_43 li .img img{width:100%;float: left;transition:0.5s;} .list_43 li .lir{float: right;width: 85%;padding-left: 50px;padding-top: 20px;} .list_43 li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 16px;} .list_43 li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;line-height:60px;color: #007abd;} .list_43 li .lir .tt:hover{color: #000} .list_43 li .lir p{width: 100%;float: left;font-size: 16px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 15px;} @media (max-width: 1400px) { .list_43 li .img{width:15%;float: left;} .list_43 li .lir{width: 85%;} } @media (max-width: 992px) { .list_43{display: none;} } .list_43_show{float: left;width:100%;} .list_43_show li{width:100%;float: left;;padding: 40px;margin-bottom: 40px;border: 1px solid #f3f3f3;transition:0.5s;} .list_43_show li:hover{border-bottom: 1px solid #007abd} .list_43_show li:hover .img img{border-radius: 20px 0 20px 0;} .list_43_show li .img{width:15%;float: left;} .list_43_show li .img img{width:100%;float: left;transition:0.5s;} .list_43_show li .lir{float: right;width: 85%;padding-left: 50px;} .list_43_show li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 16px;} .list_43_show li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;line-height:60px;color: #007abd;} .list_43_show li .lir .tt:hover{color: #000} .list_43_show li .lir p{width: 100%;float: left;font-size: 16px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 15px;} @media (max-width: 992px) { .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 #f3f3f3;transition:0.5s;} .list_43_show li:hover{border-bottom: 1px solid #007abd} .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: 16px;text-align: center;} .list_43_show li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;line-height:60px;color: #007abd;text-align: center;} .list_43_show li .lir .tt:hover{color: #000} .list_43_show li .lir p{width: 100%;float: left;font-size: 16px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding: 20px;margin-top: 15px;} } /* 文档内容页 */ .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: #007abd;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: 992px) { } .worksPage{float: left;width: 100%;background: #fff;padding: 0px 0;margin-bottom: 40px;} .worksPage .box{float: left;width: 100%;} .worksPage .box .l{float: left;width: 23%;} .worksPage .box .r{float: right;width: 70%;} @media (max-width: 992px) { .worksPage .box .l{display: none;} .worksPage .box .r{float: left;width: 100%;} } @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: #007abd;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: 16px;margin:0px 0 0 ;padding: 0;color: #444;} .workscontent .text p{float: left;width: 100%;line-height: 30px;font-size: 16px;margin: 0;padding: 0;} .workscontent .text p img{max-width: 100%;} .workscontent .text img{max-width: 100%;} @media (max-width: 992px) { } /*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: 992px) { .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 #f3f3f3;} .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: 16px;} .list_3_img li .lir .tt{width: 100%;float: right;font-size: 17px;font-weight: normal;line-height: 30px;color: #000;} .list_3_img li .lir p{width: 100%;float: right;font-size: 16px;color: #666;line-height: 24px;} .list_3_img li:hover .img img{border-radius: 15px;} .list_3_img li:hover .lir .tt{color: #000} /*note_3 咨询页面详情*/ .note_3{width: 100%;float: left;font-size: 16px;} .note_3 .box{width: 100%;float: left;padding-top: 30px;background: #fff;border-radius: 30px 30px;margin-top: -100px;z-index: 2;position: relative;padding: 100px 200px;box-shadow: 0 20px 20px rgba(0,0,0,0.05);margin-bottom: 100px;} .note_3 .box .text{width: 100%;float: left;margin-bottom: 50px;line-height: 40px;text-align: center;font-size: 36px;color: var(--themecolor);border-bottom: 1px dashed #eee;padding-bottom: 40px;} .note_3 .box .f{width: 100%;float: left;margin-bottom: 15px;} .note_3 .box .f .li_all{width: 100%;float: left;margin-bottom: 15px;} .note_3 .box .f .li_all label{float: left;margin: 0 30px 10px 0;height: 20px;} .note_3 .box .f .li_all label .radio{float: left;margin-right: 5px;margin-top: 4px;} .note_3 .box .f .li_all label .checkbox{float: left;margin-right: 5px;margin-top: 4px;} .note_3 .box .f .li_all label i{float: left;font-style: normal;} .note_3 .box .f .li_submit{width: 100%;float: left;margin: 40px 0 15px;text-align: center;} .note_3 .box .f .li_submit .submit{float: none;line-height:60px;border:none;background: var(--themecolor);color: #fff;display: inline-block;padding: 0 120px;border-radius: 60px;box-shadow: 0 15px 15px rgba(0,0,0,0.2);height: 60px;font-size: 22px;font-weight: bold;transition:0.5s;} .note_3 .box .f .li_submit .submit:hover{background:#fa0;padding: 0 150px;} .note_3 .box .f .li{width: 45%;float: left;margin-bottom: 25px;border-bottom: 1px solid #eee;} .note_3 .box .f .li:nth-child(2n){float: right;} .note_3 .box .f .li .lil{float: left;line-height: 60px;margin-right: 10px;} .note_3 .box .f .li .lir{width: 60%;float: left;} .note_3 .box .f .li .lir .input{width: 100%;background: #fff;line-height: 60px;outline: none;color: #aaa;font-size: 16px;float: left;height: 60px;border: none;margin: 0;} .note_3 .box .f .li .lir .select{width: 100%;background: #fff;line-height: 60px;outline: none;color: #aaa;font-size: 16px;float: left;height: 60px;border: none;} .note_3 .box .f .li .lir .input:focus{outline: none;box-shadow: none ;} @media (max-width: 992px) { .note_3{font-size: 16px;} .note_3 .container{padding: 0;} .note_3 .box{padding-top: 30px;border-radius: 10px 10px 0 0;margin-top: -10px;z-index: 2;position: relative;padding:30px 15px ;box-shadow: 0 -10px 10px rgba(0,0,0,0.05);margin-bottom: 0;} .note_3 .box .text{width: 100%;float: left;margin-bottom: 30px;line-height: 30px;text-align: center;font-size:18px;padding: 0 10% 20px;} .note_3 .box .f{width: 100%;float: left;margin-bottom: 15px;} .note_3 .box .f .li_all{width: 100%;float: left;margin-bottom: 10px;} .note_3 .box .f .li_all label{float: left;margin: 0 30px 10px 0;height: 20px;} .note_3 .box .f .li_all label .radio{float: left;margin-right: 5px;margin-top: 4px;} .note_3 .box .f .li_all label .checkbox{float: left;margin-right: 5px;margin-top: 4px;} .note_3 .box .f .li_all label i{float: left;font-style: normal;} .note_3 .box .f .li_submit{width: 100%;float: left;margin: 20px 0 15px;text-align: center;} .note_3 .box .f .li_submit .submit{float: none;line-height:50px;border:none;background: var(--themecolor);color: #fff;display: inline-block;padding: 0 80px;border-radius: 50px;box-shadow: 0 10px 15px rgba(0,0,0,0.1);height: 50px;font-size: 18px;} .note_3 .box .f .li_submit .submit:hover{background:#fa0;padding: 0 80px;} .note_3 .box .f .li{width: 100%;float: left;margin-bottom: 5px;border-bottom: 1px solid #eee;} .note_3 .box .f .li:nth-child(2n){float: right;} .note_3 .box .f .li .lil{float: left;line-height: 50px;margin-right: 0px;} .note_3 .box .f .li .lir{width: 60%;float: left;} .note_3 .box .f .li .lir .input{width: 100%;background: #fff;line-height: 50px;outline: none;color: #aaa;font-size: 16px;float: left;height: 50px;border: none;margin: 0;} .note_3 .box .f .li .lir .select{width: 100%;background: #fff;line-height: 50px;outline: none;color: #aaa;font-size: 16px;float: left;height: 50px;border: none;} .note_3 .box .f .li .lir .input:focus{outline: none;box-shadow: none ;} } /*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: #000;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 #f3f3f3;} @media (max-width: 992px) { .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: #fafafa;} .htmlPn_03 a{color: #000;background: #fafafa;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: #000;} @media (max-width: 992px) { .htmlPn_03{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:0px 0 0px;color: #666;padding:15px;background: #fafafa;} .htmlPn_03 a{color: #000;background: #fafafa;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: #000;} } .video_pc{float: left;width: 100%;margin-bottom: 20px;} .video_pc iframe{float: left;width: 100%;height: 400px;} @media (max-width: 992px) { .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: 992px) { .video_m{display: block;} } /* wap底部电话 */ .fixbar_09{z-index:999;position: fixed;bottom: 0px;left:0px;width: 100%;height: 54px;display: none;text-align: center;background: #f90;} .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: 992px) { .fixbar_09{display: none;} } /*fbar_m*/ .fbar_m{position: fixed;bottom: 0;height: 54px;background:#fff;width: 100%;border-top: 1px solid #f3f3f3;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: 992px) { .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: 16px; 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:#fa0;color: #fff;} .cateNav_9 .search{height:56px;float: right;font-size: 16px;} .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: #f3f3f3;} .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: #f3f3f3;} @media (max-width: 992px) { .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 #f90;color: #f90;} .cateNav_9 a:hover b{color:#f90;background: #fff;border-bottom: 3px solid #f90;} .cateNav_9 a.cur b{color:#f90;background: #fff;border-bottom: 3px solid #f90;} .cateNav_9 .search{display: none;} } /*通栏面包削导航*/ .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: 992px) { .addressNavAll{display: none;} } .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:var(--themecolor);width: 50%;} .fixbar_07 a.mapnav{background:#f80;width: 50%;} @media (max-width: 992px) { .fixbar_07{display: block;padding: 0 15px;} } #mR0{margin-right: 0;} #allmap{float: left;width: 100%;height: 300px;} /*pageFocus*/ .pageFocus{float: left;width: 100%;background-image: url(/Public/Common/Images/page.jpg) ;background-repeat: no-repeat;background-position: center bottom;background-size: 3840px;height: 800px;} @media (max-width: 3000px) { .pageFocus{background-size: 3000px;height:800px; } } @media (max-width: 2400px) { .pageFocus{background-size: 2400px;height:800px; } } @media (max-width: 2100px) { .pageFocus{background-size: 2100px;height:700px; } } @media (max-width: 1920px) { .pageFocus{background-size: 1920px;height:640px; } } @media (max-width: 1800px) { .pageFocus{background-size: 1800px;height:600px; } } @media (max-width: 1650px) { .pageFocus{background-size: 1650px;height:550px; } } @media (max-width: 1410px) { .pageFocus{background-size: 1410px;height:470px; } } @media (max-width: 1200px) { .pageFocus{background-size: 1200px;height:400px; } } @media (max-width: 600px) { .pageFocus{background-size: 600px;height:200px; } } @media (max-width: 480px) { .pageFocus{background-size: 480px;height:160px; } } @media (max-width: 420px) { .pageFocus{background-size: 420px;height:140px; } } @media (max-width: 390px) { .pageFocus{background-size: 390px;height:130px; } } /*面包削导航*/ .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: 992px) { .addressNav{display: none;} } .video_pc{float: left;width: 100%;} /*share_01*/ .share_01{float: left;width: 100%;margin-bottom: 20px;} /*htmlPn_01*/ .htmlPn_01{float: left;width: 100%;line-height: 36px;font-size: 16px;font-weight: normal;margin:10px 0;color: #666;border-top: 1px solid #eee;margin-top: 20px;padding-top:25px;} .htmlPn_01 p{float: left;width: 100%;} .htmlPn_01 p a{color: #000;} /*list_1*/ .list_1{float: left;width: 100%;} .list_1 .li{float: left;width: 100%;margin-bottom: 20px;background: #f3f3f3;} .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: 16px;color: #999;line-height: 22px;margin-top: 5px;} .list_2 li p{width: 100%;float: left;font-size: 16px;color: #555;line-height: 22px;} .list_2 li .more{width: 100%;float: left;font-size: 16px;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: var(--themecolor);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_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: #fafafa;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: #f3f3f3;} .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: #000;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 #f3f3f3;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: 16px;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: #f3f3f3;} .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: #000;} @media (max-width: 992px) { .pageSize_1{display: none;} } /* pageSize_2 */ .pageSize_2{float: right;line-height: 24px;border-right: 0;margin-bottom: 20px;overflow: hidden;font-size: 14px;} .pageSize_2 a,.pageSize_2 b,.pageSize_2 .current{padding:0 8px;line-height: 24px;height: 24px;text-align: center;color: #888;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;float: left;} .pageSize_2 .current{color: #E77817;} /*html_re_1*/ .html_re_1{float: left;width: 100%;} .html_re_1 .ttt{float: left;width: 100%;border-bottom: 1px solid #e5e5e5;line-height: 50px;color: var(--themecolor);font-size: 16px;margin-top: 20px;} /* 侧边导航 */ .cateNav_2{width: 100%;float: left;} .cateNav_2 a{height: 80px;line-height: 80px;color: #000;width: 100%;float: left;margin: 0 0 1px;font-size: 16px;background: #fff; text-align: center;transition: 0.3s;} .cateNav_2 a.cur{background:var(--themecolor);color: #fff} .cateNav_2 a:hover{background:#959595;color: #fff} @media (max-width: 992px) { .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: #f3f3f3;padding: 0 16px;margin: 0 1px 0 0;} .taglist_1 a{float: left;line-height: 30px;height: 30px;background: #f3f3f3;padding: 0 16px;margin: 0 1px 0 0;} .taglist_1 a:hover{background: #c00;color: #fff;} .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: 16px;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;} .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: 992px) { .ad100{display: none;} } /*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: 992px) { .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: var(--themecolor);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:var(--themecolor);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: #f3f3f3;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 #f3f3f3;background: #f3f3f3;border-top: 3px solid #ddd;text-align: left;} .tablenew thead tr td{background: #f3f3f3;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: #f3f3f3;text-align: left;} .tablenewborder tr .td{background: #fafafa;} .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: 16px;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: #f3f3f3;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: #f3f3f3;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;} @media (max-width: 992px) { .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:var(--themecolor)} .torange{color:#f00} .tgreen{color:green} .tgrey{color:grey} .tccc{color:#ccc} .tccc:hover{color:var(--themecolor)} .star{float: left;line-height: 34px;color: var(--themecolor);} .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: 992px) { .alert{ padding-top: 8px;padding-bottom: 8px;padding-left: 8px;margin-bottom: 10px;} } /*底部*/ .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: var(--themecolor);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: #f90;border-bottom-color:#f80; } .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: 992px) { .footerContact{display: none;} } /*列表页文档标签*/ .flag{background: #09c;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 #fa0;} .flag_s{background: #bbf;text-shadow:1px 1px 0 #baf;} .flag_n{background: #09c;text-shadow:1px 1px 0 #baf;} .div0{position:relative;width:100%;text-align:center;} .div0 h1{color:#007bbe; margin:auto;} .div0 .bg{width:100%;} .bgs{width:100%; margin-top:0px;} .bgs img{width:100%;} .div_f .got p{position:relative; text-align:left; font-size:34px; margin:auto; padding-left:150px; height:80px; padding-top:26px; width:1000px; margin-left:auto; margin-right:auto; margin-top:30px;} .div_f .got .p1{background:url(/Public/Common/Images/5n.png) no-repeat; height:102px;} .div_f .got .p2{background:url(/Public/Common/Images/10n.png) no-repeat; height:102px;} .div_f .got .p3{background:url(/Public/Common/Images/20n.png) no-repeat; height:102px;} .div_f{position:relative;width:100%;text-align:center; background:#f4f4f4; margin-top:-30px;} .div_fz h1{color:#007bbe; margin:auto;font-size: 36px;font-weight: bold;} .div_fz{position:relative;width:100%;text-align:center; background:#f4f4f4;} .div1{position:relative;width:100%;text-align:center;margin-top:100px;} .div1 h1{font-size: 36px;line-height: 60px;font-weight: bold;} .div1 p{position:relative;width:100%;text-align:center;margin-top:50px; margin-top:20px; font-size:16px;} @media (max-width: 992px) { .div_fz h1{font-size: 20px;font-weight: bold;} } .div1_f{position:relative;width:100%;text-align:center;margin-top:50px;} #div1_f{background:url(/Public/Common/Images/web2.jpg) no-repeat center top; z-index:1;} .xians{margin-top:20px;} .div2{background:#f4f4f4; height:30px;} .zik{width:100%; margin-top:50px;} .zik img{margin-left:80px; left:-40px; position:relative;} .bk{width:1200px; position:relative; margin-left:auto; margin-right:auto; height:190px; z-index:1;} #bk1{margin-top:20px;} #bk1{background:url(/Public/Common/Images/kuai.png) no-repeat center top;} #bk2{background:url(/Public/Common/Images/sheng.png) no-repeat center top;} .bk .bg{width:100%; position:relative; left:0px; top:0px;} .bk p{text-align:left; font-size:31px; padding-left:25%; padding-right:12%; font-weight:bold; position:absolute; top:0px; line-height:38px;} .bk p a{font-size:26px; font-weight:100;} .bk #got2{text-align:left; font-size: 31px; padding-left:1.5%; padding-right:17%; font-weight:bold; top:20px;} ul li{list-style-type:none;} ul{margin:0; padding:0;} .hnbt{position:absolute; color:#FFFFFF; font-size:70px; text-align:center; width:100%; top:36px; line-height:55px;} .hnbt cc{color:#82e4fb; font-size:44px;} @media screen and (min-width: 1225px) { .div0_z{background:#b2d6ea; margin-top:30px; height:500px; font-size:16px; line-height:32px;} .div0_z .tu{width:50%; float:left; text-align:right; margin-top:30px; position:relative;} .div0_z .wz{width:43%; height:320px; background:#7dbadc; color:#FFFFFF; float:right; text-align:left; padding:30px; margin-top:60px;} } @media screen and (max-width: 1225px) { .div1{position:relative;width:100%;text-align:center;margin-top:50px;} .div1 h1{font-size:5vw;font-weight: bold;} .div1 p{position:relative;width:100%;text-align:center;margin-top:50px; margin-top:20px; font-size:4vw; padding-left:20px; padding-right:20px;} .xians{width:100%;} .zik{width:100%; margin-top:50px;} .zik img{width:35%; margin-top:0px; top:-33px;} /*.bk{width:95%; position:relative; left:2.5%;} .bk .bg{width:100%; position:absolute; left:0px; top:0px;} .bk .got p{text-align:left; font-size: 3.2vw; padding-left:24%; padding-right:12%; font-weight:bold;} .bk .got p a{font-size: 2.6vw; font-weight:100;} .bk #got2 p{text-align:left; font-size: 3.2vw; padding-left:2%; padding-right:17%; font-weight:bold;}*/ .div0_z{background:#b2d6ea; margin-top:30px; margin:auto; width:100%; text-align:center; padding-top:20px; padding-bottom:20px;} .div0_z .tu{width:80%; text-align:center; position:relative; margin:auto;} .div0_z .tu img{width:100%;} .div0_z .wz{width:80%; background:#7dbadc; position:relative; color:#FFFFFF; margin:auto; height:auto; left:0px; margin-top:20px; text-align:left; padding:12px; font-size:3.5vw;line-height: 6.5vw;} .bk{width:92%; position:relative; margin-left:auto; margin-right:auto; height:auto; z-index:1;} #bk1{background:url(/Public/Common/Images/kuai.png) no-repeat center top; background-size:100% auto; -moz-background-size:100% auto; /* 老版本的 Firefox */ background-repeat:no-repeat; } #bk2{background:url(/Public/Common/Images/sheng.png) no-repeat center bottom; background-size:100% auto; -moz-background-size:100% auto; /* 老版本的 Firefox */ background-repeat:no-repeat; } .bk .bg{width:100%; position:relative; left:0px; top:0px;} .bk p{text-align:left; font-size:4vw; padding-left:25%; padding-right:13%; font-weight:bold; position:relative; top:-3.6vw; line-height:24px;} .bk p a{font-size:3.4vw; font-weight:300;} .bk #got2{text-align:left; font-size: 4vw; padding-left:1.5%; padding-right:17%; font-weight:bold; top:0px;} .div1_f h1{position:relative;width:100%;text-align:center;font-size:5vw; z-index:0px;} .div1_f .xians{top:-10px; margin-top:1vw;} #div1_f p{font-size:4vw; bottom:50px; margin-top:-4vw;} .bgs{ z-index:2;} #div1_f{background:url(/Public/Common/Images/web2.jpg) no-repeat center top; background-size:100% 100%;-moz-background-size:100% 100%; /* 老版本的 Firefox */background-repeat:no-repeat;z-index:1;} .div_f .got p{position:relative; text-align:left; font-size:4vw; margin:auto; padding-left:143px; padding-right:3vw; height:80px; padding-top:28px; width:auto; margin-left:4vw; margin-right:auto; margin-top:30px;} .div_f .got .p1{background:url(/Public/Common/Images/5n.png) no-repeat;} .div_f .got .p2{background:url(/Public/Common/Images/10n.png) no-repeat;} .div_f .got .p3{background:url(/Public/Common/Images/20n.png) no-repeat;} .hnbt{position:absolute; color:#FFFFFF; font-size:5.3vw; text-align:center; width:100%; top:4.2vw; line-height:4.2vw;} .hnbt a{color:#82e4fb; font-size:3.3vw;} }