@charset "utf-8";
*,*:before,*:after{box-sizing:border-box}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; resize: none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }
input { outline: none; outline-offset: 0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
.f-left {float: left;line-height: 105px;}
.f-right {float: right;}
@media (min-width: 1200px) {
    .col-lg-6 {
        width: 50%;
    }
}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body { color: #333; background:#fff;    min-width: 1600px;    margin: 0 auto;}
a { color: #333; }
/*a:hover { color: #0070c0; }*/
.wrap { width: 1600px; margin: 0 auto; }
.g-in{ width:1600px; margin:0 auto; }

.wrapper{ position:relative; width:100%; margin:0 auto; overflow:hidden; }
.wrapper img {  vertical-align:top; }
.el-button--primary {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}
.login[data-v-fa31015a] {
    position: absolute;
    right: 0;
    width: 100px;
}
.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
/* 网站地图 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}


.header { position: relative; z-index: 6; }

.t-b{height:40px;background:#333;font-size:14px;position: relative;z-index: 8;}
.t-b a{color:#fff;float:right;height:22px;line-height:22px;margin-top:9px;}
.t-b a:hover{color: #fff;}
.t-b a { position: relative; border-left:1px solid #4e4e4e; padding:0 13px; }
.t-b a:last-child { border-left:none; }
.t-b a span { position: absolute; left: 50%; top: 25px; width: 120px; height: 120px; transform: translate(-50%,0); display: none; }
.t-b a.c_weixin:hover span { display: block; }
.t-b a.c_weixin em { display: block; width: 22px; height: 22px; background: url(./image/wx.png) no-repeat; font-size: 0; line-height: 1px; overflow: hidden; }

.header-g-in { position: relative; margin: 0 auto;height: 105px;}

.h-search {float:right;position: relative;top: 50%;margin:0px;transform: translate(0, -50%);z-index: 2;}
.h-search em { display: block; background: url(./image/search_icon.png) no-repeat center; width: 58px; height: 58px; cursor: pointer; }
.h-search form {position:absolute;top:58px;right:0;z-index: 18;width: 292px;display:none;border: 1px solid #0070c0;background-color: #fff;}
.h-search input[type="text"]{width: 220px;height: 45px;line-height:38px;background:#fff;float:left;padding: 0 12px;font-size:14px;}
.h-search input[type="submit"]{width: 70px;height: 45px;background:#0070c0;color:#fff;text-align:center;cursor:pointer;float:right;font-size:14px;border: 0;}

.flex-table {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.nav {background: url(./image/header_vline.png) no-repeat right center;padding-right: 20px;position: relative;z-index: 1;}
.nav li { float: left; position: relative; margin-left: 40px; }
.nav li a {font-size: 16px;display: block;padding: 0 20px;line-height: 105px;text-align: center;}

/*.nav>li:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: cubic-bezier(0.215, .61, .355, 1) .45s;
	-o-transition: cubic-bezier(0.215, .61, .355, 1) .45s;
	-moz-transition: cubic-bezier(0.215, .61, .355, 1) .45s;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}*/
.nav>li.current:after,
.nav>li:hover:after {
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	background: #25599f;
}

.nav>li .lh-nav-lm {position:absolute;left:-13px;top:100%;width:500px;min-height:228px;background:#fff;display:none;z-index:10;padding:24px 30px;}
.nav>li .lh-nav-lm-l {width:45%;border-right:1px solid #e4e4e4;margin-right:5%;}
.nav>li .lh-nav-lm-l a {display:block;text-align:left;padding-left:14px;background:url(./image/1_04.png) no-repeat left center;-o-background-size:3px;background-size:3px; font-size: 13px; line-height: 30px; }
.nav>li .lh-nav-lm-r { width:50%;}
.nav>li .lh-nav-lm-r img {width:100%;height:120px;-o-object-fit:cover;object-fit:cover;}
.nav>li .lh-nav-lm-r h3 {font-size:16px;line-height:1;margin-top:20px;}
.nav>li .lh-nav-lm .lh-nav-lm-l a:hover {color:#25599f;text-decoration:underline;}
.nav>li .lh-nav-lm .lh-nav-lm-l {line-height:36px;font-size:14px;text-align:center;}
.nav>li:nth-child(6) .lh-nav-lm,
.nav>li:nth-child(7) .lh-nav-lm,
.nav>li:nth-child(8) .lh-nav-lm,
.nav>li:nth-child(9) .lh-nav-lm{ left: auto; right: 0; }

.ss{position: relative;}
.banner { position: relative; width: 100%; }
.banner .bd li { position: relative; }
.banner .bd li img { width: 100%; height: auto; }

.ss .content { position: absolute; z-index: 5; left: 0; right: 0; top: 60%; color: #fff;text-align: center; }
.ss .content .list { font-size: 0; margin-top:0; }
.ss .content .list dd { margin-right: 6px; display: inline-block; font-size: 14px; text-align: left; background-color: #fff; width: 396px; height: 90px; position: relative; vertical-align: top; }
.ss .content .list dd:hover {background-color: #0070c0;}
.ss .content .list dd:last-child {margin-right: 0;}
.ss .content .list dd a { display: block; width: 100%; height: 100%; padding: 15px 35px; }
.ss .content .list dd:hover a {color: #fff;}
.ss .content .list dd .list_t {font-size: 18px;margin-bottom: 5px;}
.ss .content .list dd em {width: 62px;height: 50px;position: absolute;z-index: 5;right: 35px;top: 18px;}
.ss .content .list dd:nth-child(1) em {background: url(./image/banner_icon00.png) no-repeat center;}
.ss .content .list dd:hover:nth-child(1) em {background: url(./image/banner_icon01.png) no-repeat center;}
.ss .content .list dd:nth-child(2) em {background: url(./image/banner_icon10.png) no-repeat center;}
.ss .content .list dd:hover:nth-child(2) em {background: url(./image/banner_icon11.png) no-repeat center;}
.ss .content .list dd:nth-child(3) em {background: url(./image/banner_icon20.png) no-repeat center;}
.ss .content .list dd:hover:nth-child(3) em {background: url(./image/bg/banner_icon21.png) no-repeat center;}

.banner .hd {position: absolute;z-index: 5;bottom: 110px;left: 0;right: 0;text-align: center;height: 5px;line-height: 30px;overflow: hidden;}
.banner .hd ul {position: relative;display: inline-block; vertical-align: top;}
/*
.banner .hd ul::after {content: '';position: absolute;z-index: 5;right: -47px;top: 0;width: 5px;height: 5px;border-radius: 5px;background-color: #fff;}
*/
.banner .hd li {display: inline-block;width: 5px;height: 5px;border-radius: 5px;background-color: #fff;margin: 0 50px 0 0;position: relative;overflow: hidden;vertical-align: top;}

.banner .hd li::before {content: '';width: 43px;height: 1px;position: absolute;z-index: 5;left: 5px;top: 2px;background-color: rgba(255,255,255,.3);}
.banner .hd li::after {content: '';width: 0;height: 1px;position: absolute;z-index: 5;left: 5px;top: 2px;background-color: rgba(255,255,255,1);}
.banner .hd li.on::after {content: '';width: 43px;transition: all 4s linear;}
.banner .hd li:last-child { margin-right: 0; }

.sj_banner{display: none;}





.footer { position: relative; padding: 0; background-color: #000; color: #666; z-index: 5; }
.footer a {color: #666;}
.footer a:hover {color: #fff;}
.copyright { }
.f-list li { float: left; margin-left: 5px; margin-top:0;position: relative; }
.f-list li>img {cursor: pointer;}
.f-list li .img { position: absolute; z-index:1; bottom: 30px; right: 50%; width: 114px; margin-right: -57px; display: none; }
.f-list li:hover .img {display: block;}

.g-in{ width:1600px; margin:0 auto; }

.u-menu { position:absolute; right:70px; top:50%; margin-top:-21px; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); cursor:pointer; display:none; z-index:9; }
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#0070c0; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

.m-menu {position:fixed;top:0;right:-255px;width:255px;height:100%;background: rgb(0 112 192 / 0.5);z-index:99;opacity:0;overflow:auto;}
.m-menu .site-nav {  padding:7% 5%;  min-height:400px; overflow-y:auto; }
.m-menu li {padding: 15px 0;font-size:15px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.m-menu li:hover a,.m-menu .current a {color: #fff;}
.m-menu li dl { padding-left:15%; display:none; }
.m-menu li dt { padding-top:8px; padding-bottom:0; font-size:12px; }
.m-menu li a { color:#fff; text-transform:uppercase; }
.m-menu li dt a { color:#eee; }
.m-menu li dt.on a { color:#0062b2; }
.m-menu li:hover dt a,.m-menu .current dt a { color: #fff; }

.m-menu li.p dl { display:block; }

.m-menu01 { position:fixed; top:0; right:-50%; width:45%; height:100%; background:rgba(0,0,0,0.7); z-index:99; opacity:0; overflow:auto; }
.m-menu01 .site-nav {  padding:7% 5% 7% 15%;  min-height:400px; overflow-y:auto; }
.m-menu01 dl dt { padding-bottom:12px; font-size:15px; }
.m-menu01 dl dt a { color: #fff; }
.m-menu01 dl dt:hover a,.m-men01 .current a { color: #0062b2; }

.m-nav-show .u-mask { display:block; }
.u-mask{ position:fixed; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index: 9;  overflow: hidden; display:none;}



/* 分享 */
.bshare-custom .bshare-weixin { background: url(icon_wx2.png) no-repeat !important; }
.bshare-custom .bshare-sinaminiblog { background: url(icon_wb2.png) no-repeat !important; }
.bshare-custom .bshare-instagram { background: url(icon_face.png) no-repeat !important; }
.bshare-custom .bshare-facebook { background: url(icon_face.png) no-repeat !important; }
.bshare-custom .bshare-twitter { background: url(icon_twi.png) no-repeat !important; }
.bsBox { height: 257px !important; width: 232px !important; }

  @keyframes left-enter {
                0% { left: -100%}
                100% { left: 0;} 
            }
            @keyframes right-enter {
                0% { left: 100%}
                100% { left: 0;} 
            }
            .mr20 {
                margin-right: 20px;
            }
            /*.topPlatform {
                width: 100%;
                height: 1176px;
                background: url(./image/platform_back.png) no-repeat center center;
            }*/
            .topPlatform .topDesImg {
				font-family: SourceHanSansCN, SourceHanSansCN;
				font-weight: 500;
				font-size: 36px;
				color: #000000;
				text-align: center;
				margin: 80px 0 4px;
            }
            .topPlatform .topDesText {
                line-height: 28px;
                font-size: 16px;
                color: #666666;
                text-align: center;
            }
            .topPlatform .platformFunction {
                width: 1200px;
                margin: auto;
                padding: 30px 0;
                box-sizing: border-box;
            }
            .topPlatform .platformFunction .functionNav {
               display: flex;
               flex-direction: row;
               padding: 0 40px;
               justify-content: space-between;
               align-items: center;
               box-sizing: border-box;
            }
            
            .topPlatform .platformFunction .functionNav .funtionItem{
               height: 66px;
            }
            .topPlatform .platformFunction .functionNav .funtionItem .funtionItemNormal {
                color: #666666;
                font-size: 20px;
                padding: 0px 32px 0px 27px;
                height: 100%;
                line-height: 60px;
                cursor: pointer;
            }
            .topPlatform .platformFunction .functionNav .funtionItem .funtionItemActive {
                color: #b01717;
                height: 100%;
                font-size: 20px;
                font-weight: bold;
                padding: 0px 32px 0px 27px;
                line-height: 60px;
                background: url(./image/fun_active_bg.png) no-repeat center center;
                background-size: 100% 100%;
                cursor: pointer;
            }
            .topPlatform .platformFunction .functionNav .funtionItem img {
                float: left;
                margin-top: 20px;
                margin-right: 10px;
            }
            .topPlatform .platformFunction .funtionDescribeView {
                margin-top: 30px;
                width: 100%;
                height: 480px;
                overflow: hidden;
                background: url('./image/fun_bj.png') no-repeat no-repeat center center;
                /* background-color: #fffcef; */
            }
            .topPlatform .platformFunction .funtionDescribeView .describe-yangji {
                float: left;
                width: 47%;
                height: 480px;
                background: url('./image/djyj.png') no-repeat no-repeat center center;
            }
            .describe-content {
                float: left;
                width: 53%;
                height: 480px;
                padding: 50px 0px;
                padding-right: 45px;
                box-sizing: border-box;
            }
            .describe-content .describe-content-top {
                position: relative;
            }
            .describe-content .describe-content-top .describe-content-top-title {
                position: absolute;
                top: 0;
                left: 42px;
                height: 30px;
                line-height: 30px;
                font-size: 20px;
                font-style: italic;
                color: #555;
                font-weight: bold;
            }
            .describe-content .describe-content-top-title .special-text {
                color: #ff3232;
            }
            .describe-content .describe-content-describe {
                margin-top: 10px;
                font-size: 14px;
                color: #666;
                line-height: 25px;
            }
            .describe-content .describe-content-row {
                margin-top: 25px;
                margin-bottom: 20px;
            }
            .describe-content .describe-content-row .describe-content-item {
                display: inline-block;
                width: 280px;
                height: 100px;
                background-color: #ffffff;
                box-shadow: 0px 7px 2px 0px 
                    rgba(231, 195, 174, 0.2);
                border-radius: 10px;
                padding: 10px;
                box-sizing: border-box;
                vertical-align: top;
            }
            .describe-content-item .describe-content-item-title {
                font-size: 14px;
                color: #666;
                height: 20px;
                line-height: 20px;
                font-weight: bold;
            }
            .describe-content-item .describe-content-item-title img {
                float: left;
                /* width: 20px;
                height: 20px; */
                width: 10px;
                height: 10px;
                margin-top: 5px;
                margin-right: 7px;
                background-color: #ff3232;
                border-radius: 50%;
            }
            .describe-content-item .describe-content-item-describe {
                margin-top: 15px;
                font-size: 14px;
                color: #666;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2
            }
            .serviceView {
                position: relative;
                width: 100%;
                height: 890px;
          
                background-size: cover;
            }
            .cardView {
                margin: auto;
                width: 1200px;
                padding: 70px 0px;
                box-sizing: border-box;
            }
            .cardTitle {
                line-height: 50px;
                font-size: 36px;
                color: #333;
                text-align: center;
                font-weight: bold;
                margin-bottom: 4px;
            }
            .cardDescribe {
                line-height: 28px;
                font-size: 16px;
                color: #666666;
                text-align: center;
            }
            .serviceView .serviceContentView {
                margin-top: 30px;
            }
            .serviceView .serviceContentView .serviceItem {
                height: 280px;
                width: 280px;
                background-color: #ffffff;
                box-shadow: 0px 0px 10px 0px 
                    rgba(255, 181, 174, 0.25);
                border-radius: 20px;
                float: left;
                margin-bottom: 35px;
                margin-right: 25px;
                overflow: hidden;
            }
            .serviceView .serviceContentView .cancleRight {
                margin-right: 0;
            }
            .serviceView .serviceContentView .serviceItem img {
                height: 94px;
                width: 100%;
            }
            
            .serviceView .serviceContentView .serviceItem .serviceItemContent {
                padding: 25px;
                box-sizing: border-box;
            }
            .serviceView .serviceContentView .serviceItem .serviceItemContent .serviceItemTitle {
                color: #555;
                font-size: 18px;
                font-weight: bold;
            }
            .serviceView .serviceContentView .serviceItem .serviceItemContent .serviceItemLine {
                width: 20px;
                height: 5px;
                background-image: linear-gradient(0deg, 
                    #ff6b43 0%, 
                    rgba(255, 71, 71, 1) 100%);
                border-radius: 3px;
                margin-top: 10px;
                margin-bottom: 10px;
            }
            .serviceView .serviceContentView .serviceItem .serviceItemContent .serviceItemDetail {
                font-family: MicrosoftYaHei;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 20px;
                letter-spacing: 1px;
                color: #666666;
            }
            .showProduct {
                width: 100%;
                height: 890px;
           
            }

            .card-bg {
                padding-bottom: 0px;
                background-attachment: fixed;
                background: url('./image/ball_bg.png') no-repeat no-repeat right bottom;
            }
            .showProduct .productList {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                margin-top: 40px;
            }
            .showProduct .productList .productItem {
                width: 280px;
                height: 100px;
                background-color: #ffffff;
                box-shadow: 0px 0px 10px 0px 
                    rgba(255, 181, 174, 0.25);
                border-radius: 4px;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                font-size: 20px;
                font-weight: bold;
            }
            .showProduct .productList .productItemActive {
                border-bottom: 5px solid #ff4747;
            }
            .showProduct .productList .productItem img {
                margin-right: 10px;
            }
            .product-detail-view {
                height: 580px;
                width: 100%;
            }
            .product-detail-view .product-detail-item {
                height: 100%;
                width: 100%;
                font-size: 0;
                overflow: hidden;
            }
            .product-detail-view .product-detail-item .text-detai {
                display: inline-block;
                width: 50%;
                height: 100%;
                vertical-align: top;
            }
            .text-detail-view {
                position: relative;
                padding: 0 20px;
                padding-top: 120px;
                width: 100%;
                height: 100%;
                animation-name: left-enter;
                animation-duration: 1s;
                /* animation-timing-function: cubic-bezier(.05,1.89,1,-0.92); */
            }
            .product-detail-view .product-detail-item .text-detai .product-title {
                font-size: 20px;
                font-weight: bold;
                color: #555;
            }
            .product-detail-view .product-detail-item .text-detai .product-descibe {
                font-size: 18px;
                color: #666;
                line-height: 32px;
                /* line-height: 40px; */
                margin-top: 20px;
            }
            .product-detail-view .product-detail-item .image-detail {
                display: inline-block;
                width: 50%;
                height: 100%;
            }
            .image-detail-bg-view {
                position: relative;
                width: 100%;
                height: 100%;
                animation-name: right-enter;
                animation-duration: 1s;
                /* animation-timing-function: cubic-bezier(.05,1.89,1,-0.92); */
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .know-more-btn {
                position: relative;
                width: 172px;
                height: 62px;
                background: url('./image/fun_more.png') no-repeat no-repeat center center;
                margin: auto;
                margin-top: -31px;
                display: flex;
                cursor: pointer;
            }
            /* .know-more-btn a {
                width: 100%;
                height: 100%;
                background-color: yellow;
            } */
.person-box .intro {
    width: 100%;
    font-size: 16px;
    padding: 5px 0;
    color: #323232;
	text-align: center;
    margin: 10px 0;
}
/* 工业互联网行业 */
.ban_inneryy {
    width: 100%;
    height: 100%;
    background-position: top center;
    -moz-background-size: 100% 100%;
    background-repeat: no-repeat;
    min-width: 1200px;
    background-position: 50%;
    background-size: cover;
    display: flex;
    align-items: center;
}
.tx *{box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s; font-family:arial,'helvetica neue','pingfang SC','microsoft yahei ui','microsoft yahei',simsun,sans-serif; }
.tx h1,.tx h2,.tx h3,.tx h4,.tx h5,.tx h6{margin:0;padding:0;}
.tx li{float: left;}
.tx img{max-width: 100%;}

.floats{float: left;width: 100%;}
.centers{margin: 0 auto;max-width: 1200px;clear:both;}
.paddings{padding:60px 0;}
.bgEFF7FF{background: #EFF7FF;}
.mtop66{margin-top: 66px;}

.tx .swiper-container,.tx .swiper-slide{width: 100%; height: auto;cursor: pointer;padding: 0;}
.tx .swiper-container{overflow: hidden;position: relative;}
.tx .pagination{transition: 0;-webkit-transition: 0;-ms-transition: 0;}
.tx .swiper-slide img{width: auto;}

.tx-banners{height:427px;background-position:center center;background-repeat: no-repeat;background-size: cover;padding:0 25px;}
.tx-banners-text{position: relative;top:50%;text-align: center;color:#fff;transform: translate(0,-50%);}
.tx-banners-text h3{font-size: 28px;line-height: 40px;}
.tx-banners-text h4{font-size: 14px;line-height: 20px;font-weight: normal;}

.tx-hyyy-title{position: relative;z-index: 20;margin-top: -128px;}
.tx-hyyy-title .bg{position: absolute;z-index: -1;top:0;  width: 123px;height:180px;background: linear-gradient(318deg, #005DFA 0%, #3DB1FC 100%);box-shadow: 0px 3px 14px 1px rgba(13, 93, 197, 0.6784313725490196);overflow: hidden;}
.tx-hyyy-title .bg h3{position: absolute;z-index: -1; width: 100%; bottom:-30px; left:0;text-align: center; font-size: 110px;line-height: 110px; color:#fff; font-weight: bold;opacity: 0.5;}
.tx-hyyy-title .title{margin-left: 90px;margin-top:14px;color:#fff;}
.tx-hyyy-title .title h3{font-size:32px;line-height: 45px;}
.tx-hyyy-title .title h4{font-size:16px;line-height: 22px;font-weight: normal;}
.tx-hyyy-title .jt{position: absolute;margin-left:84px;width: 60px;height:60px; top:139px;background: #fff;display: flex;justify-content: center;align-items: center;box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1607843137254902);}

.tx-mains-title{font-size: 24px;line-height: 33px;text-align: center;margin-bottom: 42px;font-weight: bold;}
.tx-mains-title h3{font-size: 28px;font-weight: 800; color: #000;}
.tx-hyyy1-main{text-align: center;padding:0 25px;}

.tx-hyyy2{padding-bottom: 0;}
.tx-hyyy2-list{position: relative; width: 100%;margin-bottom: 70px;cursor: pointer;}
.tx-hyyy2-list .list-img{position: absolute;width: 40.42%;z-index: 20;top:50%;transform: translate(0, -50%);}
.tx-hyyy2-list.fr .list-img{left: 0%}
.tx-hyyy2-list.fl .list-img{right:0%}
.tx-hyyy2-list .list-text{position: relative; width: 64.92%;background: #fff;}
.tx-hyyy2-list.fr .list-text{float: right; padding:34px 42px 34px 104px;}
.tx-hyyy2-list.fl .list-text{float: left;padding:34px 104px 34px 34px;}
.tx-hyyy2-list .list-text .title{    border-bottom: 1px solid rgba(177, 177, 177, 0.2);line-height: 30px; padding-bottom: 15px;font-size: 24px;margin-bottom: 15px;font-weight: 800;}
.tx-hyyy2-list .list-text .content em{float:left;width: 100%;font-size: 14px;line-height: 23px;font-style: normal;}
.tx-hyyy2-list .list-text .content h3{float:left;width: 100%;font-size: 18px;font-weight: bold;line-height: 25px;margin:18px 0 10px;}
.tx-hyyy2-list .list-text .content h3 img{margin-right: 6px;position: relative;top:-2px;}
.tx-hyyy2-list .list-text .content p{font-size:14px;color:#999;margin:4px 0;}
.tx-hyyy2-list .list-text .content p::before{content:'';float: left; width: 6px;height:6px;border-radius: 50%;background: #b9b9b9;margin-top:7px;margin-right: 8px;}
.tx-hyyy2-list .list-text .content ul{float:left;width: 100%;margin-bottom: 10px;}
.tx-hyyy2-list .list-text .content ul li{float: left;width:25%;padding-right:25px;}
.tx-hyyy2-list .list-text .content ul li h5{font-size: 24px;font-weight:bold;height:28px;}
.tx-hyyy2-list .list-text .content ul li h5 img{margin-left:6px;position: relative;}
.tx-hyyy2-list .list-text .content ul li h5 sub{font-size: 14px;position: relative;top:-7px;}
.tx-hyyy2-list .list-text .content ul li.down h5{color:#317DFF;}
.tx-hyyy2-list .list-text .content ul li.up h5{color:#2FD47A;}
.tx-hyyy2-list .list-text .content ul li h6{font-size: 14px;color:#999;font-weight: normal;}
.tx-hyyy2-list .list-text .content .tag{float: left;width: 100%;}
.tx-hyyy2-list .list-text .content .tag b{float: left;margin-right: 14px;font-size: 14px;color:#317DFF;padding: 0 15px;line-height: 34px;background: rgba(49, 125, 255, 0.1);font-weight: normal;}
.tx-hyyy2-list .list-text .more{float: left;width: auto; padding:0 22px;background: #317DFF;line-height: 42px;color:#fff;font-size:16px;margin-top:20px;}
.tx-hyyy2-list .list-text .more img{margin-left:8px;position: relative;top:-2px;}

.tx-hyyy3-main li{position: relative;margin:11px 0; margin-left:1.66%;height: 173px;overflow: hidden;}

.tx-hyyy3-main li .img,.tx-hyyy3-main li .img img{width: 100%; height:100%;}
.tx-hyyy3-main li .img{position: relative;z-index: 10;}
.tx-hyyy3-main li .text{position: absolute;z-index: 20; left:0;bottom:0;padding:0 20px;font-size: 14px;color:#fff;text-overflow: ellipsis;white-space: nowrap; line-height: 46px;height:46px;overflow: hidden; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6392156862745098) 100%);opacity: 1;}
.tx-hyyy3-main li .text1{position: absolute;top:50%;left:0;width: 100%;height:100%;z-index: 30;padding:0 46px;opacity: 0; display: flex;flex-direction: column;justify-content: center;align-items: center;color:#fff;}
.tx-hyyy3-main li .text1:before{content:'';position: absolute;z-index: -1;width: 100%;height:100%;background: linear-gradient(180deg, #005DFA 0%, #3DB1FC 100%);opacity: 0.7;}
.tx-hyyy3-main li .text1 h3{width:100%; font-size: 14px;line-height: 20px;height:40px;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 12px;text-align:center}
.tx-hyyy3-main li .text1 em{display: block;font-size: 12px;line-height: 18px;text-align: center;font-style: normal;height:54px;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.tx-hyyy3-main li:nth-child(-n+3){display:none;}

.tx-hyyy6-main li{position: relative; width: 30.16%;margin-left: 4.76%;border:1px solid rgba(49, 125, 255, 0.5);padding:38px 20px 27px;cursor: pointer;border-radius: 4px;background: #fff bottom right no-repeat;}
.tx-hyyy6-main li:nth-child(3n-2){margin-left: 0;}
.tx-hyyy6-main li .icon{position: absolute;right:36px;top:26px;right:30px;width: 55px;height:55px;background: rgba(49, 125, 255, 0.1);border-radius: 6px; display: flex;justify-content: center;align-items: center;}
.tx-hyyy6-main li .title{border-left:2px solid #317DFF;padding-left: 8px;margin-bottom: 32px;}
.tx-hyyy6-main li .title h3{font-size: 20px;line-height: 20px;font-weight: bold;margin-bottom: 4px;}
.tx-hyyy6-main li .title h4{font-size: 14px;line-height: 14px;color:#999;font-weight: normal;}
.tx-hyyy6-main li .tag i{position: relative; float: left;font-size: 16px;line-height: 20px;font-style: normal;margin-right: 10px;padding-left: 15px;margin-top: 10px;}
.tx-hyyy6-main li .tag i:before{content:'';position: absolute;left:0;top:5px;width: 8px;height:8px;background: linear-gradient(180deg, #005DFA 0%, #3DB1FC 100%);opacity: 0.57;border-radius: 50%;}

.tx-hyyy2-list:hover .list-text .title{color:#317DFF;}
.tx-hyyy2-list .list-text .more:hover{opacity:0.8;}
.tx-hyyy2-list.fr:hover .list-img{transform: translate(-20px,-50%);}
.tx-hyyy2-list.fl:hover .list-img{transform: translate(20px,-50%);}
.tx-hyyy2-list.fr:hover .list-text{transform: translate(20px,0);}
.tx-hyyy2-list.fl:hover .list-text{transform: translate(-20px,0);}
.tx-hyyy3-main li:hover .text{opacity: 0;}
.tx-hyyy3-main li:hover .text1{opacity: 1;top:0%;}
.tx-hyyy6-main li:hover{background: #317DFF url('./image//hyyy6-libg.png') bottom right no-repeat;box-shadow: 4px 5px 30px 1px rgba(37, 60, 110, 0.38823529411764707);}
.tx-hyyy6-main li:hover .icon{background: #fff;box-shadow: 3px 3px 10px 1px rgba(17, 51, 109, 0.4117647058823529);}
.tx-hyyy6-main li:hover .title{border-left-color:#fff;}
.tx-hyyy6-main li:hover .title h3{color: #fff;}
.tx-hyyy6-main li:hover .title h4{color: #fff;}
.tx-hyyy6-main li:hover .tag i{color:#fff;} 
.tx-hyyy6-main li:hover .tag i:before{background: #fff;}
.btn-more {
    margin: 40px auto 0;
    border-radius: 24px;
    text-align: center;
    width: 160px;
    padding: 8px;
    font-size: 1rem;
    background-color: #2d7acb;
    color: #fff;
    font-weight: 700;
}
	.btn-more:hover{
		background-color: #1653fe;
	}

	.traverseFloors {
				width: 100%;
				padding-top: 80px;
				padding-bottom: 30px;
				background-repeat: no-repeat;
				background-size: 100% 100%;
				background-position: center center;
			}
			.traverseFloors > div {
				width: 1200px;
				margin: auto;
			}
			.traverseFloors .twoTitle {
				display: block;
				width: 100%;
				text-align: center;
				font-size: 30px;
				color: #1c1936;
				margin-bottom: 50px;
			}
			.traverseFloors .firstRow p {
				margin-top: 0;
				margin-bottom: 1em;
			}
			.traverseFloors .traverMoudle {
				width: 100%;
			}
			.traverseFloors:nth-child(odd) {
				background-color: #f8fafe;
			}

.new_banner {
    background: #013185;
    height: 400px;
}
.ban_inneryy {
    width: 100%;
    height: 100%;
    background-position: top center;
    -moz-background-size: 100% 100%;
    background-repeat: no-repeat;
    min-width: 1200px;
    background-position: 50%;
    background-size: cover;
    display: flex;
    align-items: center;
}
.ban_innertit {
    margin: auto;
    width: 1200px;
    font-size: 56px;
    text-align: center;
    font-weight: 800;
    color: #fff;
}
.ban_innercon {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 400;
}
/* 教育培训行业 */
.part1 {
  padding: 0 0 0 0;
}
.part1 .titleBox {
  margin-bottom: 23px;
}
.part1 ul {
  display: flex;
	margin: 50px 0;
  justify-content: space-between;
}
.part1 ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 284px;
  height: 228px;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 2px 0px 7px 0px #EBEBEC;
  cursor: pointer;
  transition: all .3s;
}
.part1 ul li:hover {
  transform: translateY(-10px);
}
.part1 ul li:nth-child(1) img {
  width: 73px;
  height: 73px;
  margin-bottom: 9px;
}
.part1 ul li:nth-child(2) img {
  width: 65px;
  height: 65px;
  margin-bottom: 16px;
}
.part1 ul li:nth-child(3) img {
  width: 56px;
  height: 53px;
  margin-bottom: 23px;
}
.part1 ul li:nth-child(4) img {
  width: 57px;
  height: 57px;
  margin-bottom: 21px;
}
.part1 ul li img {
  display: block;
}
.part1 ul li .title {
  margin-bottom: 14px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  font-size: 30px;
  color: #4572F6;
}
.part1 ul li .ftitle {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 16px;
  color: #323232;
  line-height: 19px;
  text-align: center;
}
.part2 {
  padding: 25px 0 20px;
}
.part2 .titleBox {
  margin-bottom: 50px;
}
.part2 ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.part2 ul li {
  margin-top: 32px;
  margin-right: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: all .3s;
}
.part2 ul li:hover {
  transform: translateY(-10px);
}
.part2 ul li:nth-child(1),
.part2 ul li:nth-child(2),
.part2 ul li:nth-child(3),
.part2 ul li:nth-child(4),
.part2 ul li:nth-child(5),
.part2 ul li:nth-child(6) {
  margin-top: 0;
}
.part2 ul li:nth-child(6n) {
  margin-right: 0;
}
.part2 ul li img {
  margin-bottom: 13px;
  display: block;
  width: 120px;
  height: 120px;
}
.part2 ul li .title {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}

.part3 .pic li {
  margin-bottom: 110px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.part3 .pic li:nth-last-child(1) {
  margin-bottom: 0;
}
.part3 .pic li .text {
  width: 534px;
}
.part3 .pic li .text h1 {
  width: 100%;
  margin-bottom: 24px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 24px;
  color: #000000;
}
.part3 .pic li .text h2 {
  width: 100%;
  margin-bottom: 40px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}
.part3 .pic li .text h3 {
  width: 100%;
  margin-bottom: 5px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
}
.part3 .pic li .text h3 i {
  color: #4572F6;
}
.part3 .pic li .text h4 {
  width: 100%;
  margin-bottom: 29px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.part3 .pic li .text ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.part3 .pic li .text ol li {
  margin-top: 10px;
  display: block;
  margin-bottom: 0;
  width: 115px;
  height: 50px;
  background: #F4F8FF;
  border-radius: 10px 10px 10px 10px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.part3 .pic li .text ol li:nth-child(1),
.part3 .pic li .text ol li:nth-child(2),
.part3 .pic li .text ol li:nth-child(3),
.part3 .pic li .text ol li:nth-child(4) {
  margin-top: 0;
}
.part3 .pic li .text ol li:hover {
  color: #fff;
  background-color: #4572F6;
}
.part3 .pic li .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
}
.part3 .pic1 li:nth-child(1) .imgbox {
  width: 603px;
  height: 351px;
}
.part3 .pic1 li:nth-child(2) .imgbox {
  width: 595px;
  height: 328px;
}
.part3 .pic1 li:nth-child(3) .imgbox {
  width: 554px;
  height: 360px;
}
.part3 .pic1 li:nth-child(4) .imgbox {
  width: 554px;
  height: 360px;
}
.part3 .pic1 li:nth-child(5) .imgbox {
  width: 535px;
  height: 352px;
}
.part3 .pic2 li:nth-child(1) .imgbox {
  width: 553px;
  height: 430px;
}
.part3 .pic2 li:nth-child(2) .imgbox {
  width: 528px;
  height: 440px;
}
.part3 .pic2 li:nth-child(3) .imgbox {
  width: 476px;
  height: 379px;
}
.part3 .list1 {
  margin: 77px 0 58px;
  display: flex;
  justify-content: space-between;
}
.part3 .list1 .item {
  width: 288px;
  border-radius: 10px;
  border: 1px solid #E6E6E6;
  overflow: hidden;
}
.part3 .list1 .item .top {
  background: #4572F6;
  padding: 20px 0;
  width: 100%;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  text-align: center;
}
.part3 .list1 .item ul {
  width: 100%;
  padding: 18px 20px 26px;
}
.part3 .list1 .item ul li {
  margin-bottom: 10px;
  width: 248px;
  height: 54px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #4572F6;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  text-align: center;
  line-height: 54px;
  cursor: pointer;
}
.part3 .list1 .item ul li:hover {
  color: #4572F6;
}
.part3 .list1 .item ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.part3 .list2 {
  margin-top: 110px;
  display: flex;
  justify-content: space-between;
}
.part3 .list2 li {
  padding: 43px 0 29px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 280px;
  height: 481px;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 4px 2px 27px 2px #F1F1F1;
  cursor: pointer;
  transition: all .3s;
}
.part3 .list2 li:hover {
  transform: translateY(-10px);
}
.part3 .list2 li img {
  display: block;
}
.part3 .list2 li:nth-child(1) img {
  width: 80px;
  height: 80px;
  margin-bottom: 23px;
}
.part3 .list2 li:nth-child(2) img {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}
.part3 .list2 li:nth-child(3) img {
  width: 80px;
  height: 80px;
  margin-bottom: 21px;
}
.part3 .list2 li:nth-child(4) img {
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
}
.part3 .list2 li .title {
  margin-bottom: 37px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 24px;
  color: #4572F6;
  text-align: center;
}
.part3 .list2 li .smalltext {
  width: 208px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}



/*列表页*/
.newstwo {
    width: 100%;
    padding-bottom: 10px;
    background-color: #fff;
}
.neiye_rt{
    margin-top:0px
}
.sywidth {
    width: 1200px;
    margin: 0 auto;
}
.newstwo .tier {
    width: 100%;
    border-top: 1px dashed #c9c9c9;
}
.newstwo .tier li {
    width: 100%;
    overflow: hidden;
    padding: 26px 0;
    border-bottom: 1px dashed #c9c9c9;
}
.newstwo .tier li .za {
    width: 8%;
    padding-left: 10px;
    height: 100px;
    border-right: 1px solid #e1e4ed;
    margin-top: 40px;
}
.newstwo .tier li .za .riqi {
    line-height: 22px;
    font-size: 18px;
    color: #999;
}
.newstwo .tier li .za .riqi span {
    display: block;
    line-height: 18px;
    font-size: 14px;
    color: #cdcdcd;
}
.newstwo .tier li .za .more {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-top: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    color: #b6b6b6;
    background: url(./image/icon_menu_right1.png) no-repeat center center;
    background-color: #eef2f5;
}
.newstwo .tier li .wenzi {
    width: 60%;
    margin-top: 40px;
    padding: 0 30px;
    float: left;
    text-align: left;
}
.newstwo .tier li .wenzi .tou {
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.newstwo .tier li .wenzi .shen {
    line-height: 24px;
    padding-top: 11px;
    height: 60px;
    overflow: hidden;
    font-size: 15px;
    color: #666;
}
.newstwo .tier li .tu {
    width: 180px;
    overflow: hidden;
    margin-top: 30px;
}
.newstwo .tier li .tu img {
    width: 100%;
    height: 120px;
    transition: all 800ms;
    vertical-align: middle;
}
.cl:after {
    content: "";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.n-page {
    text-align: center;
    clear: both;
    margin: 60px;
}
.n-page a {
    font-size: 14px;
    padding: 5px 10px;
    margin: 0px 3px;
    border: #e0e0e0 1px solid;
    background-color: #f5f5f5;
    color: #333;
}
.n-page span {
    font-size: 14px;
    padding: 5px 10px;
    margin: 0px 3px;
    color: #FFF;
    background-color: #0170c1;
    border: #0170c1 1px solid;
}
.n-page a:hover {
    color: #FFF;
    background-color: #0170c1;
    border: #0170c1 1px solid;
}
.newstwo .tier li:hover .wenzi .tou a {
    color: #0170c1;
}
.newstwo .tier li:hover .tu img {
    transform: scale(1.1);
}
.newstwo .ti .you li:hover .wenzi .tou a {
    color: #0170c1;
}
.fl {
    float: left;
}
.fr{
    float:right;
}

.fixed{
    position: fixed;
    top: 0px;
	z-index: 999;
}

.news2{width:350px !important;}

.active{color: #317dff !important;font-weight: 600;}



.yema {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 40px auto 20px;
    font-size: 15px;
    position: relative;
    bottom: 0px;
}
.yema a {
    display: inline-block;
    padding: 4px 12px;
    margin: 0 8px;
    border: 1px solid #cccccc;
    font-size: 16px;
    color: #040000;
}

.djdy{
	text-align: center;
    margin-bottom: 20px;
}
.djdy a{
	cursor: pointer;
    display: inline-block;
    width: 140px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #eaeaea;
    background: #3e9bc5c2;
    border-radius: 3px;
    font-size: 18px;
    opacity: 0.8;
    margin: 0 25px;
}
	.dqy{
	color: #FFF!important;
    background-color: #136AFA;
    border: #136AFA 1px solid;
	}
.djdy a:hover{
    background:#0098dc
}
.djdy img{
	display: inline-block;
    vertical-align: sub;
    margin-right: 15px;
}

/*产品列表*/
.app .tit, .app .tit-02{
		text-align: center;
		color: #273848;
	}
	.app .tit{
		font-size: 32px;
		margin-bottom: 20px;
		font-weight: 700;
	}
	.app .tit-02{
		width: 1200px;
		font-size: 16px;
		margin: 0 auto 40px;
	}
	.app .con{
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
	}
	.app .con .card-app{
		background-color: #fff;
		width: 32%;
		transition: all .2s;
		margin-bottom: 40px;
		overflow: hidden;
		margin-right: 15px;
	}
	.app .con .card-app .card-tit{
		font-size: 16px;
		color: #273848;
		font-weight: 700;
		padding: 12px 20px 0;
		text-align: center;
	}
		.carda-img{
		   	width: 384px;
		height:180px;
		overflow: hidden;
		}
	.card-app img{
	width:100%;
		height:180px;
	}
		.app .con .card-app .card-con{
		padding: 12px 20px 20px;
		}
	.app .con .card-app .card-con p{
		color: #62686f;
		font-size: 14px;
		text-align: justify;
		line-height:22px;
		height: 110px;
    	overflow: hidden;
	}
		.card-app:hover {
    cursor: pointer;
    transition: all .2s;
    box-shadow: 0 5.7px 7.4px -17px rgb(0 0 0 / 1%), 0 10.8px 14px -17px rgb(0 0 0 / 2%), 0 15.9px 20.7px -17px rgb(0 0 0 / 2%), 0 22.2px 29.3px -17px rgb(0 0 0 / 3%), 0 32.6px 43px -17px rgb(0 0 0 / 4%), 0 62px 80px -17px rgb(0 0 0 / 7%);
}
	.card-app:hover .card-img{
    transform: scale(1.1);
    transition: all .2s;
}
.g_para p
{
line-height: 150%;
    font-family: 宋体, SimSun;
    font-size: 18px;
}
		.ban_inneryy{
			width: 100%;
			height: 100%;
			background-position: top center;
			-moz-background-size: 100% 100%;
			background-repeat: no-repeat;
			min-width: 1200px;
			background-position: 50%;
			background-size: cover;
			display: flex;
			align-items: center;
		}
		.ban_innertit{
			margin: auto;
			width: 1200px;
			font-size: 56px;
			text-align: center;
			font-weight: 800;
			color: #fff;
		}
		.ban_innercon{
			margin-top: 30px;
			font-size: 18px;
			font-weight: 400;
		}
.p_r {
    position: relative;
}
.dH {
    overflow: hidden;
}
.p_a {
    position: absolute;
}
.container {

	padding: 0;
}

.container1{
	padding: 0;
	position: relative;
    padding: 0;
    z-index: 4;
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}

.productinfo_01 {
    background-image: url(image/yyzxbanner1.jpg);
    width: 100%;
	min-width:1200px;
    height: 700px;
    min-height: 260px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.productinfo_01 .box {
    height: 100%;
    top: 0;

}
.productinfo_01 .box .txt {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}
.productinfo_01 .box .txt h4 {
    font-size: 60px;
    line-height: 65px;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 25px;
}
.productinfo_01 .box .txt h4:after {
    width: 60px;
    height: 3px;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
}
.productinfo_01 .box .txt p {
    width: 50%;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 50px;
}
.g_btn a {
    display: inline-block;
    line-height: 50px;
    padding: 0 25px;
    font-size: 16px;
    color: #fff;
   	background: #257eff;
    border-radius: 5px;
    transition: all .4s;
}
.g_btn a:hover{
	background: #065dd9;
}
.pro_nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    background: rgba(0, 0, 0, .2);
    transition: all .5s;
	padding: 2px 0;
}
.pro_nav li {
    margin-right: 50px;
    display: inline;
    transition: all .5s;
}
.pro_nav li a {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    position: relative;
    line-height: 60px;
    padding: 0 30px;
    transition: all .5s;
}
.pro_nav li a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: #fff;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .5s;
}
.pro_nav li:hover a:after, .pro_nav li.recent a:after {
    width: 100%;
}
.padding_80 {
	min-width:1200px;
	    padding-top: 80px;
    padding-bottom: 80px;
}
.center-align {
    text-align: center;
}
.zy_tit {
    line-height: 30px;
    color: #000;
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.zy_tit:after {
    width: 60px;
    height:4px;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #2a5fb7;
}
.proinfo-01 h1 {
    font-size: 26px;
    line-height: 30px;
    color: #333333;
    border-bottom: solid 1px #d2d2d2;
    padding: 12px 0;
	    height: 450px;
}
.proinfo-01 .g_para {
    background: #f7f7f7;
    padding: 10px 20px;
    color: #000000;
    line-height: 28px;
    margin: 20px 0;
    min-height: 350px;
	
}
.proinfo-03 {
    background-color: #eef5fc;
}
.flex-wrap {

}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.future li {
    margin-bottom: 30px;
    width: 370px;
}
.future li .box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 3px 3px 21px rgb(45 108 170 / 11%);
    color: #222;
    padding: 20px;
	min-height: 165px;
	-webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.future li .item {
    display: flex;
    flex-direction: column;
}
.future li .box:hover{
	box-shadow: 0px 0px 20px #2a5aac94;
	-webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03); 
}
.future li .item h4 {
    line-height: 30px;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    text-indent: 15px;
    position: relative;
}
.future li .item h4:after {
    width: 5px;
    height: 15px;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ffad0e;
}
.future li .item p {
    font-size: 14px;
    margin-top: 5px;
    line-height: 30px;
}

.fixed {
    position: fixed;
	background: #1d1f45;
    height: 60px;
    top: 0px;
    z-index: 999;
}
.fixed {
    position: fixed;
    background: #1d1f45;
    height: 60px;
    top: 0px;
    z-index: 999;
}
.container {
   padding-right: 0px;
    padding-left: 0px; 
    margin-right: auto; 
   margin-left: auto; 
   position: relative;
}