@charset "utf-8";
/* CSS Document */
body {
	FONT-SIZE: 14px;
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666666;
	margin:0px;
	padding:0px; background-color:#fff;
	overflow-x: hidden;
	box-sizing: border-box;
	
	}
*{font-family:"微软雅黑";margin:0;padding:0}
a{text-decoration:none;}
li{list-style:none}
a{
    cursor: pointer;
    color:#666
}
.center{
    max-width: 1600px;
    min-width: 1200px;
    width: 86%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
}
h1,h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500}
.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_21{font-size: 21px;}

.f_22{font-size: 22px;}

.f_23{font-size: 23px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_27{ font-size:27px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_31{ font-size:31px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_42{font-size: 42px;}

.f_44{font-size: 44px;}

.f_45{font-size: 45px;}

.f_48{font-size: 48px;}

.f_50{font-size: 50px;}

.f_57{font-size: 57px;}

.f_58{font-size: 58px;}

.f_61{font-size: 61px;}

.f_70{font-size: 70px;}

.p_80_120{padding: 80px 0 120px;}

.p_80_0{padding: 80px 0 0;}

.p_95_60{padding: 95px 0 60px;}

.p_100_0{padding: 100px 0 0;}

.p_100{padding: 50px 0;}

.p_100_120{padding: 100px 0 120px;}

.p_120{padding: 120px 0;}

.ctrl span{ float:left; cursor:pointer;}
input,textarea,select{outline:none;font-family:"微软雅黑";}
img{
    border:none;
    display: block;
}
.cursor_pointer{
	cursor:pointer;
}
button{
	    cursor: pointer;
width: 65px;
height: 43px;
background: #4177b7;
border: none;
}
.float_l{
    float: left;
}
.float_r{
    float: right;
}
.clear{
    clear:both;
}
.sr-bdimgshare .bdimgshare-content{
    display: none;
}
.sr-bdimgshare-black .bdimgshare-bg{
    display: none;
}
select::-ms-expand{ display: none; }
select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
/* 电脑站侧边 */
.panel {
    display: none;
}
.phone_none{
    display: none;
}
/* 首页头部底部 */

.header_place{height: 100px;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 1111;}

.header .box{display: flex;justify-content: space-between;}

.header .logo{position: relative;padding: 22px 0;}

.header .logo img:nth-child(2){opacity: 0;position: absolute;left: 0;top: 22px;}

.header .fr{display: flex;align-items: center;}

.header .nav{display: flex;}

.header .nav .li{margin-right: 50px;position: relative;}

.header .nav .lv1{display: block;line-height: 99px;color: #333;position: relative;}

.header .nav .lv1 s{position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #4177b7;transform: scaleX(0);transform-origin: center;}

.header .nav .li:hover .lv1 s,
.header .nav .li.act .lv1 s{transform: scaleX(1);}

.header .line{height: 12px;width: 1px;background: #333;}

.header .en{display: block;width: 40px;height: 40px;text-align: center;line-height: 38px;border: 1px solid rgba(255,255,255,0.2);color: #fff;border-radius: 50%;}

.header .en:hover{background: #4177b7;border-color: #4177b7;}

.header .ss_img{position: relative;width: 40px;height: 40px;border: 1px solid rgba(0,0,0,0.2);margin: 0 20px 0 50px;border-radius: 50%;}

.header .ss_img input{padding:0 40px 0 20px;width:100%;height:40px;color:#000;font-size:14px;line-height:40px;border:none;border-radius:20px;box-sizing:border-box;background:none;position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:3;outline: none;display: none;}

.header .ss_img .close{position: absolute;left: 1px;top: 1px;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;}

.header .ss_img .close img:nth-child(2){position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 1;z-index: 4;}

.header .ss_img:hover input{width: 165px;background-color: #eeeeee;}

.header .ss_img:hover{background: #4177b7;border-color: #4177b7;}

.header .ss_img:hover .close img:nth-child(1){opacity: 1 !important;}

.header .ss_img:hover .close img:nth-child(2){opacity: 1 !important;}

.header .hdbg{position: absolute;left: 0;top: 0;width: 100%;height: 100px;background: #fff;box-shadow: 0 0 20px rgba(26,22,22,0.12);opacity: 1;z-index: -10;}

.header.act4 .hdbg,
.header.act2 .hdbg,
.header.act .hdbg{opacity: 1;}

.header.act4 .logo img:nth-child(1),
.header.act2 .logo img:nth-child(1),
.header.act .logo img:nth-child(1){opacity: 0;}

.header.act3 .logo img:nth-child(1){opacity: 0;}

.header.act4 .logo img:nth-child(2),
.header.act2 .logo img:nth-child(2),
.header.act .logo img:nth-child(2){opacity: 1;}

.header.act3 .logo img:nth-child(2){opacity: 1;}

.header.act4 .nav .lv1,
.header.act2 .nav .lv1,
.header.act .nav .lv1{color: #333;}

.header.act4 .ss_img,
.header.act2 .ss_img,
.header.act .ss_img{border-color:rgb(52, 52, 52,0.2);}

.header.act4 .line,
.header.act2 .line,
.header.act .line{background: #333;}

.header.act4 .ss_img .close img:nth-child(1),
.header.act2 .ss_img .close img:nth-child(1),
.header.act .ss_img .close img:nth-child(1){opacity: 0;}

.header.act4 .ss_img .close img:nth-child(2),
.header.act2 .ss_img .close img:nth-child(2),
.header.act .ss_img .close img:nth-child(2){opacity: 1;}

.header.act4 .en,
.header.act2 .en,
.header.act .en{border-color:rgb(52, 52, 52,0.2);color: #333;}

.header.act4 .en:hover,
.header.act2 .en:hover,
.header.act .en:hover{color: #fff;}

.header .lv2box{position: absolute;top: 100%;left: 50%;width: 134px;transform: translateX(-50%);background: #fff;border-radius: 0 0 4px 4px;overflow: hidden;padding-top: 1px;display: none;transition: none;}

.header .lv2box .lv2{text-align: center;line-height: 26px;padding: 10px 0;border-bottom: 1px solid #f5f5f5;}

.header .lv2box .lv2:last-child{border-bottom: none;}

.header .lv2box .lv2:hover{background: #4177b7;}

.header .lv2box .lv2:hover a{color: #fff;}

/* pc二级 */
.headej{position: fixed;width: 100%;top: 100px;left: 0;height: auto !important;z-index: 9;display: block !important ;}
.headej .box{background:#fff ;box-shadow: 0px 0px 9px 0px rgba(27, 42, 58, 0.1);-webkit-box-shadow: 0px 0px 9px 0px rgba(27, 42, 58, 0.1);-woz-box-shadow: 0px 0px 9px 0px rgba(27, 42, 58, 0.1);width:1114px}
.headej .ul1{position: relative;}

.headej .ul1 li{position: relative;}

.headej .ul1 li .lbox{position: relative;width: 1114px;margin: 0 auto;padding: 40px 0 50px;overflow:hidden}

.headej .ul1 li .lbox .llt{width: 100%;float: left;padding:0 70px 0 0 ;border-right: 1px solid #ccccc9;}

.headej .ul1 li .lbox .llt dl dd{cursor: pointer;margin-top: 20px;align-items: center;align-content: center;    margin-right: 65px;
    margin-bottom: 75px;float:left;margin-bottom:30px}
.headej .ul1 li .lbox .llt dl dd .alltime-titti{   overflow:hidden}
.headej .ul1 li .lbox .llt dl dd .dlt{margin-top:15px;border-left:1px solid #999}
.headej .ul1 li .lbox .llt dl dd .dlt a{margin-top:15px;display:block;font-size:12px;    padding-left: 31px;}
.headej .ul1 li .lbox .llt dl dd .dlt a:hover{color:#4177b7}

.header {
    width: 100%;
    height: 106px;
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: 90;*/
    z-index: 105;
    padding: 0 60px;
}

.header.top {
    top: -140px;
}

.header .logo {
    float: left;
    overflow: hidden;
    height: 56px;
    margin-top: 25px;
}

.header .logo img {
    height: 100%;
}

.header .logo #logo2 {
    display: none;
}

.header .search-box {
    float: right;
    margin-top: 33px;
    position: relative;
}

.header .search-box .search-btn {
    width: 40px;
    height: 40px;
    background: url(../images/search.png) no-repeat center;
    cursor: pointer;
    background-size: 18px 18px;
}

.header.small .search-box .search-btn {
    background-image: url(../images/search_on.png);
}

.header .search-box .search-bar {
    width: 600px;
    height: 70px;
    position: absolute;
    right: -14px;
    top: 54px;
    z-index: 95;
    background: #fff;
    padding: 10px;
    display: none;
}

.header .search-box .search-bar .close {
    width: 50px;
    height: 50px;
    float: right;
    background: url(../images/close.png) no-repeat center;
    background-size: 20px auto;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.header .search-box .search-bar .close:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.header .search-box .search-bar .btn {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../images/search.png) no-repeat center #0097db;
}

.header .search-box .search-bar .btn input {
    width: 100%;
    height: 100%;
    background: none;
    cursor: pointer;
}

.header .search-box .search-bar .inpu {
    width: 100%;
    padding: 0 60px;
}

.header .search-box .search-bar .inpu input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    font-size: 1.6rem;
    background: #eee;
}

.header .search-box .search-bar .inpu input::-webkit-input-placeholder {
    color: #aaaaaa;
}

.header .search-box .search-bar .inpu input:-moz-placeholder {
    color: #aaaaaa;
}

.header .search-box .search-bar .inpu input::-moz-placeholder {
    color: #aaaaaa;
}

.header .search-box .search-bar .inpu input:-ms-input-placeholder {
    color: #aaaaaa;
}

.header .menu-btn {
    width: 40px;
    height: 40px;
    position: relative;
    float: right;
    margin-top: 48px;
    cursor: pointer;
    display: none;
}

.header .menu-btn span {
    width: 18px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: 2;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.header .menu-btn span.line2 {
    top: 19px;
    width: 14px;
}

.header .menu-btn span.line3 {
    top: 24px;
}

.header .menu-btn:hover span.line1 {
    animation: menubtn-line1 0.8s infinite alternate;
    -o-animation: menubtn-line1 0.8s infinite alternate;
    -moz-animation: menubtn-line1 0.8s infinite alternate;
    -webkit-animation: menubtn-line1 0.8s infinite alternate;
}

.header .menu-btn:hover span.line2 {
    animation: menubtn-line2 1.2s infinite alternate;
    -o-animation: menubtn-line2 1.2s infinite alternate;
    -moz-animation: menubtn-line2 1.2s infinite alternate;
    -webkit-animation: menubtn-line2 1.2s infinite alternate;
}

.header .menu-btn:hover span.line3 {
    animation: menubtn-line1 0.6s infinite alternate;
    -o-animation: menubtn-line1 0.6s infinite alternate;
    -moz-animation: menubtn-line1 0.6s infinite alternate;
    -webkit-animation: menubtn-line1 0.6s infinite alternate;
}

.header .nav {
    text-align: center;
    margin-right: 160px;
    margin-top: 33px;
}

.header .nav .tit {
    display: none;
}

.header .nav > ul {
    display: inline-block;
    vertical-align: top;
}

.header .nav > ul > li {
    float: left;
    /* position: relative; */
    padding-left: 15px;
    padding-right: 15px;
    /* margin: 0 25px;*/
}

.header .nav > ul > li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    top: 50%;
    right: 0;
    margin-top: -7px;
    background: rgba(255,255,255,0.3);
}

.header .nav > ul > li:last-child:after {
    display: none;
}

/*.header .nav > ul > li#m1{ display:none;}*/
.header .nav > ul > li > a {
    height: 40px;
    line-height: 40px;
    padding: 0 19px;
    display: block;
    font-size: 1.6rem;
    color: #fff;
    overflow: hidden;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    position: relative;
    z-index: 1;
}

.header .nav > ul > li > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    width: 0%;
    height: 100%;
    background: #0097db;
    z-index: -1;
    border-radius: 6px;
}

.header .nav > ul > li.on > a:after {
    width: 100%;
    left: 0;
    right: 0;
    transition: all 0.3s;
}

.header .nav > ul > li#m2:hover > a:after,.header .nav > ul > li#m3:hover > a:after,.header .nav > ul > li#m4:hover > a:after,.header .nav > ul > li#m5:hover > a:after,.header .nav > ul > li#m6:hover > a:after,.header .nav > ul > li#m7:hover > a:after {
    display: none;
}

.header .nav > ul > li:hover > a {
    color: #fff;
}

.header .nav > ul > li.on > a {
    color: #fff;
}

.header .nav > ul > li .arrow {
    display: none;
}

.header .nav .sub {
    min-width: 140px;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 90;
    display: none;
    padding-top: 4px;
}

.header .nav .sub ul {
    background: #fff;
    border-radius: 4px;
    padding: 4px 0;
    position: relative;
}

.header .nav .sub ul::after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFFFFF;
    border-width: 4px;
    margin-left: -4px;
}

.header .nav .sub li:last-child a {
    border-bottom: none;
}

.header .nav .sub li a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.4rem;
    white-space: nowrap;
    padding: 0 20px;
    color: #333;
    border-bottom: solid 1px #eee;
}

.header .nav .sub li a:hover {
    color: #0097db;
    background: #f8f8f8;
}

.header .search-box,.header .menu-btn,.header .logo,.header {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.header.small {
    /* background: url(../images/mainFilter.png);*/
    background: #fff;
    height: 80px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
}

.header.small .logo {
    margin-top: 15px;
    height: 50px;
}

.header.small .logo #logo2 {
    display: block;
}

.header.small .logo #logo1 {
    display: none;
}

.header.small .menu-btn span {
    background: #3e3a39;
}

.header.small .menu-btn,.header.small .search-box {
    margin-top: 20px;
}

.header.small .nav {
    margin-top: 20px;
}

.header.small .nav > ul > li > a {
    height: 40px;
    line-height: 40px;
    color: #3e3a39;
}

.header.small .nav > ul > li.on > a {
    color: #fff;
}

.header.small .nav > ul > li:hover > a {
    color: #3e3a39;
}

.header.small .nav > ul > li#m1.on > a {
    color: #fff;
}

.header.small .nav .sub {
    top: 40px;
}

.header.small .nav .sub ul:after {
    border-bottom-color: #0097db;
}

.header-box{   padding: 0 10px;}
.header-tp {
    width: 100%;
    height: 106px;
    position: fixed;
    top: 0;
    left: 0;
    /* z-index: 90; */
    z-index: 105;
 
}

.header-tp.small .logo {
    margin-top: 15px;
    height: 50px;
	   float: left;
    overflow: hidden;
}
.header-tp .logo img {
    height: 100%;
}
.header-tp.small .search-box {
    margin-top: 20px;
	  float: right;
    position: relative;
}
.header-tp.small .search-box .search-btn {
    background-image: url(../images/search_on.png);
}
.header-tp .search-box .search-btn {
    width: 40px;
    height: 40px;
    background: url(../images/search.png) no-repeat center;
    cursor: pointer;
    background-size: 18px 18px;
}
.header-tp .search-box .search-bar {
    width: 600px;
    height: 70px;
    position: absolute;
    right: -14px;
    top: 54px;
    z-index: 95;
    background: #fff;
    padding: 10px;
    display: none;
}

.header-tp .search-box .search-bar .close {
    width: 50px;
    height: 50px;
    float: right;
    background: url(../images/close.png) no-repeat center;
    background-size: 20px auto;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.header-tp .search-box .search-bar .close:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.header-tp .search-box .search-bar .btn {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../images/search.png) no-repeat center #0097db;
}

.header-tp .search-box .search-bar .btn input {
    width: 100%;
    height: 100%;
    background: none;
    cursor: pointer;
}

.header-tp .search-box .search-bar .inpu {
    width: 100%;
    padding: 0 60px;
}

.header-tp .search-box .search-bar .inpu input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    font-size: 1.6rem;
    background: #eee;
}

.header-tp .search-box .search-bar .inpu input::-webkit-input-placeholder {
    color: #aaaaaa;
}

.header-tp .search-box .search-bar .inpu input:-moz-placeholder {
    color: #aaaaaa;
}

.header-tp .search-box .search-bar .inpu input::-moz-placeholder {
    color: #aaaaaa;
}

.header-tp .search-box .search-bar .inpu input:-ms-input-placeholder {
    color: #aaaaaa;
}
.header-tp .nav > ul {
    display: inline-block;
    vertical-align: top;
}
.header-tp .nav > ul > li {
    float: left;
     position: relative;
    padding-left: 10px;
    padding-right: 10px;
 
}
.header-tp.small .nav > ul > li#m1.on > a {
    color: #fff; 
}
.header-tp .nav > ul > li > a {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    display: block;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    position: relative;
    z-index: 1;
}

.header-tp .nav > ul > li > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    width: 0%;
    height: 100%;
    background: #0097db;
    z-index: -1;
    border-radius: 6px;
}
.header-tp .nav > ul > li:hover>a{
    
    background: #0097db;
       border-radius: 6px;
}

.header-tp .nav > ul > li.on > a:after {
    width: 100%;
    left: 0;
    right: 0;
    transition: all 0.3s;
}

.header-tp .nav > ul > li#m2:hover > a:after,.header-tp .nav > ul > li#m3:hover > a:after,.header-tp .nav > ul > li#m4:hover > a:after,.header-tp .nav > ul > li#m5:hover > a:after,.header-tp .nav > ul > li#m6:hover > a:after,.header-tp .nav > ul > li#m7:hover > a:after {
    display: none;
}

.header-tp .nav > ul > li:hover > a {
    color: #fff;
}

.header-tp .nav > ul > li.on > a {
    color: #fff;
}

.header-tp .nav > ul > li .arrow {
    display: none;
}

.header-tp .nav .sub {
    min-width: 140px;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 90;
    display: none;
    padding-top: 4px;
}

.header-tp .nav .sub ul {
    background: #fff;
    border-radius: 4px;
    padding: 4px 0;
    position: relative;        box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
}

.header-tp .nav .sub ul::after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFFFFF;
    border-width: 4px;
    margin-left: -4px;
}

.header-tp .nav .sub li:last-child a {
    border-bottom: none;
}

.header-tp .nav .sub li a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
    padding: 0 20px;
    color: #333;
    border-bottom: solid 1px #eee;
}

.header-tp .nav .sub li a:hover {
    color: #0097db;
    background: #f8f8f8;
}

    #m2 .sub {
        min-width:840px !important;
    }

    #m2 .sub ul {
        overflow: hidden;
        margin: 20px;
    }

    #m2 .sub ul li {
        float: left;
        margin: 0 50px;
    }

    #m2 .sub ul li .onav2 {
        font-weight: bold;
        font-size: 14px;
        color: #0097db;
        text-align: left;
    }

    #m2 .sub ul li dl {
        margin: 0 0 10px;
    }

    #m2 .sub ul li dl dd {
        padding-left: 12px;
        border-left: 1px solid #ccc;
    }

    #m2 .sub ul li dl dd:hover {
        border-left: 2px solid #0097db;
    }

    #m2 .sub ul li dl dt a {
        font-size: 12px;
        color: #666666;
    }
 #m2 .sub ul li dl dt a:hover{color: #0097db;}
    #m2 .sub li a {
        border: none;
        text-align: left;
        padding: 0;
    }

    #m2 .sub li dl a {
        height: 24px;
        line-height: 24px;
    }

    #m2 .sub li dl dd a {
        font-size: 12px;
    }

    #m2 .sub li a:hover {
        background: none;
        color: #0097db;
    }

