*{padding: 0; margin: 0;}
html,body,div,p,h1,h2,h3,h4,h5,h6,ul,li,a,input,footer{
    margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; font-family:Microsoft YaHei,WenQuanYi Micro Hei,Arial,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Source Han Sans SC,Noto Sans CJK SC,sans-serif;}
a {text-decoration: none;transition:all .3s ease-in;background-color:transparent;}
a{text-decoration:none;}
a:hover{text-decoration: none;list-style: none; font-style: normal;}
li {list-style: none;}
/* body{font-family:font1;} */
input{border: none;outline: none;}
img,p,span{border: none;}

body{position:relative;overflow-x:scroll; min-width: 1200px;}
@media screen and (max-width:2480px) and (min-width:1200px){
    body{overflow-x: hidden;}
}
.clear{clear:both}
.clearfloat:after{display:block;content:"";clear:both;visibility:hidden;height:0;}
.clearfloat{zoom:1;}
.l{float: left;}
.r{float: right;}
/*普通粗细*/
@font-face
{
    font-family:font1;
    src:url('../fonts/syht.ttf'),
        url('../fonts/syht.otf'),
        url('../fonts/syht.eot'); /* IE9+ */
}
/*一般细*/
@font-face
{
    font-family:font2;
    src:url('../fonts/SourceHanSansCN-Normal_2.ttf'),
        url('../fonts/SourceHanSansCN-Normal_2.otf');
    /* url('../fonts/syht.eot');*/ /* IE9+ */
}
/*第二细*/
@font-face
{
    font-family:font3;
    src:url('../fonts/SourceHanSansCN-Light_2.otf'),
        url('../fonts/SourceHanSansCN-Light_2.ttf');
    /*url('../fonts/syht.eot');*/ /* IE9+ */
}
/*超细*/
@font-face
{
    font-family:font3;
    src:url('../fonts/SourceHanSansCN-ExtraLight_2.otf'),
        url('../fonts/sourcehansanscnextralight2.ttf');
    /*url('../fonts/syht.eot');*/ /* IE9+ */
}
/*图标*/
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff2') format('woff2'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.row_center {display: flex;align-items: center;justify-content: center;}
.row_nocenter{display: flex;justify-content: center;}
.row_bw {display: flex;align-items: center;justify-content: space-between;}
.row_nobw {display: flex;justify-content: space-between;}
.row_start {display: flex;align-items: center;justify-content: flex-start;}
.row_noitme{display: flex;justify-content: flex-start;}
.row_end {display: flex;align-items: center;justify-content: flex-end;}
.column_center {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.column_bw {display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.column_start {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}


/* 加载动画 */
.preloader{position:fixed;top:0;left:0;z-index:9999999;width:100%;height:100%;background-color:#221e1f;overflow:hidden;}
.preloader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.preloader-icon{display:flex;padding:0;margin:0 auto; position: relative;justify-content: center;color: #fff;
    transition:all 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;}
span.loader-104 {width:135px;height:78px;background:url(../images/run.svg) no-repeat center;position:relative;}
.loader-104::before{content:"";left:40px;bottom:18px;position:absolute;width:36px;height:36px;border-radius:50%;background-color:#296AFF;
    background-image:radial-gradient(circle 8px at 18px 18px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 18px 0px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 0px 18px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 36px 18px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 18px 36px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 30px 30px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 5px 30px,#FFF 100%,transparent 0),radial-gradient(circle 4px at 5px 5px,#FFF 100%,transparent 0);
    background-repeat:no-repeat;
    -webkit-animation:rotationBack 3s linear infinite;
    animation:rotationBack 3s linear infinite;
}
span.loader-104::after{content:"";left:74px;bottom:15px;position:absolute;width:24px;height:24px;border-radius:50%;background-color:#296AFF;
    background-image:radial-gradient(circle 5px at 12px 12px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 12px 0px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 0px 12px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 24px 12px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 12px 24px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 20px 20px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 3px 20px,#FFF 100%,transparent 0),radial-gradient(circle 2.5px at 3px 3px,#FFF 100%,transparent 0);background-repeat:no-repeat;
    animation:rotationBack 4s linear infinite reverse;
-webkit-animation:rotationBack 4s linear infinite reverse;}
.preloader-icon2{height: 48px; margin-top: 20px;}
p.loader-109{font-size: 48px;white-space:nowrap;padding: 0;margin: 0;display: block; line-height: 48px;
    font-family: Arial, Helvetica, sans-serif;-webkit-text-stroke:1px  #fff;box-sizing:content-box;
    font-weight:700;
    color: #296AFF;
    letter-spacing: 2px;
    position: relative;}
   
p.loader-109 span{color:#fff; font-family: Arial, Helvetica, sans-serif;padding: 0;margin: 0;display: block; /* -webkit-text-stroke:2px  #fff; */
    font-weight:700;position:absolute;left:0;top:0;bottom: 0; width:100%;height:100%;overflow:hidden;z-index: 1; white-space:nowrap;box-sizing:content-box;
    -webkit-animation:animloader110 2s linear infinite alternate;
    animation:animloader110 2s linear infinite alternate;}

 @-webkit-keyframes rotationBack{0%{transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
@keyframes rotationBack{0%{transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
@-webkit-keyframes animloader110{
    0%{height:100%;}
100%{height:0%;}
}
@keyframes animloader110{
    0%{height:100%;}
100%{height:0%;}
}
@keyframes preloader-fx {
	0%{-webkit-transform:scale(0,0);transform:scale(0,0);opacity:.5}
    100%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:0}
}
@-webkit-keyframes preloader-fx {
	0%{-webkit-transform:scale(0,0);opacity:.5}
    100%{-webkit-transform:scale(1,1);opacity:0}
}



/*nav*/
.container_box{width:1200px!important;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;z-index:10;position:relative}
.container_box:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.row{margin-right:-15px;margin-left:-15px}
header{z-index:1000;position:relative;background:0 0; background: #fff;}
.topnav{position:relative;z-index:1001;margin-bottom:0;padding:3px 0;box-sizing:content-box;border-bottom: 1px solid #e8e8e8;}
.topnav .navbar{min-height:30px;background-color:transparent}
.navbar-nav{font-size:14px}
.topnav .navbar .navbar-nav>li{color:#606060;line-height:30px;padding:1px 10px}
.navbar-nav>li{float:left}
.topnav .navbar .navbar-nav>li>a{color:#296AFF!important;padding:0;position:relative;line-height:32px;height:32px;font-size:12px}
.lang-style{ margin-left: 40px;}
.active_on a{color: #296AFF !important;}
.hot-yhcx{color:#fff!important;font-size:14px!important;margin-top:-3px}
.topnav .navbar .navbar-nav>li .fa{color:#FC0;margin-right:5px;font-size:1.2em;font-weight:600;vertical-align:middle}
header .navbar .navbar-nav>li:last-child{margin-right:0}
.navbar-left{float:left!important}
.navbar-right{float:right!important}
header.fixed{z-index:1001;position:fixed;width:100%;top:0;padding:0 0 8px 0; background: #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
header.fixed ul.account{ margin-top: 13px;}
header.fixed .navbar .navbar-header{margin-top:5px}
header.fixed .navbar .navbar-brand{width:195px;height:40px;}
header.fixed .navbar .navbar-brand img{ width: 100%;}
header.fixed .navbar .navbar-nav>li>a{line-height:30px}
header.fixed .navbar .navbar-nav>li>a.login{margin-top:11px}
header .navbar{margin:0;border:0 none;background-color:transparent;position:relative;min-height:50px;border-radius:4px}
.navbar-right{float:right!important; }
.navbar-left{float:left!important}
ul.account{ margin-top: 22px;}
.account a{display: inline-block; width: 90px; height: 29px; line-height: 29px; color: #fff;font-size: 14px; text-align: center; border-radius:4px;}
.account a.login1{ background: #488aff;}
.account a.login1:hover{ background: #427be2;box-shadow: 0 10px 10px rgba(0,0,0,0.08); color: #fff;}
.account a.login2{ background: #296AFF;}
.account a.login2:hover{  background: #bc0f0f;box-shadow: 0 10px 10px rgba(0,0,0,0.08); color: #fff;}
header .navbar .navbar-header{margin-top:9px;display:block;float:left}
header .navbar .navbar-brand{display:inline-block;padding:0;height:48px;width:238px;background:url(../images/logo_03.png) no-repeat;background-size:100%;text-indent:-999em}
.header .topnav .navbar .navbar-nav{margin-left:0}
header .navbar .navbar-nav{margin-left:100px}
header .navbar .navbar-nav>li:last-child{margin-right:0}
header .navbar .navbar-nav>li>a{color:#666666;font-size:16px;line-height:70px;padding:5px 20px;position:relative;text-transform:uppercase}
header .navbar .navbar-nav>.active>a,header .navbar .navbar-nav>.active>a:focus,header .navbar .navbar-nav>.active>a:hover,header .navbar .navbar-nav>li>a:focus,header .navbar .navbar-nav>li>a:hover{color:#296AFF}
header.fixed .navbar #navbar{margin-top: 10px;}
header .navbar .navbar-nav>li>a.login{padding:7px 18px;line-height:20px;margin-top:21px;margin-right:15px;border-color:rgba(255,255,255,.2);border-style:solid;border-width:1px;color:#FFF;font-size:16px;position:relative;display:inline-block;border-radius:4px}
header .navbar .navbar-nav>li>a.login:hover{box-shadow:inset 0 0 0 2px #FC0;background-color:transparent}
.top-menu-header{border-bottom:1px rgba(255,255,255,.2) solid;opacity:.95}
.subnav{position:absolute;z-index:1001;left:0;width:100%;background-color:#fff;opacity:.95; box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.subnav.fixed{top:93px;position:fixed}



.subnav .sub-nav:after{content:'';clear:both}
.col-sm-12{width:100%}
.sub-nav dl{margin:20px 30px 20px 0;float:left;}
.sub-nav dl.fr:nth-of-type(1){width: 14%;}
.sub-nav dl:nth-of-type(2){width: 15%;}
.sub-nav dl:nth-of-type(3){width: 16.8%;}
.sub-nav dl:nth-of-type(4){width: 14%;}
.sub-nav dl:nth-of-type(5){width: 15.8%;}
.sub-nav dl:nth-of-type(6){width: 16.4%;}
.sub-nav dl dl{width: 100%;}
.sub-nav dl:last-child{ margin-right: 0;}
.sub-nav dt,.sub-nav dt a{font-size: 16px;line-height:30px;padding-bottom:10px;margin-top:20px;font-weight:bold; color: #333;}
.sub-nav dd{line-height:30px;position:relative;padding-bottom: 10px;}
.sub-nav dd img,.sub-nav dd p{display:block; float: left; margin-bottom: 10px;}
.sub-nav dd img{ width:30px; margin-right: 10px;}
.sub-nav dd p{font-size: 14px; color: #666666;width: calc(100% - 40px); line-height: 14px;}
.sub-nav dd p span{display: block; font-size: 12px; line-height: 12px; color: #999; margin-top:6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sub-nav dd a:hover p{font-size: 14px; color: #296AFF;}
.sub-nav dd .hot{background-image:url(../images/nav-hot.png);margin-left:5px;margin-top:10px;width:28px;height:11px;text-indent:-999em;display:block;float:right}
.sub-nav dd a:hover{color:#FC0}
.container_box ul.nav_ul{ width: 100%; text-align: center;}
.container_box ul.nav_ul li{ display: inline-block;  margin: 30px 20px;}
.container_box ul.nav_ul li img{display: inline-block; padding-bottom: 15px;}
.container_box ul.nav_ul li a{ color: #333333; font-size: 16px; display: inline-block;}
.container_box ul.nav_ul li:hover a{color: #296AFF;}
.nav-menu{width:100%;overflow:hidden;background-color:#F7FBFB;box-shadow:inset 0 -1px 0 #e3e3e3}
.nav-menu ul{display:block;margin:0 auto;padding:0}
.nav-menu ul li{float:left;width:20%;list-style:none}
.nav-menu ul li:first-child a{border-left:1px solid #e3e3e3}
.nav-menu ul a{color:#555;width:100%;font-size:16px;text-transform:uppercase;padding:20px 0;float:left;text-align:center;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background-color:#F7FBFB;letter-spacing:.5px;transition:all .2s ease-in-out}
.nav-menu ul a:hover{color:#F86539;background-color:#FFF}
.nav-menu ul .active a{color:#F86539;font-weight:700;background-color:#FFF;border-bottom:1px solid #FFF}
.nav-menu ul a:after{content:"";clear:both}
.nav_line{ width: 1200px; margin: 0 auto; padding: 15px 0; text-align: center; color: #333; font-size: 16px;border-top: 1px solid #d4d4d4;}
.nav_line span{ display: inline-block; padding-left: 40px;}
/*banner元素上下浮动*/
@keyframes arrow1{
    0%{transform: translateY(0);}
    100%{transform: translateY(28px);}
}
@-webkit-keyframes arrow1{
    0%{-webkit-transform: translateY(0);}
    100%{-webkit-transform: translateY(28px);}
}
@-o-keyframes arrow1{
    0%{transform: translateY(0);}
    100%{transform: translateY(28px);}
}
@-moz-keyframes arrow1{
    0%{transform: translateY(0);}
    100%{transform: translateY(28px);}
}
@-ms-keyframes arrow1{
    0%{transform: translateY(0);}
    100%{transform: translateY(28px);}
}
.arrow_box1{
    animation: arrow1 1.5s infinite;-webkit-animation: arrow1 1.5s infinite; -o-animation: arrow1 1.5s infinite;-moz-animation: arrow1 1.5s infinite; -ms-animation: arrow1 1.5s infinite;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-ms-animation-direction:alternate;-o-animation-direction:alternate;
}
@keyframes arrow2{
    0%{transform: translateY(0);}
    100%{transform: translateY(20px);}
}
@-webkit-keyframes arrow2{
    0%{-webkit-transform: translateY(0);}
    100%{-webkit-transform: translateY(20px);}
}
@-o-keyframes arrow2{
    0%{transform: translateY(0);}
    100%{transform: translateY(20px);}
}
@-moz-keyframes arrow2{
    0%{transform: translateY(0);}
    100%{transform: translateY(20px);}
}
@-ms-keyframes arrow2{
    0%{transform: translateY(0);}
    100%{transform: translateY(20px);}
}
.arrow_box2{
    animation: arrow2 1s infinite;-webkit-animation: arrow2 1s infinite; -o-animation: arrow2 1s infinite;-moz-animation: arrow2 1s infinite; -ms-animation: arrow2 1s infinite;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-ms-animation-direction:alternate;-o-animation-direction:alternate;
}
@keyframes arrow3{
    0%{transform: translateY(0);}
    100%{transform: translateY(15px);}
}
@-webkit-keyframes arrow3{
    0%{-webkit-transform: translateY(0);}
    100%{-webkit-transform: translateY(15px);}
}
@-o-keyframes arrow3{
    0%{transform: translateY(0);}
    100%{transform: translateY(15px);}
}
@-moz-keyframes arrow3{
    0%{transform: translateY(0);}
    100%{transform: translateY(15px);}
}
@-ms-keyframes arrow3{
    0%{transform: translateY(0);}
    100%{transform: translateY(15px);}
}
.arrow_box3{
    animation: arrow3 1s infinite;-webkit-animation: arrow3 2s infinite; -o-animation: arrow3 2s infinite;-moz-animation: arrow3 2s infinite; -ms-animation: arrow3 2s infinite;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-ms-animation-direction:alternate;-o-animation-direction:alternate;
}
@keyframes arrow4{
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}
@-webkit-keyframes arrow4{
    0%{-webkit-transform: translateY(0);}
    100%{-webkit-transform: translateY(10px);}
}
@-o-keyframes arrow4{
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}
@-moz-keyframes arrow4{
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}
@-ms-keyframes arrow4{
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}
.arrow_box4{
    animation: arrow4 1.5s infinite;-webkit-animation: arrow4 1.5s infinite; -o-animation: arrow4 1.5s infinite;-moz-animation: arrow4 1.5s infinite; -ms-animation: arrow4 1.5s infinite;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-ms-animation-direction:alternate;-o-animation-direction:alternate;
}
@keyframes arrow5{
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}
@-webkit-keyframes arrow5{
    0%{-webkit-transform: translateY(0);}
    100%{-webkit-transform: translateY(10px);}
}
@-o-keyframes arrow5{
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}
@-moz-keyframes arrow5{
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}
@-ms-keyframes arrow5{
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}
.arrow_box5{
    animation: arrow5 2s infinite;-webkit-animation: arrow5 2s infinite; -o-animation: arrow5 2s infinite;-moz-animation: arrow5 2s infinite; -ms-animation: arrow5 2s infinite;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-ms-animation-direction:alternate;-o-animation-direction:alternate;
}
@keyframes arrow6{
    0%{transform: translateY(0);}
    100%{transform: translateY(20px);}
}
@-webkit-keyframes arrow6{
    0%{-webkit-transform: translateY(0);}
    100%{-webkit-transform: translateY(20px);}
}
@-o-keyframes arrow6{
    0%{transform: translateY(0);}
    100%{transform: translateY(20px);}
}
@-moz-keyframes arrow6{
    0%{transform: translateY(0);}
    100%{transform: translateY(20px);}
}
@-ms-keyframes arrow6{
    0%{transform: translateY(0);}
    100%{transform: translateY(20px);}
}
.arrow_box6{
    animation: arrow6 2.5s infinite;-webkit-animation: arrow6 2.5s infinite; -o-animation: arrow6 2.5s infinite;-moz-animation: arrow6 2.5s infinite; -ms-animation: arrow6 2.5s infinite;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-ms-animation-direction:alternate;-o-animation-direction:alternate;
}
/*banner*/
.banner1{background:url(../images/banner1.jpg) center center no-repeat;}
.banner2{background:url(../images/banner2_06.jpg) center center no-repeat;}
.banner3{background:url(../images/banner3_06.jpg) center center no-repeat;}
.banner4{background:url(../images/banner4_06.jpg) center center no-repeat;}
.margin_mid{width: 1200px;height: 100%; margin: 0 auto; position: relative;}
.index_img1{position:absolute;top: 100px; left: 240px;}
.index_img2{position:absolute;top: 200px; left: -200px;}
.index_img3{position:absolute;bottom:-20px; left:0px;}
.index_img4{position:absolute;right:-188px;top:180px}
.slider-text1{right: 0; margin-top: 180px; width:655px; margin-left: 460px;}
.index_img5{position:absolute;top: 138px; left: 236px;}
.index_img6{position:absolute;bottom: 115px; left: -166px;}
.index_img7{position:absolute;bottom:-20px; left:200px;}
.index_img8{position:absolute;right:-100px;top:90px}
.index_img9{position:absolute;left:300px;top:0px}
.index_img10{position:absolute;left:0px;bottom:0px}
.index_img11{position:absolute;right:-274px;top:5px}
.banner-engine{position:relative;overflow:hidden; min-width: 1200px; margin: 0 auto;}
.banner-engine .banner-ul{position:relative;width:100%;height:800px}
.banner-engine .banner-text{position:absolute;left:0;top:-800px;width:100%;height:552px}
.banner-engine .banner-text{display:none}
.banner-engine .banner-text1{font-size:50px;line-height:70px;color:#fff;font-weight: bold; margin-top: 20px;}
.banner-engine a{width: 190px; height: 40px; text-align: center; line-height: 40px; border-radius: 50px; color: #fff; display: inline-block; font-size: 16px; background: #296AFF; margin-top: 20px;}
.banner-engine .banner-text2{margin-top:28px;font-size:20px;line-height:20px;color:#e4e7eb; font-weight: lighter;}
.banner-engine .banner-text3{color: #fff;font-size: 40px;font-weight: bold;padding-top: 15px;}
.banner-engine .banner-text1_p1{text-align: center;}
.banner-engine .banner-text1_p2{text-align: center; font-size: 18px;}
.banner-engine .banner-text1_p3{font-size: 18px; margin-top: 10px;}
.banner-engine .test_four span{color: #fff;font-size: 20px; display: inline-block; padding: 0 20px; margin-top: 60px;}
.banner-engine .banner-link-button{display:inline-block;border:1px solid #fff;margin-top:54px;width:160px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#fff}
.banner-engine .banner-link-button:hover{background:#fff;color:#333;border:1px solid #fff}
.banner-ul li{display:none;height:100%;width:100%;float:left; position: relative;}
.banner-engine .banner-ul li{z-index:-1;position:absolute;left:0;top:0;display:block;height:100%;width:100%;float:left}
.banner-engine .banner-ul li:first-child{z-index:initial}
.banner-point{display:none;position:absolute;bottom:48px;left:0;width:100%;height:18px;line-height:18px}
.banner-engine .banner-point{display:block}
.slider-main{display:none;position:relative;margin:0 auto;min-width:1200px;max-width:1200px}
.banner-engine .slider-main{display:block}
.slider-text{position:absolute;margin-top:270px}
.slider-texta{float: right; margin-top: 100px !important;right: 0;}
.banner-area{width:100%;text-align:center}
.banner-area li{margin:0 15px;display:inline-block;width:10px;height:10px;background:rgba(255,255,255,0.5); border-radius: 50%;}
.banner-area li.active{background:#296AFF}
#banner-engine .banner-ul{ height: 556px;}
#banner-engine .banner-text{top:-390px;width:100%;}
#banner-engine .slider-text{ margin-top: 0;}
#banner-engine .banner1{background:url(../images/1_banne.jpg) center center no-repeat;}
#banner-engine .index_img4{top: 50px;}
.fixed_img1{position:absolute;top: 100px; left: 240px;}
.fixed_img2{position:absolute;top: 200px; left: -200px;}
.fixed_img3{position:absolute;bottom:-20px; left:0px;}
.fixed_img4{position:absolute;right:0px;top:50px}
.fixed_img5{position:absolute;bottom: -20px;left: 250px;}

/*首页第一个table，与其他公用*/
.investment_f .investment_title{overflow:hidden;text-align: center;}
.investment_title div{ display: inline-block;background:#f9f8f8; border-radius: 50px;position: relative;
    width: 180px;font-size: 16px; color: #333; height: 40px; text-align: center; line-height: 40px;
    margin: 20px;
    position: relative; cursor: pointer;
    -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s
}
/*.investment_title div:hover{ background: #296AFF; color: #FFFFFF;}
.investment_title div:hover p i{opacity: 1;}*/
.investment_title div p{display: block;position: relative;}
.investment_title div p i{opacity: 0; display: block; width: 10px; height: 10px; background:#296AFF;
    position: relative;left: 50%; margin-left: -5px;margin-top: -5px;
    -webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all 0.1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;
    transform:rotate(45deg);-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}

.investment_title div.on{    background: #296AFF!important;
    color: #fff!important;}
.investment_con{ clear:both;}
.investment_con_list{display:none;
    -webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all 0.1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.Popup_window {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 9999;
}
.pop_inbox{width: 800px; height: auto; padding:30px 30px 30px 30px; background:url(../images/pou_13.jpg) no-repeat center top #fff ; background-position: 0 0; border-radius:16px; position: relative; background-size: 100% 200px; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.pop_inbox .fea_boxa{display: block; position:absolute; top: 15px; right: 15px; width: 50px; height: 50px;}
.pop_inbox > h1{font-size: 24px; color: #fff; line-height: 40px; font-weight:400;}
.po_main{margin-top: 40px;}
.po_main .po_ltele{margin-bottom: 24px;}
.wpo_l{float: left; width: 38%;}
.po_main .po_ltele{flex-wrap: wrap;}
.po_main .po_ltele img.ic{width: 38px; margin-right: 15px;}
.po_main .po_ltele  span{font-size: 24px; color: #333; font-weight:300; }
.po_main .po_ltele:nth-of-type(3){width: 160px;margin-bottom: 0;}
.po_main .po_ltele:nth-of-type(3) img{display: block; max-width: 100%; margin: 0 auto 10px auto;}
.po_main .po_ltele:nth-of-type(3) span{text-align: center; line-height: 30px; color: #333; font-size: 16px; font-weight: 300; display: block;width: 100%;}
.wpo_r{float:right; width: 58%;}
.wpo_r h3{font-size: 18px; color: #333; padding-bottom: 8px; font-weight:300;}
.wpo_r input{display: block; width: 100%; height: 44px; line-height: 44px; padding-left: 10px; border: 1px solid rgba(0,0,0,0.08); font-size: 16px; margin-bottom: 10px; font-weight: 300;}
.wpo_r textarea{display: block; width: 97%; padding-left: 10px; font-size: 16px; line-height: 24px;border: 1px solid rgba(0,0,0,0.08); height: 120px; margin-bottom: 10px;font-weight: 300;}
.wpo_r input.buttonpo{width: 100%; height: 44px;  color: #fff; font-size: 14px; font-weight: 600; border: none; background:#d71418; margin-bottom: 0;}
.wpo_r p{color: #d71418; font-size: 14px;font-weight: bold; padding-top: 10px; line-height: 24px;}
@media screen and (max-width:1440px) {
    .pop_inbox > h1{font-size: 20px;line-height: 30px;}
    .pop_inbox{ width: 780px;;padding: 20px 30px;background-size: 100% 160px;}
    .wpo_r input{height: 38px; line-height: 38px; margin-bottom: 8px; font-size: 15px;}
    .wpo_r textarea{height: 100px; margin-bottom: 8px;font-size: 15px;}
    .wpo_r input.buttonpo{height: 38px;}
}



.index_box{width: 100%;}
.main_middle{width: 1200px; margin: 0 auto; overflow: hidden;}
.title_box h1{font-size:40px; font-weight: lighter; text-align: center;color: #333; margin-top: 70px;}
.title_box p{ text-align: center;font-size: 14px; color: #333; padding: 20px 0 30px;}
.tabs_box{width:100%;margin:0 auto;margin-bottom:40px}
.tabs_box ul{text-align: center; width: 100%;}
.tabs_box ul li{ display: inline-block; width: 180px; margin: 20px; position: relative;}
.investment_title div p{display:block;font-size: 16px; height: 40px; text-align: center; line-height: 40px; border-radius: 50px;position: relative;}
.investment_title div p i{opacity: 0; display: block; width: 10px; height: 10px; background:#296AFF;
    position: relative;left: 50%; margin-left: -5px;margin-top: -5px;
    -webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all 0.1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;
    transform:rotate(45deg);-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.investment_title div.on p i{opacity: 1;}
.tabulous_active{background:#296AFF!important;color:#fff!important}
.tabulous_active i{opacity:1 !important;}
#tabs_container{padding:40px;position:relative;zoom:1;width: 100%; min-height: 550px;}
#tabs_container .tbas_mi{float:left;margin-right:40px;zoom:1; width: 100%;
    -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}
#tabs_container .tabs_left{width: 550px;}
#tabs_container .tabs_left img{ width: 100%;}
#tabs_container .tabs_right{ position: relative; height: 350px;}
#tabs_container .tabs_right .postion_p1{ top:120px; left: 100px; position: relative; display:block;}
#tabs_container .tabs_right .postion_p1 p{line-height: 30px;font-size:16px; color: #333;}
#tabs_container .tabs_right .postion_p1 .ab{ display:block;
    /* url(../images/index_06.png) no-repeat center left ; background-position-x: 10px;*/
    background-size: 30px 10px;color: #296AFF; margin-top: 30px; margin-left: 0;
 width: 150px; height: 45px; line-height:45px; border: 1px solid #296AFF; text-align: center;/*border-radius: 45px; */
transition: all 0.4s;-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;}
#tabs_container .tabs_right .postion_p1 .ab:hover{background: #296AFF; color: #fff; }
#tabs_container .tabs_right .postion_p1 a:hover{ margin-left: 10px;}

.transition{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
.make_transist{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.hidescale{-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);filter:alpha(opacity=0);opacity:0}
.showscale{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
.hideleft{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0}
.showleft{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
.hidescaleup{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0}
.showscaleup{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
.hideflip{-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:rotatey(-90deg) scale(1.1);-moz-transform:rotatey(-90deg) scale(1.1);-o-transform:rotatey(-90deg) scale(1.1);-ms-transform:rotatey(-90deg) scale(1.1);transform:rotatey(-90deg) scale(1.1);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.showflip{-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s;-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);-o-transform:rotatey(0deg) scale(1);-ms-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.tabulousclear{display:block;clear:both}

/*首页解决方案背景切换视差*/
.title_po{ position: absolute; top: 50px; left: 50%; transform:translateX(-50%);z-index:10;}
.title_po h1{color: #fff; margin-top: 0;}
.title_po p{color: #fff;}
.container2_box{ width: 1200px;margin: 0 auto;padding: 0;}
.index-page .solution-more {background: #151515;width: 100%;overflow: hidden}
.index-page .solution-more-slide .container2_box {height:620px;position: relative}
.index-page .solution-more-slide .hd {width: 220px;position: absolute;z-index: 2;left: 0;color: #fff;top: 50%; border-right: 1px solid rgba(255,255,255,0.28);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);}
.index-page .solution-more-slide .hd ul{ width: 185px;}
ul.ul_bd{width: 1920px;margin-left: -360px;position: relative;height: 100%;}
ul.ul_bd li.item-1{display: list-item;}
ul.ul_bd li.li_a{ width: 100%;position: absolute; left: 0px; top: 0px;display: none}

.index-page .solution-more-slide .hd li {height:56px;position: relative;cursor: default;cursor: pointer; margin: 17px 0;
    transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
/*.index-page .solution-more-slide .hd li:after {content: "";width: 80%;border-bottom: 1px solid #2a2a2a;position: absolute;left: 10%;bottom: 0}*/
.inner{ width:944px;position: absolute; right: 0;top: 50%; color: #fff; height: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);}
.index-page .solution-more-slide .hd li:before {
    background: #296AFF;
    /*background: -moz-linear-gradient(left, #fd7d7d 0%, #f05251 100%);
    background: -webkit-linear-gradient(left, #fd7d7d 0%, #f05251 100%);
    background: linear-gradient(to right, #fd7d7d 0%, #f05251 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7d7d', endColorstr='#f05251', GradientType=1);
    content: "";position: absolute;top: 0;left: 0;bottom: 0;z-index: 1;width: 0;transition: all .2s;
}
.index-page .solution-more-slide .hd li.on:before {width: 100%}
.index-page .solution-more-slide .hd li.on:after {display: none}
.index-page .solution-more-slide .hd .text_bg {position: relative;z-index: 2; line-height: 56px; text-align: center;}
.index-page .solution-more-slide .bd li.item-1 {
    background: url(../images/shic1.jpg) no-repeat center top;
    background-attachment: fixed;background-size: cover;
    background-repeat: no-repeat; background-position: center center;
}
.index-page .solution-more-slide .bd li.item-2 {
    background: url(../images/shic2.jpg) no-repeat center top;
    background-attachment: fixed;background-size: cover;
    background-repeat: no-repeat; background-position: center center;
}
.index-page .solution-more-slide .bd li.item-3 {
    background: url(../images/shic3.jpg) no-repeat center top;
    background-attachment: fixed;background-size: cover;
    background-repeat: no-repeat; background-position: center center;
}
.index-page .solution-more-slide .bd li.item-4 {
    background: url(../images/shic4.jpg) no-repeat center top;
    background-attachment: fixed;background-size: cover;
    background-repeat: no-repeat; background-position: center center;
}
.index-page .solution-more-slide .bd li.item-5 {
    background: url(../images/shic5.jpg) no-repeat center top;
    background-attachment: fixed;background-size: cover;
    background-repeat: no-repeat; background-position: center center;
}
.index-page .solution-more-slide .bd li.item-6 {
    background: url(../images/shic6.jpg) no-repeat center top;
    background-attachment: fixed;background-size: cover;
    background-repeat: no-repeat; background-position: center center;
}

.inner_top h1,.inner_top a{display: block;}
.inner_top h1{font-size: 34px;font-weight: normal;}
.inner_top a{width: 160px; height: 42px; text-align: center; line-height: 36px; border: 2px solid #fff; color: #fff;}
.inner_top a:hover{background: #296AFF;border: 2px solid #296AFF;}
.container2_box .inner p.p{font-size: 16px; color: #fff; line-height: 28px; margin-top:80px;}
.container2_box .inner_img ul{width: 100%; margin-top:50px;}
.container2_box .inner_img ul li{width: 15%; float: left; margin-left: 2%; margin-top: 30px;}
.container2_box .inner_img ul li:nth-of-type(6n+1){ margin-left: 0;}
.container2_box .inner_img ul li img{display: block; margin: 0 auto;transition: all 0.5s;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;}
.container2_box .inner_img ul li p{text-align: center; font-size: 14px; height:40px; line-height: 20px; padding-top: 10px;}
.container2_box .inner_img ul li:hover img{transform: rotateY(360deg);
    -WEBKIT-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);}
ul.in_logo{ width: 100%; margin-bottom: 50px;}
ul.in_logo li{ float: left; width: 12.9%; margin-left: 1.6%;border:1px solid #dad9da; margin-bottom: 20px;}
ul.in_logo li:nth-of-type(7n+1){margin-left: 0;}
ul.in_logo li img{width: 100%;}
/*shuzi滚动*/
.index_box_bg1{ background: url(../images/shic_2.jpg) no-repeat center;
    background-attachment: fixed;background-size: cover;background-position: center center; }
.cla_num1{text-align:center;padding:40px 0 0}
.cla_num1 li{float:left;width:25%;text-align:center;font-size:16px;color:#999;cursor:pointer;position: relative;}
.cla_num1 li .shu{font-size:40px;color:#fff}
.cla_num1 li .shu span{font-size: 66px;font-weight:bold;}
.cla_num1 li p.p1{font-size: 16px; color: #fff; padding: 20px; text-align: center;}
.cla_num1 li p.p1:after { content: "";height: 60%;border-left: 1px solid rgba(255,255,255,0.3);position: absolute;right: 0;bottom: 0;}
.cla_num1 li p.p2:after{display: none !important;}
/*首页服务*/
.index_service{width: 100%;}
.main_middle_mr{margin: 100px auto; overflow:hidden;}
.index_service .in_title{ margin-top: 50px;}
.index_service .in_title h1{font-size:50px; font-weight: lighter; color: #333;}
.index_service .in_title h2{font-size:50px; font-weight: lighter;color: #296AFF;}
.index_service .in_title p{font-size: 16px;color: #333;}
.index_service .in_title .block_lin{width: 50px; height: 6px; margin-top: 20px; background: #296AFF;}
.in_service_main{position: relative; z-index: 99; width: 350px;margin:35px;height:276px;}
.in_service_main .block_lin1{width: 50px; height: 3px; margin-top: 20px; background: #fff;}
.in_serc_r{width:790px; height: 340px; overflow:hidden; position: relative; color: #fff; background: #347adb;}
.in_service_main h3{font-weight: normal;font-size: 26px; color: #fff; padding: 20px 0;}
.in_service_main p{font-size: 16px; line-height: 26px; color:#fff;transition:all .3s ease-in;}
.in_service_main a{color: #fff; font-size: 16px; background:#296AFF; position:absolute;bottom: 0px;width:130px; height: 45px; line-height: 45px; text-align:center;border-radius: 50px;}
.in_service_main a:hover{ color: #fff;box-shadow: 0 5px 25px 5px rgba(32, 8, 167, 0.568);}
.in_serc_r img{ position:absolute; top: 0; right:-42px;}
.index_service ul{ margin-top:30px;}
.index_service ul li{float: left; width:380px; height: 340px; margin-left: 30px; position: relative; overflow: hidden;}
.index_service ul li:nth-of-type(1){ margin-left: 0; background: #062d75;}
.index_service ul li:nth-of-type(2){background: #4f81be;}
.index_service ul li:nth-of-type(3){background: #15267a;}
.index_service ul li img{position: absolute; top: 20px; left: -30px;}
.in_serc_r:hover img,.index_service ul li:hover img{animation: arrow1 1.5s infinite;-webkit-animation: arrow1 1.5s infinite; -o-animation: arrow1 1.5s infinite;-moz-animation: arrow1 1.5s infinite; -ms-animation: arrow1 1.5s infinite;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-ms-animation-direction:alternate;-o-animation-direction:alternate;}
/*底部通用*/
.bottom_box{ width: 100%; border-top: 1px solid #d1d1d1;}
.bottom_magin{ width: 1200px; margin:90px auto; position: relative;}
.bottom_magin1{ margin: 0 auto; height: 404px;}
.bottom_magin h1.h1{ font-size: 50px; text-align: center; font-weight: lighter;}
.zhuce_box{ width: 820px; margin: 60px auto 0 auto; height: 53px;border-radius: 50px; background: #f6f6f6; border: 1px solid #d8d8d8; position: relative;}
.zhuce_box input.zhuc_but{ width: 180px; height: 54px;border-radius:50px; background: #296AFF; font-size: 16px; line-height: 54px; text-align: center; color: #fff; position: absolute;right: 0; top: 0; transition: all 1s;}
.zhuce_box a.zhuc_but{ width: 180px; height: 54px;border-radius:50px; background: #296AFF; font-size: 16px; display: inline-block;line-height: 54px; text-align: center; color: #fff; position: absolute;right: 0; top: 0; transition: all 1s;}
.zhuce_box:hover input.zhuc_but{ box-shadow: 0 0 10px rgba(215,20,20,0.6);}
.zhuce_box:hover a.zhuc_but{ box-shadow: 0 0 10px rgba(215,20,20,0.6);}
.zhuce_box input:first-child{ background:none; height: 53px;font-size: 16px; width:calc(100% - 180px); padding-left: 12px;}
.bottom_magin .bot_mi_Left{width: 682px; position:absolute; height:274px; bottom: 0; left: 25px;}
.bottom_magin .bot_mi_Left img.im1{position: absolute; left: 0; bottom: 0;}
.bot_mi_Left .pu_box{ position: absolute; color: #333; font-size: 16px; width: 72px; height: 73px; text-align: center; line-height: 73px;
    background: url(../images/footer_74.png) no-repeat center;}
.bot_mi_Left .pu1{ top: 20px; left: 0;}
.bot_mi_Left .pu2{ top: -84px; left: 150px;}
.bot_mi_Left .pu3{ top: -48px; right: 250px;}
.bot_mi_Left .pu4{ top: 45px; right: 85px;}
.bot_mi_right{width: 470px; position: absolute; right: 0; top:30%;}
.bot_mi_right h1{font-size: 46px; font-weight: lighter; color: #333;}
.bot_mi_right p{font-size: 20px;color: #333; padding-top: 15px;}
.bot_mi_right a{display: block; width: 160px; height: 42px; line-height: 42px; text-align: center;color: #fff;background: #296AFF; border-radius: 50px; margin-top: 30px;box-shadow: 0 5px 20px rgba(120,15,15,0.5)}
.bot_mi_right:hover a{ box-shadow:none;color: #fff;}
.bottom_red{ width: 100%; height: 156px; background: #296AFF;
    background-size: 100% 100%;background-attachment: fixed;background-size: cover;background-position: center center;
}
.bottom_red .bottom_magin{ width: 1200px; margin: 0 auto;}
.bottom_magin ul{ position: relative;}
.bottom_magin ul li{float: left; width: 25%; margin-top:45px;}
.bottom_magin ul li:last-child{width: 20%;float: right;}
.b_ma_right{ margin-left:20px;}
.b_ma_right h1{font-size: 18px; color: #fff; margin-top:15px;}
.b_ma_right p{font-size: 14px;color: #fff; margin-top: 5px;}





footer{width: 100%; background:#1d1d1d; padding-top:50px;}
.foot_bottom_magin{ width: 1200px; margin: 0 auto; padding-bottom: 30px;}
.footer_pho .f_ma_left{float: left;}
.footer_pho .f_ma_right{float: left; margin-left: 20px; }
.f_ma_right p{font-size: 18px; color: #fff;}
.f_ma_right h1{font-size: 22px; color: #fff;}
.footer_left{ width: 260px;}
.footer_left h2.h2{ font-size: 18px;font-weight: normal; color: #fff; padding: 15px 0;}
.footer_left .add_box { padding-bottom: 5px;}
.footer_left .add_box span{font-size:14px; color: #c1c1c1; line-height: 26px; display: block;}
.footer_left .add_box span:first-child{width:47px; text-align: right; margin-right: 10px; display: block;}
.footer_left .add_box span:nth-of-type(2){width:calc(100% - 70px);}
.footer_right{width: 900px;}
.footer_right ul{width: 100%;}
.footer_right ul li{float: left; width:15%;    margin-left: 6%;}
.footer_right ul li:nth-of-type(3){width: 12%;}
.footer_right ul li:nth-of-type(4){width: 10%; margin-left: 4.5%;}
.footer_right ul li h1{font-size: 16px; font-weight: normal; color: #fff; padding-bottom: 10px;}
.footer_right ul li a{display: block; font-size: 14px;color: #c1c1c1; line-height: 30px;}
.footer_right ul li .erm{ width: 100%; overflow: hidden;}
.footer_right ul li .erm img{max-width: 100%;}
.footer_right ul li p{font-size: 14px;font-size: 14px;color: #c1c1c1; line-height: 30px;}
.footer_ban{width:800px;margin:0 auto; padding:20px 0;}
.footer_ban a{display:inline-block;text-decoration:none;height:20px;line-height:20px;}
.footer_ban p.er1{float: left; color:#939393; font-size: 14px; padding-right: 20px;}
.footer_ban p.er2{float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393; font-size: 14px;}
.footer_ban img{float: left;}
.youq_box{ width: 100%; border-top: 1px solid #434343;border-bottom: 1px solid #434343;}
.youq_mid{width: 1200px; margin: 15px auto;}
.yq_left{font-size: 14px; line-height:30px;color:#c1c1c1; padding-right: 10px; width:100px;}
.yq_right{width: calc(100% - 100px);}
.yq_right a{line-height:30px; color:#c1c1c1;font-size: 14px; }
.youq_mid p{font-size: 14px; color: #c1c1c1;line-height: 36px;}
.youq_mid p a{font-size: 14px; color: #c1c1c1;line-height: 36px; display: inline-block; padding-left: 20px;}

.row_center {display: flex;align-items: center;justify-content: center;}
.row_bw {display: flex;align-items: center;justify-content: space-between;}
.row_start {display: flex;align-items: center;justify-content: flex-start;}
.row_noitme{display: flex;justify-content: flex-start;}
.row_end {display: flex;align-items: center;justify-content: flex-end;}
.column_center {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.column_bw {display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.column_start {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}




.back_top{ position: fixed; right:0px; bottom:36%;width: 80px;height: 300px; z-index: 999; }
.back_top .sdph{
    width: 100%;
    box-shadow: 0 0px 10px rgba(0,0,0,0.1); background: #fff; position: relative;margin-bottom: 15px; border-radius: 8px 0 0 8px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s}
.back_top .tel_z{height: 100%;margin: 0px auto; padding: 10px 0; text-align: center;
    background: #fff; border-radius: 8px 0 0 8px;
     position: relative;z-index:99;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s}
.back_top .sdph:hover .tel_z{z-index: 111; border-radius: 0 0 0 0;}   
.back_top .tel_z img{display: block; width: 40px; margin: 0 auto; }
.back_top .tel_z span{font-size: 14px;text-align: center;margin-top: 10px; display: block;}
.back_top .sd1 .shz,.back_top .sd2 .shz{height: 100%; width:160px; background: #d41414; color: #fff; font-weight: bold;font-size: 20px;line-height: 50px;
    display: flex;
  justify-content: center;
  align-items: center;
text-align: center; position: absolute; right:-100%; top: 0; border-radius:8px 0  0 8px; z-index: 0;
opacity: 0;left: 0;transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s}
.back_top .sd1:hover .shz,.back_top .sd2:hover .shz{opacity: 1; left:-160px;z-index: 1;}
.back_top .sd3 .sderb{position: absolute;width: 150px; height: 156px; border-radius: 8px; background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.1);top: 0;left: 0;display:none;
    opacity: 0;transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s}
.back_top .sd3:hover .sderb{ opacity: 1;display: block; left:-150px; border-radius: 8px 0 8px 8px;}   
.sderb img{display: block; margin: 5px auto}
.sderb p{text-align: center; font-size: 14px; padding:0 0 5px 0; color: #333;}
.back_top:hover #top{ position: relative; z-index: 99999;}
.back_top a.topp{width:50px; height: 50px; display: block;margin: 0 auto;}
.back_top a.topp img{opacity: 0.4; transition: all 0.3s;width: 100%; 
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.back_top a.topp:hover img{opacity: 1;}
/*软件开发*/
.software_Box1{ width: 100%;}
.software_Box1 ul.software_ul{text-align: center; padding: 80px 0;}
.software_Box1 ul.software_ul li.software_li{ width: 24%; background: #fff; display: inline-block;box-shadow: 0 0 20px rgba(0,0,0,0.1); padding:30px; height: 440px;
     float: left; margin:0 4.6%; position: relative;}
.software_title h1{color: #333;font-size: 24px;text-align: center;}
.software_title p{font-size:16px; font-weight: lighter; text-align: center; padding:12px 0;}
.software_title img{display: block; margin: 0 auto;}
.software_a{ padding-top: 30px;}
.software_a a{display: block; font-size:16px;color: #333; line-height: 32px; padding-left: 30px; text-align: left;}
.software_a a:hover{ background: url(../images/1_a_55.png) no-repeat center left; color: #296AFF;}
.software_css3 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.software_css3{width: 50px; height: 50px;border-radius: 50%;position:  absolute;opacity: 1;top:-25px; left: -25px;background: #296AFF; }
.software_css3:before, .software_css3:after {content: '';border:2px #296AFF solid; border-radius: 50%;width: 100%;height: 100%;position: absolute;left: -2px; top: -2px;}
.software_Box1 ul.software_ul li.software_li:hover .software_css3:before {opacity: 1;
    transform: scale(1, 1);-webkit-animation: spWaveBe 0.6s infinite linear;animation: spWaveBe 0.6s infinite linear;}
.software_Box1 ul.software_ul li.software_li:hover .software_css3:after { opacity: 0;transform: scale(0, 0);
    -webkit-animation: spWaveAf 0.6s infinite linear; animation: spWaveAf 0.6s infinite linear;}
@-webkit-keyframes spWaveAf {
    from {
        -webkit-transform: scale(0.5, 0.5);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}
@keyframes spWaveAf {
    from {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
    to {
        transform: scale(1, 1);
        opacity: 1;
    }
}
@-webkit-keyframes spWaveBe {
    from {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.5, 1.5);
        opacity: 0;
    }
}
@keyframes spWaveBe {
    from {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.5, 1.5);
        opacity: 0;
    }
}
.soft_anim{ position: relative; width: 100%;height: 400px; margin-bottom: 30px;}
.soft_anim .s_img1{ position: absolute;top: 87px;left: 200px;z-index:2;}
.soft_anim .s_img2{ position: absolute; top:0; left: 287px;z-index: 1;}
.soft_anim .s_img3{ position:absolute;bottom: 0;}
.soft_pu{ position: absolute;width: 300px; right: 200px; top: 10px;z-index: 3;}
.soft_pu .pu_box{position: absolute; color: #333;font-size: 16px;width: 72px;height: 73px;text-align: center; line-height: 73px;background: url(../images/footer_74.png) no-repeat center;}
.soft_pu .pu1{ top: 0; left: 10px;}
.soft_pu .pu2{ top: 0; left: 100px;}
.soft_pu .pu3{ top: 0; left: 200px;}

.index-page{background: url(../images/shic4.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.soft_fixed_box{ margin: 0 auto; width: 1200px;}
.soft_fixed_box .soft_left{ width: 578px;}
.soft_fixed_box .soft_right{width: 600px;}
.title_box1 h1 {font-size: 40px;font-weight: lighter;text-align: center; color: #fff;padding-top: 70px;}
.title_box1 p {text-align: center;font-size: 14px;color: #fff;padding: 20px 0 30px;}
.soft_fixed_box_a{padding: 50px 0 70px 0;}
.soft_right ul.sofo_ys_b li{padding: 20px 0; border-bottom: 1px solid #454656;}
.soft_right ul.sofo_ys_b li:last-child{ border:none;}
.soft_right ul.sofo_ys_b li .so_fot_l1{width:100px; height: 100px;border-radius: 4px; background:url(../images/1_a_06.png) no-repeat center #296AFF;}
.soft_right ul.sofo_ys_b li .so_fot_l2{width:100px; height: 100px;border-radius: 4px; background:url(../images/1_a_08.png) no-repeat center #296AFF;}
.soft_right ul.sofo_ys_b li .so_fot_l3{width:100px; height: 100px;border-radius: 4px; background:url(../images/1_a_10.png) no-repeat center #296AFF;}
.so_fot_r{ padding-left:28px;}
.so_fot_r h1{font-size: 20px; color: #fff; padding-top: 15px;}
.so_fot_r p{font-size: 16px; color:#d3d3d3; padding-top: 15px;}

.main_middle_mr1{margin: 0px auto 80px auto;}
.main_middle_mr1 ul.hangy_ul{ padding-top: 50px;}
.main_middle_mr1 ul.hangy_ul li{float: left; width: 23%;height: 330px; margin-left: 2.6%; position:relative; overflow: hidden; padding: 30px 20px; margin-bottom: 30px;}
.main_middle_mr1 ul.hangy_ul li:nth-of-type(4n+1){ margin-left: 0;}
.main_middle_mr1 ul.hangy_ul li:nth-of-type(1){ background: #193f9b;}
.main_middle_mr1 ul.hangy_ul li:nth-of-type(2){ background: #193f9b;}
.main_middle_mr1 ul.hangy_ul li:nth-of-type(3){ background: #015aa0;}
.main_middle_mr1 ul.hangy_ul li:nth-of-type(4){ background: #15267a;}
.main_middle_mr1 ul.hangy_ul li:nth-of-type(5){ background: #193f9b;}
.main_middle_mr1 ul.hangy_ul li:nth-of-type(6){ background: #015aa0;}
.main_middle_mr1 ul.hangy_ul li:nth-of-type(7){ background: #2b6abe;}
.main_middle_mr1 ul.hangy_ul li:nth-of-type(8){ background: #015aa0;}
.main_middle_mr1 ul.hangy_ul li img{ position:absolute; top:46%; left: 0px;}
.main_middle_mr1 ul.hangy_ul li a{ background: url(../images/jt_07.png) no-repeat top left; padding-top:24px;color: #fff;  display: inline-block;  width: 150px;}
.main_middle_mr1 ul.hangy_ul li:hover a{ padding-left: 20px;}
.main_middle_mr1 ul.hangy_ul li:hover img{animation: arrow1 1.5s infinite;-webkit-animation: arrow1 1.5s infinite;
    -o-animation: arrow1 1.5s infinite;-moz-animation: arrow1 1.5s infinite; -ms-animation: arrow1 1.5s infinite;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;
    -moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;
    -o-animation-timing-function:ease-in-out;animation-direction:alternate;
    -webkit-animation-direction:alternate;-moz-animation-direction:alternate;
    -ms-animation-direction:alternate;
    -o-animation-direction:alternate;}
.index_box_lin{width: 100%; border-bottom: 1px solid  #ddd;}

.tab-nav { background: url(../images/1_a_52.png) no-repeat center; width: 100%; height: 123px; position:relative;}
.tab-nav .dot{width: 30px; height: 30px; border-radius: 50%; background: #d71418; border: 3px solid #fff; position: relative; margin: 0 auto;}
.tab-nav .dot .dot_orange{ background: #ff9000; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 5px;left: 5px;}
.pinz_box .tab{ margin-top:70px;}
.tab-nav .table_but p{font-size: 14px;}
.tab-nav .table_but span{font-size: 14px;font-style: italic; display: inline-block;padding-bottom: 10px;}
.tab-nav .table_but{  position:absolute;color:#333; text-align: center;}
.tab-nav a.table_but1{ top:54px;}
.tab-nav a.table_but2{top: 29px;left: 16%;}
.tab-nav a.table_but3{ top: -29px;left: 35%;}
.tab-nav a.table_but4{ top: -50px;left:57%;}
.tab-nav a.table_but5{ top:32px;left:77%;}
.tab-nav a.table_but6{ top:56px;right:0;}
.tab-con_box{margin-top: 30px;}
.tab-nav a.current {color:#296AFF;}
.tab-nav a.current p{font-size: 16px;}
.tab-con {position: relative;width:800px; margin:80px auto 0 auto;min-height:150px;overflow: hidden;}
.pinz_box .tab-con-item {display: none;width:800px;line-height:30px;text-align: center;color: #333;}
.tubioao_box ul{text-align: center; width: 100%;}
.tubioao_box ul li{display: inline-block;position:relative;}
.tubioao_box ul li:after{content: "";height: 100%;border-left: 1px dashed rgba(0,0,0,0.3);position: absolute;right: 0;bottom: 0;}
.tubioao_box ul li:last-child:after{display: none;}
.tubioao_box ul li:last-child{ padding: 0 50px;}
.index-page1{background: url(../images/shic3.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.map_title h1{font-size: 40px; color: #fff;text-align: center; padding-top:100px;}
.map_title p{font-size: 30px; padding-top: 10px;text-align: center; color: #fff;font-weight: lighter;}
.soft_fixed_box .map_box_left{ background: url(../images/1_a_03.png) no-repeat center; width: 762px; height:628px; position: relative;}
.soft_fixed_box .map_box{padding: 40px 0 60px 0; position: relative;}
/*map*/
.location_indicator{position:absolute;}
.location_indicator:before,
.location_indicator:after {position: absolute;content: ""}
.location_indicator:before {width: 16px;height:16px;border-radius: 100% 100% 100% 0;box-shadow: 0 0 0 2px #fff; background:#488aff;
    -webkit-animation: mapping 1s linear infinite;
    -moz-animation: mapping 1s linear infinite;
    animation: mapping 1s linear infinite;
    -webkit-transform: rotate(-46deg);
    -moz-transform: rotate(-46deg);
    transform: rotate(-46deg)
}
.location_indicator:after {width:16px;height:6px;border-radius: 100%;background-color: rgba(255, 255, 255, .8);top:18px;}
@-webkit-keyframes mapping {
    0% {top: 0}
    50% {top: -8px}
    100% {top: 0}
}
@-moz-keyframes mapping {
    0% {top: 0}
    50% {top: -8px}
    100% {top: 0}
}
@keyframes mapping {
0% {top: 0;}
50% {top: -8px;}
100% {top: 0;}
}
.location_indicator1{    top: 45.5%;
    left: 79.5%;;}
.location_indicator2{top: 29.8%;left: 83%;}
.location_indicator3{top: 35%;left: 71.2%;}
.location_indicator4{top: 36.8%;left: 73.8%;}
.location_indicator5{top: 39.5%;left:68.8%;}
.location_indicator6{ top: 41.3%;left: 65%;}
.location_indicator7{ top: 44.5%;left: 73%;}
.location_indicator8{ top: 52.2%;left: 58%;}
.location_indicator9{top: 50%;left: 41%;}
.location_indicator10{ top: 49.7%;left: 67.5%;}
.location_indicator11{ top: 57.9%;left: 78.5%;}
.location_indicator12{top: 60.3%;left: 81.5%;}
.location_indicator13{top: 62%;left: 68.8%;}
.location_indicator14{ top: 67.2%;left: 66.5%;}
.location_indicator15{ top: 66.5%;left: 72%;}
.location_indicator16{    top: 64.5%;left: 54.3%;}
.location_indicator17{top: 62.7%;left: 42%;}
.location_indicator18{top: 73.5%;left: 79.5%;}
.location_indicator19{top: 79.5%;left: 76.5%;}
.location_indicator20{top: 81%;left: 67.8%;}
.location_indicator21{ top: 83%;left: 70.2%;}
.location_indicator22{top: 82.8%;left: 56.8%;}
.location_indicator23{top: 73%;left: 54.2%;}
.location_indicator24{top: 76.6%;left: 46.5%;}
.location_indicator span{ color: #fff; font-size: 14px; position:absolute; z-index: 9; display: inline-block; width:50px; font-weight: bold;}
.location_indicator1 span{left:20px ;top: 20px;}
.location_indicator2 span{ left:20px}
.location_indicator3 span{ top: -26px;left: -10px;}
.location_indicator4 span{ left: 20px;}
.location_indicator5 span{top: -24px;left: -30px;}
.location_indicator6 span{left: -35px;}
.location_indicator7 span{left: 20px;}
.location_indicator8 span{left: 20px;}
.location_indicator10 span{left: 20px;}
.location_indicator11 span{left: -30px;}
.location_indicator12 span{left: 20px;}
.location_indicator13 span{left: 20px;}
.location_indicator14 span{left: -30px;}
.location_indicator15 span{left:20px;}
.location_indicator16 span{left: 20px;}
.location_indicator17 span{left: 20px;}
.location_indicator18 span{left: 20px;}
.location_indicator19 span{left: 20px;}
.location_indicator20 span{top:-24px}
.location_indicator21 span{left: 20px;}
.location_indicator22 span{left: 20px;}
.location_indicator23 span{left: 20px;}
.location_indicator24 span{left: 20px;}
.map_box_right ul li{ margin:30px 0 60px 50px;}
.map_box_right ul li h1{font-size: 70px; font-weight:bold; font-style: italic; color: #fff;}
.map_box_right ul li p{color: #fff;font-size: 16px; line-height: 28px; }

/*微信公众号*/
.index_box1{ width: 100%; border-top:1px solid #d1d1d1;}
.why_do{ padding: 50px 0 100px 0;}
.why_do_left{ width: 616px;}
.why_do_right{ width:527px; position: relative;}
.why_do ul.wuy_ul li{ width:100%; margin-bottom: 30px;}
.why_do ul.wuy_ul li p:first-child{ display: block; float:left; display: block;text-align: right; width: calc(100% - 40px);}
.why_do ul.wuy_ul li p:nth-of-type(2){ float: right; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff;font-size: 16px; background: #296AFF; border-radius: 4px;}
.index-page2{background: url(../images/shic6.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.main_middle_box{ width: 1200px; margin: 0 auto;}
.swiper-container {width: 100%; height: 300px;margin-left: auto;margin-right: auto;}
.gallery-top {height: 80%;width: 100%;}
.gallery-thumbs {height: 20%; box-sizing: border-box; padding: 10px 0; }
.gallery-top .swiper-slide{ min-height: 200px; margin: 30px auto;}
.gallery-top .swiper-slide p{font-size: 16px; line-height: 26px; width: 80%; display: block; margin: 0 auto; font-weight: normal;}
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
.gallery-thumbs .swiper-slide .icon{ margin: 30px auto;width: 78px; height: 78px; border-radius:4px;}
.gallery-thumbs .swiper-slide .icon1{ background: url(../images/b1_27.png) no-repeat center #296AFF; }
.gallery-thumbs .swiper-slide .icon2{ background: url(../images/b1_21.png) no-repeat center #296AFF; }
.gallery-thumbs .swiper-slide .icon3{ background: url(../images/b1_24.png) no-repeat center #296AFF; }
.gallery-thumbs .swiper-slide .icon4{ background: url(../images/b1_30.png) no-repeat center #296AFF; }
.gallery-thumbs .swiper-slide .icon5{ background: url(../images/b1_33.png) no-repeat center #296AFF; }
.gallery-thumbs .swiper-slide .icon6{ background: url(../images/b1_36.png) no-repeat center #296AFF; }
.gallery-thumbs .swiper-slide .icon7{ background: url(../images/b1_39.png) no-repeat center #296AFF; }
.gallery-thumbs .swiper-slide-thumb-active .icon1{ background: url(../images/b1_51.png) no-repeat center #fff; }
.gallery-thumbs .swiper-slide-thumb-active .icon2{ background: url(../images/b1_48.png) no-repeat center #fff; }
.gallery-thumbs .swiper-slide-thumb-active .icon3{ background: url(../images/b1_49.png) no-repeat center #fff; }
.gallery-thumbs .swiper-slide-thumb-active .icon4{ background: url(../images/b1_50.png) no-repeat center #fff; }
.gallery-thumbs .swiper-slide-thumb-active .icon5{ background: url(../images/b1_52.png) no-repeat center #fff; }
.gallery-thumbs .swiper-slide-thumb-active .icon6{ background: url(../images/b1_53.png) no-repeat center #fff; }
.gallery-thumbs .swiper-slide-thumb-active .icon7{ background: url(../images/b1_54.png) no-repeat center #fff; }
.be_lin:before{ content:""; width: 1920px; height: 1px; background: rgba(255,255,255,0.2); position: absolute; left: -360px;}
.index_box2{ width: 100%;margin-bottom: 100px;}
.index_box_a{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.qiehuan_Box{padding: 50px;}
.margin_box{ margin: 0 auto;  max-width: 1450px; min-width: 1200px;}
.tabs_box1 #tabs_container{min-height: 480px;margin-top: -50px; position: relative;z-index: -1;}
ul.case_ul{ width: 100%;  padding-top: 30px;}
ul.case_ul li{float: left; width: 23.5%; float: left; margin-left: 2%;margin-bottom: 2%; min-height: 350px;}
ul.case_ul li:nth-of-type(4n+1){margin-left: 0;}
ul.case_ul li .case_img{width: 100%; overflow: hidden; max-height: 310px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
ul.case_ul li .case_img img{ vertical-align: middle;width: 100%; transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;}
ul.case_ul li:hover .case_img img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);}
ul.case_ul li .case_text h1{ font-size: 16px; line-height: 30px; min-width: 100px; padding-right: 10px;font-weight: normal;color: #333;}
ul.case_ul li .case_text{padding-top:10px;}
ul.case_ul li .case_text span{font-size: 14px; color: #999999; line-height: 30px;}
.margin_box a.look_more { margin: 0 auto;display: block; width: 200px;height: 42px;line-height: 42px;text-align: center;color: #fff;background: #296AFF;border-radius: 50px;margin-top: 30px;box-shadow: 0 5px 20px rgba(120,15,15,0.5);}
.margin_box a.look_more:hover{box-shadow: none;}
.title_box_w{width:88%; margin: 0 auto;}
.index_box3{background: url(../images/bg_09.png) center top ;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.main_middle1{position: relative;}
.pos_b{width: 100%; position: relative;}
ul.pos_ul{ padding-top:15px;}
ul.pos_ul li{width: 20%; float: left; margin-left: 5%;}
ul.pos_ul li:first-child{ margin-left: 0;}
ul.pos_ul li .bl{width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; background: #296AFF; color:#fff; font-size: 16px;}
ul.pos_ul li .br{ width:calc(100% - 40px); margin-left: 10px;}
ul.pos_ul li .br h1{font-size: 16px; color: #296AFF; padding-bottom: 8px; line-height: 30px;}
ul.pos_ul li .br p{font-size: 14px; color: #333; line-height: 26px; display: block;}
ul.pos_im{ margin-top: -30px;}
ul.pos_im li{float: left; margin-bottom: -30px;}
ul.pos_im li:last-child{float: right;}
ul.pos_im li img{ display: block;}
.title_box1_a{width: 80%; margin: 0 auto;}
.index-page3{ background: url(../images/shic2.jpg) center top;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.why_do_wes{ padding: 50px 0;}
.why_do_wes .why_dl{ padding-top:80px;}
.why_do_wes .why_dl p.why_p1{font-size:14px;padding-bottom: 30px; color: #fff;}
.why_do_wes .why_dl p.why_p1 span{font-size: 30px; font-weight: bold; color: #296AFF;}
ul.anrui_ys li{float: left; width: 25% ; position: relative;    padding:4%;}
ul.anrui_ys{padding-bottom: 50px;}
.anrui_t .an_l{ width: 88px; height: 88px; border-radius: 4px;}
.anrui_t .an_l1{background: url(../images/2_a_12.png) no-repeat center #296AFF;}
.anrui_t .an_l2{background: url(../images/2_a_14.png) no-repeat center #296AFF;}
.anrui_t .an_l3{background: url(../images/2_a_19.png) no-repeat center #296AFF;}
.anrui_t .an_l4{background: url(../images/2_a_21.png) no-repeat center #296AFF;}
.anrui_t .an_r{font-size: 18px; font-weight: bold; color: #296AFF; line-height: 88px; padding-left: 30px;}
ul.anrui_ys li p{font-size: 14px; line-height: 26px; padding-top: 20px; color: #333; text-align: justify;}
ul.anrui_ys li:first-child{ margin-left: 0;}
ul.anrui_ys li:after{content: ""; visibility:inherit;height: 230px;height: 60%;border-left: 1px solid rgba(0,0,0,0.2); position: absolute;right: 0;bottom: 20%;}
ul.anrui_ys li:last-child:after{display: none;}
.yoush_bo{position: relative; height:674px; margin:00px 0 80px 0;}
.yoush_bo .y1{ position: absolute; left:13%;  top: 0;}
.yoush_bo .y2{ position: absolute; left:30%;bottom: 0; z-index: 1;}
.yoush_bo .y3{ position: absolute; left: 41%;top: 51%; z-index: 1;}
.yoush_bo .y4{ position: absolute; left: 49%;top: 51%; z-index: 1;}
.yoush_bo .y5{ position: absolute;left: 52%;bottom: 9%;z-index:2;}
.yoush_bo .y6{ position: absolute;left:73%;bottom: 6%;z-index:2;}
.yoush_bo .papa{ position: absolute;z-index: 3;}
.yoush_bo .papa p{font-size: 14px;color: #333; line-height: 24px; text-align: center; width: 144px;}
.yoush_bo .papa .po{ margin: 0 auto;height: 88px; width: 82px; color: #fff; text-align: center; }
.yoush_bo .papa1{top:40%;left: 16%;}
.yoush_bo .papa1 .po{ background: url(../images/2_a_30.png) no-repeat center; padding-top: 18px;}
.yoush_bo .papa2{top: 10%;left:24%;}
.yoush_bo .papa2 .po{ background: url(../images/2_a_28.png) no-repeat center; padding-top:30px;}
.yoush_bo .papa3{top: 30%;left: 33%;}
.yoush_bo .papa3 .po{ background: url(../images/2_a_35.png) no-repeat center; padding-top:30px;}
.yoush_bo .papa4{top:2%;left:42%;}
.yoush_bo .papa4 .po{ background: url(../images/2_a_32.png) no-repeat center; padding-top:18px;}
.yoush_bo .papa5{top: 25%;left: 52%;}
.yoush_bo .papa5 .po{ background: url(../images/2_a_32.png) no-repeat center; padding-top:30px;}
.yoush_bo .papa6{top: 5%;left: 61%;}
.yoush_bo .papa6 .po{ background: url(../images/2_a_28.png) no-repeat center; padding-top:18px;}
.yoush_bo .papa7{top:15%;right: 12%;}
.yoush_bo .papa7 .po{ background: url(../images/2_a_30.png) no-repeat center; padding-top:30px;}
.yoush_bo .papa8{top:40%;right: 23%;}
.yoush_bo .papa8 .po{ background: url(../images/2_a_35.png) no-repeat center; padding-top:18px;}

/*web*/
.index_box_b{ border-bottom: 1px solid #D1D1D1;}
.web_bg{ width: 1200px; background: url(../images/web_t_20.jpg);background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}
.web_bg ul.web_ul{ width: 100%; height: 510px; margin-bottom:80px;}
.web_bg ul.web_ul li{float: left; width: 20%; position: relative; padding:60px 40px; border-right: 1px solid #8290b1; height: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;}
.web_bg ul.web_ul li img{ display: block; margin: 0 auto;}
.web_bg ul.web_ul li h1{font-size: 18px; color: #fff; text-align: center; padding: 20px 0;}
.web_bg ul.web_ul li p{font-size: 14px; line-height: 26px; color: #fff;}
.web_bg ul.web_ul li .web_img{position: relative; width: 70px; height: 68px; overflow: hidden; margin: 0 auto;}
.web_bg ul.web_ul li .web_img img{max-width: 100%; display: block; margin: 0 auto; position: absolute; top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;}
.web_bg ul.web_ul li:hover{ background: #296AFF;  border-right: 1px solid #296AFF;}
.web_bg ul.web_ul li:hover .web_img img{top: -70px;}
.web_ys{ margin:30px auto 50px auto;}
ul.web_ys_ul{position: relative; width: 1010px; margin: 0 auto 40px auto;z-index:20;}
ul.web_ys_ul li{float: left; padding: 10px; background: #fff; width: 240px; height:176px;
    margin-left: 12px; position:relative; border-radius: 6px;box-shadow: 0 0 15px rgba(0,0,0,0.1); }
ul.web_ys_ul li:first-child{ margin-left: 13px;}
ul.web_ys_ul li:nth-of-type(2){ margin-top:60px;}
ul.web_ys_ul li img{ position: absolute; top: 178px; left:50%; transform: translateX(-50%);}
ul.web_ys_ul li h4{font-weight: lighter; color: #296AFF; font-size:18px; line-height: 26px; padding-bottom: 10px;}
ul.web_ys_ul li p{font-size: 14px; line-height: 24px; color: #333;}
.web_pos{ position:relative; width: 1087px; height: 575px; margin: 0 auto;}
.web_pos img.w_im1{position: absolute; left: 50%;transform: translateX(-50%);z-index: 10;}
.web_pos img.w_im2{position: absolute; left: 50%;transform: translateX(-50%); top:55px;z-index: 9;}
.web_pos img.w_im3{position: absolute; left:14%; top: 50%;}
.web_pos img.w_im4{position: absolute; left:22%; top:58%;}
.web_pos img.w_im5{position: absolute; right:36%; top:19%;}
.web_pos img.w_im6{position: absolute; right:13%; top:48%;}
.web_sh{ width:73%; padding: 60px 0;}
a.wen_mf{ width: 220px; height: 42px; background: #fff; color: #333; border-radius: 50px; text-align: center; line-height: 42px; font-size: 16px;margin: 90px 0 0px 50px}
.web_sh p.t{font-size: 30px; color:#fff; text-align:right; padding-bottom: 20px;}
.web_sh .span_box p{display:block; margin-left: 15px; background:#bd0223; color: #fff; font-size:26px;font-weight: lighter; padding: 10px;text-align: right;float: right;height: 54px;}
.web_sh .span_box p span{ width: 36px;display: inline-block;}
.index-page4{background: url(../images/shic4.jpg) center top;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}
.max-with{ max-width: 1800px; margin: 0 auto; min-width: 1200px; padding:20px 50px 80px 50px;}
.max-with .slider div.web_zs{ padding: 8px; max-height: 434px; overflow: hidden; outline: none;}
.max-with .slider div.web_zs img{width: 100%;}
.slick-prev{ background: url(../images/web_p_05.png) no-repeat center;left: -30px;}
.slick-next{ background: url(../images/web_p_07.png) no-repeat center;right: -30px;}
.slick-arrow{ width: 22px; height: 36px; outline: none; color: rgba(0,0,0,0); border: none; position: absolute; top: 50%; transform: translateY(-50%);z-index: 99;}
ul.slick-dots{ text-align: center; display: none !important;}
ul.slick-dots li{display: inline-block;}
/*app*/
.app_box{padding-bottom: 50px;}
.app_box .app_bl{width: 50%; position: relative; height: 450px;}
.app_box .app_br{width: 50%;}
.app_bl img{position: absolute; bottom: 0;left: 20px; }
.app_bl .pu_box{ position:absolute; font-size: 14px; color: #333;}
.app_bl .pu1{background: url(../images/app_29.png) no-repeat center; width: 76px; height:76px; text-align: center;left:10%;top: 0; line-height:78px;}
.app_bl .pu2{background: url(../images/app_35.png) no-repeat center; width: 58px; height:58px; text-align: center; left:26%; top:40px; line-height: 58px;}
.app_bl .pu3{background: url(../images/app_29.png) no-repeat center; width: 76px; height:76px; text-align: center; left:45%; top: 20px; line-height: 20px; padding-top:20px;}
.app_bl .pu4{background: url(../images/app_29.png) no-repeat center; width: 76px; height:76px; text-align: center; right: 16%; top:60px; line-height: 20px;padding-top:20px;}
.app_box .app_br ul.app_ul1{padding-top:50px;}
.app_box .app_br ul.app_ul1 li .app_l1{ width: 30px; height: 30px; line-height: 30px; text-align:center; background: #296AFF; color:#fff; font-size: 14px; border-radius: 4px; margin-right: 20px;}
.app_box .app_br ul.app_ul1 li{margin-bottom: 20px;}
.app_box .app_br ul.app_ul1 li .app_l2{ width: calc(100% - 60px);}
.app_box .app_br ul.app_ul1 li .app_l2 h1{font-size: 16px; line-height: 30px; padding-bottom: 5px; color:#333;}
.app_box .app_br ul.app_ul1 li .app_l2 p{font-size: 14px; color: #666; line-height: 26px;}
.anrui_t .an_la1{background: url(../images/app_11.png) no-repeat center #296AFF;}
.anrui_t .an_la2{background: url(../images/app_13.png) no-repeat center #296AFF;}
.anrui_t .an_la3{background: url(../images/app_16.png) no-repeat center #296AFF;}
.anrui_t .an_la4{background: url(../images/app_18.png) no-repeat center #296AFF;}
.why_do_wes1{width: 100%;}
ul.app_ul{ width: 35%; margin-top: 7%; margin-left:4%;}
ul.app_ul li{ padding-bottom: 20px;}
ul.app_ul li .al{ background: url(../images/app_25.png) no-repeat center; width: 35px;height: 35px; margin-right: 20px;}
ul.app_ul li .ar{width:calc(100% - 70px);}
ul.app_ul li .ar h1{font-size: 20px; color:#296AFF; line-height: 35px;}
ul.app_ul li .ar p{font-size:14px; color: #fff; }
/*gy——banner*/
#banner-engine1 .banner-ul{height: 400px;}
#banner-engine1 .banner1{background: url(../images/case_02.jpg) center center no-repeat;background-size: cover;}
.anrui_img1{ position: absolute;left:-200px; bottom:-50px;}
.anrui_img2{ position: absolute;left:200px; top:-50px;}
.anrui_img3{ position: absolute;left:210px; bottom: 80px;}
.anrui_img4{ position: absolute;right:230px; top:27px;}
.anrui_img5{ position: absolute;right:-230px; top:60px;}
#banner-engine1 .banner-text{height: 400px; top: -550px; }
#banner-engine1 .banner-text .slider-text{width: 100%;text-align: center;}
/*case1*/
ul.case_tit{text-align:center;width: 100%; margin: 50px auto 30px auto;}
ul.case_tit li{display: inline-block; margin:0 15px;text-align: center;}
ul.case_tit li a{display: inline-block;color: #333;background:#f9f8f8; border-radius: 50px;height: 40px; width: 180px; line-height: 40px; font-size: 16px;}
ul.case_tit li a:hover{background: #296AFF; color: #fff;}
ul.case_tit li a.on_active{ background: #296AFF; color: #fff;}
.case_box{min-width: 1300px; margin:40px auto 0 auto; width: 100%;}

.swiper-container1{height: 860px;}
.case_img_box{ width: 100%;width: 386px; height: 386px; overflow: hidden;}
ul.case_an{ width: 1200px; margin: 0 auto;}
ul.case_an li{float: left; overflow: hidden;margin-left: 21px;width:386px;height: 440px;}
ul.case_an li:nth-of-type(3n+1){ margin-left: 0;}
ul.case_an li .chanp_box{ height: 386px; overflow: hidden; width: 100%;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
ul.case_an li .chanp_box img{width: 100%;transition: all 0.5s;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;
    -ms-transition: all 0.5s;-o-transition: all 0.5s;}
ul.case_an li a p{font-size: 16px; line-height: 40px; color: #333;}
ul.case_an li:hover .chanp_box img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
/*server*/
.se_on1{ position: relative; width: 100%; padding: 50px 0;}
.se_on1 img{display: block; margin: 0 auto; position: absolute; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);}
.se_on1 .ser_l{width: 390px;}
.se_on1 .ser_r{ width: 390px;}
.se_on1 ul.s_ul li h1{font-size:20px; color: #333; padding-bottom: 15px; font-weight: normal;}
.se_on1 ul.s_ul li p{font-size: 14px; line-height: 26px; color: #666;}
.se_on1 ul.s_ul1 li{ text-align:right; margin-bottom: 50px;}
.se_on1 ul.s_ul2 li{ text-align:left; margin-bottom: 50px;}
.server_box{ background: url(../images/se.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;}
.server_mid{ width: 1200px; margin: 0 auto; position: relative;}
.server_mid h4{ font-size: 40px; text-align: center; color: #fff; font-weight:lighter; padding: 100px 0 50px 0;}
.server_mid img{ display: block; margin: 0 auto; padding-bottom: 50px;}
.server_mid p:nth-of-type(1){font-size:30px; font-weight: bold; color: #fff; line-height:50px; text-align: center;}
.server_mid p:nth-of-type(1) span{ color: #296AFF;}
.server_mid p:nth-of-type(1) span span{ color: #ff9000;}
.server_mid p:nth-of-type(2) {font-size: 14px; line-height:34px; text-align: center;  color: #fff; width:60%; margin: 0 auto; padding: 50px 0 100px 0;}
.server_mid1{ width: 1200px; margin: 0 auto;}
.server_mid1 h1.mtit_h1{/*text-transform:uppercase;text-transform:capitalize;*/text-align: center;font-size: 46px; color: #296AFF; padding: 50px 0;}
.server_mid1 h1.mtit_h1 span{color: #ff9000;}
.server_mid1 .ser_tim{ position: relative; height: 900px;}
.server_mid1 .ser_tim img{display: block; position: absolute;left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);}
ul.lic_ul{padding-top:48px;}
ul.lic_ul li{ padding-bottom:83px;}
ul.lic_ul li p{ font-size: 14px; color: #333; width: 48%; float: left; text-align: right;}
ul.lic_ul li h4{ font-size:16px; color: #333; width: 48%; float: right;}
ul.lic_ul li:nth-of-type(3n-1) p{ float: right;text-align: left;}
ul.lic_ul li:nth-of-type(3n-1) h4{ float:left; text-align: right;}
.last_b{ margin: 30px auto 0 auto; text-align: center;}
.last_b h4{font-size: 26px; color: #333; padding: 20px 0 10px;}
.last_b p{font-size: 16px; line-height: 26px; color: #333;}
/*news*/
.news_box{width: 1024px; margin: 100px auto;}
.news_box ul.news_ul{ padding-bottom: 50px;}
.news_box ul.news_ul li{ width: 100%; margin-bottom: 60px; display: block;}
.news_box ul.news_ul li .news_img{ width: 338px; height: 258px; overflow: hidden;}
.news_box ul.news_ul li .news_img img{ width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;}
.news_box ul.news_ul li .news_text{ margin-left: 25px; width: calc(100% - 370px);}
.news_box ul.news_ul li .news_text span{color: #999; font-size: 16px; padding-bottom:30px; display:inline-block;}
.news_box ul.news_ul li .news_text h1{font-size: 26px;font-weight: lighter; color: #333; padding-bottom: 10px;
    transform: scaleY(1.3);
    -webkit-transform: scaleY(1.3);
    -moz-transform: scaleY(1.3);
    -ms-transform: scaleY(1.3);
    -o-transform: scaleY(1.3); }
.news_box ul.news_ul li .news_text p{ line-height: 26px; padding: 14px 0;color: #666; font-size: 16px; height: 96px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.news_box ul.news_ul li .news_text a{ display: block;width: 180px; height: 40px; border-radius:50px; border:1px solid #296AFF; text-align: center; line-height: 40px; background: url(../images/news_03.png) no-repeat center right; padding-right:60px; color: #296AFF;background-position-x: 80%; margin-top:15px;}
.news_box ul.news_ul li:hover .news_text a{color: #fff; background: url(../images/news_04.png) no-repeat center #296AFF;background-position-x:95%;}
.news_box ul.news_ul li:hover .news_img img{transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);}
.pages{ text-align: center;}
.pages a{ display: inline-block; margin:0 4px; border:1px solid #d1d1d1; text-align: center; line-height: 36px; height: 36px; width: 36px; border-radius: 100px; color: #666;}
.pages a:first-child,.pages a:last-child{ width: 100px; height: 36px;}
.pages a.on{ border:1px solid #296AFF; background: #296AFF; color: #fff;}
.pages a:hover{ border:1px solid #296AFF; background: #296AFF; color: #fff;}
.news_box1{width: 1200px; margin: 0 auto 40px auto;}
.news_tit{ padding: 40px 0; margin: 0 auto; border:1px solid #d1d1d1; border-left: none;border-right:none; margin-bottom: 30px;}
.news_tit h1{ text-align: center; font-size:26px; text-align: center;}
.news_tit span{color:#999; font-size: 16px; padding-top: 15px; text-align: center; display: inline-block;  width: 100%;}
.news_textbox{ width: 1024px;margin: 0 auto;}
.news_textbox p{font-size: 16px; color: #333; line-height: 26px;}
.news_textbox img{ display: block; margin: 0 auto; max-width: 100%; padding: 20px 0;}
.news_pages{border-top:1px solid #d1d1d1; width: 100%;}
.news_pages .news_p{width: 1024px; margin:30px auto;}
.next_l a{display: block; color: #333; font-size: 14px; line-height: 40px;}
.news_r a{display: block;width: 180px; height: 40px; border-radius:50px; border:1px solid #296AFF; text-align: center; line-height: 40px; background: url(../images/news_03.png) no-repeat center right; padding-right:60px; color: #296AFF;background-position-x: 80%; margin-top:15px;}
.news_r:hover a{color: #fff; background: url(../images/news_04.png) no-repeat center #296AFF;background-position-x:95%;}
.next_l a:hover{ color:#296AFF;}
/*about*/
.about_mid{ margin: 0 auto 0px auto;}
p.complant{font-size: 14px; line-height: 28px; color: #333; text-indent: 2em;}
ul.about1{ margin: 50px 0 0 0; background: url(../images/abou_03.png) no-repeat center bottom; padding-bottom: 260px; background-size: 100%;}
ul.about1 li{float: left; width: 33%; text-align:center;}
ul.about1 li h1{ font-size: 20px; font-weight:none;}
ul.about1 li h1 span{ font-size: 66px; color: #333;}
.about_box {
    background: url(../images/about.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;}
.about_tit{ padding: 100px 0 30px 0;}
.about_tit h1{font-size: 40px;font-weight: lighter; color: #fff; text-align: center;}
.about_tit p{ font-size: 20px; color: #fff; padding: 30px 0; text-align: center;}
p.abot_weh{font-size: 16px; color:#fff; line-height: 28px; width: 60%; margin: 0 auto; text-align: center;}
.main_middle img.logo{ display: block; margin:0 auto; padding: 50px 0 100px 0;}
/*时间轴*/
.title_box h3.col{color: #296AFF; font-size: 46px; text-align: center; padding: 20px 0 30px 0;}
.title_box h3.col span{ color: #ff9000;}
.body-box{width:1200px;margin:10px auto 60px auto;position: relative;}
.about_lvbox{ position:relative;}
.about_lvbox:before{content:"";height: 2px; background:#296AFF; width:100%; position:absolute; top: 74px;}
.timer-shaft-box{width:100%;padding:30px 40px;box-sizing: border-box;}
.timer-shaft{position:relative;width:100%;height:76px;overflow: hidden;}
.timer-left{position:absolute;top:50%;left:20px;z-index:99;width:51px;height:50px;margin-top:-18.5px;background: url(../images/case_15.png) no-repeat #fff;background-size: cover;cursor:pointer;}
.timer-right{position:absolute;top:50%;right:20px;z-index:99;width:51px;height:50px;margin-top:-18.5px;background: url(../images/case_18.png) no-repeat #fff;background-size: cover;cursor:pointer;}
.timer-scale{position:absolute;top:0;left:0;height:100px;padding-left: 80px;font-size: 0;white-space: nowrap; padding-top:29px;}
.timer-scale-cont{display:inline-block;height:100%;}
.time-circle{display:inline-block;vertical-align:middle;width:30px;height:30px; border:5px solid #fff;
    text-align: center;font-size:18px;border-radius: 50%;background: #e2302e;transition: all .3s;cursor:pointer;}
.timer-scale-cont.hov .time-circle{width:30px;height:30px;font-size:20px;background: #ff8d3d;border:5px solid #D1D1D1}
.timer-scale-cont.hov .time-circle span{ color: #296AFF !important;}
.timer-scale-cont .time-circle span{ position: absolute; top:0; color: #333; line-height: 24px;transform: translateX(-50%); font-size: 14px;}
.line-scale{display:inline-block;vertical-align:middle;width:190px;height:22px;margin:0 2px;}
.timer-shaft-content{width:100%;margin-top:45px;overflow: hidden;}
.shaft-detail-cont{display: none;width:100%; padding: 30px 0;}
.timer-year{color:#333; width: 68%; margin: 0 auto; line-height: 28px; font-size: 16px;}
/*job*/
ul.job_box{ text-align: center; padding-bottom: 50px;}
ul.job_box li{display: inline-block; margin: 30px 20px 50px 20px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.15);width: 190px; min-height: 250px; position: relative;}
ul.job_box li h1{font-size:22px;font-weight: normal; padding-bottom: 15px; color: #333; padding-top: 25px;}
ul.job_box li span{ font-size: 16px; font-weight: lighter;color: #333;}
ul.job_box li .line{ width: 40px; height: 4px; background: #296AFF; margin:80px auto 20px auto;}
ul.job_box li p{font-size: 16px; color: #333;}
.job_box1{background: url(../images/job.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;}
.job_main_middle{ padding: 130px 0;}
ul.job_box li a{ display: block; position: absolute; width: 100%; height: 100%; top: 0;right: 0;}
ul li .wk_span_a{
    position: absolute;
    background: #296AFF;
    -webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .3s cubic-bezier(.25, .46, .45, .94);
    transition: all .3s cubic-bezier(.25, .46, .45, .94);
}
ul li .wk_span_1 {top: 0;left: 0;width: 0;height: 2px;}
ul li .wk_span_2 {top: 0;	right: 0;	width: 2px;height: 0;}
ul li .wk_span_3 {right: 0;bottom: 0;width: 0;height: 2px;}
ul li .wk_span_4 {bottom: 0;	left: 0;width: 2px;height: 0;}
ul li:hover .wk_span_1, ul li:hover .wk_span_3 {width: 100%;}
ul li:hover .wk_span_2, ul li:hover .wk_span_4 {height: 100%;}
.job_logo{display: block; margin: 60px auto 50px auto;}
h2.job_img{font-size: 46px;color: #fff; padding-bottom: 50px; text-align: center;font-weight: normal;}
ul.job_lc_u{width: 646px; margin: 30px auto 80px auto}
ul.job_lc_u li{ width: 100%;}
ul.job_lc_u li .block{ width: 100%; border: 1px solid #D1D1D1; height:90px; position: relative;}
ul.job_lc_u li .block p{position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; line-height: 30px; font-size: 14px;}
ul.job_lc_u li img{ display: block; margin: 0 auto; padding: 20px 0;}
ul.job_lc_u li h1{ font-size:20px ;text-align: center; font-weight: normal;}
/*job_xq*/
.subNavBox{width:958px;margin:80px auto;}
.subNav{cursor:pointer;font-weight:bold;background:url(../images/job_xq_07.png) no-repeat;background-position:95% 50%;
    border-top: 1px solid #D1D1D1; padding: 30px 0;}
.subNav h1{font-size: 26px; color: #296AFF; line-break: 30px; font-weight: normal;}
.subNav h6{font-size: 14px; color: #999999; font-weight: normal; line-height: 40px;}
.subNav p span{ display: inline-block; padding-right: 30px; color: #333; font-size: 16px; padding-bottom: 10px; font-weight: normal;}
.currentDt{background-image:url(../images/job_xq_03.png);}
.navContent{display: none;padding-bottom:30px;}
.navContent p{font-size: 14px; line-height: 26px; color: #333;}
/*contact*/
.contact_box{ width: 100%; border-bottom: 1px solid #D1D1D1;}
.contact_mid{ width: 960px; margin:60px auto;}
.contact_mid .conta_left{width: 430px;}
.contact_mid .conta_right{ width: 430px;}
.contact_mid .conta_left .tt{font-size: 26px; border-bottom: 1px solid #D1D1D1; padding-bottom: 10px; margin-bottom: 10px;}
.contact_mid .conta_left .cont1{font-size: 40px; font-weight: lighter; padding-bottom: 10px; color: #296AFF;}
.contact_mid .conta_left .tact_p{font-size: 14px; color: #333; line-height: 26px; border-bottom: 1px solid #D1D1D1; padding-bottom: 10px;}
.contact_mid .conta_left ul{ padding-top: 10px;}
.contact_mid .conta_left ul.message li{font-size: 14px; color: #333; line-height:30px; padding-left:20px;}
.contact_mid .conta_left ul.message li:first-child{ background:url(../images/concant_03.png) no-repeat center left;}
.contact_mid .conta_left ul.message li:nth-of-type(2){ background:url(../images/concant_07.png) no-repeat center left;}
.contact_mid .conta_left ul.message li:nth-of-type(3){ background:url(../images/concant_10.png) no-repeat center left;}
.conta_right h1{font-size: 26px; color: #333; padding-bottom:10px; font-weight: normal;}
.conta_right .from_box input{width: 100%; height: 50px; line-height: 50px; color: #999; padding-left: 12px; border: 1px solid #D1D1D1; margin-bottom: 10px;}
.conta_right .from_box textarea{ width:97%;padding-left: 10px; border: 1px solid #D1D1D1; margin-bottom: 12px; min-height: 100px; line-height: 30px; font-family: "microsoft yahei,arial, helvetica, sans-seri";}
.conta_right .from_box input.button{background: #296AFF; color: #fff; border: 1px solid #296AFF;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;}
.conta_right .from_box a.button{width: 100%; height: 50px; line-height: 50px; color: #999; padding-left: 12px; border: 1px solid #D1D1D1; margin-bottom: 10px;text-align: center;
    background: #296AFF; color: #fff; border: 1px solid #296AFF;display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;}
.conta_right .from_box input.button:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0,0.3)}
.conta_right .from_box a.button:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0,0.3)}
ul.contant_a{ text-align: center;}
ul.contant_a li{ width: 30%; margin: 20px 1%; display: inline-block;}
ul.contant_a li img{ display: block; margin: 0 auto;}
ul.contant_a li p{font-size: 14px; color: #333; text-align: center;}
ul.contant_a li .qq{ background: url(../images/concant_20.png) no-repeat center center; width:150px; height: 156px; margin: 0 auto;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;}
ul.contant_a li .add{ background: url(../images/concant_16.png) no-repeat center center; width:150px; height: 156px; margin: 0 auto;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;}
ul.contant_a li:hover .qq{background: url(../images/concant_22.png) no-repeat center center;}
ul.contant_a li:hover .add{ background: url(../images/concant_17.png) no-repeat center center; }
#allmap{ width: 100%; height:500px;}
.banner_mid{width: 1200px;position: absolute;height: 100%;left: 50%;transform: translateX(-50%);z-index: 99;}
.banner_login{background: url(../images/login.jpg) no-repeat center top;background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}
.login_img2{position: absolute;top:-100px;left: -490px;}
.login_img1{position: absolute;top:-50px;right:-50px;}
.login_img4{position: absolute;left:-140px;top:200px;}
.login_img5{position: absolute;right:-50px;bottom:0px;}
.login_img6{position: absolute;right:-400px;bottom:30px;}
#banner-engine_l .banner-ul {height:820px;}
#banner-engine_l .banner-text{top: -1000px; left:100px;}
.login_box{ position:absolute; right: 0%; top: 50%;  width: 416px; background: #fff; border-radius:6px; min-height: 360px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);}
.login_box h1{font-size:18px; text-align: center; font-weight: lighter; color: #333; padding: 20px 0;}
.login_box input.input{width: 350px !important; height: 50px !important; line-height: 50px !important; border: 1px solid #D1D1D1 !important;
     margin: 0 auto 15px auto !important; display: block !important; padding-left: 40px !important;}
.login_box1 input.input:nth-of-type(1){ background: url(../images/dl_03.png) no-repeat center left !important; background-position-x:10px  !important;}
.login_box1 input.input:nth-of-type(2){ background: url(../images/dl_07.png) no-repeat center left; background-position-x:10px;}
.click_bu{width: 350px;margin: 20px auto; position: relative; margin-bottom: 0 !important;}
.checkboxPic{ float: left; width: 22px; height: 22px; overflow: hidden;}
.click_bu p{ display:block; font-size: 14px; color: #333; padding-left:10px;float: left;}
.check_chk i{ background-position:-31px -127px;
    background-image: url(../images/elements.png);width:22px; height:22px;
    background-repeat: no-repeat; display:block;}
.click_bu a{display: inline-block;color: #488aff; width: auto; background:none; margin: 0; line-height: 22px; font-size: 14px;}
a.forgot{ float: right; color: #333; font-size: 14px;}
.login_box .button_lo{ width: 350px; height: 50px; background: #296AFF; text-align: center; line-height: 50px; color: #fff; font-size: 16px;display: block;margin: 0 auto;}
.no_zhah{font-size: 14px; color: #333; width: 350px; margin: 30px auto 0 auto; text-align:right;}
.no_zhah a{width: auto; background:none; margin: 0; line-height: 22px; font-size: 14px;color: #007AFF;}
.login_box h1.zc{text-align:left; width: 350px; margin: 0 auto;}
.yzm1{ width: 350px; margin: 0 auto 15px auto;height: 50px; border: 1px solid #D1D1D1; overflow: hidden;}
.yzm1 input.in_y{ width:calc(100% - 116px); float: left;display: block; height: 100%; line-height: 50px; padding-left: 40px;}
.yzm1 img{ display: block; float: right; width: 116px; }
.yzm1 input.in_y1{background: url(../images/dl_14.png) no-repeat center left;background-position-x:10px;}
.yzm1 input.in_y2{background: url(../images/dl_19.png) no-repeat center left;background-position-x:10px;}
.yzm1 input.in_du{display: block; float: right; width: 116px;height: 50px;color: #007AFF; font-size: 14px; line-height:50px; text-align: center; background: #fff;}
.big_box{ width: 100%;height:calc(100vh - 128px); position:relative; background: #f5f5f5; min-height:500px;}
.navbar .no_zhah{ margin-top:20px;}
.for_box{width:700px;height:478px;background:#fff;border-radius: 4px; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);}
ul.buzh{text-align: center;width: 474px; margin: 30px auto ;}
ul.buzh li{float: left;display:block; text-align: center; width:158px; border-bottom:3px solid #d1d1d1;line-height:70px;}
ul.buzh li span{display: inline-block; color: #666; width:30px; height: 30px;border-radius: 50%; border: 3px solid #d1d1d1; line-height:30px;}
ul.buzh li p{display: inline-block; color: #666;padding-left: 10px;}
ul.buzh li.buz_on{border-bottom:3px solid #296AFF;}
ul.buzh li.buz_on span{display: inline-block; color: #296AFF;border: 3px solid #df1414; font-weight: bold;}
ul.buzh li.buz_on p{display: inline-block;color: #296AFF; font-weight: bold;}
a.a_button{width: 350px;height: 50px;background: #296AFF;text-align: center;line-height: 50px;color: #fff;font-size: 16px;display: block;margin: 0 auto;}
.login_boxa input.input{width: 350px; height: 50px; line-height: 50px; border: 1px solid #D1D1D1; margin: 0 auto 15px auto; display: block; padding-left: 40px;}
.login_boxa1 input.input:nth-of-type(1){ background: url(../images/dl_03.png) no-repeat center left; background-position-x:10px;}
.login_boxa1 input.input:nth-of-type(2){ background: url(../images/dl_07.png) no-repeat center left; background-position-x:10px;}
.login_boxa{ margin:70px auto;}
.login_boxa input.input1 {width: 350px;height: 50px;line-height: 50px; border: 1px solid #D1D1D1;margin: 0 auto 15px auto; display: block;padding-left: 40px;}
.login_boxa1 input.input1:nth-of-type(1) {background: url(../images/dl_07.png) no-repeat center left;background-position-x: 10px;}
.login_boxa1 h2{font-size: 20px; text-align: center; line-height: 50px; color:#333;font-weight: normal;}
.login_boxa1 h2 a{ color: #296AFF; font-size: 16px; font-weight: bold;}
.footer_ma { width: 500px;margin: 0 auto;position: absolute;bottom: 0; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);}
.footer_ma p.er1 { float: left;color: #939393;font-size: 14px; padding-right: 20px;}
.footer_ma img {float: left;}
.footer_ma a{display: inline-block;text-decoration: none; height: 20px;line-height: 20px;}
.footer_ma p.er2 {float: left;height: 20px;line-height: 20px; margin: 0px 0px 0px 5px; color: #939393;font-size: 14px;}
a.foot_lisa{display: inline-block; color:#939393;float: right;font-size: 14px;}



/* 软件模板 */
ul.advantage_ul{flex-wrap: wrap;width: 100%; padding: 50px 0 30px 0;
    /* display: flex;justify-content: space-between;*/}
ul.advantage_ul li{width: 266px; display:block; text-align: center; margin-bottom:30px; 
    float: left;margin-left: 3.7%;}
ul.advantage_ul li:nth-of-type(4n+1){margin-left: 0;}
ul.advantage_ul li h1{font-size: 18px; color: #333; margin-top: 15px;}
ul.advantage_ul li p{font-size: 14px; line-height: 26px; color: #333; display: block; margin-top: 15px; height: 100px;}
.structure_box{margin: 30px auto 70px auto;}
.structure_box img{display: block; max-width: 100%;margin: 0 auto;}
.index_color{width: 100%; background: #f7f8f9;}
.footer_ban a:nth-of-type(3){color:rgba(255,255,255,0.7);padding-left:10px;}
ul.zizhi_zs_top{width: 1000px; margin: 0 auto 30px auto;}
ul.zizh_zs_bot{flex-wrap: wrap;min-width: 1200px; margin-bottom: 30px;}
ul.zizh_zs_bot li{width:19%;}
ul.zizh_zs_bot li img{width: 100%;}
ul.zizh_zs_bot li p,ul.zizhi_zs_top p{color: #fff; text-align: center; padding: 10px 0;}
.zz_p{color: #fff;font-size: 14px; padding: 5px; line-height: 16px;text-align: center;}