.header-tp .search-box,.header-tp .menu-btn,.header-tp .logo,.header-tp {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.header-tp.small {
    /* background: url(../images/mainFilter.png);*/
    background: #fff;
    height: 80px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
}

.header-tp.small .logo {
    margin-top: 15px;
    height: 50px;
}

.header-tp.small .logo #logo2 {
    display: block;
}

.header-tp.small .logo #logo1 {
    display: none;
}

.header-tp.small .menu-btn span {
    background: #3e3a39;
}

.header-tp.small .menu-btn,.header.small .search-box {
    margin-top: 20px;
}

.header-tp.small .nav {
    padding-top: 20px;    display: block;
    text-align: center;
}

.header-tp.small .nav > ul > li > a {
    height: 40px;
    line-height: 40px;
    color: #3e3a39;
}

.header-tp.small .nav > ul > li.on > a {
    color: #fff;
}

.header-tp.small .nav > ul > li:hover > a {
    color: #3e3a39;
}

.header-tp.small .nav > ul > li#m1.on > a {
    color: #fff;
}

.header-tp.small .nav .sub {
    top: 40px;
}

.header-tp.small .nav .sub ul:after {
    border-bottom-color: #0097db;
}
.header-tp .nav > ul > li:hover .sub{display:block}
.header-tp .nav > ul > li:hover> a{color:#fff !important}
@media screen and (max-width: 1200px) {
.header-tp .nav > ul {

}
.header-tp .nav > ul > li > a{font-size:14px}
.header-tp.small .logo{
    height: 45px;    margin-top: 20px;
}
.header-tp .nav > ul > li {

    padding-left: 5px;
    padding-right: 5px;
}
}
@media screen and (max-width: 1200px) {
    #m2 .sub {
        min-width: 880px  !important;
    }
}
.headej .ul1 li .lbox .llt dl dd .ico{position: relative;width: 30px;overflow: hidden;    float: left;display:none}

.headej .ul1 li .lbox .llt dl dd .ico img{display: block;width: 100%;position: relative;top: 0;}

.headej .ul1 li .lbox .llt dl dd .ico img:nth-child(2){position: absolute;top: 30px;left: 0;z-index: 2;opacity: 0;}

.headej .ul1 li .lbox .llt dl dd .wz{width: calc(100% - 30px);padding: 0 25px;background:url(../images/r_hui.png) center right no-repeat;background-size: 12px;    margin-left: 12px;}

.headej .ul1 li .lbox .llt dl dd.act .ico img:nth-child(1){opacity: 0;top: -30px;}

.headej .ul1 li .lbox .llt dl dd.act .ico img:nth-child(2){opacity: 1;top: 0;}

.headej .ul1 li .lbox .llt dl dd.act .wz{background:url(../images/r_cai.png) center right no-repeat;background-size: 12px;color: #4177b7;}

.headej .ul1 li .lbox .lrt{float:left;padding: 0 0 0 55px;}

.headej .ul1 li .lbox .lrt dl{width: 100%;height: 100%;}

.headej .ul1 li .lbox .lrt dl dd {width: 100%;height: 100%;display: none;}

.headej .ul1 li .lbox .lrt dl dd .dox{display: flex;justify-content: space-between;align-content: flex-start;width: 100%;height: 100%;position: relative;left: 50px;opacity: 0;-webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1);}

.headej .ul1 li .lbox .lrt dl dd .dox.act{left: 0;opacity: 1;}

.headej .ul1 li .lbox .lrt dl dd .dlt{width: 278px;height: 100%;overflow: auto;border-right: 1px solid #ccccc9;}

.headej .ul1 li .lbox .lrt dl dd .dlt a{display: block;line-height: 30px;margin-bottom: 20px;}

.headej .ul1 li .lbox .lrt dl dd .dlt a:last-child{margin-bottom: 0;}

.headej .ul1 li .lbox .lrt dl dd .dlt a:hover{color: #4177b7;}

.headej .ul1 li .lbox .lrt dl dd .drt{width: 327px;}

.headej .ul1 li .lbox .lrt dl dd .drt .img{display: block;width: 100%;overflow: hidden;margin-bottom: 20px;}

.headej .ul1 li .lbox .lrt dl dd .drt .img img{display: block;width: 100%;transform: scale(1.00000001);-webkit-transform: scale(1.00000001); -webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1);}

.headej .ul1 li .lbox .lrt dl dd .drt a:hover .img  img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.headej .ul1 li .lbox2{position: relative;width: 1114px;margin: 0 auto;display: flex;justify-content: flex-end;line-height: 60px;}

.headej .ul1 li .lbox2 a{display: block;margin-left: 50px;color: #666;font-size: 16px;}

.headej .ul1 li .lbox2 a:hover{color: #4177b7;}
.banner_pc{margin-top:80px}
.sstou{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,0.5);z-index:999;display:none}
.sstou-input{
	    width: 100%;
    height: 100%;
    position: relative;
}
.quxiao{position: absolute;
    left: 50%;
    top: 240px;
    margin-left: 185px;

    border-radius: 50px;
    background: #d3d3d3;  }
.quxiao img{width:50px}
.quxiao:hover{background: #fff;  cursor: pointer;}
.sstou-input2{position:absolute;left:50%;top:300px;    margin-left: -185px;}
.sstou-input2 button{height: 53px !important;}
.sstou-input1{    height: 50px;
    line-height: 50px;
    width: 300px;}
.footer{background: url(../images/footer_bg.jpg) no-repeat center;background-size: cover;}

.footer .con1{border-bottom: 1px solid rgba(255,255,255,0.1);}

.footer .con1 .box{display: flex;justify-content: space-between;padding-bottom: 20px;}

.footer .con1 .con_le{width: 415px;}

.footer .con1 .con_le .ul{margin-top: 58px;}

.footer .con1 .con_le .ul .li{display: flex;align-items: center;line-height: 30px;margin-bottom: 20px;}

.footer .con1 .con_le .ul .li:first-child{margin-bottom: 23px;}

.footer .con1 .con_le .ul .li:last-child{margin-bottom: 0;}

.footer .con1 .con_le .ul .li .ico{width: 42px;min-width: 42px;display: flex;align-items: center;}

.footer .con1 .con_le .ul .li .txt{color: #fff;}

.footer .con1 .con_le .ul .li .txt a{color: #fff;}

.footer .con1 .con_le .ul .li .txt a:hover{color: #4177b7;}

.footer .con1 .con_le .ewm{width: 92px;margin-top: 32px;}

.footer .con1 .con_re{width: calc(100% - 600px);} 

.footer .con1 .con_re .nav{display: flex;justify-content: space-between;}

.footer .con1 .con_re .nav a{color: #fff;}

.footer .con1 .con_re .nav a:hover{color: #4177b7;}  

.footer .con1 .con_re .nav .lv1{font-weight: bold;}

.footer .con1 .con_re .nav .lv1 s{display: block;width: 20px;height: 2px;background: #4177b7;margin-top: 20px;}

.footer .con1 .con_re .nav .lv2box{margin-top: 28px;}

.footer .con1 .con_re .nav .lv2{margin-bottom: 20px;}

.footer .con1 .con_re .nav .lv2:last-child{margin-bottom: 0;}

.footer .con2{padding: 31px 0 41px;}

.footer .con2 .box{display: flex;justify-content: space-between;}

.footer .con2 .con_le{color: rgba(255,255,255,0.5);line-height: 33px;}

.footer .con2 .con_le a{color: rgba(255,255,255,0.5);}

.footer .con2 .con_le a:hover{color: #4177b7;}

.footer .con2 .con_re{margin-right: 10.9375%;position: relative;}

.footer .con2 .con_re .c_top{position: relative;padding: 0 20px;line-height: 31px;width: 210px;color: rgba(255,255,255,0.5);border: 1px solid rgba(255,255,255,0.2);cursor: pointer;}

.footer .con2 .con_re .c_top span{position: absolute;right: 20px;top: 0;display: flex;align-items: center;height: 100%;}

.footer .con2 .con_re .c_bot{position: absolute;left: 0;bottom: 100%;width: 100%;border: 1px solid rgba(255,255,255,0.2);padding: 0 20px;display: none;background: rgba(255,255,255,0.1);}

.footer .con2 .con_re .c_bot .item{line-height: 20px;padding: 10px 0;}

.footer .con2 .con_re .c_bot .item a{color: rgba(255,255,255,0.5);}

.footer .con2 .con_re .c_bot .item a:hover{color: #4177b7;}
  
.mhead{display: none;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 20;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}

.mhead .menu{height: 50px;padding-left: 35px;background:url(../images/m1.png) center right no-repeat ;background-size: 30px;float: right;}

.mhead .logo{display: block;position: absolute;top: 0;left: 0;z-index: 3;}

.mhead .logo img{display: block;height: 30px;margin-top: 11px;}

.mhead .ss{display: block;width: 50px;height: 50px;float: right;background: url(../images/ss_m.png) center no-repeat;background-size: 20px;}

.mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

.mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index:25;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

/* .mnav .mbox .ul1{padding-top: 50px;} */

.mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav .mbox .ul1 li .ltop a{display: block;width: 100%;}

.mnav .mbox .ul1 li .ltop span{display: block;width: 30%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav .mbox .ul1 li .ltop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

.mnav .mbox .ul1 li .ltop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;}

.mnav .mbox .ul1 li .ltop span.act::before {opacity: 0;}

.mnav .mbox .ul1 li .lbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav .mbox .ul1 li .lbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

.mnav.act{left: 0;}

.mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

.mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 200;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.1) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}

.mnav2 .mbox .dl1 dd .dtop span{display: block;width: 100%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav2 .mbox .dl1 dd .dtop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

.mnav2 .mbox .dl1 dd .dtop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;}

.mnav2 .mbox .dl1 dd .dtop span.act::before {opacity: 0;}

.mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

.mnav2.act{left: 0;}

.mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

		.slideBox{ width:100%;  overflow:hidden; position:relative; border:1px solid #ddd;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%;  display:block;  }
.banner_pc .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 100%;
    background: url("../images/dian1.png") center center no-repeat;
    opacity: 1;
}
.banner_pc .swiper-pagination-bullet-active {
    opacity: 1;
    background: url("../images/dian2.png") center center no-repeat;
}
.youshi{
    padding: 0 0 102px 0;
}
.biaoti p:nth-child(1){
    font-size: 36px;
    color: #333333;
    font-weight: 600;
    line-height: 62px;
    padding-top: 86px;
    text-align: center;
}
.biaoti p:nth-child(1) text{
    color: #4177b7;
}
.biaoti p:nth-child(2){
    font-size: 16px;
    color: #aeacac;
    line-height: 28px;
    text-align: center;
    text-transform:uppercase;
    background: url("../images/biaoti1.png") center center no-repeat;
}
.youshi .neigong{
    padding-top: 62px;
}
.youshi .neigong .float_l{
    width: calc(16.666% - 64px);
    padding: 0 27px;
    height: 207px;
    position: relative;
    cursor: pointer;
    transition:all 0.3s ease-in-out;
	background:#f3f3f3;
	margin-right:10px;
	text-align:center;
	border-radius: 5%;
   /* background: url("../images/youshi1.png") center center no-repeat;*/
}
.youshi .neigong .float_l:hover {
    /*background: url("../images/youshi2.png") center center no-repeat;*/
background:#4177b7;
}
.youshi .neigong .float_l .text{
    font-size: 14px;
    color: #888888;
    line-height: 28px;
    transition:all 0.3s ease-in-out;
	text-transform:uppercase;
}
.youshi .neigong .float_l:hover .text{
    color: #fff;
}
.youshi .neigong .float_l .shu{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: -22px;
    left: 50%;
    background: #4177b7;
    margin-left: -30px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 30px;
    transition:all 0.3s ease-in-out;
}
.youshi .neigong .float_l:hover .shu{
    background: #4177b7;
}
.youshi .neigong .float_l .bt{
    font-size: 24px;
    color: #333333;
    line-height: 64px;
    text-align: center;
    padding-top: 52px;
    transition:all 0.3s ease-in-out;
}
.youshi .neigong .float_l:hover .bt{
    color: #fff;
}
.ind1 .con1{background: url(../images/ind1_bg.png) no-repeat center bottom;}
.box {
    max-width: 1600px;
    min-width: 1200px;
    width: 86%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
}
.t_cen{text-align: center;}
.more{display: flex;position: relative;width: 150px;height: 50px;align-items: center;border: 1px solid #fff;border-radius: 25px;}

.more .m_txt{position: relative;z-index: 2;line-height: 48px;color: #fff;margin: 0 23px 0 24px;}

.more .m_ico{position: relative;z-index: 2;}

.more .m_ico img:nth-child(1){opacity: 0;}

.more .m_ico img:nth-child(2){position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 1;}

.more s{position: absolute;top: -2px;left: -2px;width: calc(100% + 4px);height: calc(100% + 4px);background: #4177b7;z-index: 1;border-radius: 25px;transform: scale(0);}

.more:hover s{transform: scale(1);}

.more_green s{transform: scale(1);}

.more_green:hover s{transform: scale(0);}

.more2{border-color: #4177b7;}


.more2 .m_txt{color: #4177b7;}

.more2 .m_ico img:nth-child(1){opacity: 1;}

.more2 .m_ico img:nth-child(2){opacity: 0;}

.more2:hover .m_txt{color: #fff;}

.more2:hover .m_ico img:nth-child(1){opacity: 0;}

.more2:hover .m_ico img:nth-child(2){opacity: 1;}

.ind1 .con1 .t1{color: #4177b7;line-height: 33px;margin: 1em 0;}

.ind1 .con1 .t1 img:nth-child(1){display: inline-block;vertical-align: top;margin-right: 28px;}

.ind1 .con1 .t1 img:nth-child(2){display: inline-block;vertical-align: bottom;margin-left: 21px;}

.ind1 .con1 .t2{line-height: 2;}

.ind1 .con1 .more{margin: 42px auto 0;}

.ind1 .ul{display: flex;}

.ind1 .ul .li{position: relative;width: calc((100% - 6px)/3);margin-right: 3px;}

.ind1 .ul .li:last-child{margin-right: 0;}

.ind1 .ul .li .img{overflow: hidden;}

.ind1 .ul .li .img img{width: 100%;transition: all 0.5s;}

.ind1 .ul .li:hover .img img{transform: scale(1.1);}

.ind1 .ul .li .txt{position: absolute;top: 0;z-index: 2;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;}

.ind1 .ul .li .t1 sup{vertical-align: baseline;margin-left: 6px;}

.ind1 .ul .li:first-child .t1 sup{vertical-align: super;}

.ind1 .ul .li .t2{margin-top: 12px;}
.ind2 {
    background: #f7f7f7;
}
.ind2 .li_swh{margin-top: 20px;}

.li_swh{display: flex;position: relative;}

.li_swh .swh_le{display: flex;}

.li_swh .swh_le a{line-height: 22px;padding-bottom: 15px;position: relative;margin-right: 40px;}

.li_swh .swh_le a s{position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #4177b7;transform: scaleX(0);transform-origin: center;}

.li_swh .swh_le a:hover,
.li_swh .swh_le a.act{color: #4177b7;font-weight: bold;}

.li_swh .swh_le a:hover s,
.li_swh .swh_le a.act s{transform: scaleX(1);}

.li_swh .swh_re{position: absolute;right: 0;top: 0;line-height: 22px;}

.li_swh .swh_re a{color: #4177b7;display: none;}

.li_swh .swh_re a.act{display: flex;align-items: center;}

.li_swh .swh_re img{vertical-align: top;margin-left: 15px;display: inline-block;}

.li_swh .swh_re a:hover img{margin-left: 20px;}

.ind2 .li_con .item{display: none;}

.ind2 .li_con .item.act{display: block;}

.ind2 .ul{padding-top: 10px;display: flex;flex-wrap: wrap;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);opacity: 0;position: relative;top: 30px;}

.ind2 .li_con .item.act .ul.act{opacity: 1;top: 0;}

.ind2 .ul .li{margin: 30px 1.875% 0 0;}

.ind2 .li a{display: block;padding-bottom: 90px;position: relative;box-shadow: 0 0 20px rgba(26,22,22,0.15);background: #fff;overflow: hidden;}

.ind2 .li s{position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background: #4177b7;transform: scaleY(0);z-index: 5;transform-origin: bottom center;}

.ind2 .li .txt{position: absolute;left: 0;padding: 30px 5px 0;background: #fff;   }



.ind2 .ul .li1{width: 31.4%;}
 
.ind2 .ul .li2{width: 23.06%;}

.ind2 .li .img img{width: 100%;}

.ind2 .li.li1 .txt{bottom: 0;height: 180px;}

.ind2 .li.li2 .txt{bottom: -196px;height: 290px; transition:all 0.5s}

.ind2 .li .t1 span{line-height: 32px;    font-size: 24px}

.ind2 .li .t1 sub{color: #999;vertical-align: super;margin-left: 10px;}

.ind2 .li .t2{line-height: 36px;color: #222;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;font-size: 18px;
}

.ind2 .li .tline{margin: 25px 0 23px;height: 1px;background: #e3e3e3;}

.ind2 .li .t3{line-height: 24px;height: 48px;}
 

.ind2 .li.li2:hover .txt{bottom: 0;}

.ind2 .li:hover .t2{color: #4177b7;}

.ind2 .li:hover s{transform: scaleY(1);}

.ind2 .li.li1 .txt{padding-left: 130px;}

.ind2 .li.li1 .txt .t1{position: absolute;top: 77px;left: 40px;}

.ind2 .li.li1 .txt .t2{height: 36px;margin-top: 16px;}

.ind2 .li.li1 .txt .tline{position: absolute;left: 110px;width: 1px;height: 42px;background: #dcdcdc;margin: 0;top: 70px;}

.ind2 .li.li1 .txt .t3{margin-top: 20px;display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;}
.ind4{position: relative;}
.yd{display: none;}
.ind4 .img{position: relative;}

.ind4 .img s{position: absolute;top: 0;width: 100%;left: 0;height: 100%;background: #000;opacity: 0.4;}

.ind4 .img img{width: 100%;}

.ind4 .mk_tit{position: absolute;top: 12.32%;left: 0;width: 100%;color: #fff;z-index: 5;}

.ind4 .ul{position: absolute;z-index: 3;top: 0;width: 100%;left: 0;height: 100%;display: flex;}

.ind4 .ul .li{width: calc(75% / 7);position: relative;border-left: 1px solid rgba(255,255,255,0.3);}

.ind4 .ul .li:first-child{border: none;}

.ind4 .ul .li .imgs{position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;opacity: 0;}

.ind4 .ul .li .imgs img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

.ind4 .ul .li .txt{position: absolute;top: 0;left: 0;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;bottom: 44.23%;color: #fff;z-index: 3;}

.ind4 .ul .li .txt .t1{width: 54px;}

.ind4 .ul .li .txt .t2{width: 0;height: 1px;background: #fff;margin: 16px auto;}

.ind4 .ul .li .txt .more{visibility: hidden;pointer-events: none;opacity: 0;}

.ind4 .ul .li.act{width: 25%;transition:all 0.5s}

.ind4 .ul .li.act .imgs{opacity: 1;}

.ind4 .ul .li.act .txt{bottom: 12.44%;}

.ind4 .ul .li.act .txt .t1{width: 64px;}

.ind4 .ul .li.act .txt .t2{width: 30px;margin: 20px auto;}

.ind4 .ul .li.act .txt .more{margin-top: 40px;visibility: visible;pointer-events: visible;opacity: 1;}

.ind4 .ul .li.act{border-color: rgba(255,255,255,0);}

.ind4 .ul .li.act + .li{border-color: rgba(255,255,255,0);}
.about1{background: url(../images/about1_bg.jpg) no-repeat bottom center;background-size: cover;}

.about1 .con1{display: flex;justify-content: space-between;padding-bottom: 50px;border-bottom: 1px dashed #e2e2e2;align-items: flex-start;}
 
.about1 .con1 .con_le{width: 48.75%;padding-top: 72px;}

.about1 .con1 .con_le .t1{color: #4177b7;line-height: 33px;margin: 55px 0 50px;}

.about1 .con1 .con_le .t1 img:nth-child(1){display: inline-block;vertical-align: top;margin-right: 28px;}

.about1 .con1 .con_le .t1 img:nth-child(2){display: inline-block;vertical-align: bottom;margin-left: 21px;}

.about1 .con1 .con_le .t2{line-height: 36px;}

.about1 .con1 .con_re{width: 40.3125%;position: relative;}

.about1 .con1 .con_re .img{position: relative;z-index: 2;}

.about1 .con1 .con_re .img img{width: 100%;border-radius: 10px;}

.about1 .con1 .con_re s{position: absolute;height: 77.52%;width: 92.6%;background: #bbe2e5;border-radius: 10px;right: -16px;bottom: -16px;}

.about1 .con2{margin-top: 47px;display: flex;justify-content: space-between;align-items: center;}

.about1 .con2 .line{width: 1px;background: #80cbd1;opacity: 0.5;height: 108px;}

.about1 .con2 .item .inline{display: inline-block;position: relative;}

.about1 .con2 .item .inline span{line-height: 0.94em;color: #4177b7;text-shadow: 3px 5.2px 10px rgba(17,134,143,0.13);}

.about1 .con2 .item .inline p{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background: #fff;border: 1px solid #4177b7;border-radius: 50%;position: absolute;bottom: 8px;right: -15px;}

.about1 .con2 .item sub{vertical-align: top;margin-left: 10px;color: #4177b7;line-height: 18px;}

.about1 .con2 .item:last-child .inline p{right: -8px;}

.about1 .con2 .item .it_bot{margin-top: 22px;color: #4177b7;}

.about2{background-position: center;background-repeat: no-repeat;background-size: cover;}

.about2 .mk_tit{color: #fff;}

.about2 .mk_tit .en{opacity: 1;}

.about2 .ul{display: flex;margin-top: 16px;}

.about2 .ul .li{width: 33.333%;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;height: 500px;background: url(../images/about2_line.png) no-repeat right center;transition:all 0.5s;}
.about2 .ul .li .ss {transition:all 0.5s;}

.about2 .ul .li:last-child{background: none;}

.about2 .ul .li .ico{width: 120px;margin: 0 auto;border:1px solid rgba(255,255,255,0.2);border-radius: 50%;margin-bottom: 58px;}

.about2 .ul .li .tline{margin: 25px auto;width: 40px;height: 1px;background: rgba(255,255,255,0.3);}
.sou2{height:38px}
.about2 .ul .li:hover .ss{transform: translateY(-20px);}

.about5{background: url(../images/about5_bg.jpg) no-repeat top center;background-size: cover;}

.about5 .swiper-container{margin-top: 35px;padding: 40px 0;}

.about5 .swiper-slide a{cursor: auto;}

.about5 .swiper-slide .img{position: relative;box-shadow: -4.5px -1.5px 9.4px 0.6px rgba(0,0,0,0.05);}

.about5 .swiper-slide .img s{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;transform: scaleX(0);z-index: 1;background: #4177b7;}

.about5 .swiper-slide .img img{width: 100%;}

.about5 .swiper-slide .img:hover s{transform: scaleX(1);}
 @media (max-width:1030px) {
  .f_12{font-size: 12px;}
  .f_16{font-size: 14px;}
  .f_18{font-size: 16px;}
  .f_20{font-size: 16px;}
  .f_21{font-size: 16px;}
  .f_22{font-size: 16px;}
  .f_23{font-size: 16px;}
  .f_24{font-size: 16px;}
  .f_26{font-size: 16px;}
  .f_27{font-size: 18px;}
  .f_28{font-size: 18px;}
  .f_30{font-size: 18px;}
  .f_31{font-size: 20px;}
  .f_32{font-size: 20px;}
  .f_34{font-size: 20px;}
  .f_36{font-size: 20px;}
  .f_38{font-size: 20px;}
  .f_40{font-size: 22px;}
  .f_42{font-size: 22px;}
  .f_44{font-size: 22px;}
  .f_45{font-size: 22px;}
  .f_48{font-size: 24px;}
  .f_50{font-size: 24px;}
  .f_57{font-size: 24px;}
  .f_58{font-size: 24px;}
  .f_61{font-size: 26px;}
  .f_70{font-size: 28px;}

  .p_80_120{padding: 40px 0;}

  .p_80_0{padding: 40px 0 0;}

  .p_95_60{padding: 40px 0;}

  .p_100_0{padding: 40px 0 0;}

  .p_100{padding: 40px 0;}

  .p_100_120{padding: 40px 0;}

  .p_120{padding: 40px 0;}

  body{min-width: 200px;padding-top: 50px;}
  
	.box {
    width: 90% !important;
    min-width: 100px !important;
    padding: 0;
}

  .a_dw{top: -50px;}

  .jzgd{display: flex;}

  .header{display: none;}

  .wow{opacity: 1;}

  .mhead{display: block;}

  .pc{display: none;}

  .yd{display: block;}

  .sbxh{display: none;}

  .ind_ban .txt{left: 5%;bottom: 30%;}

  .more{height: 36px;width: 120px;justify-content: center;}

  .more .m_txt{line-height: 34px;margin: 0 10px 0 0;font-size: 14px;}

  .sbtn_fy{left: 50%;bottom: 10%;transform: translateX(-50%);}

  .ind1 .con1 .t1 img:nth-child(1){margin-right: 15px;}

  .ind1 .con1 .t1 img:nth-child(2){margin-left: 10px;}

  .footer .con1 .con_re{display: none;}

  .ind1 .con1 .t2{text-align: left;}

  .ind1 .con1 .more{margin: 20px auto 0;}

  .ind1 .ul{flex-wrap: wrap;}

  .ind1 .ul .li{width: 100%;margin: 0 0 10px 0;}

  .ind1 .ul .li:last-child{margin-bottom: 0;}

  .li_swh .swh_le a{padding-bottom: 10px;}

  .li_swh .swh_re{display: none;}

  .ind2 .ul{padding-top: 0;}

  .ind2 .ul .li{margin: 20px 0 0;width: 100%;}

  .ind2 .li a{padding-bottom: 0;}

  .ind2 .li .txt{position: relative;padding: 20px;}

  .ind2 .li.li1 .txt{padding-left: 20px;height: auto;}

  .ind2 .li.li1 .txt .t1{position: relative;left: 0;top: 0;}

  .ind2 .li .t1 sub{vertical-align: baseline;}
  
  .ind2 .li.li1 .txt .t2{margin-top: 5px;height: auto;}

  .ind2 .li.li1 .txt .tline{display: none;}

  .ind2 .li.li1 .txt .t3{margin-top: 10px;}

  .ind2 .li.li2 .txt{bottom: 0;height: auto;}

  .ind2 .li .t2{height: auto;margin-top: 5px;max-height: 48px;line-height: 24px;}

  .ind2 .li .t3{margin-top: 10px;display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;}

  .ind2 .li .tline{display: none;}

  .mk_tit .en{margin-top: 15px;}

  .ind3 .switch .swiper-slide{padding: 30px 0 9px;}

  .ind3 .con2 .ss .txt{left: 0;}

  .ind3 .con2 .ss .txt .t_le{width: 48%;}

  .ind3 .con2 .ss .txt .t_re{width: 50%;}

  .ind4 .ul{overflow-x: scroll;}

  .ind4 .ul .li,
  .ind4 .ul .li.act{width: 75%;min-width: 75%;border: none;}

  .ind4 .ul .li .imgs,
  .ind4 .ul .li.act .imgs{opacity: 1;}
  
  .ind4 .ul .li .txt,
  .ind4 .ul .li.act .txt{bottom: 8%;}
  
  .ind4 .ul .li .txt .t1,
  .ind4 .ul .li.act .txt .t1{width: 50px;}
  
  .ind4 .ul .li .txt .t2,
  .ind4 .ul .li.act .txt .t2{width: 30px;margin: 10px auto;}
  
  .ind4 .ul .li .txt .more,
  .ind4 .ul .li.act .txt .more{margin-top: 20px;visibility: visible;pointer-events: visible;opacity: 1;}

  .ind5 .map .img{display: none;}

  .ind5 .ul{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;padding: 20px 10% 0;}

  .ind5 .li{position: relative;left: 0 !important;top: 0 !important;right: 0 !important;bottom: 0 !important;width: 120px;margin: 15px 0;text-align: center;}

  .ind5 .li .ss{width: 100%;height: 120px;}

  .ind5 .li.li1 .ss{width: 100%;height: 120px;}

  .ind5 .li.li2 .ss{width: 100%;height: 120px;}

  .ind5 .more{margin-top: 20px;}

  .footer .con2 .con_re{display: none;}

  .footer .con2{padding: 25px 0;}

  .footer .con1 .con_le .ul .li:first-child{margin-bottom: 10px;}

  .footer .con1 .con_le .ul .li{margin-bottom: 10px;}

  .footer .con1 .con_le .ul{margin-top: 30px;}

  .about1 .con1{display: block;padding-bottom: 50px;}

  .about1 .con1 .con_le{width: 100%;padding-top: 0;text-align: center;}

  .about1 .con1 .con_le .t1{margin: 20px 0;}

  .about1 .con1 .con_le .t1 img:nth-child(1){margin-right: 15px;}

  .about1 .con1 .con_le .t1 img:nth-child(2){margin-left: 10px;}

  .about1 .con1 .con_le .t2{line-height: 30px;}

  .about1 .con1 .con_re{width: 100%;margin-top: 20px;}

  .about1 .con2{margin-top: 0;flex-wrap: wrap;}

  .about1 .con2 .item{width: 50%;text-align: center;margin-top: 20px;}

  .about1 .con2 .line{display: none;}

  .about1 .con2 .item .it_bot{margin-top: 0;}

  .about1 .con2 .item .inline span{line-height: 50px;}

  .about1 .con2 .item .inline p{width: 20px;height: 20px;}

  .about1 .con2 .item .inline p img{max-width: 50%;}

  .about2 .ul .li{height: auto;width: 100%;background: none;margin-top: 30px;}

  .about2 .ul{flex-wrap: wrap;margin-top: 0;}

  .about2 .ul .li .ico{width: 80px;margin-bottom: 20px;}

  .about2 .ul .li .tline{margin: 10px auto;}

  .about3 .con1{margin-top: 30px;}

  .about3 .con1 .li .ss{flex-wrap: wrap;}

  .about3 .con1 .li .li_le{width: 100%;}

  .about3 .con1 .li .li_re{width: 100%;padding: 30px 20px;}

  .about3 .con1 .li_re .tline{margin: 20px 0;}

  .about3 .con1 .li_re p{margin-bottom: 10px;}

  .about3 .con1 .li_re .txt{max-height: 172px;}

  .about3 .con2{margin-top: 30px;}

  .about3 .con2 .swiper-container{width: 100%;}

  .about3 .con2::before{width: 100%;left: 0;}

  .about3 .con2 .swp_line_btn{display: none;}

  .about4 .con2{padding-left: 5%;}

  .about4{background-size: cover;}

  .about4 .con2 .swiper-slide .ss{padding: 20px 10px 10px;}

  .about5 .swiper-container{margin-top: 0;}

  .about4 .con3{display: none;}

  .about5 .swp_line_btn{display: none;}

  .about4 .con2 .swiper-container{padding-bottom: 10px;}

  .about5 .swiper-container{padding-bottom: 10px;}

  .fy{display: none;}

  .header_place{display: none;}

  .mbnav{align-items: flex-start;padding: 20px 0;}

  .mbnav .line{margin-right: 10px;}

  .mbnav span{margin: 4px 5px 0;width: 9px;min-width: 9px;}
  .headej .ul2{display: flex;justify-content: space-between;overflow-x: auto;padding: 20px 0 35px;}

.headej .ul2 .li{min-width: 130px;margin-right: 20px;}

.headej .ul2 .li:last-child{margin-right: 0;min-width: 120px;}

.headej .ul2 .li .dt{margin: 12px 0 15px;line-height: 30px;}

.headej .ul2 .li .dt a{color: #212121;}

.headej .ul2 .li .dt a:hover{color: #00aac6;}

.headej .ul2 .li .dd{margin-top: 10px;line-height: 26px;}

.headej .ul2 .li .dd a{color: #4b4b4b;}

.headej .ul2 .li .dd a:hover{color: #00aac6;}
.ind1 .ul .li {
    width: 50%; 
    margin: 0 0 10px 0;
}
.center{width:100% !important;    min-width: 100%;}
.footer .con1 .con_le {
    width: 100%;
}
.ft_logo img{width:100%}
.index_product{padding-top:0 !important}
.banner_pc {display:block }
.banner_pc2 {display:none !important}
.mhead .logo img {
    display: block;
    height: 40px;
    margin-top: 5px;
}
.banner_pc {
     margin-top: 0;
}
 }
.index_product{
    background: #f6f6f6;
}
.index_product .fenlei{
    padding: 40px 0;
}
.index_product .fenlei a{
    display: block;
    width: 165px;
    height: 60px;
    background: #ffffff;
    font-size: 16px;
    color: #333333;
    margin: 0 5px 10px 5px;
    text-align: center;
    line-height: 60px;
    transition:all 0.3s ease-in-out;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.cur{
    background: #4177b7 !important;
    color: #fff !important;
}
.index_product .fenlei a:hover{
    color: #fff;
    background: #4177b7;
}
.index_product .swiper-slide a{
    width: calc(25% - 20px);
    margin: 0 10px;
    background: #fff;
    display: block; margin-bottom:20px
}
.index_product .swiper-slide a img{
    width: 100%; 
}
.index_product .swiper-slide a .text{
    width: calc(100% - 80px);
    margin: auto;
    padding-bottom: 18px;
}
.index_product .swiper-slide a .text p:nth-child(1){
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 30px;
    height: 30px;
    padding-top: 14px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.index_product .swiper-slide a .text p:nth-child(2){
    font-size: 14px;
    color: #888888;
    text-align: center;
    line-height: 28px;
    height: 28px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.index_product .swiper-slide{
    padding-bottom: 60px;
}
.index_product{
    padding-top: 70px; 
}
.index_product .swiper-pagination-bullet{
    width: 60px;
    height: 6px;
    display: inline-block;
    border-radius: 0;
    background: #4177b7;
    opacity: 1;
    margin: 0 9px;
}
.index_product .swiper-pagination-bullet-active {
    background: #4177b7;
}
.index_product .swiper-button-prev-product{
    width: 35px;
    height: 36px;
    top: auto;
    bottom: 240px;
    margin-left: -19px;
    transition:all 0.3s ease-in-out;
    background: url("../images/product_l1.png") center center no-repeat;
}
.index_product .swiper-button-prev-product:hover{
    background: url("../images/product_l2.png") center center no-repeat;
}
.index_product .swiper-button-next-product{
    width: 35px;
    height: 36px;
    top: auto;
    bottom: 240px;
    margin-right: -19px;
    transition:all 0.3s ease-in-out;
    background: url("../images/product_r1.png") center center no-repeat;
}
.index_product .swiper-button-next-product:hover{
    background: url("../images/product_r2.png") center center no-repeat;
}
.index_product .center{
    position: relative;
}
.page_img1{
    width: 100%;
    height: 284px;
    background: url("../images/page_img1.png") center center no-repeat;
}
.reason{
    height: 929px;
    background: #f3f3f3;
}
.reason .biaoti{
    height: 341px;
    background: url("../images/reason.png") top center no-repeat;
}
.reason .biaoti p:nth-child(1) {
    font-size: 40px;
    color: #fff;
}
.reason .biaoti p:nth-child(1) text{
    font-size: 40px;
    color: #fdde0f;
}
.reason .biaoti p:nth-child(2) {
    color: #fff;
    background: url("../images/biaoti2.png") center center no-repeat;
}
.reason .preview{
    width: 100%;
    height: 234px;
    background: #ffffff;
    position: relative;
    margin-top: -118px;
}
.reason .preview .swiper-slide{
    width: calc(25% - 1px);
    height: 234px;
    cursor: pointer;
    position: relative;
    border-left: solid 1px #eeeeee;
}
.reason .preview .swiper-slide .h6{
    font-size: 24px;
    color: #333333;
    line-height: 47px;
    padding-top: 61px;
    text-align: center;
}
.reason .preview .swiper-slide p{
    font-size: 16px;
    color: #888888;
    line-height: 29px;
    text-align: center;
}
.reason .preview .swiper-slide .xian{
    width: 26px;
    height: 1px;
    background: #c9c9c9;
    margin: auto;
    margin-top: 42px;
    opacity: 1;
    /* transition:all 0.3s ease-in-out; */
}
.reason .preview .swiper-slide:hover .xian{
    opacity: 0;
}
.reason .preview .swiper-slide .img{
    position: absolute;
    top: 162px;
    left: 50%;
    margin-left: -14px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    opacity: 0;
    transition:all 0.3s ease-in-out;
    background: url("../images/reason_icon.png") center center no-repeat;
}
.reason .preview .swiper-slide:hover .img{
    opacity: 1;
}
.reason .preview .active-nav .img{
    opacity: 1;
}
.reason .preview .active-nav .xian{
    opacity: 0;
}
.reason .view .swiper-slide{
    padding: 0 87px;
    width: calc(100% - 174px) !important;
}
.reason .view .right{
    width: 558px;
    height: 234px;
    margin-top: 88px;
    position: relative;
}
.reason .view .right .view_icon{
    position: absolute;
    top: -7px;
    right: 30px;
}
.reason .view .left{
    width: 570px;
    padding-top: 15px;
}
.reason .view .left .shi .zi{
    font-size: 66px;
    color: #4177b7;
    line-height: 116px;
    font-weight: 600;
}
.reason .view .left .shi .xian{
    width: 35px;
    height: 2px;
    margin-top: 68px;
    background: #4177b7;
}
.reason .view .left .bt{
    font-size: 18px;
    color: #888888;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    margin-bottom: 16px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.reason .view .left .bt text{
    font-size: 36px;
    color: #333333;
    font-weight: 600;
    text-transform:uppercase;
}
.reason .view .left .text{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: justify;
}
.reason .swiper-pagination-reason{
    text-align: center;
    margin-top: 64px;
}
.reason .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: url("../images/reason_dian1.png") center center no-repeat;
    opacity: 1;
}
.reason .swiper-pagination-bullet-active {
    opacity: 1;
    background: url("../images/reason_dian2.png") center center no-repeat;
}
.view .arrow-left{
    background: url("../images/reason_l1.png") no-repeat center center;
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 6px;
    height: 11px;
    z-index: 10;
    margin-left: -73px;
    transition:all 0.3s ease-in-out;
}
.view .arrow-left:hover{
    background: url("../images/reason_l2.png") no-repeat center center;
}
.view .arrow-right{
    background: url("../images/reason_r1.png") no-repeat center center;
    position: absolute;
    right: 50%;
    bottom: 4px;
    width: 6px;
    height: 11px;
    z-index: 10;
    margin-right: -73px;
    transition:all 0.3s ease-in-out;
}
.view .arrow-right:hover{
    background: url("../images/reason_r2.png") no-repeat center center;
}
.index_case{
   
}
.index_case .biaoti p:nth-child(2){
    background: none;
}
.index_case .case_nav{
    height: 1px;
    width: 100%;
    background: #dfdfdf;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 93px;
}   
.index_case .case_nav a{
    display: inline-block;
    width: 158px;
    line-height: 25px;
    padding-top: 37px;
    margin-top: -8px;
    font-size: 16px;
    color: #333333;
    transition:all 0.3s ease-in-out;
    background: url("../images/case_nav_icon1.png") center top no-repeat;
}
.index_case .case_nav .xuanzhong{
    font-size: 16px;
    color: #4177b7;
    font-weight: 600;
    background: url("../images/case_nav_icon2.png") center top no-repeat;
}
.index_case .case_nav a:hover{
    font-size: 16px;
    color: #4177b7;
    font-weight: 600;
    background: url("../images/case_nav_icon2.png") center top no-repeat;
}
.index_case .swiper-container-case{
    padding-bottom: 60px;
}
.index_case .swiper-container-case .swiper-slide .float_l{
    width: calc(25% - 20px);
    margin: 0 10px;
    cursor: pointer;
    display: block;
}
.index_case .swiper-container-case .swiper-slide .float_l img{
    width: 100%;
}
.index_case .swiper-container-case .swiper-slide .float_l .text{
    height: 82px;
    padding: 0 10%;
    width: 80%;
    text-align: center;
    transition:all 0.3s ease-in-out;
}
.index_case .swiper-container-case .swiper-slide .float_l:hover .text{
    background: #4177b7;
}
.index_case .swiper-container-case .swiper-slide .float_l .text .name{
    font-size: 18px;
    color: #333333;
    line-height: 36px;
    padding-top: 6px;
    transition:all 0.3s ease-in-out;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.index_case .swiper-container-case .swiper-slide .float_l:hover .text .name{
    color: #fff;
}
.index_case .swiper-container-case .swiper-slide .float_l .text .p{
    line-height: 22px;
    font-size: 14px;
    color: #888888;
    transition:all 0.3s ease-in-out;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.index_case .swiper-container-case .swiper-slide .float_l:hover .text .p{
    color: #fff;
}
.index_case .swiper-pagination-bullet {
    width: 60px;
    height: 6px;
    display: inline-block;
    border-radius: 0;
    background: #4177b7;
    opacity: 1;
}
.index_case .swiper-pagination-bullet-active {
    background: #4177b7;
}
.index_about{
    padding-bottom: 100px;
    background: url("../images/index_about.jpg") center center no-repeat;
}
.index_about .label_page{
    position: relative;
}
.index_about .label_page .label_page_each .about_text{
    width: calc(100% - 750px);
}
.index_about .label_page .label_page_each .about_text .bt{
    font-size: 26px;
    color: #333333;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 24px;
}
.index_about .label_page .label_page_each .about_text .p{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6;
}
.index_about .label_page .label_page_each .about_text .xiangqing{
    display: block;
    width: 185px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    font-size: 16px;
    color: #333333;
    border: solid 1px #d9dada;
    margin-top: 32px;
    transition:all 0.3s ease-in-out;
}
.index_about .label_page .label_page_each .about_text .xiangqing:hover{
    color: #4177b7;
    border: solid 1px #4177b7;
}
.index_about .label_page .label_page_each .about_img{
    position: relative;
    width: 663px;
    height: 419px;
}
.index_about .label_page .label_page_each .about_img .about_icon{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}
.index_about .label_page .label_page_each{
    padding-top: 82px;
}
.index_about .biaoti p:nth-child(1){
    padding-top: 70px;
}
.index_about .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: url("../images/index_about1.png") center center no-repeat;
    opacity: 1;
}
.index_about .swiper-pagination-bullet-active {
    opacity: 1;
    background: url("../images/index_about2.png") center center no-repeat;
}
.index_about .swiper-pagination{
    text-align: right;
}
.index_about .label_page .label_nav{
    position: absolute;
    bottom: 0;
    left: 0;
}
.index_about .label_page h4{
    width: 240px;
    height: 69px;
    font-size:20px;
    color: #ffffff;
    text-align: center;
    line-height: 69px;
    background: #4177b7;
    margin-right: 5px;
    cursor: pointer;
    transition:all 0.3s ease-in-out;
}
.index_about .label_page h4:hover{
    background: #4177b7;
}
.index_about .label_page .on{
    background: #4177b7;
}
.shuzi_gd{
    height: 234px;
    text-align: center;
    background: url("../images/shuzi_gd.jpg") center center no-repeat;
}
.shuzi_gd .float_l{
    width: calc(25% - 1px);
    height: 97px;
    margin-top: 74px;
    border-right: solid 1px #eeeeee;
}
.shuzi_gd .float_l:nth-child(1){
    width: calc(25% - 2px);
    border-left: solid 1px #eeeeee;
}
.shuzi_gd .float_l .counter{
    display: inline-table;
    font-size:60px;
    color: #ffffff;
    line-height: 53px;
    padding: 0 35px;
    margin-bottom: 18px;
}
.shuzi_gd .float_l p{
    font-size: 16px;
    color: #ffffff;
}
.shuzi_gd .float_l:nth-child(1) .counter{
    background: url("../images/counter1.png") right top no-repeat;
}
.shuzi_gd .float_l:nth-child(2) .counter{
    background: url("../images/counter2.png") right top no-repeat;
}
.shuzi_gd .float_l:nth-child(3) .counter{
    background: url("../images/counter3.png") right top no-repeat;
}
.shuzi_gd .float_l:nth-child(4) .counter{
    background: url("../images/counter4.png") right top no-repeat;
}
.index_news{
    padding-bottom: 60px;
	    background: #f6f6f6;
}
.index_news .more{
    display: block;
    width: 185px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    margin: auto;
    font-size: 16px;
    color: #333333;
    border: solid 1px #dfdfdf;
    transition:all 0.3s ease-in-out;
}
.index_news .more:hover{
    color: #4177b7;
    border: solid 1px #4177b7;
}
.index_news .news_l{
    width: calc(50% - 36px);
}
.index_news .news_r{
    width: calc(50% - 36px);
}
.index_news .news{
    padding: 58px 0 50px 0;
}
.index_news .news_l .first{
    display: block;
    border-bottom: dashed 1px #bbbbbb;
}
.index_news .news_l .first .img{
    overflow: hidden;
}
.index_news .news_l .first .img img{
    width: 100%;
    height: 262px;
    transition:all 0.3s ease-in-out;
}
.index_news .news_l .first:hover .img img{
    transform: scale(1.1);
}
.index_news .news_l .first .jianjie{
    padding: 18px 0 26px 0;
}
.index_news .news_l .first .jianjie .xian{
    width: 15px;
    height: 2px;
    background: #4177b7;
    margin-top: 42px;
    margin-left: 6px;
    margin-right: 5px;
}
.index_news .news_l .first .jianjie .text{
    width: calc(100% - 36px);
}
.index_news .news_l .first .jianjie .text .biaoti .bt{
    font-size: 16px;
    color: #333333;
    line-height: 46px;
    width: calc(100% - 130px);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    transition:all 0.3s ease-in-out;
}
.index_news .news_l .first:hover .jianjie .text .biaoti .bt{
    color: #4177b7;
}
.index_news .news_l .first .jianjie .text .biaoti .sj{
    font-size: 16px;
    color: #333333;
    line-height: 46px;
}
.index_news .news_l .first .jianjie .text .biaoti .xq{
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    text-align: justify;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.index_news .news_l .list_news .each .border{
    width: 15px;
    height: 2px;
    background: #4177b7;
    margin-top: 20px;
    margin-left: 6px;
    margin-right: 8px;
}
.index_news .news_l .list_news .each .p{
    font-size: 16px;
    color: #333333;
    line-height: 38px;
    width: calc(100% - 130px);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    transition:all 0.3s ease-in-out;
}
.index_news .news_l .list_news .each:hover .p{
    color: #4177b7;
}
.index_news .news_l .list_news .each .shijian{
    font-size: 16px;
    color: #333333;
    line-height: 38px;
}
.index_news .news_l .list_news{
    padding: 16px 0;
}
.index_news .news_r .each{
    display: block;
    padding: 28px 0;
    border-bottom: dashed 1px #bbbbbb;
}
.index_news .news_r .each:nth-child(1){
    padding-top: 0;
}
.index_news .news_r .each .img{
    overflow: hidden;
}
.index_news .news_r .each img{
    width: 194px;
    transition:all 0.3s ease-in-out;
}
.index_news .news_r .each:hover img{
    transform: scale(1.1);
}
.index_news .news_r .each .text{
    width: calc(100% - 220px);
    margin-left: 25px;
    padding-top: 10px;
}
.index_news .news_r .each .text .bt{
    width: calc(100% - 110px);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    font-size: 16px;
    color: #333333;
    line-height: 46px;
    height: 46px;
    transition:all 0.3s ease-in-out;
}
.index_news .news_r .each:hover .text .bt{
    color: #4177b7;
}
.index_news .news_r .each .text .rq{
    font-size: 16px;
    color: #333333;
    line-height: 46px;
}
.index_news .news_r .each .text .p{
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.banner_pc .banner_img_ny{
    height: 350px;
}
.neiye .sousuo{
    position: relative;
    z-index: 2;
    box-shadow: 0px 6px 12.09px 0.91px rgba(0, 0, 0, 0.03);
	line-height:43px;
}
.renmen a{margin:0 5px;color:#ff9900}
.position{
    background: #f6f6f6;
}
.position .bt{
    padding-top: 44px;
}
.position .bt .float_l{
    font-size: 30px;
    color: #333333;
    line-height: 52px;
    font-weight: 600;
}
.position .bt .float_r{
    font-size: 16px;
    color: #888888;
    line-height: 52px;
    padding-left: 30px;
    background: url("../images/neiye_icon1.png") top 15px left no-repeat;
}
.position .p{
    line-height: 34px;
    font-size: 16px;
    color: #888888;
    background: url("../images/neiye_icon2.png") center left 238px no-repeat;
}
.index_product .fenlei {
    padding-top: 34px;
    margin-bottom: 0;
}
.neiye .index_product .swiper-slide a{
    margin-bottom: 23px;
}
.fanye{
    text-align: center;
}
.fanye .pagebar{
    display: inline-flex;
}
.fanye .pagebar a{
    display: block;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    background: #fff;
    margin: 0 4px;
    font-size: 16px;
    color: #333333;
    transition:all 0.3s ease-in-out;
}
.fanye .pagebar a:hover{
    color: #fff;
    background: #4177b7;
}
.fanye .pagebar .xuanzhong{
    color: #fff;
    background: #4177b7;
}
.neiye .index_product {
    /* padding-bottom: 78px; */
}
.neiye .index_product .swiper-slide {
    padding-bottom: 40px;
}
.white_bj{
    background: #f6f6f6;
}
.white_bj .position {
    background: #f6f6f6;
}
.list_show_html .sousuo{
    box-shadow: none
}
.white_bj .single_html .bt{
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight: 600;
    line-height: 66px;
    padding-top: 56px;
    margin-bottom: 26px;
}
.white_bj .single_html .text{
    padding-bottom: 135px;
}
.white_bj .single_html .text p{
    font-size: 16px;
    color: #333333;
    text-indent: 2rem;
    line-height: 36px;
    text-align: justify;
}
.white_bj .single_html .text img{
    width: 100%;
    display: block;
    margin: 30px 0;
}
.single_html {padding-bottom:80px; }

.single_html .center{
	line-height:42px;
	font-size:16px;
	
	
	}

.list_show_html .left{
    width: calc(100% - 430px);
}
.list_show_html .position .center{
    width: auto;
}
.list_show_html .list_show .bt{
    padding-top: 46px;
    padding-bottom: 10px;
    text-align: center;
}
.list_show_html .list_show .bt .p{
    font-size: 30px;
    color: #333333;
    line-height: 64px;
	font-weight:bold
}
.list_show_html .list_show .bt .pagebar{
    display: inline-flex;
}
.list_show_html .list_show .bt .pagebar div{
    font-size: 14px;
    color: #888888;
    line-height: 44px;
    margin: 0 16px;
}
.list_show_html .list_show .text{
    border-top: dashed 1px #dedfdf;
    border-bottom: solid 1px #dedfdf;
    padding-top: 25px;
    padding-bottom: 50px;
}
.list_show_html .list_show .text p{
    font-size: 15px;
    color: #333333;
    line-height: 36px;
    text-align: justify;
}
.list_show_html .list_show .text img{
    width: 100%;
    display: block;
    margin: 30px 0;
}
.list_show_html .list_show .diehaun{
    padding-bottom: 66px;
}
.list_show_html .list_show .diehaun a{
    display: block;
    width: calc(45% - 75px);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    height: 82px;
    line-height: 82px;
    font-size: 16px;
    color: #333333;
}
.list_show_html .list_show .diehaun .float_l{
    padding-left: 75px;
    background: url("../images/list_l.jpg") left 22px center no-repeat;
}
.list_show_html .list_show .diehaun .float_r{
    padding-right: 75px;
    text-align: right;
    background: url("../images/list_r.jpg") right 22px center no-repeat;
}
.list_show_html .right_nav{
    width: 276px;
    padding-top: 20px;
    padding-bottom: 86px;
}
.list_show_html .right_nav .title_r{
    font-size: 18px;
    color: #333333;
    line-height: 47px;
    padding-top: 26px;
    padding-left: 12px;
}
.list_show_html .right_nav .list_r a{
    display: block;
    width: calc(100% - 42px);
    padding: 0 20px;
    border: solid 1px #dedfdf;
    height: 54px;
    line-height: 54px;
    border-top: none;
    text-align: center;
    font-size: 16px;
    color: #333333;
    background: #fff;
    transition:all 0.3s ease-in-out;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.list_show_html .right_nav .list_r a:hover{
    color: #fff;
    background: #4177b7;
    border: solid 1px #4177b7;
    border-top: none;
}
.list_show_html .right_nav .list_r a:nth-child(1){
    border-top: solid 1px #dedfdf;
}
.list_show_html .right_nav .list_r a:nth-child(1):hover{
    border-top: solid 1px #4177b7;
}
.list_show_html .right_nav .list_p{
    border: solid 1px #dedfdf;
    padding: 20px 0 30px;
	background:#fff;
}
.list_show_html .right_nav .list_p p{
    width: calc(100% - 42px);
    padding: 0 20px;
    line-height: 30px;
    font-size: 14px;
    color: #333333;
    background: #fff;
}
.list_show_html .right_nav .list_r2 a{
    display: block;
    width: calc(100% - 42px);
    padding: 12px 20px;
    border: solid 1px #dedfdf;
    line-height: 32px;
    border-top: none;
    font-size: 14px;
    color: #333333;
    background: #fff;
    transition:all 0.3s ease-in-out;
}
.list_show_html .right_nav .list_r2 a:hover{
    color: #fff;
    background: #4177b7;
    border: solid 1px #4177b7;
    border-top: none;
}
.list_show_html .right_nav .list_r2 a:nth-child(1){
    border-top: solid 1px #dedfdf;
}
.list_show_html .right_nav .list_r2 a:nth-child(1):hover{
    border-top: solid 1px #4177b7;
}
.show_html .position .center{
    width: 1400px;
}
.product_show{
    padding-bottom: 82px;
    background: #f6f6f6;
    padding-top: 45px;
}

.product_show .pc-slide .view{
    width: 450px;
}
.product_show .view .swiper-container {
    width: 450px;
    height: 537px;
}
.product_show .view .swiper-container img{
    width: 450px;
    height: 537px;
}
.product_show .preview{
    width: calc(100% - 544px);
    position: relative;
}
.product_show .preview .product_text .title .name{
    font-size: 30px;
    color: #333333;
    line-height: 66px;
    height: 66px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.product_show .preview .product_text .title .time{
    font-size: 14px;
    color: #888888;
    line-height: 36px;
    height: 36px;
    padding-bottom: 15px;
    border-bottom: solid 1px #eeeeee;
}
.product_show .preview .product_text .title .time span{
    margin: 0 30px;
}
.product_show .preview .product_text .text{
    font-size: 14px;
    color: #333333;
/*     line-height: 36px; */
    padding: 16px 5px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.product_show .preview .bt{
    font-size: 18px;
    color: #333333;
    line-height: 66px;
    margin-top: 35px;
}
.product_show .preview .swiper-container {
    width: calc(100% - 236px);
    margin-left: 0;
}
.product_show .preview .swiper-slide {
    width: 172px;
    height: 172px;
    cursor:pointer;
    margin-right: 8px;
}
.product_show .preview .swiper-slide img{
    width: 172px;
    height: 172px;
}
.product_show .preview .arrow-left{
    position: absolute;
    right: 22px;
    bottom: 117px;
    width: 177px;
    height: 55px;
    z-index: 10;
    text-align: center;
    background: #4177b7;
    font-size: 16px;
    color: #ffffff;
    line-height: 55px;
    transition:all 0.3s ease-in-out;
}
.product_show .preview .arrow-left:hover{
    color: #fff;
    background: #fda30f;
}
.product_show .preview .arrow-right{
    position: absolute;
    right: 22px;
    bottom: 52px;
    width: 177px;
    height: 55px;
    z-index: 10;
    text-align: center;
    background: #4177b7;
    font-size: 16px;
    color: #ffffff;
    line-height: 55px;
    transition:all 0.3s ease-in-out;
}
.product_show .preview .arrow-right:hover{
    color: #fff;
    background: #fda30f;
}
.show_html .xiangqing{
    width: 276px;
    height: 52px;
    font-size:16px;
    color: #ffffff;
    text-align: center;
    line-height: 52px;
    background: #4177b7;
    margin-top: 40px;
}
.show_html .text{
    border-top: solid 1px #dedfdf !important;
}
.news_list{
    padding-bottom: 40px;
}
.news_list a{
    display: block;
    width: calc(50% - 79px);
    padding: 0 32px;
    margin-right: 30px;
    background: #fff;
    margin-top: 28px;
}
.news_list a:nth-child(2n){
    margin-right: 0;
}
.news_list a .bt{
    padding-top: 10px;
}
.news_list a .bt .p{
    font-size: 18px;
    color: #333333;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    max-width: calc(100% - 40px);
    height: 48px;
    line-height: 48px;
}
.news_list a .bt .border{
    height: 3px;
    width: 0px;
    background: #e6a001;
    margin-top: 22px;
    margin-right: 0px;
    transition:all 0.3s ease-in-out;
}
.news_list a:hover .bt .border{
    width: 17px;
    margin-right: 12px;
}
.news_list a .text{
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-top: 7px;
}
.news_list a .time .float_l{
    font-size: 14px;
    color: #888888;
    line-height: 36px;
    height: 36px;
    margin-right: 20px;
    padding-left: 26px;
}
.news_list a .time .float_l:nth-child(1){
    background: url("../images/news_icon3.png") center left 3px no-repeat;
}
.news_list a .time .float_l:nth-child(2){
    background: url("../images/news_icon4.png") center left 3px no-repeat;
}
.news_list a .button_xq{
    line-height: 88px;
    height: 88px;
    font-size: 16px;
    color: #333333;
    width: 123px;
    background: url("../images/news_icon1.png") center right no-repeat;
    transition:all 0.4s ease-in-out;
}
.news_list a:hover .button_xq{
    margin-left: calc(100% - 123px);
    color: #00479d;
    background: url("../images/news_icon2.png") center right no-repeat;
}
.box_shadow .sousuo{
    box-shadow: none
}
.contact_html{
    padding-top: 52px;
}
.contact_html .contact_title{
    font-weight: 600;
    font-size: 30px;
    color: #333333;
    line-height: 64px;
    text-align: center;
}
.contact_html .contact_text{
    font-size: 18px;
    color: #333;
    line-height: 40px;
    text-align: center;
    width: 1200px;
    margin: auto;
}
.contact_html .contact_icon{
    width: 1070px;
    margin: auto;
    padding: 62px 0 56px;
}
.contact_html .contact_icon .icon{
    width: 160px;
    margin: 0 27px;
}
.contact_html .contact_icon .icon img{
    display: block;
    margin: auto;
}
.contact_html .contact_icon .icon p:nth-child(2){
    font-size:16px;
    color: #000000;
    text-align: center;
    line-height: 35px;
    padding-top: 15px;
}
.contact_html .contact_icon .icon p:nth-child(3){
    font-size:16px;
    color: #000000;
    text-align: center;
    line-height: 21px;
}
.contact_html .message .bt{
    font-size: 30px;
    color: #333333;
    line-height: 140px;
    font-weight: 600;
    text-align: center;;
}
.contact_html .message .input input{
    width: calc(33.333% - 82px);
    display: block;
    border: solid 1px #d7d7d7;
    padding: 0 30px;
    height: 49px;
    line-height: 59px;
    margin-right: 30px;
    margin-bottom: 29px;
    border-radius: 5px;
    font-size: 16px;
    color: #999999;
}
.contact_html .message .input input:nth-child(3n){
    margin-right: 0px;
}
.contact_html .message .input input::-webkit-input-placeholder{
    color:#999999;
}
.contact_html .message .input input::-moz-placeholder{   
    color:#999999;
}
.contact_html .message .input input:-moz-placeholder{    
    color:#999999;
}
.contact_html .message .input input:-ms-input-placeholder{
    color:#999999;
}
.contact_html .message textarea{
    width: calc(100% - 62px);
    display: block;
    border: solid 1px #d7d7d7;
    padding: 12px 30px;
    height: 200px;
    line-height: 28px;
    margin-right: 30px;
    margin-bottom: 35px;
    border-radius: 5px;
    font-size: 16px;
    color: #999999;
}
.contact_html .message textarea::-webkit-input-placeholder{
    color:#999999;
}
.contact_html .message textarea::-moz-placeholder{ 
    color:#999999;
}
.contact_html .message textarea:-moz-placeholder{ 
    color:#cccccc;
}
.contact_html .message textarea:-ms-input-placeholder{ 
    color:#999999;
}
.contact_html .message .button{
    text-align: center;
    width: 100%;
}
.contact_html .message .button a{
    display: inline-block;
    width: calc(50% - 300px);
    font-size: 18px;
    color: #ffffff;
    line-height: 56px;
    height: 56px;
    background: #4177b7;
    text-align: center;
    border-radius: 5px;
    margin: 0 15px;
    transition:all 0.3s ease-in-out;
}
.contact_html .message .button a:hover{
    background: #4177b7;
}
.contact_html .message{
    padding-bottom: 76px;
}

.about_l {
    float: left;
    width: 300px;
    overflow: hidden;
    margin-right: 3.5%;
    margin-bottom: 4%;
    position: relative;
}

.about_l .i_left_ul2 {
    overflow: hidden;
    margin-bottom: 9px;
    /*background-color:#f4f8f9; border:1px solid #dadada; border-top:0;*/
}

.about_l .i_left_ul2 li h2 {
    font-weight: normal;
    overflow: hidden;
    padding-right: 15px;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    position: relative;
    /*background:url(../images/about_bg3.png) 194px center no-repeat;*/
    transition: all 0.3s;
    padding-left: 9px;
}

.about_l .i_left_ul2 li h2 a {
    color: #666;
    text-decoration: none;
    display: block;
    transition: all 0.3s;
}

.about_l .i_left_ul2 li h2 a:hover {
    color: #4177b7;
    margin-left: 3px;
}

/*.about_l .i_left_ul2 li h2:hover{background-image:url(../images/about_bg3_on.png);}*/
/*.about_l .i_left_ul2 li:after{content:""; position:absolute; left:0; top:21px; width:4px; height:30px; background:#fcd000;}*/
/*.about_l .i_left_ul2 li.left_sel{ background:#ffffff;}*/
.about_l .i_left_ul2 li.left_sel h2 {
    color: #4177b7;
    /* background-image:url(../images/about_bg3_on.png)*/
    ;}

.about_l .i_left_ul2 li.left_sel h2 a {
    color: #4177b7;
}

.about_l .i_left_ul2 li:first-child h1 {
    background-color: #4177b7;
    height: 120px;
    line-height: 120px;
}

.about_l .i_left_ul2 li:first-child h1 a {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
}

.about_l .i_left_ul2 li .topnavs {
    background-color: #4177b7;
}

.about_l .i_left_ul2 li .topnavs a {
    color: #ffffff;
}

.about_l .i_left_ul2 li {
    display: block;
    /* width:100%;*/
    position: relative;
}

/*.about_l .i_left_ul2 li:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#efefef; }.about_l .i_left_ul2 li:after{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#efefef; }.about_l .i_left_ul2 li.left_sel:after{ width:2px;background:#118aa7;}*/
/*.about_l .i_left_ul2 li:after{content:""; position:absolute; left:0; top:21px; width:4px; height:30px; background:#fcd000;}*/
.about_l .i_left_ul2 li:last-child {
    border-bottom: 0;
}

.about_l .i_left_ul2 li:last-child h2 a {
    border-bottom: none;
}

.about_l .i_left_ul2 li:last-child h1 a {
    border-bottom: none;
    margin-bottom: 0;
}

.about_l .i_left_ul2 li h1 {
    font-weight: normal;
    overflow: hidden;
    padding-right: 20px;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #666666;
    cursor: pointer;
    position: relative;
    background: #ffffff;
    background-size: 12px 7px;
    transition: all 0.3s;
    padding-left: 30px;
    margin-bottom: 4px;
    border: 1px solid #ddd;
}

.about_l .i_left_ul2 li h1 a {
    color: #444444;
    text-decoration: none;
    display: block;
    transition: all 0.3s;
}

/* .about_l .i_left_ul2 li h1:hover a{color:#4177b7;margin-left:3px;} */
.about_l .i_left_ul2 li.left_sel h1 {
    color: #4177b7;
    background: url(../images/product_bg2.png) right center no-repeat;
}

.about_l .i_left_ul2 li.left_sel h1 a {
    color: #4177b7;
}

.about_l .i_left_ul2 li div {
    font-size: 16px;
    margin-bottom: 4px;
}

.about_l .i_left_ul2 li div a {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    display: block;
    padding-right: 20px;
    padding-left: 30px;
    color: #666666;
    transition: all 0.3s;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #ffffff;
}

.about_l .i_left_ul2 li div a:hover {
    color: #4177b7;
}

.about_l .i_left_ul2 .navcate03 a {
    color: #999999;
    font-size: 14px;
}

.about_l .i_left_ul2 .navcate03 a:last-child {
    border-bottom: 1px solid #ddd;
}

.navcate02 .cate2 {
    border-bottom: 1px solid #ddd;
}

.about_l .i_left_ul2 .navcate03 a:hover {
    background-color: #f6f6f6;
}

.about_l .i_left_ul2 li div a.left_sel {
    color: #4177b7;
}

.about_l .i_left_ul2 .navcate03 a.left_sel {
    color: #4177b7;
    background-color: #f6f6f6;
}

.about_l .i_left_ul2 li div dl {
    overflow: hidden;
    margin-top: 10px;
}

.about_l .i_left_ul2 li div dl dd {
    overflow: hidden;
    display: none;
    padding-bottom: 1px;
}

.about_l .i_left_ul2 li div dl dd p {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-left: 37px;
    padding-right: 10px;
}

.about_l .i_left_ul2 li div dl dd p a {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    padding-left: 9px;
    padding-right: 8px;
    color: #666666;
    background: url(../images/product_bg4.png) left center no-repeat;
    transition: all 0.3s;
}

.about_l .i_left_ul2 li div dl dd p a:hover {
    color: #e94001;
    background-image: url(../images/product_bg4_on.png);
    margin-left: 4px;
}

.about_l .i_left_ul2 li div dl dd p.on a {
    color: #e94001;
    background-image: url(../images/product_bg4_on.png);
}

.about_l .i_left_ul2 li div dl span {
    padding-left: 23px;
    padding-right: 8px;
    overflow: hidden;
    display: block;
    line-height: 34px;
    height: 34px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    background: url(../images/product_bg3.png) 16px center no-repeat;
    transition: all 0.3s;
}

.about_l .i_left_ul2 li div dl span:hover {
    margin-left: 4px;
}

.about_l .i_left_ul2 li div dl span a {
    color: #666666;
    text-decoration: none;
    display: inline;
}

.about_l .i_left_ul2 li div dl span a:hover {
    color: #e94001;
}

.about_l .i_left_ul2 li div dl span.left_sel {
    color: #e94001;
    background-image: url(../images/product_bg3_on.png);
}

.about_l .i_left_ul2 li div dl span.left_sel a {
    color: #e94001;
}

.about_l .i_left_ul2 li div dl span i {
    float: right;
    margin-right: 4px;
    width: 8px;
    height: 4px;
    background: url(../images/product_bg5.png) no-repeat;
    margin-top: 15px;
    display: none;
}

.about_l .i_left_ul2 li div dl span.left_sel i {
    display: block;
} 
.i_left_ul2 .cate2 {
    background: url(../images/cate_icon1.png) 95% center no-repeat;
    background-size: 12px;
}

.i_left_ul2 .cate2.on {
    background: #ffffff url(../images/cate_icon2.png) 95% center no-repeat;
    background-size: 12px;font-weight:600;
}
@media (max-width: 1030px){
	.about_l{display:none}
	
}
  @media screen and (max-width: 1680px) {
    .f_18 {
        font-size: 16px;
    }
	    .header .logo {
        padding: 23px 0;
    }
	.header .box{width:100%}
}
  @media screen and (max-width: 1350px) {
  .header .logo img{width:80%}
  .header .nav .li{margin-right:30px}
  }
/*麦 站 网分页样式*/
.pages{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pages a:hover{display:inline-block;color: #fff;background: #4177b7;border-color: #4177b7;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pages span{display:inline-block;color: #666;}
.pages a.page-num-current{display:inline-block;color: #fff;background: #4177b7;border-color: #4177b7;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.text-secondary{text-align: center; padding:10px 0}