/* CSS Document */
*{ margin:0px; padding:0px;}
body{
	font-size:12px;
	font-family:"微软雅黑";
	/* [disabled]color:#525252; */
	background:#fff;
}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:focus{outline:none;}


@font-face{ font-family:'shu'; src:url('../font/DINCOND-BOLD.OTF');}
@font-face{ font-family:'shu1'; src:url('../font/DINPRO-BOLD.OTF');}
@font-face{ font-family:'ying'; src:url('../font/MONT.TTF');}
@font-face{ font-family:'consult'; src:url('../font/impact.ttf');}


a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:8px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:#fff}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#333;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#333}
::-webkit-scrollbar-corner:vertical{background-color:#333}
::-webkit-scrollbar-resizer:vertical{background-color:#333;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}

.loading{  position: fixed; top:0; z-index:9999; width:0px; background-color:#2e4c9f; height:5px;}


/*分页样式*/
.page{ width:100%; margin:auto; height:50px; overflow:hidden; margin-top:23px; position:relative; z-index:99;}
.page_list{ width:100%; float:left;text-align:center; }
.page_list a{display:inline-block;line-height:50px; height:50px; font-size:16px; color:#000; text-decoration:none; margin:0px 5px;
-webkit-transition: all 0.4s ease-in-out;}

.page_list a:hover{color:#1d3ee4;}
.page_list a.on{color:#1d3ee4;}

.typeright{ width:100%; text-align:center; height:50px; line-height:50px;font-size:14px; color:#fff; opacity:0.4; overflow:hidden; padding-bottom:25px;}
.typeright a{color:#fff; }



@keyframes eztMyl{
0% {
    transform: scale(1) translate(38px, -10px);
}

100% {
    transform: scale(0.99) translate(10px, -20px);
}
}

@keyframes gRJimd{
0% {
    transform: scale(1) translate(35px, 25px);
}

100% {
    transform: scale(0.9) translate(0px, 0px);
}
}


.news{ width:100%; height:auto; overflow:hidden; padding-top:120px; padding-bottom:70px; position:relative;}
.news_bg{ position:absolute; width:1340px; height:1340px; top:-1024px; left:0px;background-image: linear-gradient(#2bd2a4,#2bd2a4,#fff); opacity:0.2; border-radius:50%;}
.news_all{ margin:auto; position:relative; height:445px; width:1425px;}
.news_list{ width:100%; height:320px; position:relative; overflow:hidden; padding-top:55px;}

.news_con{ margin:auto; width:450px; height:285px;-webkit-box-shadow:0 0 27px rgba(31,44,111,0.08); position:relative;}
.news_con a{ display:block; width:100%; height:240px; padding-top:45px;}
.news_con a:hover .news_bian_1{ width:100%;}
.news_con a:hover .news_1{ color:#1d3ee4;}
.news_con a:hover .news_3{ color:#1d3ee4;}
.news_con a:hover .news_5_1{ display:none;}

.news_bian{ width:100%; height:3px; background-color:#1d3ee4; position:absolute; left:0; top:0;}
.news_bian_1{ width:105px; height:3px; background-color:#70d8bd; position:absolute; left:0; top:0; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.news_left{ float:left; width:100px; height:210px; border-right:1px solid rgba(0,0,0,0.1);}
.news_1{ font-size:50px; color:#000; font-family:shu; font-style:italic; width:70px; text-align:right; margin-top:-10px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.news_2{ font-size:24px; color:#000; font-family:shu; width:70px; text-align:right; margin-top:-5px;}

.news_right{ float:right; width:320px; height:auto; overflow:hidden;}
.news_3{ font-size:22px; color:#000; line-height:30px; height:60px; overflow:hidden; width:300px; margin-top:-4px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.news_4{ font-size:14px; color:rgba(0,0,0,0.6); line-height:23px; height:46px; overflow:hidden; width:300px; margin-top:16px;}
.news_5{ width:78px; height:42px; overflow:hidden; margin-top:48px;}
.news_5 img{ width:78px; height:42px;}

.news_5_1{ -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.news_bi{ width:100%; height:72px; position:relative;}
.news-left{ float:left; width:74px; height:74px;-webkit-box-shadow:0 0 27px rgba(31,44,111,0.08); margin-left:10px; text-align:center; line-height:74px; font-size:24px; color:#1d3ee4; font-family:"宋体"; font-weight:bold; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in; cursor:pointer;}
.news-left:hover{ background-color:#1d3ee4; color:#fff;}

.news-right{ float:right; width:74px; height:74px;-webkit-box-shadow:0 0 27px rgba(31,44,111,0.08); margin-right:10px; text-align:center; line-height:74px; font-size:24px; color:#1d3ee4; font-family:"宋体"; font-weight:bold; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in; cursor:pointer;}
.news-right:hover{ background-color:#1d3ee4; color:#fff;}

.news_xian{ width:1205px; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:37px;}
.news_quan{ margin:auto; border:2px solid #1d3ee4; border-radius:50%; background-color:#fff; width:10px; height:10px; margin-top: -7px; animation:fangda 2s linear infinite both;}


@keyframes fangda{
    0%, 50%, 100%{ transform: scale(1);}
    25%{ transform: scale(0.8); }
    75%{ transform: scale(0.8); }
}


.journey_warp{ width:100%; height:515px; position:relative;}
.journey_bei{ background:url(../image/index_35.png) no-repeat center; width:342px; height:162px; position:absolute; right:0; top:210px;}

.journey_tu{ width:122px; height:176px; position:absolute; left:0; top:100px;}
.journey_tu img{ width:122px; height:176px;}
.journey_bg{ background:url(../image/index_61.png) no-repeat center; width:449px; height:320px; position:absolute; bottom:-103px; right:-128px;}

.journey{ width:1400px; height:515px; margin:auto; position:relative;}
.journey_1{ width:100%; text-align:center; font-size:76px; color:#000; height:95px; line-height:95px; padding-top:165px; position:relative; z-index:1;}
.journey_2{ width:100%; text-align:center; font-size:36px; color:#000; font-weight:lighter; height:55px; line-height:55px; position:relative; z-index:1;}
.journey_3{ width:100%; height:62px;  margin-top:25px; position:relative; z-index:1;}
.journey_3 a{ display:block; font-size:22px; color:#fff; border-radius:30px; width:243px; height:62px; text-align:center; line-height:62px; background-color:#2e4c9f; cursor:pointer; margin:auto;}

.journey_3 .hvr-ripple-out:before{ border: #2e4c9f solid 2px;}


.change_quan{ position:absolute; top:-15px; z-index:0; width:100%; height:500px;}



/*集团官网*/
.place{ width:100%; height:520px; position:relative;}
.place_bg{ width:80%; height:710px; position:absolute; right:0; top:-190px; background-color:#fff; border-bottom-left-radius:50px;}

.place_tit{ width:100%; text-align:center; font-size:42px; color:#000; font-weight:bold; position:relative; z-index:1; height:90px; line-height:90px; padding-top:70px;}
.place_tit span{ color:#2e4c9f;}
.place_xian{ margin:auto; width:35px; height:4px; background-color:#2e4c9f; position:relative; z-index:1; border-radius:4px;}
.place_list{ width:1400px; height:255px; margin:auto; margin-top:60px; position:relative; z-index:1;}
.place_list ul li{ float:left; width:25%; height:100%; list-style:none;}
.place_list ul li:hover .place_img{ margin-top:-10px;}
.place_list ul li:hover .place_beijing{ transform: rotate(0deg);}


.place_img{ width:100%; height:152px; text-align:center; position:relative;  -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.place_img_1{ margin:auto; position:relative; z-index:1; background:url(../image/ring_04.png) no-repeat center; width:136px; height:119px; text-align:center; top:13px;}
.place_img_1 img{ height:66px; width:auto;}

.place_beijing{width: 152px;  height: 152px; position:absolute; top:-20px; background:url(../image/ring_291.png) no-repeat center; background-size:cover; left:98px;  -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in; transform: rotate(-45deg);}





.place_1{ width:100%; text-align:center; font-size:22px; color:#000; height:30px; line-height:30px; margin-top:25px;}
.place_2{ width:100%; text-align:center; font-size:16px; color:rgba(0,0,0,0.6); height:35px; line-height:35px;}

.idea{ width:1400px; height:auto; overflow:hidden; margin:auto;}
.idea_come{ width:100%; text-align:center; font-size:18px; color:rgba(0,0,0,0.8); height:60px; line-height:60px;}
.idea_list{ width:1398px; height:auto; overflow:hidden; margin-top:25px;}
.idea_list ul li{ float:left; width:233px; height:393px; list-style:none;}
.idea_list ul li:nth-child(2) .idea_bg_2{ left:30px; top:10px;}
.idea_list ul li:nth-child(3) .idea_bg_2{ left: inherit; right:26px; top:160px;}
.idea_list ul li:nth-child(4) .idea_bg_2{ left:inherit; right:-11px;}
.idea_list ul li:nth-child(5) .idea_bg_2{ left:inherit; right:30px; top:10px;}
.idea_list ul li:nth-child(6) .idea_bg_2{ left:26px; top:160px;}


.idea_list ul li:hover .idea_bg{ -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg); transform:rotate(180deg); }

.idea_list ul li:hover .idea_bg_1{ border:1px dashed #2e4c9f;}
.idea_list ul li:hover .idea_tit{ color:#2e4c9f;}
.idea_list ul li:hover .idea_quan img{ animation:da 4s linear infinite both;}


.idea_shu{ width:100%; text-align:center; font-size:120px; font-family: "Arial Black", Gadget, sans-serif; color:#f2f6fc;  line-height:86px;}
.idea_quan{ width:192px; height:192px; margin:auto; margin-top:-35px; position:relative; background-color:#fff;}


.idea_bg{ width:100%; height:100%;  position:absolute; top:0; 

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.idea_bg_1{ width:190px; height:190px; border-radius:50%; border:1px dashed rgba(0,0,0,0.2); -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.idea_bg_2{ position:absolute; left:0; background: url(../image/ring_100.png) no-repeat center; background-size:cover; width:20px; height:20px; top:85px; left: -11px; }
.idea_quan img{ width:190px; height:190px;}


@keyframes da{
    0%, 50%, 100%{ transform: scale(1);}
    25%{ transform: scale(0.9); }
    75%{ transform: scale(0.9); }
}


.idea_tit{ width:100%; text-align:center; font-size:22px; color:#000; height:70px; line-height:70px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}


.superior{ width:100%; height:auto; overflow:hidden; background-color:#f2f6fc; padding-bottom:100px;}
.superior_list{ width:1400px; height:549px; margin:auto; background-color:#fff; border-bottom-left-radius:50px; border-top-right-radius:50px;-webkit-box-shadow: 0 0 27px rgb(31 44 111 / 8%); margin-top:44px;}
.superior_list ul li{ float:left; border-right:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); list-style:none; width:466px; height:274px; position:relative;}
.superior_list ul li:nth-child(3n){ float:right; border-right:none;}
.superior_list ul li:nth-child(n+4){ border-bottom:none;}
.superior_list ul li:hover .superior_bg{ opacity:1;-moz-transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15); transform:scale(1.15,1.15);}
.superior_list ul li:hover .superior_nei{ opacity:1; top:0px;}

.superior_img{ background:url(../image/ring_38.png) no-repeat center bottom; width:143px; height:143px; margin:auto; text-align:center; padding-top:38px;}
.superior_img img{ width:124px; height:auto; padding-top:12px;}

.superior_wo{ width:100%; text-align:center; font-size:24px; color:#000; font-weight:bold; margin-top:20px;}


.superior_bg{ width:100%; height:100%; position:absolute; top:0; background-color:#2e4c9f; border-radius:50px;moz-transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5);-o-transform:scale(0.5,0.5);-ms-transform:scale(0.5,0.5); transform:scale(0.5,0.5); opacity:0; z-index:1; -webkit-transition: all 0.4s ease-in-out; overflow:hidden;}

.superior_bg_1{ width:100%; background:url(../image/1.png) no-repeat left; background-size:auto 100%; height:200px; 

animation:ying 6s linear infinite both;

-webkit-animation:ying 6s linear infinite both;
-moz-animation:ying 6s linear infinite both;
}




@keyframes ying{
    0%{  background-position:left;}
    100%{  background-position:right;}
}




.superior_nei{ width:100%; height:100%; position:absolute; top:10px; z-index:2; opacity:0; -webkit-transition: all 0.4s 0.2s ease-in-out;}
.superior_1{ width:100%; text-align:center; font-size:30px; color:#fff; font-weight:bold; height:55px; line-height:55px; padding-top:60px;}
.superior_2{ margin:auto; font-size:18px; line-height:24px; color:rgba(255,255,255,0.6); text-align:center; width:88%; height:auto; overflow:hidden; margin-top:20px;}


.danger{ width:100%; height:265px; background-color:#313ce9; position:relative;}
.danger_1{ width:100%; text-align:center; font-weight:bold; color:#fff; font-size:40px; height:50px; line-height:50px; padding-top:55px;} 
.danger_1 span{ font-weight:lighter;}
.danger_2{ width:100%; text-align:center; color:#fff; font-size:18px; height:40px; line-height:40px;}
.danger_3{ width:100%; height:50px; text-align:center; margin-top:17px;}
.danger_3 a{ display:block; margin:auto; font-size:18px; color:#fff; font-weight:lighter; width:172px; height:50px; text-align:center; line-height:50px; border-radius:30px; cursor:pointer; background-color:#2bd2a4; -webkit-transition: all 0.4s ease-in-out;}  



.aftermarket{ width:100%; height:auto; overflow:hidden; margin:auto;}
.aftermarket_list{ width:1400px; height:auto; margin:auto; margin-top:32px;}
.aftermarket_list ul li{ float: left; width:452px; height:129px; padding-top:32px; list-style:none; margin-bottom:18px;-moz-box-shadow:0px 0px 27px rgba(0,0,0,0.08); -webkit-box-shadow:0px 0px 27px rgba(0,0,0,0.08); box-shadow:0px 0px 27px rgba(0,0,0,0.08); margin-right:22px;-webkit-transition: all 0.4s ease-in-out;}
.aftermarket_list ul li:nth-child(3n){ margin-right:0px;}
.aftermarket_list ul li:hover{-moz-box-shadow:0px 0px 27px rgba(40,62,230,0.08); -webkit-box-shadow:0px 0px 27px rgba(40,62,230,0.08); box-shadow:0px 0px 27px rgba(40,62,230,0.08);}
.aftermarket_list ul li:hover .aftermarket_img{ margin-left:12px;}
.aftermarket_list ul li:hover .aftermarket_right{ margin-right:12px;}
.aftermarket_list ul li:hover .aftermarket_1{ color:#2e4c9f;}


.aftermarket_img{ float:left; background:url(../image/ring_29.png) no-repeat center; width:96px; height:98px; background-size:cover; margin-left:17px;  -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.aftermarket_img img{ width:96px; height:98px; }
.aftermarket_right{ float:right; width:300px; height:auto; overflow:hidden; margin-right:17px;  -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.aftermarket_1{ width:100%; font-size:22px; color:#000; font-weight:bold; height:40px; line-height:40px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.aftermarket_2{ width:100%; font-size:16px; color:rgba(0,0,0,0.6); height:48px; line-height:24px;}


.procedure{ width:100%; height:auto; overflow:hidden;}
.procedure_list{ width:1400px; height:310px; margin:auto; background:url(../image/procedure_07.png) no-repeat center top; margin-top:40px;}
.procedure_list ul li{ float:left; list-style:none; width:106px; height:310px; list-style:none; margin-right:55px;}
.procedure_list ul li:nth-child(2n){ padding-top:68px; height:242px;}
.procedure_list ul li:nth-child(9){ margin-right:0px;}


.procedure_list ul li:hover .procedure_img{-moz-box-shadow:0px 9px 19px rgba(40,62,230,0.08); -webkit-box-shadow:0px 9px 19px rgba(40,62,230,0.08); box-shadow:0px 9px 19px rgba(40,62,230,0.08);-webkit-animation:bounce 1s .2s ease both;-moz-animation:bounce 1s .2s ease both;}
.procedure_list ul li:hover .procedure_img img{ /*-webkit-transform: rotate(360deg) scale(1.1);*/}
.procedure_list ul li:hover .procedure_tit{ color:#2e4c9f;}

.procedure_img{ width:106px; height:106px; border-radius:50%;-moz-box-shadow:0px 9px 19px rgba(0,0,0,0.08); -webkit-box-shadow:0px 9px 19px rgba(0,0,0,0.08); box-shadow:0px 9px 19px rgba(0,0,0,0.08); background-color:#fff; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.procedure_img img{ width:106px; height:106px;-webkit-transition: all 0.8s ease-in-out;} 
.procedure_tit{ width:100%; text-align:center; font-size:18px; color:#000; height:55px; line-height:55px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.example{ width:100%; height:auto; overflow:hidden; position:relative;}
.example_bg{ width:100%; background-color:#f2f6fc; position:absolute; top:0; z-index:0; height:415px;}

.example_all{ margin:auto; position:relative; height:485px; width:1425px; margin-top:40px;}
.example_list{ width:100%; height:400px; position:relative; overflow:hidden;}

.example_con{ width:446px; height:400px; margin:auto;}
.example_con a{ display:block; width:100%; height:107%;color:#fff; position:relative;}
.example_con a:hover{color:#fff;}

.example_con a:hover .example_img img{-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}

.example_con a:hover .example_tit span{color:#fff; }
.example_con a .example_tit span{color:#fff; }

.example_img{ overflow:hidden;}
.example_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.example_tit{ position:absolute;  width:446px; height:51px; background-color:rgb(46,76,159);-moz-box-shadow:0px 9px 19px rgba(0,0,0,0.08); -webkit-box-shadow:0px 9px 19px rgba(0,0,0,0.08); box-shadow:0px 9px 19px rgba(0,0,0,0.08); bottom:47px;-webkit-transition: all 0.4s ease-in-out;color:#000;}
.example_tit span{ margin:auto; display:block; font-size:18px;  width:100%; text-align:center; height:51px; line-height:51px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.example-left{ float:left; width:74px; height:74px;-webkit-box-shadow:0 0 27px rgba(31,44,111,0.08); margin-left:10px; text-align:center; line-height:74px; font-size:24px; color:#1d3ee4; font-family:"宋体"; font-weight:bold; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in; cursor:pointer;}
.example-left:hover{ background-color:#1d3ee4; color:#fff;}

.example-right{ float:right; width:74px; height:74px;-webkit-box-shadow:0 0 27px rgba(31,44,111,0.08); margin-right:10px; text-align:center; line-height:74px; font-size:24px; color:#1d3ee4; font-family:"宋体"; font-weight:bold; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in; cursor:pointer;}
.example-right:hover{ background-color:#1d3ee4; color:#fff;}

.newsa{ padding-top:0px; padding-bottom: 70px;}

.ji_bg{ width: 100%; background-color: #fff; height:150px; position: absolute; bottom:-94px; transform: skewY(6deg); z-index:1;}


.ji{ width:1400px; height:100vh; position:relative; margin:auto;}
.ji_1{ width:100%; font-size:60px; color:#fff; font-weight:bold; line-height: 63px; padding-top:285px;}
.ji_2{ width:100%; font-size:51px; color:#fff; line-height: 70px; font-weight:lighter;}

.ji_bei{ position:absolute; bottom:0; width:1090px; height:750px; right:-135px;}
.scene path { fill: rgba(255,255,255,0.1);}


.ji_right{ position:absolute; bottom:0; right:0; width:892px; height:643px;}
.biao{ width:100%; height:100%; position: relative;}
.biao_1{ position:absolute; width:695px; height:446px; right:-28px; bottom:22px; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
.biao_1 img{ width:695px; height:446px;}

.biao_2{ position:absolute; width:327px; height:219px; left:210px; top:0px; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
.biao_2 img{ width:327px; height:219px;}

.biao_3{ position:absolute; width:190px; height: auto; left:0px; bottom:110px; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
.biao_3 img{ width:100%; height: auto;}

.biao_4{ position:absolute; width:696px; height:243px; right:-28px; bottom:32px; z-index:1; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
.biao_4 img{ width:100%; height: auto;}

.biao_5{ position:absolute; width:141px; height:132px; left:268px; top:236px; opacity:0; left:100px; -webkit-transition: all 0.4s ease-in-out;}
.biao_5 img{ width:141px; height: auto;}

.biao_6{ position:absolute; width:184px; height:372px; left:577px; top:241px; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
.biao_6 img{ width:184px; height: 372px;}

.biao_7{ position:absolute; width:241px; height:447px; left:465px; top:173px; opacity:0;  -webkit-transition: all 0.4s ease-in-out;}
.biao_7 img{ width:241px; height: 447px;}



.biao_xiao .biao_4{  animation: biaotouming 0.6s 0.3s ease forwards; }
.biao_xiao .biao_5{  animation: biao_zuo 0.8s 0.5s ease forwards}

.biao_xiao .biao_6{  animation: biaotouming 0.8s 0.8s ease forwards;}
.biao_xiao .biao_7{  animation: biaotouming 0.8s 1.1s ease forwards;}
.biao_xiao .biao_2{  animation: biao_xia 0.8s 1.4s ease forwards;}
.biao_xiao .biao_3{  animation: biao_zuo1 0.8s 1.7s ease forwards;}


@keyframes biaotouming{
    0%{ opacity:0;}
    100%{ opacity:1;}
}

@keyframes biao_zuo{
    0%{ opacity:0; left:200px;}
    100%{ opacity:1;left:268px;}
}
@keyframes biao_xia{
    0%{ opacity:0; top:-50px;}
    100%{ opacity:1;top:0;}
}
@keyframes biao_zuo1{
    0%{ opacity:0; bottom:50px;}
    100%{ opacity:1;bottom:110px;}
}




/*企业官网*/
.understand_chao{ width:100%; height:auto; overflow:hidden; }
.understand{ width:100%; height: auto; overflow: hidden; position:relative; z-index:1; margin-top:100px;}
.understand_tit{ width:1400px; margin:auto; font-size:50px; color:#000; font-weight:bold; position:relative; z-index:1; height: auto; line-height:59px;}
.understand_tit span{ color:#2e4c9f;}
.understand_xian{ margin:auto; width:1400px; position:relative; z-index:1; margin-top:28px;}
.understand_xian span{ display:block; width:78px; height:9px; background-image: linear-gradient(to right, #4154e9 , #fff); border-radius:4px;}

.understand_list{ width:1396px; height:272px; margin:auto; margin-top:50px; border:2px dashed rgba(0,0,0,0.1);}
.understand_list ul li{ float:left; width:347px; height:272px; list-style:none; border-right:2px dashed rgba(0,0,0,0.1); }
.understand_list ul li:nth-child(4){ border-right:none;}

.understand_list ul li:hover .understand_img{ padding-top:50px;transform: rotateY(-180deg);}
.understand_list ul li:hover .understand_1{ color:#2e4c9f;}
.understand_list ul li:hover .understand_2{ color:rgba(40,62,230,0.6);}


.understand_img{ width:100%; height:72px; text-align:center; padding-top:55px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.understand_img img{ height:72px; width:auto;}
.understand_1{ width:100%; text-align:center; font-size:30px; color:#000; height:45px; font-weight:bold; line-height:45px; margin-top:24px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.understand_2{ width:100%; text-align:center; font-size:16px; color:rgba(0,0,0,0.6); height:28px; line-height:28px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}


.goodness{ width:100%; height:auto; margin-top:175px; position:relative;}
.goodness_bg{ background:url(../image/enterprise_19.png) no-repeat center; width:715px; height:1645px; position:absolute; left:0; top:-260px; z-index:0;}
.goodness .understand_tit{ text-align:right;}
.goodness .understand_xian span{ float:right;}
.goodness_all{ width:1400px; height:424px; margin:auto; position:relative; margin-top:75px;}
.goodness_left{ float:left; width:480px; height:auto; overflow:hidden;}
.goodness_con{ width:100%; height:auto; overflow:hidden; display:none;}
.goodness_con_1{ width:100%; font-size:30px; color:#000; font-weight:bold; height:55px; line-height:55px; padding-top:118px;}
.goodness_con_2{ width:100%; height:auto; overflow:hidden; font-size:18px; line-height:24px; color:rgba(0,0,0,0.6); margin-top:15px;}

.goodness_list{ float:right;border:2px dashed rgba(0,0,0,0.1); width:696px; height:420px;}
.goodness_list ul li{ float:left; height:209px; border-bottom:2px dashed rgba(0,0,0,0.1); list-style:none; border-right:2px dashed rgba(0,0,0,0.1); width:230px; position:relative;}
.goodness_list ul li:nth-child(3n){ float:right; border-right:none;}
.goodness_list ul li:nth-child(n+4){ border-bottom:none;}

.goodness_list ul li:hover .goodness_bei{ opacity:1;moz-transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15); transform:scale(1.15,1.15);}
.goodness_list ul li:hover .goodness_img_1{ margin-top:-72px;}
.goodness_list ul li:hover .goodness_tit_1{ margin-top:0px;}

.goodness_list ul li.goodness_list_li .goodness_bei{ opacity:1;moz-transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15); transform:scale(1.15,1.15);}
.goodness_list ul li.goodness_list_li .goodness_img_1{ margin-top:-72px;}
.goodness_list ul li.goodness_list_li .goodness_tit_1{ margin-top:0px;}


.goodness_img{ width:100%; height:72px; text-align:center; overflow:hidden; margin-top:36px; position:relative; z-index:2;}
.goodness_img img{ height:72px; width:auto;}
.goodness_img_1{ width:100%; height:72px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.goodness_tit{ width:100%; text-align:center; height:65px;  position:relative; z-index:2; overflow:hidden;}
.goodness_tit_1{ width:100%; height:65px; line-height:65px; font-size:22px; color:#fff; margin-top:-65px; -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.goodness_tit_2{ width:100%; height:65px; line-height:65px; font-size:22px; color:#000;}

.goodness_bei{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-color:#2e4c9f; opacity:0;-webkit-transition: all 0.6s ease-in-out;}

.risk{ width:1400px; height:385px; background-color:#f2f6fc; border-radius:20px; margin:auto; margin-top:160px;}
.risk_tit{ margin:auto; font-size:50px; color:#000; font-weight:bold; line-height:68px; text-align:right; width:1300px; padding-top:68px;}
.risk_1{ margin:auto; font-size:40px; color:#000; font-weight:lighter; line-height:68px; text-align:right; width:1300px;}
.risk_2{ margin:auto; font-size:18px; color:rgba(0,0,0,0.5); line-height:40px; text-align:right; width:1300px;}
.risk_3{ margin:auto; width:1300px; height:50px; margin-top:23px;}
.risk_3 a{ display:block; float:right; font-size:18px; color:#fff; font-weight:lighter; width:172px; height:50px; text-align:center; line-height:50px; border-radius:30px; cursor:pointer; background-color:#2bd2a4;  -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}  



.texture{ width:100%; height:770px; position:relative; margin-top:255px;}
.texture_bg{ position:absolute; background-color:#e4f9f3; border-radius:50%; width:468px; height:468px; top:-255px; right:-317px; animation: gRJimd 1s ease infinite alternate;}
.texture_bg1{ position:absolute; border-radius:50%; width:233px; height:233px; border:212px solid #2e4c9f; top:-122px; right:-305px; animation: eztMyl 1s ease infinite alternate;}


.texture_come{ margin:auto; width:1400px; font-size:18px; color:rgba(0,0,0,0.6); height:80px; line-height:80px;}
.texture_all{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:16px;}
.texture_list{ border:2px dashed rgba(0,0,0,0.1); width:1040px; height:394px;} 
.texture_list ul li{ float:left; height:394px; list-style:none; border-right:2px dashed rgba(0,0,0,0.1); width:345px; position:relative;}
.texture_list ul li:nth-child(3){ float:right; border-right:none;}
.texture_list ul li:hover .texture_1{ padding-top:35px;}
.texture_list ul li:hover .texture_1 img{ height:137px;}


.texture_1{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:40px;  -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.texture_1 img{ height:142px; width:auto;  -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.texture_2{ width:100%; text-align:center; font-size:30px; color:#000; font-weight:bold; height:70px; line-height:70px; margin-top:10px;}
.texture_3{ margin:auto; text-align:center; font-size:16px; color:rgba(0,0,0,0.6); line-height:24px; width:295px; height: auto; overflow:hidden;}


.understand_tita{ padding-top:95px;}

.tuan{ width:1400px; height:100vh; margin:auto;}
.tuan_left{ float:left; width:570px; height:100vh;}
.tuan_1{ width:100%; font-family:shu; font-size:100px;  line-height:100px; padding-top:280px;}
.tuan_2{ width:100%; font-size:46px; font-weight:bold; line-height:105px;}
.tuan_3{ width:100%; font-size:51px; font-weight: lighter; color:#fff; line-height:70px;}
.tuan_31{ width:100%; font-size:51px; font-weight: lighter; color:#333; line-height:70px;}
.tuan_left .cheng_3{ margin-top:45px;}

.tuan_right{ float:right; width:820px; height:100vh; position:relative;}
.tuan_img{ width:820px; height:744px; position:absolute; right:0; top:135px;}
.tuan_img img{ width:820px; height:744px;}



/*智能营销网站*/
.intellect{ width:100%; height: auto; overflow:hidden; position:relative; padding-bottom:49px;}
.intellect_tit{ width:1400px; height:100px; position:relative; padding-top:100px; margin:auto;}
.intellect_tit_1{ width:100%; text-align:center; font-size:50px; color:#000; height:100px; line-height:100px;}
.intellect_tit_2{ width:100%; text-align:center; font-size:140px; font-family:shu; line-height:100px; color:rgba(59,59,59,0.08); position:absolute; bottom:0;}

.intellect_list{ width:1400px; height: auto; overflow:hidden; margin:auto; margin-top:40px;} 
.intellect_list ul li{ float:left; width:313px; height:313px; list-style:none; background-color:#f0f6fc; border-radius:10px; margin-right:49px;}
.intellect_list ul li:nth-child(2n){ background-color:#eefbf8;}
.intellect_list ul li:nth-child(4n){ margin-right:0px;}
.intellect_list ul li:hover .intellect_img{ padding-top:38px;}

.intellect_img{ margin:auto; width:260px; height:auto; overflow:hidden; padding-top:43px; -webkit-transition: all 0.4s ease-in-out; }
.intellect_img img{ height:70px; width:auto;}
.intellect_1{ margin:auto; width:260px; font-size:22px; color:#000; font-weight:bold; height:45px; line-height:45px; margin-top:18px;}
.intellect_2{ margin:auto; font-size:16px; color:rgba(0,0,0,0.6); line-height:24px; width:260px; height: auto; overflow:hidden;}

.mind{ width:100%; height:auto; overflow:hidden; background-color:#f5f9fd; padding-bottom:35px;}
.mind_list{ width:1398px; height:auto; overflow:hidden; margin:auto; margin-top:45px;}
.mind_list ul li{ float:left; width:466px; height:345px; list-style:none;}
.mind_list ul li:hover .mind_img{ height:162px;}
.mind_list ul li:hover .mind_img img{ height:162px;}
.mind_list ul li:hover .mind_tit{ color:#313ce9;}
.mind_list ul li:hover .mind_con{ color:rgba(49,60,233,0.8);}

.mind_img{ width:100%; height:172px; text-align:center; -webkit-transition: all 0.4s ease-in-out;}
.mind_img img{ height:172px; width:auto; -webkit-transition: all 0.4s ease-in-out;}
.mind_tit{ width:100%; text-align:center; font-size:22px; color:#000; font-weight:bold; height:40px; line-height:40px; margin-top:24px; -webkit-transition: all 0.4s ease-in-out;}
.mind_con{ margin:auto; text-align:center; font-size:16px; color:rgba(0,0,0,0.8); width:400px; height:auto; overflow:hidden; line-height:24px; margin-top:5px; -webkit-transition: all 0.4s ease-in-out;}



.power{ width:100%; height: auto; overflow:hidden; padding-bottom:42px;}
.power_list{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:17px;}
.power_list ul li{ float:left; width:665px; height:121px; list-style:none; margin-right:70px; margin-bottom:38px;}
.power_list ul li:nth-child(2n){ margin-right:0px;}
.power_list ul li:nth-child(2n) .power_img{ float:left;}
.power_list ul li:nth-child(2n) .power_con{ float:right; text-align:left;}

.power_list ul li:hover .power_img{ margin-right:10px;}
.power_list ul li:hover .power_con{ margin-left:10px;}

.power_list ul li:nth-child(2n):hover .power_img{ margin-left:10px; margin-right:0px;}
.power_list ul li:nth-child(2n):hover .power_con{ margin-right:10px; margin-left:0px;}

.power_list ul li:hover .power_1{ color:#313ce9;}
.power_list ul li:hover .power_2{ color:rgba(49,60,233,0.8);}


.power_img{ float:right; width:121px; height:121px; background-color:#fff; border-radius:50%;-webkit-transition: all 0.4s ease-in-out;}
.power_img img{ width:121px; height:121px;}

.power_con{ float:left; width:510px; height:121px; text-align:right;-webkit-transition: all 0.4s ease-in-out;}
.power_1{ width:100%; font-size:22px; color:#000; font-weight:bold; height:73px; line-height:73px;-webkit-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;} 
.power_2{ width:100%; font-size:16px; color:rgba(0,0,0,0.6); height:26px; line-height:26px;-webkit-transition: all 0.4s ease-in-out;} 

.private_warp{ width:100%; height:263px; background-color:#2e4c9f;}
.private{ margin:auto; width:1400px; height:263px;}
.private_img{ float:left; width:425px; height:auto; overflow:hidden;}
.private_img img{ height:263px; width:auto;}
.private_mid{ float:left; width:700px; height:auto; overflow:hidden;}
.private_1{ width:100%; font-size:48px; color:#fff; font-weight:bold; height:65px; line-height:65px; padding-top:80px;} 
.private_2{ width:100%; font-size:26px; color:#fff; font-weight: lighter; height:45px; line-height:45px;}

.private_more{ float:right; height:auto; margin-top:105px;}
.private_more a{ display:block; font-size:18px; color:#fff; font-weight:lighter; width:172px; height:50px; text-align:center; line-height:50px; border-radius:30px; cursor:pointer; background-color:#2bd2a4; -webkit-transition: all 0.4s ease-in-out;}  


.counter{ width:100%; height:auto; overflow:hidden; position:relative;}
.counter_bg{ position:absolute; left:-308px; width:468px; height:468px; border-radius:50%; background-color:#e4f9f3; top:215px; animation: eztMyl 1s ease infinite alternate;} 



.counter_list{ margin:auto; width:1398px; height:auto; overflow:hidden; margin-top:43px;}
.counter_list ul li{ float:left; width:466px; height:260px; list-style:none;-webkit-transition: all 0.4s ease-in-out;}
.counter_list ul li:hover .counter_img img{transform: rotateY(-180deg);}
.counter_list ul li:hover .counter_tit{ color:#2e4c9f;}
.counter_list ul li:hover .counter_xian{ width:60px; background-color:#2e4c9f;}

.counter_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.counter_img img{ height:70px; width:auto;-webkit-transition: all 0.4s ease-in-out;}
.counter_tit{ width:100%; text-align:center; font-size:22px; color:#000; font-weight:bold; height:60px; line-height:60px;-webkit-transition: all 0.4s ease-in-out;}
.counter_xian{ margin:auto; width:42px; height:2px; background-color:#000;-webkit-transition: all 0.4s ease-in-out;}
.counter_con{ margin:auto; text-align:center; font-size:16px; line-height:24px; color:rgba(0,0,0,0.8); width:370px; margin-top:27px;}

.intellect_kong{ width:100%; height:32px; overflow:hidden;}

.zhi{ width:1400px; height:281px; position:relative; margin:auto;}
.zhi_1{ width:100%; font-size:80px; color:#000; font-weight:bold; line-height:88px; text-align:center; padding-top:127px; opacity:0;}
.zhi_2{ width:100%; font-size:38px; text-align:center; color:#000; line-height: 70px; font-weight:lighter; position:relative; z-index:9; opacity:0;}
.zhi .cheng_3{ text-align:center; margin-top:22px; position:relative; z-index:9; opacity:0;}
.zhi .cheng_3 a{ margin-right:0px;}


.zhi_con{ position:absolute; bottom:0; right:0; width:100%; height:786px;}
.neng{ width:1168px; height:100%; position: relative; margin:auto;}
.neng_1{ position:absolute; width:800px; height:487px; left:165px; bottom:0px; z-index:1; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
.neng_1 img{ width:800px; height:487px;}

.neng_2{ position:absolute; width:1168px; height:717px; left:0px; top:0px; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
.neng_2 img{ width:1168px; height:777px;}



.zhi_xiao .zhi_1{  animation: biao_xia1 0.6s 0.3s ease forwards; }
.zhi_xiao .zhi_2{  animation: biao_xia1 0.6s 0.3s ease forwards; }
.zhi_xiao .cheng_3{  animation: biao_xia1 0.6s 0.3s ease forwards; }

.zhi_xiao .neng_2{  animation: zhida 0.8s 0.5s ease forwards}
.zhi_xiao .neng_1{  animation: zhi_xia 0.8s 0.8s ease forwards;}


@keyframes zhida{
    0%{ opacity:0;  transform: scale(0.9);}
    100%{ opacity:1; transform: scale(1);}
}

@keyframes biao_xia1{
    0%{ opacity:0; top:50px;}
    100%{ opacity:1;top:0;}
}
@keyframes zhi_xia{
    0%{ opacity:0; bottom:-50px;}
    100%{ opacity:1;bottom:0px;}
}


/*小程序开发*/
.n_big_bg{ width:100%; height:155px; background-color:#fff; position:absolute; bottom:-118px;transform: skewY(5deg);}

.cheng{ width:1400px; height:auto; min-height:470px; margin:auto; padding-top:295px;}
.cheng_left{ float:left; width:625px; height:100%;}
.cheng_1{ width:100%; font-size:80px; color:#fff; font-weight:bold; line-height: 88px; margin-top: -8px;}
.cheng_2{ width:100%; font-size:28px; color:#fff; line-height: 80px;}
.cheng_3{ width:100%; height:50px; margin-top:70px;}
.cheng_3 a{ display:inline-block; font-size:18px; color:#fff; font-weight:lighter; border-radius:30px; background-color:#2bd2a4;  text-align:center; width:170px; height:50px; line-height:50px; margin-right:12px; cursor:pointer;}
/*.cheng_3 a:nth-child(2){  background-color:transparent;} 
.cheng_3 a:nth-child(2).hvr-ripple-out:before{border:2px solid rgba(255,255,255,0.2);}
*/
.cheng_right{ float:right; width:754px; height:737px; position:relative;}
.cheng_tu{ width:754px; height:737px; position:absolute; bottom:0px; left:0;}
.cheng_tu img{ width:754px; height:737px;}


.sequence{ width:100%; height:auto; overflow:hidden; padding-bottom:200px;}
.sequence_tit{ width:100%; font-size:48px; color:#000; text-align:center; padding-top:90px; position:relative; z-index:1;}
.sequence_come{ width:100%; font-size:18px; color:rgba(0,0,0,0.6); text-align:center; height:40px; line-height:40px; position:relative; z-index:1;}
.sequence_list{ margin:auto; width:1400px; height:auto; overflow:hidden; margin-top:107px;}
.sequence_list ul li{ float:left; width:25%; height:330px; list-style:none;}
.sequence_list ul li:hover .sequence_img img{ height:122px;}
.sequence_list ul li:hover .sequence_1{ color:#2e4c9f;}

.sequence_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.sequence_img img{ height:132px; width:auto;-webkit-transition: all 0.4s ease-in-out;}
.sequence_1{ width:100%; font-size:28px; color:#000; height:77px; line-height:77px; text-align:center;-webkit-transition: all 0.4s ease-in-out;}
.sequence_2{ margin:auto; width:280px; font-size:18px; color:rgba(0,0,0,0.8); height: auto; line-height:26px; text-align:center;}


.course{ width:100%; height:820px; position:relative;}
.course_img{ width:1400px; margin:auto; height:575px; overflow:hidden; position:relative; z-index:1; margin-top:50px;}
.course_quan{ width:100%; height:440px; padding-top:42px; opacity:0;}
.course_quan span{ display:block; width:440px; height:440px; background-color:#fff; border-radius:50%; margin:auto;animation:fangda1 3s linear infinite both;}
@keyframes fangda1{
    0%, 50%, 100%{ transform: scale(1);}
    25%{ transform: scale(0.92); }
    75%{ transform: scale(0.92); }
}

.course_tu{ width:100%; height:575px; text-align:center; position:absolute; top:0; z-index:1; opacity:0;} 
.course_tu img{ height:575px; width:auto;}
.course_1{ position:absolute; z-index:2; opacity:0; left:-100px; top:0; width:405px; height:80px;-webkit-transition: all 0.4s ease-in-out;}
.course_1:hover{ left:-10px;}
.course_1_1{ float:left; font-size:26px; color:#000; text-align:right; width:350px; height:80px; line-height:80px;} 
.course_1_2{ float:left; width:40px; height:80px; line-height:110px; margin-left:15px;}
.course_1_2 img{ width:40px; height:auto;}

.course_2{ position:absolute; z-index:2; opacity:0; left:-100px; top:103px; width:405px; height:80px;-webkit-transition: all 0.4s ease-in-out;}
.course_2:hover{ left:-10px;}
.course_3{ position:absolute; z-index:2; opacity:0; left:-100px; top:205px; width:405px; height:80px;-webkit-transition: all 0.4s ease-in-out;}
.course_3:hover{ left:-10px;}
.course_4{ position:absolute; z-index:2; opacity:0; left:-100px; top:305px; width:405px; height:80px;-webkit-transition: all 0.4s ease-in-out;}
.course_4:hover{ left:-10px;}
.course_5{ position:absolute; z-index:2; opacity:0; left:-100px; bottom:80px; width:405px; height:80px;-webkit-transition: all 0.4s ease-in-out;}
.course_5:hover{ left:-10px;}


.course_6{ position:absolute; z-index:2; opacity:0; right:-100px; top:0; width:405px; height:80px;-webkit-transition: all 0.4s ease-in-out;}
.course_6:hover{ right:-10px;}
.course_6 .course_1_1{ text-align:left; } 
.course_6 .course_1_2{ margin-left:0px; margin-right:15px;}

.course_7{ position:absolute; z-index:2; opacity:0; right:-100px; top:103px; width:405px; height:80px;-webkit-transition: all 0.4s ease-in-out;}
.course_7:hover{ right:-10px;}
.course_7 .course_1_1{ text-align:left; } 
.course_7 .course_1_2{ margin-left:0px; margin-right:15px;}


.course_8{ position:absolute; z-index:2; opacity:0; right:-100px; top:205px; width:405px; height:80px;-webkit-transition: all 0.4s ease-in-out;}
.course_8:hover{ right:-10px;}
.course_8 .course_1_1{ text-align:left; } 
.course_8 .course_1_2{ margin-left:0px; margin-right:15px;}

.course_9{ position:absolute; z-index:2; opacity:0; right:-100px; top:305px; width:405px; height:80px;-webkit-transition: all 0.4s ease-in-out;}
.course_9:hover{ right:-10px;}
.course_9 .course_1_1{ text-align:left; } 
.course_9 .course_1_2{ margin-left:0px; margin-right:15px;}

.course_10{ position:absolute; z-index:2; opacity:0; right:-100px; bottom:80px; width:405px; height:80px;-webkit-transition: all 0.4s ease-in-out;}
.course_10:hover{ right:-10px;}
.course_10 .course_1_1{ text-align:left; } 
.course_10 .course_1_2{ margin-left:0px; margin-right:15px;}


.course_xiao .course_quan{  animation: course_tou 0.5s 0.3s ease forwards; }
.course_xiao .course_tu{  animation: course_tou 0.5s 0.3s ease forwards; }
.course_xiao .course_1{  animation: course_zuo 0.8s 0.5s ease forwards}
.course_xiao .course_6{  animation: course_you 0.8s 0.5s ease forwards}


.course_xiao .course_2{  animation: course_zuo 0.8s 0.7s ease forwards;}
.course_xiao .course_7{  animation: course_you 0.8s 0.7s ease forwards;}


.course_xiao .course_3{ animation: course_zuo 0.8s 0.9s ease forwards; }
.course_xiao .course_8{ animation: course_you 0.8s 0.9s ease forwards; }


.course_xiao .course_4{  animation: course_zuo 0.8s 1.1s ease forwards;}
.course_xiao .course_9{  animation: course_you 0.8s 1.1s ease forwards;}

.course_xiao .course_5{ animation: course_zuo 0.8s 1.3s ease forwards;}
.course_xiao .course_10{ animation: course_you 0.8s 1.3s ease forwards;}



@keyframes course_tou{
    0%{ opacity:0;transform: scale(0.92);}
    100%{ opacity:1;transform: scale(1);}
}

@keyframes course_zuo{
    0%{ opacity:0; left:-100px;}
    100%{ opacity:1;left:0px;}
}
@keyframes course_you{
     0%{ opacity:0; right:-100px;}
    100%{ opacity:1;right:0px;}
}



.course_bg{ width:100%; background-color:#f5f5fa; height:820px; position:absolute; top:0;transform: skewY(7deg);}


.six_list{ width:1398px; height:auto; margin:auto; margin-top:45px;}
.six_list ul li{ float:left; width:466px; height:355px; list-style:none;-webkit-transition: all 0.4s ease-in-out; border-radius:10px;}
.six_list ul li:hover{-moz-box-shadow:0px 4px 35px rgba(0,0,0,0.11); -webkit-box-shadow:0px 4px 35px rgba(0,0,0,0.11); box-shadow:0px 4px 35px rgba(0,0,0,0.11);}
.six_list ul li:hover .six_img{ padding-top:52px;}

.six_img{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:62px;-webkit-transition: all 0.4s ease-in-out;}
.six_img img{ height:84px; height:auto;}
.six_1{ width:100%; text-align:center; font-size:26px; color:#000; height:55px; line-height:55px; margin-top:21px;}
.six_2{ margin:auto; width:330px; font-size:18px; color:rgba(0,0,0,0.8); height: auto; line-height:26px; text-align:center; margin-top:10px;}

.realize{ width:100%; height:720px; position:relative;}
.realize .sequence_tit{ color:#fff;}
.realize .sequence_come{ color:rgba(255,255,255,0.8);}

.realize_list{ margin:auto; width:1400px; height:auto; overflow:hidden; position:relative; z-index:1; margin-top:47px;}
.realize_list ul li{ float:left; width:337px; height:150px; background-color:#fff; border-radius:10px; list-style:none; margin-right:13px; margin-bottom:13px;}
.realize_list ul li:nth-child(4n){ margin-right:0px;}
.realize_list ul li:hover .realize_img{ width:100px;}
.realize_list ul li:hover .realize_right{ width:205px; color:#2e4c9f;}

.realize_img{ float:left; width:105px; height:100%; text-align:right;-webkit-transition: all 0.4s ease-in-out;}
.realize_img img{ height:51px; width:auto; padding-top:47px;}
.realize_right{ float:right; height:150px; line-height:150px; font-size:26px; color:#000; width:210px;-webkit-transition: all 0.4s ease-in-out;} 

.realize_bg{ width:100%; background-color:#2e4c9f; height:100%; position:absolute; top:0;transform: skewY(6deg);}


/*电商平台*/
.dian{ width:1400px; height:100%; margin: auto; position:relative;}
.dian .cheng_1{ padding-top:295px;}
.dian_tu{ position:absolute; height: auto; right:-30px; top:250px;}
.dian_tu img{ height:653px; width:auto;}


.online{ width:100%; height:auto; overflow:hidden; margin:auto;}
.online_tit{ width:1400px; height:100px; position:relative; padding-top:100px; margin:auto;}
.online_tit_1{ width:100%; text-align:center; font-size:50px; color:#000; height:100px; line-height:100px;}
.online_tit_2{ width:100%; text-align:center; font-size:140px; font-family:shu1; line-height:100px; color:rgba(55,76,244,0.06); position:absolute; bottom:0;}

.online_list{ width:1400px; height:auto; margin:auto; margin-top:45px;}
.online_list ul li{ float:left; width:330px; height:347px; list-style:none; margin-right:26px; margin-bottom:26px;-webkit-transition: all 0.4s ease-in-out; border-radius:10px;-moz-box-shadow:0px 4px 70px rgba(55,76,244,0.1); -webkit-box-shadow:0px 4px 70px rgba(55,76,244,0.1); box-shadow:0px 4px 70px rgba(55,76,244,0.1);}
.online_list ul li:nth-child(4n){ margin-right:0px;}
.online_list ul li:hover{ background-color:#364bf4;}
.online_list ul li:hover .online_tu{ padding-top:37px;}
.online_list ul li:hover .online_img{ background-color:#fff;}
.online_list ul li:hover .online_img_1{ display:none;}
.online_list ul li:hover .online_1{ color:#fff;}
.online_list ul li:hover .online_2{ color:rgba(255,255,255,0.6);}

.online_tu{ margin:auto; width:280px; height:auto; overflow:hidden; padding-top:47px;-webkit-transition: all 0.4s ease-in-out;}
.online_img{ width:104px; height:104px; background-color:#364bf4; border-radius:45px; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.online_img img{ width:104px; height:104px;}
.online_img_1{ width:100%; height:104px;-webkit-transition: all 0.4s ease-in-out;}

.online_1{ margin:auto; width:280px; font-size:24px; color:#000; height:50px; line-height:50px; margin-top:15px;-webkit-transition: all 0.4s ease-in-out;}
.online_2{ margin:auto; width:280px; font-size:16px; color:rgba(0,0,0,0.6); height: auto; line-height:26px;-webkit-transition: all 0.4s ease-in-out;}

.provide{ width:100%; height:890px; position:relative;}
.provide_all{ width:1400px; height:auto; overflow:hidden; margin:auto; position:relative; z-index:1; margin-top:76px;}
.provide_list{ float:right; width:720px; height:auto; overflow:hidden;}
.provide_list ul li{ float:left; width:130px; height:114px; padding-top:16px; background-color:#f7f7fe; border-radius:45px; overflow:hidden; list-style:none; margin-right:66px; margin-bottom:66px;-webkit-transition: all 0.4s ease-in-out;}
.provide_list ul li:nth-child(4n){ margin-right:0px;}
.provide_list ul li:hover{ background-color:#364bf4;}
.provide_list ul li:hover .provide_quan{ margin-top:5px;}
.provide_list ul li:hover .provide_zi{ color:#fff;}

.provide_quan{ width:14px; height:14px; border-radius:50%; background-color:#fff; margin: auto; margin-top:0px;-webkit-transition: all 0.4s ease-in-out;}
.provide_zi{ width:100%; text-align:center; font-size:22px; color:#000; height:75px; line-height:75px;-webkit-transition: all 0.4s ease-in-out;}

.provide_bg{ position:absolute; left:0; bottom:0; background:url(../image/online_29.png) no-repeat center; background-size:cover; width:812px; height:669px;}


.supply{ width:100%; height:auto; overflow:hidden; margin:auto; padding-bottom:57px;}
.supply_list{ width:1400px; height:auto; margin:auto; margin-top:55px;}
.supply_list ul li{ float:left; width:655px; height:130px; list-style:none; margin-right:90px; margin-bottom:42px;}
.supply_list ul li:nth-child(2n){ margin-right:0px;}
.supply_list ul li:nth-child(2n) .supply_img{ float:left;}
.supply_list ul li:nth-child(2n) .supply_right{ float:right; text-align:left;}
.supply_list ul li:nth-child(5) .supply_1{ padding-top:15px;}

.supply_list ul li:hover .supply_right{ background-color:#364bf4;}
.supply_list ul li:hover .supply_1{ color:#fff;}
.supply_list ul li:hover .supply_2{ color:rgba(255,255,255,0.6);}
.supply_list ul li:hover .supply_img{ border-radius:10px;}


.supply_img{ float:right;width:130px; height:130px; background-color:#364bf4; border-radius:45px;-webkit-transition: all 0.4s ease-in-out;}


.supply_right{ float:left; width:485px; height:130px; border-radius:10px;-moz-box-shadow:0px 4px 70px rgba(55,76,244,0.1); -webkit-box-shadow:0px 4px 70px rgba(55,76,244,0.1); box-shadow:0px 4px 70px rgba(55,76,244,0.1); text-align: right;-webkit-transition: all 0.4s ease-in-out;}
.supply_1{ margin:auto; font-size:22px; color:#000; width:440px; height:40px; line-height:40px; padding-top:30px;-webkit-transition: all 0.4s ease-in-out;}
.supply_2{ margin:auto; font-size:16px; color:rgba(0,0,0,0.6); width:440px; height:52px; line-height:26px;-webkit-transition: all 0.4s ease-in-out;}

.achieve{ width:100%; height:auto; overflow:hidden; background:#f7f7fe; padding-bottom:100px;}
.achieve_all{ margin: auto; margin-top:57px; background:url(../image/achieve_03.png) no-repeat center 6px; width:1663px; height:490px;}
.achieve_list{ width:1400px; height:490px; margin:auto;}
.achieve_list ul li{ float:left; width:416px; height:420px; list-style:none; margin-right:76px; background-color:#fff;border-radius:10px;-moz-box-shadow:0px 2px 27px rgba(55,76,244,0.1); -webkit-box-shadow:0px 0px 27px rgba(55,76,244,0.1); box-shadow:0px 0px 27px rgba(55,76,244,0.1);}
.achieve_list ul li:nth-child(3n){ margin-right:0px;}
.achieve_list ul li:nth-child(2){ margin-top:70px;}

.achieve_list ul li:hover .achieve_1{ margin-top:44px;-webkit-animation:bounce 1s .2s ease both;}
.achieve_list ul li:hover .achieve_1 img{}
.achieve_list ul li:hover .achieve_2{ color:#364bf4;}
.achieve_list ul li:hover .achieve_3{ color:rgba(55,76,244,0.6);}

.achieve_1{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:54px;-webkit-transition: all 0.4s ease-in-out;}
.achieve_1 img{ width:130px; height:130px;background-color:#364bf4; border-radius:45px;}

@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0)
}
40% {
-webkit-transform:translateY(-10px)
}
60% {
-webkit-transform:translateY(-5px)
}
}

.achieve_2{ margin:auto; width:335px; font-size:22px; color:#000; text-align:center; height:50px; line-height:50px; margin-top:16px;-webkit-transition: all 0.4s ease-in-out;}
.achieve_3{ margin:auto; width:335px; font-size:16px; color:rgba(0,0,0,0.6); text-align:center; height: auto; line-height:26px; margin-top:12px;-webkit-transition: all 0.4s ease-in-out;}

.suit{ width:100%; height:auto; overflow:hidden;}
.suit_list{ margin:auto; width:1400px; height:auto; overflow:hidden; margin-top:57px;}
.suit_list ul li{ float:left; width:114px; height:166px; list-style:none; margin-right:166px;}
.suit_list ul li:nth-child(n+6){ margin-right:0px; margin-left:166px;}

.suit_list ul li:hover .suit_img{ background-color:#374cf4;}
.suit_list ul li:hover .suit_img_1{ margin-top:-114px;}

.suit_img{ width:114px; height:114px;background-color:#f7f7fe; border-radius:45px; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.suit_img img{ width:114px; height:114px;}
.suit_img_1{ width:100%; height:114px;-webkit-transition: all 0.4s ease-in-out;}
.suit_tit{ width:100%; text-align:center; height:52px; line-height:52px; font-size:22px; color:#000;}
 
 
/*公众号开发*/
.gong{ width:1400px; height:100%; margin: auto; position:relative; z-index:1;}
.gong .cheng_1{ padding-top:290px;}

.gong_tu{ position:absolute; right:0; bottom:-3px;}
.gong_tu img{ height:850px; width:auto;}


.public{ width:100%; height:996px; position:relative;}
.public_tit{ width:1400px; height:120px; overflow:hidden; margin:auto; font-size:50px; color:#000; line-height:60px; position:relative; z-index:1; padding-top:80px;}
.public_tit span{ font-weight:bold; position:relative; z-index:1;}
.public_tit_1{ position:absolute; left:0; bottom:3px; width:210px; height:12px; background-color:#2bd2a4;}
.public_all{ width:1400px; height: auto; margin:auto; margin-top:-120px; position:relative; z-index:1}
.public_mune{ float: left; height: auto; width:593px; margin-top:183px;}
.public_mune a{ display:block; width:100%; height:100%; position:relative; cursor:pointer;}
.public_mune a:hover .public_zi span{background:url(../image/public_11.png) no-repeat left; color:#000; background-size:50px; padding-left:80px;}
.public_mune a:hover .public_bei{opacity:1; width:553px;}

.public_mune a.public_mune_a .public_zi span{  color:#000; background-size:50px; padding-left:80px;}
.public_mune a.public_mune_a .public_bei{ opacity:1; width:553px;}

.public_zi{ width:100%; height:100%; position:relative; z-index:1;}
.public_zi span{ display:inline-block; font-size:24px; color:rgba(0,0,0,0.8); height:80px; line-height:80px;background:url(../image/public_11.png) no-repeat left; background-size:0px;-webkit-transition: all 0.4s ease-in-out;}
.public_bei{ width:0px; height:80px; background-color:#fff;-moz-box-shadow:0px 2px 27px rgba(55,76,244,0.1); -webkit-box-shadow:0px 0px 27px rgba(55,76,244,0.1); box-shadow:0px 0px 27px rgba(55,76,244,0.1); border-radius:7px; border-right:7px solid #2bd2a4; position:absolute; top:0; right:0; opacity:0;-webkit-transition: all 0.4s ease-in-out;}

.public_list{ float:right; width:630px; height:auto;}
.public_list ul li{ float:left; width:298px; height:364px; list-style:none; background-color:#fff;-moz-box-shadow:0px 2px 87px rgba(55,76,244,0.1); -webkit-box-shadow:0px 0px 87px rgba(55,76,244,0.1); box-shadow:0px 0px 87px rgba(55,76,244,0.1); border-radius:10px; margin-right:34px; margin-bottom:34px; margin-top:120px;-webkit-transition: all 0.4s ease-in-out;}
.public_list ul li:nth-child(2n){ margin-right:0px; margin-top:0px;}
.public_list ul li:nth-child(3){ margin-top:0px;}
.public_list ul li:nth-child(4){ margin-top:-120px;}

.public_list ul li:hover{ background-color:#2e4c9f;}
.public_list ul li:hover .public_img{ margin-top:35px;}
.public_list ul li:hover .public_img_1{ margin-top:-91px;}
.public_list ul li:hover .public_1{ color:#fff;}
.public_list ul li:hover .public_2{ color:rgba(255,255,255,0.6);}

.public_list ul li.public_list_li{ background-color:#2e4c9f;}
.public_list ul li.public_list_li .public_img{ margin-top:35px;}
.public_list ul li.public_list_li .public_img_1{ margin-top:-91px;}
.public_list ul li.public_list_li .public_1{ color:#fff;}
.public_list ul li.public_list_li .public_2{ color:rgba(255,255,255,0.6);}


.public_img{ margin:auto; margin-top:45px; width:230px; height:91px; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.public_img img{ height:91px; width:auto;}
.public_img_1{ width:100%; height:91px;-webkit-transition: all 0.4s ease-in-out;}
.public_1{ margin:auto; width:230px; font-size:24px; color:#000; height:60px; line-height:60px; margin-top:10px;-webkit-transition: all 0.4s ease-in-out;}
.public_2{ margin:auto; width:230px; height:auto; overflow:hidden; font-size:16px; line-height:26px; color:rgba(0,0,0,0.6);-webkit-transition: all 0.4s ease-in-out;}

.public_bg{ width:334px; height:334px; border:42px solid #2e4c9f; border-radius:50%; position:absolute; bottom:-90px; left:-240px;animation: gRJimd 1s ease infinite alternate;}
.public_bg1{ width:257px; height:236px; background:url(../image/public_23.png) no-repeat center; background-size:cover; position:absolute; bottom:15px; right:95px; z-index:0;-webkit-animation:flash 5s .2s ease both infinite;}

@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0.5;
}
}

/*animation: gRJimd 1s ease infinite alternate;*/


.reason_chao{ width:100%; height: auto; overflow:hidden;}
.reason{ width:100%; height:1430px; overflow:hidden; position:relative;}
.reason_all{ width:1400px; height:auto; margin: auto; position:relative; z-index:1;}
.reason_left{ float:left; width:440px; height:405px; margin-top:324px;}
.reason_left a{ display:block; width:100%; height:405px; background-color:#fff;-moz-box-shadow:0px 2px 87px rgba(55,76,244,0.1); -webkit-box-shadow:0px 0px 87px rgba(55,76,244,0.1); box-shadow:0px 0px 87px rgba(55,76,244,0.1); border-radius:10px; -webkit-transition: all 0.4s ease-in-out;}

.reason_left a:hover{ background-color:#2e4c9f;}
.reason_left a:hover .reason_kong{ height:70px;}
.reason_left a:hover .reason_img_1{ margin-top:-91px;}
.reason_left a:hover .reason_1{ color:#fff;}
.reason_left a:hover .reason_2{ color:rgba(255,255,255,0.6);}

.reason_kong{ width:100%; overflow:hidden; height:78px;-webkit-transition: all 0.4s ease-in-out;}
.reason_img{ margin:auto; width:330px; height:91px; overflow:hidden;}
.reason_img img{ height:91px; width:auto;}
.reason_img_1{ width:100%; height:91px;-webkit-transition: all 0.4s ease-in-out;}
.reason_1{ margin:auto; width:330px; font-size:24px; color:#000; height:60px; line-height:60px; margin-top:15px;-webkit-transition: all 0.4s ease-in-out;}
.reason_2{ margin:auto; width:330px; height:auto; overflow:hidden; font-size:16px; line-height:26px; color:rgba(0,0,0,0.6); margin-top:10px;-webkit-transition: all 0.4s ease-in-out;}


.reason_mid{ float:left; width:440px; height: auto; margin-top:107px; margin-left:40px;}
.reason_mid a{ display:block; width:100%; height:405px; background-color:#fff;-moz-box-shadow:0px 2px 87px rgba(55,76,244,0.1); -webkit-box-shadow:0px 0px 87px rgba(55,76,244,0.1); box-shadow:0px 0px 87px rgba(55,76,244,0.1); border-radius:10px; -webkit-transition: all 0.4s ease-in-out; margin-bottom:40px;}

.reason_mid a:hover{ background-color:#2e4c9f;}
.reason_mid a:hover .reason_kong{ height:70px;}
.reason_mid a:hover .reason_img_1{ margin-top:-91px;}
.reason_mid a:hover .reason_1{ color:#fff;}
.reason_mid a:hover .reason_2{ color:rgba(255,255,255,0.6);}

.reason_right{ float:right; width:440px; height: auto; margin-top:-120px;}
.reason_right a{ display:block; width:100%; height:405px; background-color:#fff;-moz-box-shadow:0px 2px 87px rgba(55,76,244,0.1); -webkit-box-shadow:0px 0px 87px rgba(55,76,244,0.1); box-shadow:0px 0px 87px rgba(55,76,244,0.1); border-radius:10px; -webkit-transition: all 0.4s ease-in-out; margin-bottom:40px;}

.reason_right a:hover{ background-color:#2e4c9f;}
.reason_right a:hover .reason_kong{ height:70px;}
.reason_right a:hover .reason_img_1{ margin-top:-91px;}
.reason_right a:hover .reason_1{ color:#fff;}
.reason_right a:hover .reason_2{ color:rgba(255,255,255,0.6);}

.reason_all1{ display:none;}

.reason_bg{ width:257px; height:236px; background:url(../image/public_23.png) no-repeat center; background-size:cover; position:absolute; bottom:362px; left:95px; z-index:0;-webkit-animation:flash 5s .2s ease both infinite;}
.reason_bg1{ width:1467px; height:1232px; background: url(../image/public1_07.png) no-repeat left; position:absolute; bottom:0; right:0; z-index:0;}

.account{ width:100%; height:auto; margin:auto; position:relative;}
.account_all{ margin:auto; width:1400px; height:auto; overflow:hidden;background-color:#fff;-moz-box-shadow:0px 2px 87px rgba(55,76,244,0.1); -webkit-box-shadow:0px 0px 87px rgba(55,76,244,0.1); box-shadow:0px 0px 87px rgba(55,76,244,0.1); border-radius:10px; margin-top:55px; padding-top:34px; position:relative; z-index:1;}
.account_list{ margin:auto; width:1342px; height:auto; overflow:hidden;}
.account_list ul li{ float:left; width:310px; height:170px; background-color:#f4f5fe; border-radius:7px; list-style:none; -webkit-transition: all 0.4s ease-in-out; margin-right:34px; margin-bottom:34px;}
.account_list ul li:nth-child(4n){ margin-right:0px;}
.account_list ul li:hover{ background-color:#2e4c9f;}
.account_list ul li:hover .account_img{ background:url(../image/public_531.png) no-repeat center; background-size:cover;}
.account_list ul li:hover .account_img_1{ margin-left:-69px;}
.account_list ul li:hover .account_tit{ color:#fff;}

.account_tu{ margin:auto; height: auto; width:220px; overflow:hidden; padding-top:32px;}
.account_img{ float:left; width:69px; height:69px; background:url(../image/public_53.png) no-repeat center; background-size:cover; -webkit-transition: all 0.4s ease-in-out; overflow:hidden;}
.account_img_1{ width:138px; -webkit-transition: all 0.4s ease-in-out;}
.account_img_1 img{ float:left; width:69px; height:69px;}
.account_tit{ margin:auto; width:220px; font-size:24px; color:#000; height:50px; line-height:50px; -webkit-transition: all 0.4s ease-in-out;}

.account_bg{ width:984px; height:984px; background:#2e4c9f; border-radius:50%; position:absolute; top:-70px; right:-568px; z-index:0;animation: gRJimd 1s ease infinite alternate;}


.complete{ width:100%; height:auto; position:relative;}
.complete_list{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:45px;}
.complete_list ul li{ float:left; width:328px; height:476px; background-color:#f4f5fe; list-style:none; border-radius:7px; margin-right:29px;}
.complete_list ul li:nth-child(2n){ background-color:#f0fcf9;}
.complete_list ul li:nth-child(4n){ margin-right:0px;}
.complete_list ul li:hover .complete_img{ padding-top:30px;}
.complete_list ul li:hover .complete_img img{ height:229px;}

.complete_img{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:40px;-webkit-transition: all 0.4s ease-in-out;}
.complete_img img{ height:234px; width:auto;-webkit-transition: all 0.4s ease-in-out;}
.complete_1{ width:100%; text-align:center; font-size:26px; color:#000; height:50px; line-height:50px; margin-top:36px;}
.complete_2{ margin:auto; text-align:center; font-size:16px; color:rgba(0,0,0,0.6); line-height:26px; width:230px;}

.complete_bg{width:383px; height:383px; background:#2bd2a4; border-radius:50%; position:absolute; bottom:-290px; left:-253px; z-index:0;animation: eztMyl 1s ease infinite alternate;}



/*响应式网站*/
.answer{ width:100%; height:auto; overflow:hidden; margin:auto;}
.answer_tit{ width:1400px; height:100px; position:relative; padding-top:42px; margin:auto;}
.answer_tit_1{ width:100%; text-align:center; font-size:40px; font-weight:bold; color:#000; height:100px; line-height:100px;}
.answer_tit_2{ width:100%; text-align:center; font-size:140px; font-family:shu; line-height:100px; color:rgba(40,62,230,0.06); position:absolute; bottom:0;}
.answer_tit_3{ background:url(../image/answer_04.png) no-repeat center; background-size:cover; width:28px; height:28px; position:absolute; top:34px; left:353px; animation: fangda 2s linear infinite both;}

.answer_tit_4{ background:url(../image/answer_08.png) no-repeat center; background-size:cover; width:28px; height:28px; position:absolute; bottom:-15px; right:348px;}

.answer_tit_5{ background:url(../image/answer_11.png) no-repeat center; background-size:cover; width:13px; height:13px; position:absolute;  left:-15px; top:-15px; animation: moveX 3s cubic-bezier(0.36,0,0.64,1) -1.5s infinite alternate, moveY 3s cubic-bezier(0.36,0,0.64,1) 0s infinite alternate;}


@keyframes moveX{
 0% {left: -15px;} 100% {left: 28px;}
}
@keyframes moveY{
	0% {top: -15px;} 100% {top: 28px;}
}


.answer_list{ width:1400px; height:auto; margin:auto; padding-top:40px;}
.answer_list ul li{ float:left; width:116px; height:225px; list-style:none; margin-right:140px;}
.answer_list ul li:nth-child(6n){ margin-right:0px;}
.answer_list ul li:nth-child(5) .answer_1{ width:150px; margin-left:-17px;}
.answer_list ul li:nth-child(8) .answer_1{ width:150px; margin-left:-17px;}
.answer_list ul li:nth-child(9) .answer_1{ width:150px; margin-left:-17px;}

.answer_list ul li:hover .answer_img{-moz-box-shadow:0px 9px 19px rgba(49,60,233,0.1); -webkit-box-shadow:0px 9px 19px rgba(49,60,233,0.1); box-shadow:0px 9px 19px rgba(49,60,233,0.1);-webkit-animation:swing 1s .2s ease both;}
.answer_list ul li:hover .answer_1{ color:#313ce9;}

.answer_img{ width:116px; height:116px; background-color:#fff;-moz-box-shadow:0px 9px 19px rgba(0,0,0,0.08); -webkit-box-shadow:0px 9px 19px rgba(0,0,0,0.08); box-shadow:0px 9px 19px rgba(0,0,0,0.08); border-radius:45px;}
.answer_img img{ width:116px; height:116px;}
.answer_1{ width:100%; text-align:center; font-size:22px; color:#000; height:50px; line-height:50px;} 




@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}


.adapter{ width:100%; height:auto; overflow:hidden; background:url(../image/answer_56.png) no-repeat center top; background-size:100% auto; padding-bottom:70px;}
.adapter_come{ width:100%; height: auto; overflow:hidden; text-align:center; font-size:16px; color:rgba(0,0,0,0.8); line-height:21px;}
.adapter_img{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:63px; padding-bottom:60px;}
.adapter_img img{ max-width:100%; height:auto;}


.adapter_list{ width:1400px; height:auto; margin:auto; margin-top:53px;}
.adapter_list ul li{ float:left; width:447px; height:390px; list-style:none; background-color:#fff;-moz-box-shadow:0px 4px 70px rgba(0,0,0,0.08); -webkit-box-shadow:0px 4px 70px rgba(0,0,0,0.08); box-shadow:0px 4px 70px rgba(0,0,0,0.08); border-radius:7px; margin-right:29px; margin-bottom:29px;-webkit-transition: all 0.4s ease-in-out;}
.adapter_list ul li:hover{-moz-box-shadow:0px 4px 19px rgba(49,60,233,0.3); -webkit-box-shadow:0px 4px 19px rgba(49,60,233,0.3); box-shadow:0px 4px 19px rgba(49,60,233,0.3); border-radius:20px;}

.adapter_list ul li:nth-child(3n){ margin-right:0px;}
.adapter_list ul li:nth-child(2n) .adapter_tu{ background-color:#2bd2a4;}

.adapter_list ul li:hover .adapter_kong{ height:30px;}
.adapter_list ul li:hover .adapter_tu{ border-radius:50%;}

.adapter_kong{ width:100%; height:40px; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.adapter_tu{ width:144px; height:144px; margin:auto; border-radius:45px; background-color:#2e4c9f;-webkit-transition: all 0.4s ease-in-out;}
.adapter_tu img{ width:144px; height:144px;}
.adapter_1{ width:100%; text-align:center; font-size:22px; color:#000; font-weight:bold; height:50px; line-height:50px; margin-top:10px;}
.adapter_2{ margin:auto; text-align:center; font-size:16px; line-height:26px; color:rgba(0,0,0,0.8); width:365px;}

.hazard{ width:1400px; height:266px; margin:auto; background-color:#313ce9; border-bottom-left-radius:50px; border-top-right-radius:50px;}
.hazard_1{ width:100%; text-align:center; font-weight:lighter; font-size:40px; color:#fff; height:50px; line-height:50px; padding-top:58px;}
.hazard_1 span{ font-weight:bold;}
.hazard_2{ width:100%; text-align:center; font-size:18px; color:#fff; height:40px; line-height:40px;}
.hazard_3{ width:100%; height:50px; margin-top:17px;}
.hazard_3 a{ display:block; margin:auto; font-size:18px; color:#fff; font-weight:lighter; border-radius:30px; width:174px; height:50px; text-align:center; line-height:50px; background-color:#2bd2a4; cursor:pointer;}


/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #2bd2a4 solid 2px; border-radius:30px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}




.plan{ width:100%; height:auto; overflow:hidden; background:url(../image/answer_59.png) no-repeat center 118px;background-size:100% auto; padding-top:60px;}
.plan_list{ width:1400px; height:auto; margin:auto; margin-top:48px; }
.plan_list ul li{ float: left; width:445px; height:387px; list-style:none; background-color:#fff; margin-right:32px; border-radius:7px;-moz-box-shadow:0px 4px 70px rgba(0,0,0,0.08); -webkit-box-shadow:0px 4px 70px rgba(0,0,0,0.08); box-shadow:0px 4px 70px rgba(0,0,0,0.08);}
.plan_list ul li:nth-child(3n){ margin-right:0px;}
.plan_list ul li:nth-child(2n+2) .plan_img{ background-color:#2bd2a4;}


.plan_list ul li:hover .plan_img{ width:134px; height:134px;}
.plan_list ul li:hover .plan_img img{ width:134px; height:134px;}
.plan_list ul li:hover .plan_1{color:#2e4c9f;}
.plan_list ul li:hover .plan_2{ color:rgba(49,60,233,0.8);}

.plan_list ul li:nth-child(2n+2):hover .plan_1{color:#2bd2a4;}
.plan_list ul li:nth-child(2n+2):hover .plan_2{ color:rgba(43,210,164,0.8);}


.plan_kong{ width:100%; height:40px; overflow:hidden;}
.plan_img{ width:144px; height:144px; margin:auto; border-radius:45px; background-color:#2e4c9f;-webkit-transition: all 0.4s ease-in-out;}
.plan_img img{ width:144px; height:144px;-webkit-transition: all 0.4s ease-in-out;}
.plan_1{ width:100%; text-align:center; font-size:30px; color:#000; font-weight: bold; height:75px; line-height:75px;-webkit-transition: all 0.4s ease-in-out;}
.plan_2{margin:auto; text-align:center; font-size:16px; line-height:26px; color:rgba(0,0,0,0.8); width:350px;-webkit-transition: all 0.4s ease-in-out;}

.answer_jian{ width:100%; height:60px; overflow:hidden;}
.answer_tita .answer_tit_1{ color:#fff;}
.answer_tita .answer_tit_2{ color:rgba(255,255,255,0.08);}

.plan .aftermarket_list ul li{ background-color:#fff;}

.ying{ width:1400px; height:100vh; position:relative; margin: auto;}
.ying_1{ width:100%; font-size:80px; color:#fff; font-weight:bold; height:110px; line-height:110px; padding-top:280px;}
.ying_2{ width:100%; font-size:28px; color:#fff; height:80px; line-height:80px;}
.ying .cheng_3{ margin-top:45px;}

.ying_right{ width:840px; height:620px; position:absolute; right:0; bottom:82px;}
.zhan{ width:100%; height:100%; position:relative;}
.zhan_1{ width:593px; height:437px; position:absolute;  top:0; right:0; opacity:0;}
.zhan_1 img{ width:593px; height:437px;}

.zhan_2{ width:429px; height:328px; position:absolute;  bottom:16px; left:0; opacity:0;}
.zhan_2 img{ width:429px; height:328px;}

.zhan_3{ width:102px; height:370px; position:absolute;  bottom:0; right:80px; opacity:0;}
.zhan_3 img{ width:102px; height:370px;}

.zhan_xiao .zhan_1{  animation: zhanshang 0.6s 0.3s ease forwards; }

.zhan_xiao .zhan_2{  animation: zhanzuo 0.8s 0.5s ease forwards}
.zhan_xiao .zhan_3{  animation: zhanyou 0.8s 0.8s ease forwards;}


@keyframes zhanshang{
    0%{ opacity:0;  top: -50px;}
    100%{ opacity:1; top:0px;}
}

@keyframes zhanzuo{
    0%{ opacity:0; left:-50px;}
    100%{ opacity:1;left:0;}
}
@keyframes zhanyou{
    0%{ opacity:0; bottom:-50px;}
    100%{ opacity:1;bottom:0px;}
}


/*案例*/
.banner{ width:100%; height:447px;}
.banner_1{ width:100%; text-align:center; font-size:90px; color:#fff; font-family:shu; height:85px; line-height:85px; padding-top:185px;}
.banner_2{ width:100%; text-align:center; font-size:50px; color:#fff; font-weight:bold; height:65px; line-height:65px; margin-top:-10px;}


.case{ width:100%; height:auto; overflow:hidden; padding-top:100px; padding-bottom:70px;}
.case_list{ width:1400px; height:auto; margin:auto;}
.case_list ul li{ float:left; width:446px; height:410px; list-style:none; margin-right:31px; margin-bottom:31px;}
.case_list ul li:nth-child(3n){ margin-right:0px;}
.case_list ul li a{ display:block; width:446px; height:100%; background-color:#fff; position:relative; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden;-moz-box-shadow:0px 4px 35px rgba(0,0,0,0.08); -webkit-box-shadow:0px 4px 35px rgba(0,0,0,0.08); box-shadow:0px 4px 35px rgba(0,0,0,0.08);}
.case_list ul li a:hover .case_bg{ opacity:1;}
.case_list ul li a:hover .case_kuan{ opacity:1;}
.case_list ul li a:hover .case_zi{ opacity:1;}
.case_list ul li a:hover .case_tit{ opacity:0;}


.case_tit{ margin:auto; font-size:22px; color:#000; font-weight:bold; width:398px; height:45px; line-height:45px; overflow:hidden; margin-top:26px; background:url(../image/case_18.png) no-repeat right;-webkit-transition: all 0.4s ease-in-out;}

.case_xian{ margin:auto; width:398px; height:1px; background-color:rgba(0,0,0,0.1); margin-top:28px;}
.case_con{ margin:auto; width:398px; font-size:14px; color:rgba(0,0,0,0.5); font-weight:bold; height:65px; line-height:65px; position:relative; z-index:1;-webkit-transition: all 0.4s ease-in-out;}

.case_bg{ position:absolute; bottom:0; width:100%; height:80%; background-image: linear-gradient(rgba(49,60,233,0),rgba(49,60,233,1), rgba(49,60,233,1)); opacity:0;-webkit-transition: all 0.4s ease-in-out;}

.case_kuan{ width:77px; height:4px; background-color:#fff; position:absolute; left:24px; top:261px; opacity:0;-webkit-transition: all 0.4s ease-in-out;}
.case_zi{ position:absolute; font-size:22px; color:#fff; font-weight:bold; width:390px; height:45px; line-height:45px; overflow:hidden; left:24px; top:300px; opacity:0;-webkit-transition: all 0.4s ease-in-out;background:url(../image/case_21.png) no-repeat right;}



/*案例详情*/
.main{ width:100%; height:auto; overflow:hidden; min-height:100vh; position:relative; margin-bottom:112px;}
.main_bg{ position:absolute; top:0; width:100%; height:100vh;}
.detail{ width:1640px; height:auto; overflow:hidden; margin:auto; position:relative; z-index:1; padding-top:200px;}
.detail_left{ float:left; width:260px; height:auto; overflow:hidden;}
.detail_name{ width:100%; font-size:22px; color:#fff; line-height:22px;}
.detail_tit{ width:100%; height:auto; overflow:hidden; font-size:36px; color:#fff; font-weight:bold; line-height:43px; margin-top:22px;}
.detail_qi{ width:100%; font-size:14px; color:#fff; height:auto; line-height:20px; padding-top:15px; padding-bottom:20px;}
.detail_qi span{ padding:0px 10px;}
.detail_wang{ width:100%; height:57px; border-bottom:1px solid rgba(255,255,255,0.3); margin-top:75px;}
.detail_wang span{ display:inline-block; background:url(../image/detail_06.png) no-repeat left; height:40px; line-height:40px; font-size:16px; color:#fff; padding-left:50px;}
.detail_dian{ width:100%; height:40px; margin-top:15px;}
.detail_1{ float: left; height:40px; background:url(../image/detail_09.png) no-repeat left; padding-left:48px; font-size:14px; color:#fff; line-height:40px;}
.detail_2{ float:right; height:40px; font-size:14px; color:#fff; line-height:40px;}
.detail_2 a{ display:inline-block; margin-right:5px; cursor:pointer;}
.detail_next{ width:100%; height:60px; margin-top:100px;}
.detail_next a{ display:inline-block; width:60px; height:60px; border-radius:50%; background-color:#fff; overflow:hidden; margin-right:8px;-webkit-transition: all 0.4s ease-in-out;}
.detail_next a:hover{-moz-box-shadow:inset 0px 0px 10px rgba(49,60,233,0.5); -webkit-box-shadow:inset 0px 0px 10px rgba(49,60,233,0.5);box-shadow:inset 0px 0px 10px rgba(49,60,233,0.5);}

.detail_next a:hover img{-moz-transform:scale(0.95,0.95);-webkit-transform:scale(0.95,0.95);-o-transform:scale(0.95,0.95);-ms-transform:scale(0.95,0.95); transform:scale(0.95,0.95);}

.detail_next img{ width:60px; height:60px; -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}


.detail_right{ float:right; width:1280px; height:auto; overflow:hidden;}
.detail_img{ width:100%; height:auto; overflow:hidden;}
.detail_img img{ max-width:100%; height:auto;}

/*新闻详情*/
.xiang{ width:1400px; height:auto; overflow:hidden; margin:auto; position:relative; z-index:1; margin-top:-600px; padding-bottom:100px;}
.xiang_time{ width:100%; height:40px;}
.xiang_time span{ display:inline-block; background:url(../image/xiang_03.png) no-repeat left; font-size:14px; color:#fff; height:40px; line-height:40px; padding-left:30px;}
.xiang_tit{ width:100%; height:auto; overflow:hidden; font-size:50px; line-height:64px; font-weight:bold; color:#fff; margin-top:10px;}
.xiang_xin{ width:100%; font-size:14px; color:#fff; height:75px; line-height:75px;}
.xiang_xin span{ padding:0px 10px;}
.xiang_zan{ width:100%; height:60px; margin-top:36px;}
.xiang_zan .detail_dian{ width:260px; float:left; margin-top:18px;}
.xiang_zan .detail_next{ float:right; width:auto; height:60px; margin-top:0px;}

.xiang_all{ width:100%; height:auto; overflow:hidden; background-color:#fff; margin-top:28px; padding-top:80px;}
.xiang_con{ width:1180px; height:auto; overflow:hidden; margin: auto; font-size:16px; color:rgba(0,0,0,0.8); line-height:43px; padding-bottom:50px;}
.xiang_con img{ max-width:100%; height:auto;}
.xiang_xian{ width:100%; height:1px; background-color:#f6f6f6;}


.detail_link{ width:100%; height:60px; overflow:hidden; text-align:center; margin-top:45px;}
.detail_link a{ display:inline-block; width:60px; height:60px; border-radius:50%; overflow:hidden; margin:0px 8px;-webkit-transition: all 0.4s ease-in-out;}

.detail_link a:hover img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.detail_link img{ width:60px; height:60px; -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}


/*新闻中心*/
.press{ width:1400px; margin:auto; height:auto;}
.press ul li{ float:left; width:450px; height:285px; list-style:none; margin-right:25px; margin-bottom:25px;}
.press ul li:nth-child(3n){ margin-right:0px;}
.press ul li a{ display:block; width:100%; height:240px; padding-top:45px;position:relative;-webkit-box-shadow:0 0 27px rgba(31,44,111,0.08); position:relative;}

.press ul li a:hover .news_bian_1{ width:100%;}
.press ul li a:hover .news_1{ color:#1d3ee4;}
.press ul li a:hover .news_3{ color:#1d3ee4;}
.press ul li a:hover .news_5_1{ display:none;}


/*关于*/
.decide{ width:100%; height: auto; overflow:hidden; position:relative; margin-top:110px; padding-bottom:155px;}
.decide_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.decide_img img{ height:106px; width:auto;}

.decide_1{ width:100%; height:auto; overflow:hidden; font-size:51px; color:#000; line-height:57px; font-weight:lighter; text-align:center; margin-top:38px;}
.decide_2{ width:1030px; margin:auto; text-align:center; height:auto; overflow:hidden; font-size:18px; line-height:26px; color:rgba(0,0,0,0.7); margin-top:54px;}

.original_ying{ width:100%; height:auto; overflow:hidden;}
.original{ width:100%; height: 967px; position:relative;  z-index:1;}
.original_all{ width:1400px; height:100%; overflow:hidden; position:relative; margin:auto; z-index:1;}
.original_img{ width:1049px; height:720px;}
.original_img img{ width:1049px; height:720px;}
.original_shu{ width:100%; position:absolute; bottom:-165px; font-size:360px; color:#fff; font-family:"Arial Black", Gadget, sans-serif;}
.original_con{ position:absolute; width:600px; bottom:0; height:740px; background-color:#fff; right:0;}
.original_1{ margin:auto;  width:490px; height:55px;  padding-top:58px;}
.original_1 span{ display:inline-block;height:55px; line-height:55px;font-size:26px; color:#283fe7; font-weight:bold; background:url(../image/xian_03.jpg) no-repeat left; padding-left:64px;}

.original_2{ margin:auto;  width:490px; height:80px; line-height:80px; margin-top:40px; font-size:68px; color:#000; font-family:"Arial Black", Gadget, sans-serif;}
.original_3{ margin:auto;  width:490px; height:75px; line-height:75px; font-size:68px; color:#000; font-weight:lighter;}
.original_4{ margin: auto; width:490px; height:130px; overflow:hidden; font-size:18px; color:#000; line-height:26px; margin-top:77px;} 
.original_4 span{ font-weight:bold;}
.original_5{ margin:auto; width:490px; height:65px; margin-top:125px;}
.original_5 a{ display:block; width:210px; height:65px; text-align:center; line-height:65px; background-color:#283fe7; cursor:pointer;}
.original_5 span{ display:inline-block; background:url(../image/about_12.png) no-repeat right; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding-right:36px;}


/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}




.original_bg{ position:absolute; left:0; bottom:0; height:505px; width:50%; background-color:#f0f0f0;}
.original_zi{ position:absolute; top:95px; right:-135px; font-size:350px; color:rgba(59,59,59,0.1); font-family:"Arial Black", Gadget, sans-serif;writing-mode: vertical-lr;writing-mode: tb-rl;}

.originality{ width:100%; height:1073px; position:relative; margin-top:182px;}
.originality_all{ width:1400px; height:auto; overflow:hidden; margin:auto; position:relative; z-index:2;}
.originality_con{ width:632px; height:816px; background-color:#283fe7; position:relative; margin-left:585px;}
.originality_shu{position:absolute; top:-170px; right:-35px; font-size:360px; color:#fff; opacity:0.04; font-family:"Arial Black", Gadget, sans-serif;}
.originality .original_1{ padding-top:235px;}
.originality .original_1 span{ background:url(../image/xian_07.jpg) no-repeat left; color:#fff;}

.originality .original_2{ color:#fff;}
.originality .original_3{ color:#fff;}
.originality .original_4{ color:#fff;}

.originality_img{ position:absolute; right:0; bottom:70px; height:622px; z-index:1;}
.originality_img_shi{ width:100%; height:100%; position:relative;}

.originality_img_bg{ position:absolute; top:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%;}



.originality_bai{ position:absolute; left:0; top:0; background-color:#fff; height:163px; width:258px;}

.originality_bg{ position:absolute; left:0; bottom:0; background-color:#f6f6f6; height:530px;}


.guarantee{ width:100%; height:1146px; position:relative; margin-top:170px;}
.guarantee_all{ width:1400px; height:1146px; margin:auto; position:relative; z-index:1;}
.guarantee_img{ width:947px; height:720px; position:relative; z-index:2;}
.guarantee_img img{ width:947px; height:720px;}
.guarantee_con{ width:50%; height:426px; background-color:#fff;}
.guarantee_con .original_4{ width:580px; margin-top:0; padding-top:54px; height:auto;}
.guarantee_con .original_5{ width:580px;}

.guarantee_you{ width:315px; height:auto; overflow:hidden; position:absolute; top:0; right:0; z-index:1;}
.guarantee_you .original_1{ padding-top:51px; width:100%;}
.guarantee_you .original_2{ width:100%;}
.guarantee_you .original_3{ width:100%;}

.guarantee_tu{ width:50%; height:430px; position:absolute; right:0; bottom:335px;}
.htmleaf-content{ width:100%; height:100%; position:relative; overflow:hidden;}
canvas { position: absolute; top:-80px; left: -30%; width:180%;}

.guarantee_shu{ width:50%; right:-15px; position:absolute; bottom:-140px; font-size:360px; color:#fff; font-family:"Arial Black", Gadget, sans-serif;}

.guarantee_bg{ position:absolute; bottom:0; left:0px; width:50%; height:717px; background-color:#f0f0f0;}
.guarantee_bg1{ position:absolute; bottom:0; right:0; width:50%; height:336px; background-color:#f0f0f0;}


.free{ width:100%; height:1270px; position:relative; margin-top:100px; overflow:hidden;}
.free_all{ width:1400px; height:1200px; margin:auto; position:relative; z-index:1; margin-top:70px;}
.free_img{ width:1051px; height:949px;}
.free_img img{ width:1051px; height:949px;}

.free_con{ width:50%; height:900px; background-color:#fff; position: absolute; bottom:0; right:0; overflow:hidden;}
.free_con .originality_shu{ color:#000; top: -145px; right:15px;}
.free_con .original_1{ width:570px; padding-top:143px;}
.free_con .original_2{ width:570px;}
.free_con .original_3{ width:570px;}
.free_con .original_4{ width:570px;}
.free_con .original_5{ width:570px;}

.free_quan{ position:absolute; top:0; left:30px; width:177px; height:177px; border-radius:50%; border:192px solid #283fe7;}
.free_bg{ position:absolute; left:0; bottom:0; background-color:#f6f6f6; height:718px; width:50%;}
.free_bg1{ position:absolute; right:-1102px; bottom:28px; background-color:#313ce9; border-radius:50%; height:1354px; width:1354px;}

.strength{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:70px; padding-bottom:145px;}
.strength .original_1{ width:100%; text-align:right;}
.strength .original_2{ width:100%; text-align:right;}
.strength .original_3{ width:100%; text-align:right;}

.strength_con{ width:100%; height:130px; overflow:hidden; position:relative; margin-top:70px; text-align:center;}
.strength_left{ position:absolute; left:0;}
.strength_1{ font-size:140px; font-family:"Arial Black", Gadget, sans-serif; color:#013be5; height:130px; line-height:130px; position:relative;}
.strength_1_1{ font-size:22px; color:#013be5; font-weight:bold; position:absolute; right:-80px;writing-mode: vertical-lr;writing-mode: tb-rl; bottom:10px;}

.strength_mid{ width:auto; height:130px; margin:auto; text-align:center; display:inline-block;}
.strength_right{ position:absolute; right:28px; top:0;}

.client{ width:100%; height:1182px; position:relative; overflow:hidden;}
.client_all{ width:1400px; height:auto; overflow:hidden; margin:auto; position:relative; z-index:1;}
.client_shu{width:100%; left:-15px; position:absolute; top:-140px; font-size:360px; color:#fff; opacity:0.04; font-family:"Arial Black", Gadget, sans-serif;}
.client .original_1{ width:100%; padding-top:155px;}
.client .original_1 span{background:url(../image/xian_07.jpg) no-repeat left; color:#fff;}
.client .original_2{ width:100%; color:#fff;}
.client .original_3{ width:100%; color:#fff;}
.client_img{ width:100%; height:auto; text-align:center; position:absolute; bottom:0; z-index:1;} 
.client_img img{ height:1120px; width:auto;}

.client_bg{ width:100%; height:807px; position:absolute; top:0; background-color:#013be5;}

.contact{ width:100%; height:597px; position:relative; margin-top:145px;}
.contact_all{ width:1400px; height:auto; overflow:hidden; margin:auto;}
.contact_all .original_1{ width:100%; text-align:right; padding-top:162px;}
.contact_all .original_2{ width:100%; text-align:right;}
.contact_all .original_3{ width:100%; text-align:right;}

.contact_map{ position:absolute; left:0; top:0; width:50%; height:597px; overflow:hidden;}
.contact_map img{ height:597px; width:auto;} 

.test{ width:1400px; height:572px; margin:auto; margin-bottom:120px;}
.test_left{ float:left; height:572px; margin-top:134px;}
.test_left .test_1:nth-child(2) .test_text{ background:url(../image/about_46.png) no-repeat 18px;}
.test_left .test_1:nth-child(3) .test_text{ background:url(../image/about_53.png) no-repeat 18px;}
.test_left .test_1:nth-child(4) .test_text{ background:url(../image/about_58.png) no-repeat 18px;}


.test_1{ width:516px; height:64px; position:relative; margin-bottom:21px;}
.test_text{  width:450px; height:60px; line-height:60px; border:2px solid #eee; background:url(../image/about_41.png) no-repeat 18px; padding-left:62px; font-family:"微软雅黑";-webkit-transition: all 0.4s ease-in-out; color:#000;}
.test_text::-webkit-input-placeholder { color:#999; font-size:16px;}
.test_text:focus { border:2px solid #283fe7; -moz-box-shadow:inset 0px 0px 13px rgba(49,60,233,0,0.2); -webkit-box-shadow:inset 0px 0px 13px rgba(49,60,233,0.2); box-shadow:inset 0px 0px 13px rgba(49,60,233,0.2); color:#283fe7;}

.test_1 a{ position:absolute; right:0; font-size:14px; color:#000; border-left:1px solid #eee; width:120px; height:20px; text-align:center; line-height:20px; top:22px; cursor:pointer;-webkit-transition: all 0.4s ease-in-out; cursor:pointer;}
.test_1 a:hover{ color:#283fe7; text-decoration:underline;}

.test_2{ width:100%; height:65px; margin-top:54px;}
.test_2 a{ display:block; width:210px; height:65px; text-align:center; line-height:65px; background-color:#283fe7; cursor:pointer;}
.test_2 span{ display:inline-block; background:url(../image/about_12.png) no-repeat right; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding-right:36px;}


.test_right{ float:right; width:50%; height:100%; background-color:#283fe7;}
.test_list{ margin:auto; width:480px; height:auto; overflow:hidden; padding-top:123px;}
.test_list ul li{ width:100%; height:110px; list-style:none;}
.test_list ul li:nth-child(2) span{ background:url(../image/about_49.png) no-repeat left;}
.test_list ul li:nth-child(3) span{ background:url(../image/about_56.png) no-repeat left; font-family:"微软雅黑";}
.test_list ul li span{ display:inline-block; background:url(../image/about_38.png) no-repeat left; height:110px; line-height:110px; font-size:22px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding-left:80px;}


/*APP开发*/
.app{ width:1400px; height:auto; min-height:470px; margin:auto; padding-top:140px;}
.app_left{ float:left; width:50%; height:100%;}
.app_1{ width:100%; font-size:80px; color:#fff; font-weight:bold; line-height: 88px; padding-top:145px;}
.app_1 span{ font-family:Arial, Helvetica, sans-serif;}
.app_2{ width:100%; font-size:28px; color:#fff; line-height:70px;}

.app_right{ float:right; width:679px; height:761px; position:relative;}
.app_right img{ width:679px; height:761px;}


.develop{ width:100%; height:auto; overflow:hidden;}
.develop_biaoti{ width:100%; height:auto; overflow:hidden; position:relative; z-index:1;}
.develop_tit{ width:100%; text-align:center; font-size:40px; color:#000; font-weight:bold; line-height:40px; padding-top:100px;}
.develop_xian{ margin:auto; width:50px; height:6px; background-color:#2e4c9f; margin-top:23px;}
.develop_list{ width:1400px; height: auto; margin:auto; margin-top:30px;} 
.develop_list ul li{ float:left; width:330px; height:295px; list-style:none; border-radius:10px; margin-right:26px; margin-bottom:26px;-moz-box-shadow:0px 0px 49px rgba(40,62,230,0.08); -webkit-box-shadow:0px 0px 49px rgba(40,62,230,0.08); box-shadow:0px 0px 49px rgba(40,62,230,0.08);}
.develop_list ul li:nth-child(4n){ margin-right:0px;}
.develop_list ul li:hover .develop_img{ padding-top:30px;}
.develop_list ul li:hover .develop_1{ color:#1d3ee4;}
.develop_list ul li:hover .develop_2{ color:rgba(40,62,230,0.6);}


.develop_img{ margin:auto; width:260px; height:auto; overflow:hidden; padding-top:40px; -webkit-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.develop_img img{ height:83px; width:auto;}
.develop_1{ margin:auto; width:260px; font-size:26px; color:#000; height:50px; line-height:50px;-webkit-transition: all 0.4s ease-in-out;}
.develop_2{ margin:auto; font-size:16px; color:rgba(0,0,0,0.6); line-height:24px; width:260px; height: auto; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}

.exploit{ width:100%; height:auto; overflow:hidden; background:url(../image/develop1_02.png) no-repeat center 425px;}
.exploit_list{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:30px;}
.exploit_list ul li{ float:left; width:220px; height:530px; list-style:none; margin-right:16px;}
.exploit_list ul li:nth-child(6n){ margin-right:0px;}
.exploit_list ul li:nth-child(2n) .exploit_con{ margin-top:120px;background-color:#2bd2a4;}
.exploit_list ul li:nth-child(2n) .exploit_san{ background:url(../image/develop_22.png) no-repeat center top;}
.exploit_list ul li:hover .exploit_1{ padding-top:34px;}


.exploit_con{ width:220px; height:310px; border-radius:15px; background-color:#313ce9;}
.exploit_1{ width:100%; height:73px; position:relative; text-align:center; padding-top:44px;-webkit-transition: all 0.4s ease-in-out;}
.exploit_1 img{ height:73px; width:auto;}
.exploit_1_1{ width:47px; height:47px; border-radius:50%; background-color:rgba(255,255,255,0.2); position:absolute; bottom:-11px; right:72px;}
.exploit_2{ width:100%; text-align:center; font-size:26px; color:#fff; height:70px; line-height:70px; margin-top:15px;}
.exploit_3{ margin:auto; font-size:16px; color:rgba(255,255,255,0.8); text-align:center; line-height:26px; width:190px;}
.exploit_san{ width:100%; background:url(../image/develop_46.png) no-repeat center; height:30px;}
.exploit_shu{ width:100%; text-align:center; font-size:36px; color:#444; height:40px; line-height:40px; margin-top:14px;}

.exploit_li{ width:100%; background:url(../image/develop_53.png) no-repeat center; height:150px; padding-top:42px; background-size:auto 100%; text-align:center;}
.exploit_li_1{ width:100%; height:17px; text-align:center;}
.exploit_li_1 img{ height:17px; width:auto;animation:shangxia 4s linear infinite both;}

@keyframes shangxia{
    0%, 50%, 100%{ margin-top:-5px;}
    25%{ margin-top:5px;}
    75%{ margin-top:5px;}
}



.exploit_li_2{ width:100%; font-size:26px; color:#444444; text-align:center; height:90px; line-height:90px;}

.life{ width:1400px; height:auto; margin: auto; margin-top:36px;}
.life ul li{ float:left; width:267px; height:259px; background-color:#fff; border-radius:10px; list-style:none; margin-right:16px; margin-bottom:16px;-moz-box-shadow:0px 0px 49px rgba(40,62,230,0.08); -webkit-box-shadow:0px 0px 49px rgba(40,62,230,0.08); box-shadow:0px 0px 49px rgba(40,62,230,0.08);}
.life ul li:nth-child(5n){ margin-right:0px;}
.life ul li:hover .life_img{-webkit-animation:bounceIn 1s .2s ease both;}
.life ul li:hover .life_tit{ color:#313ce9;}

.life_img{ width:100%; height:81px; position:relative; text-align:center; padding-top:56px;-webkit-transition: all 0.4s ease-in-out;}
.life_img img{ height:81px; width:auto; position:relative; z-index:1;}
.life_img_1{ width:47px; height:47px; border-radius:50%; background-color:#2bd2a4; position:absolute; bottom:-11px; right:72px;}
.life_tit{ width:100%; text-align:center; font-size:26px; color:#000; height:90px; line-height:90px;-webkit-transition: all 0.4s ease-in-out;}

@-webkit-keyframes bounceIn {
0% {
opacity:1;
-webkit-transform:scale(1)
}	
20% {
opacity:0;
-webkit-transform:scale(.8)
}
50% {
opacity:1;
-webkit-transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9)
}
100% {
-webkit-transform:scale(1)
}
}




.exist{ width:1400px; height:358px; margin:auto; margin-top:40px; background:url(../image/develop_99.png) no-repeat center top; padding-bottom:110px;}
.exist ul li{ float:left; list-style:none; width:25%; height:358px;}
.exist ul li:nth-child(2n) .exist_zi{ margin-top:-5px;}
.exist ul li:nth-child(2n) .exist_yuan{ background-color:#313ce9; margin-top:28px;}

.exist ul li:hover .exist_yuan{-webkit-animation:bounce 1s .2s ease both;}
.exist ul li:hover .exist_zi{-webkit-animation:bounce 1s .2s ease both;}



.exist_yuan{ margin:auto; border-radius:50%; width:212px; height:212px; background-color:#2bd1a4; margin-top:74px;}
.exist_1{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:38px;}
.exist_1 img{ height:80px; width:auto;}
.exist_2{ width:100%; text-align:center; font-size:26px; color:#fff; height:70px; line-height:70px;}
.exist_zi{ margin:auto; text-align:center; font-size:16px; line-height:26px; color:rgba(0,0,0,0.8); width:290px; height:52px; overflow:hidden; margin-top:24px;}



.n_big{ position:relative;}
.mod-video {height:100%;width:100%;object-fit:cover;}
.n_big_bei{ position:absolute; top:0; width:100%; height:100%; z-index:2;}

.n_big_ge{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/bg_dot.png) left top repeat; display:none;
}




.animation-delay-2{
	-webkit-animation-delay:0.25s;
	animation-delay:0.25s;
}
.animation-delay-5{
 	-webkit-animation-delay:0.5s;
	animation-delay:0.5s;
}
.animated{
	opacity: 0;
}

/*
-moz-box-shadow:0px 9px 19px rgba(0,0,0,0.08); -webkit-box-shadow:0px 9px 19px rgba(0,0,0,0.08); box-shadow:0px 9px 19px rgba(0,0,0,0.08)

*/


/*漂浮框*/
.showy{ width:84px; height: auto; position: fixed; z-index:5; bottom:30px; right:30px;}
.showy a{ display:block; width:84px; height:84px; margin-bottom:7px; background-color:rgba(0,0,0,0.5); border-radius:4px; cursor:pointer; position:relative;-webkit-transition: all 0.4s ease-in;}
.showy a:hover{ background-color:#1c42ea;}
.showy a:hover .showy_tel{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); opacity:1;}

.showy_tu{ width:100%; height:47px; position:relative;}

.showy_img{ width:100%; height:32px; overflow:hidden; text-align:center; position: absolute;top:15px;left: 0;display: inline-block;text-align: center;filter:alpha(opacity=100);opacity: 1;}
.showy_img img{ height:32px; width:auto;}

.showy_tit{ width:100%; text-align:center; font-size:14px; color:#fff; height:35px; line-height:35px;}

.showy_tel{ width:170px; height:84px; line-height:84px; border-radius:4px; position: absolute; top: 0; left:-172px; display: block; background-color:#1c42ea; font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-style:italic; text-align:center;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in; opacity:0;}


/*关于底部*/
.dier{ width:100%; height:225px; border-top:1px solid rgba(0,0,0,0.1);}
.di{ width:1400px; height: auto; margin:auto; padding-top:68px;}
.di_left{ float:left; height:175px;}
.di_1{ font-size:39px; color:#000; font-family:Arial, Helvetica, sans-serif; height:39px; line-height:39px; width:100%;}
.di_2{ width:100%; height:45px;}
.di_tel{ float:left; height:45px; line-height:45px; font-size:16px; color:#000; background:url(../image/1_14.png) no-repeat left; padding-left:25px;}
.di_tel span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} 
.di_ding{float:left; height:40px; line-height:40px; font-size:14px; color:#000; background:url(../image/1_11.png) no-repeat left; padding-left:21px; margin-left:40px;}
.di_ding span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}

.di_3{ width:100%; font-size:12px; color:#000; opacity:0.5; height:18px; line-height:18px;}
.di_3 a{ color:#000;}
.di_right{ float:right; }

.di_nav{ width:100%; height:40px;}
.di_nav a{ display: inline-block; font-size:18px; color:#000; height:40px; line-height:40px; margin-left:50px; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;}
.di_nav a:hover{ color:#1e3ee9;}

.di_wei{ width:100%; text-align:right; height:40px; line-height:40px; margin-top:18px;}
.di_wei span{ font-size:12px; color:#000; opacity:0.5; font-family:Arial, Helvetica, sans-serif;}
.di_wei a{ margin-left:10px; cursor:pointer;}


/*联系*/
.touch{ width:100%; height:100vh; position:relative;}
.touch_warp{ width:100%; height:271px; overflow:hidden; position:absolute; bottom:95px;}
.touch_list{ width:1400px; height:auto; overflow:hidden; background-color:#fff; margin:auto; padding:50px 0px; border-radius: 4px;}
.touch_list ul li{ float:left; width:300px; padding-left:50px; background: url(../image/contact_07.jpg) no-repeat left; height:171px; list-style:none;}
.touch_list ul li:nth-child(1){ background:none;}
.touch_img{ width:100%; height:70px;}
.touch_img img{ height:70px; width:auto;}
.touch_1{ width:100%; font-size:16px; color:#000; height:24px; line-height:24px; margin-top:36px;}
.touch_2{ width:100%; font-size:31px; font-family:Arial, Helvetica, sans-serif; color:#000; height:35px; line-height:35px;}
.touch_2a{ font-size:20px; font-family:"微软雅黑";}

.touch_all{ width:100%; height:90px; margin-top:10px; position: relative;}
.touch_all .touch_1{ margin-top:21px;}
.touch_3{ width:100%; font-size:14px; color:#000; height:35px; line-height:35px;}
.touch_wei{ position:absolute; width:77px; height:77px; top:0; right:48px;}
.touch_wei img{ width:77px; height:auto;}

.touch_di{ width:100%; position:absolute; height:50px; bottom:23px;}
.touch_typeright{ width:1400px; height:50px; margin:auto;}
.touch_typeright_left{ float:left; font-size:12px; color:rgba(255,255,255,0.5); height:50px; line-height:50px;}
.touch_typeright a{color:rgba(255,255,255,0.5);}

.touch_typeright_right{ float:right; text-align:right; height:50px; line-height:50px; }
.touch_typeright_right span{ font-size:12px; color:#fff; opacity:0.5; font-family:Arial, Helvetica, sans-serif;}
.touch_typeright_right a{ margin-left:10px; cursor:pointer;}


/*咨询框*/
.consult_warp{ width:100%; height:100vh;  position:fixed; display:none; top:0; z-index:100;}
.consult{ background-color:rgba(0,0,0,0.85); width:520px; height:350px; border-radius:10px; margin:auto; position:relative;}
.consult_cha{ position:absolute; top:-4px; right:8px; font-size:38px; color:#fff; font-weight: lighter;-webkit-transform:rotate(45deg); cursor:pointer;-webkit-transition: all 0.5s ease-in-out;}
.consult_cha:hover{ color:#fff;}

.consult_1{ margin:auto; width:435px; height:auto; overflow:hidden; padding-top:43px;}
.consult_1 img{ height:28px; width:auto;}
.consult_2{ margin:auto; width:435px; height:50px; margin-top:25px;}
.consult_2 span{ display:inline-block; height:50px; line-height:50px; font-size:18px; color:#fff; background:url(../image/consult_11.png) no-repeat right 7px; padding-right:26px;}
.consult_3{ margin:auto; width:435px; font-size:60px; color:#fff; height:70px; line-height:70px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;letter-spacing:2px;}
.consult_4{ margin:auto; width:435px; font-size:16px; color:#fff; height:50px; line-height:50px;}
.consult_5{ margin:auto; width:435px; height:auto; overflow:hidden;}
.consult_5 a{ display:inline-block; font-size:18px; color:#fff; cursor:pointer; border:2px solid #fff; width:203px; height:48px; text-align:center; line-height:48px;-webkit-transition: all 0.5s ease-in-out;}
.consult_5 a:nth-child(2){ float:right;}
.consult_5 a.consult_5_a{ background-color:#2e4c9f; color:#fff; border:2px solid #2e4c9f;}



.cai{ display:none;}





@media screen and (max-width:1911px)and (min-width:1592px){

	.n_big{ width:100%; margin:auto;}

	



	.news{ width:100%; height:auto; overflow:hidden; padding-top:103px; padding-bottom:60px;}
	.news_bg{ position:absolute; width:1145px; height:1145px; top:-880px; }
	.news_all{ margin:auto; position:relative; height:380px; width:1230px;}
	.news_list{ width:100%; height:275px; position:relative; overflow:hidden; padding-top:48px;}
	
	.news_con{ margin:auto; width:385px; height:245px;}
	.news_con a{ display:block; width:100%; height:207px; padding-top:38px;}
	

	
	.news_bian_1{ width:90px;}
	
	.news_left{ float:left; width:90px; height:180px;}
	.news_1{ font-size:42px; width:60px; margin-top:-10px;}
	.news_2{ font-size:20px; width:60px; text-align:right; margin-top:-5px;}
	
	.news_right{ float:right; width:275px; height:auto; overflow:hidden;}
	.news_3{ font-size:19px; line-height:26px; height:52px; overflow:hidden; width:255px; margin-top:-4px;}
	.news_4{ font-size:12px; line-height:20px; height:40px; overflow:hidden; width:255px; margin-top:14px;}
	.news_5{ width:67px; height:36px; overflow:hidden; margin-top:42px;}
	.news_5 img{ width:67px; height:36px;}
	
	.news_bi{ width:100%; height:65px; position:relative;}
	.news-left{ float:left; width:65px; height:65px; margin-left:10px; text-align:center; line-height:65px; font-size:22px;}
	.news-right{ float:right; width:65px; height:65px; margin-right:10px; line-height:65px; font-size:22px;}
	
	.news_xian{ width:1030px; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:32px;}
	.news_quan{ margin:auto; border:2px solid #1d3ee4; border-radius:50%; background-color:#fff; width:10px; height:10px; margin-top: -7px;}


	.journey_warp{ width:100%; height:445px; position:relative;}
	.journey_bei{ background:url(../image/index_35.png) no-repeat center; width:342px; height:162px; position:absolute; right:0; top:180px;}
	
	.journey_tu{ width:105px; height:151px; position:absolute; left:0; top:88px;}
	.journey_tu img{ width:105px; height:151px;}
	.journey_bg{ background-size:cover; width:386px; height:275px; bottom:-90px; right:-110px;}
	
	.journey{ width:1200px; height:445px; margin:auto; position:relative;}
	.journey_1{ width:100%; text-align:center; font-size:65px; height:82px; line-height:82px; padding-top:140px;}
	.journey_2{ width:100%; text-align:center; font-size:31px; height:48px; line-height:48px;}
	.journey_3{ width:100%; height:54px; margin-top:23px;}
	.journey_3 a{ display:block; font-size:19px; width:208px; height:54px; line-height:54px;}
	
	.change_quan{ top:-60px;}


/*集团官网*/
.place{ width:100%; height:448px; position:relative;}
.place_bg{ width:80%; height:610px; position:absolute; right:0; top:-162px;}

.place_tit{ width:100%; text-align:center; font-size:36px; height:80px; line-height:80px; padding-top:60px;}
.place_tit span{ color:#2e4c9f;}
.place_xian{ margin:auto; width:30px; height:4px;}
.place_list{ width:1200px; height:220px; margin:auto; margin-top:50px;}
.place_list ul li{ float:left; width:25%; height:100%; list-style:none;}
.place_img{ width:100%; height:130px; text-align:center;}

.place_img_1{ margin:auto; position:relative; z-index:1; background-size:cover; width:118px; height:102px; text-align:center; top:11px;}
.place_img_1 img{ height:56px; width:auto;}

.place_beijing{width: 130px;  height: 130px; left:85px;}



.place_1{ width:100%; text-align:center; font-size:19px; height:26px; line-height:26px; margin-top:23px;}
.place_2{ width:100%; text-align:center; font-size:14px; height:30px; line-height:30px;}


.idea{ width:1200px;}
.idea_come{ width:100%; text-align:center; font-size:16px; height:53px; line-height:53px;}
.idea_list{ width:1200px; height:auto; overflow:hidden; margin-top:22px;}
.idea_list ul li{ float:left; width:200px; height:338px; list-style:none;}

.idea_list ul li:nth-child(2) .idea_bg_2{ left:27px; top:9px;}
.idea_list ul li:nth-child(3) .idea_bg_2{ left: inherit; right:23px; top:138px;}
.idea_list ul li:nth-child(4) .idea_bg_2{ left:inherit; right:-9px;}
.idea_list ul li:nth-child(5) .idea_bg_2{ left:inherit; right:27px; top:9px;}
.idea_list ul li:nth-child(6) .idea_bg_2{ left:23px; top:138px;}

.idea_shu{ width:100%; text-align:center; font-size:102px; line-height:75px;}
.idea_quan{ width:165px; height:165px;  margin-top:-32px; position:relative;}
.idea_quan img{ width:165px; height:165px;}

.idea_bg_1{ width:165px; height:165px; }
.idea_bg_2{ position:absolute; left:0; width:17px; height:17px; top:80px; left: -9px; }


.idea_tit{ font-size:19px; height:60px; line-height:60px;}



.superior{ width:100%; height:auto; overflow:hidden; background-color:#f2f6fc; padding-bottom:88px;}
.superior_list{ width:1199px; height:473px; margin:auto; margin-top:38px;}
.superior_list ul li{ float:left; width:399px; height:236px; position:relative;}
.superior_list ul li:nth-child(3n){ float:right; border-right:none;}
.superior_list ul li:nth-child(n+4){ border-bottom:none;}
.superior_img{ background-size:123px; width:123px; height:123px; margin:auto; text-align:center; padding-top:35px;}
.superior_img img{ width:106px; height:auto; padding-top:10px;}

.superior_wo{ font-size:20px; margin-top:18px;}



.superior_1{ width:100%; text-align:center; font-size:26px; height:48px; line-height:48px; padding-top:50px;}
.superior_2{ margin:auto; font-size:16px; line-height:21px; width:88%; height:auto; overflow:hidden; margin-top:18px;}

.danger{ width:100%; height:228px;}
.danger_1{ font-size:34px; height:44px; line-height:44px; padding-top:48px;} 

.danger_2{ font-size:16px; height:35px; line-height:35px;}
.danger_3{ width:100%; height:44px; text-align:center; margin-top:15px;}
.danger_3 a{ display:block; margin:auto; font-size:16px; width:148px; height:44px; line-height:44px;}  


.aftermarket{ width:100%; height:auto; overflow:hidden; margin:auto;}
.aftermarket_list{ width:1200px; height:auto; margin:auto; margin-top:28px;}
.aftermarket_list ul li{ float: left; width:390px; height:112px; padding-top:28px; margin-bottom:15px; margin-right:15px;}
.aftermarket_list ul li:hover .aftermarket_img{ margin-left:10px;}
.aftermarket_list ul li:hover .aftermarket_right{ margin-right:10px;}

.aftermarket_img{ width:84px; height:86px; margin-left:15px;}
.aftermarket_img img{ width:84px; height:86px; }
.aftermarket_right{ float:right; width:260px; height:auto; overflow:hidden; margin-right:15px;}
.aftermarket_1{ width:100%; font-size:19px; height:35px; line-height:35px;}
.aftermarket_2{ width:100%; font-size:14px; height:42px; line-height:21px;}


.procedure{ width:100%; height:auto; overflow:hidden;}
.procedure_list{ width:1200px; height:268px; margin:auto; background-size:100% auto; margin-top:36px;}
.procedure_list ul li{ float:left; list-style:none; width:90px; height:268px; list-style:none; margin-right:48px;}
.procedure_list ul li:nth-child(2n){ padding-top:60px; height:208px;}


.procedure_img{ width:90px; height:90px; }
.procedure_img img{ width:90px; height:90px;} 
.procedure_tit{ width:100%; text-align:center; font-size:16px; height:48px; line-height:48px;}


.example{ width:100%; height:auto; overflow:hidden; position:relative;}
.example_bg{ height:355px;}

.example_all{ margin:auto; position:relative; height:415px; width:1230px; margin-top:33px;}
.example_list{ width:100%; height:347px; position:relative; overflow:hidden;}

.example_con{ width:384px; height:347px; margin:auto;}
.example_con a:hover .example_tit span{background-size:68px;}

.example_tit{ position:absolute; right:0; width:335px; height:90px; bottom:23px;}
.example_tit span{ margin:auto; display:block; font-size:19px; background-size:68px; width:280px; height:90px; line-height:90px;}

.example-left{ float:left; width:65px; height:65px; margin-left:10px; text-align:center; line-height:65px; font-size:22px;}
.example-right{ float:right; width:65px; height:65px; margin-right:10px; line-height:65px; font-size:22px;}

.ji_bg { height: 192px; bottom: -140px; transform: skewY(9deg);}
.ji{ width:1200px; height:100vh;  margin:auto;}
.ji_1{ width:100%; font-size:51px; line-height: 53px; padding-top:245px;}
.ji_2{ width:100%; font-size:44px; line-height:60px; }

.ji_bei{ position:absolute; bottom:0; width:1090px; height:750px; right:-135px;}

.ji_right{ position:absolute; bottom:0; right:0; width:743px; height:551px;}

.biao_1{ position:absolute; width:595px; height:382px; right:-24px; bottom:20px; opacity:0;}
.biao_1 img{ width:595px; height:382px;}

.biao_2{ position:absolute; width:281px; height:188px; left:180px; top:0px;}
.biao_2 img{ width:281px; height:188px;}

.biao_3{ position:absolute; width:160px; height: auto; left:0px; bottom:95px;}
.biao_3 img{ width:100%; height: auto;}

.biao_4{ position:absolute; width:595px; height:208px; right:-24px; bottom:28px;}
.biao_4 img{ width:100%; height: auto;}

.biao_5{ position:absolute; width:123px; height:115px; left:268px; top:205px;}
.biao_5 img{ width:123px; height: auto;}

.biao_6{ position:absolute; width:154px; height:312px; left:473px; top:210px;}
.biao_6 img{ width:154px; height: 312px;}

.biao_7{ position:absolute; width:204px; height:378px; left:377px; top:152px;}
.biao_7 img{ width:204px; height: 378px;}



@keyframes biao_zuo{
    0%{ opacity:0; left:150px;}
    100%{ opacity:1;left:205px;}
}

@keyframes biao_zuo1{
    0%{ opacity:0; bottom:50px;}
    100%{ opacity:1;bottom:95px;}
}


	
/*企业官网*/
.tuan{ width:1200px;}
.tuan_left{ float:left; width:490px; height:100%;}
.tuan_1{ font-size:85px; line-height:85px; padding-top:240px;}
.tuan_2{ width:100%; font-size:68px; line-height:90px;}
.tuan_3{ width:100%; font-size:44px; line-height:60px;}
.tuan_31{ width:100%; font-size:44px; line-height:60px;}
.tuan_left .cheng_3{ margin-top:40px;}

.tuan_right{ float:right; width:705px; height:100%; }
.tuan_img{ width:705px; height:640px; top:125px;}
.tuan_img img{ width:705px; height:640px;}

.understand{ width:100%; height: auto; overflow: hidden; position:relative; z-index:1; margin-top:90px;}
.understand_tit{ width:1200px; margin:auto; font-size:42px; line-height:50px;}

.understand_xian{ margin:auto; width:1200px; position:relative; z-index:1; margin-top:24px;}
.understand_xian span{ display:block; width:66px; height:8px;}

.understand_list{ width:1196px; height:234px; margin:auto; margin-top:44px;}
.understand_list ul li{ float:left; width:297px; height:234px; list-style:none;}
.understand_list ul li:hover .understand_img{ padding-top:43px;}

.understand_img{ width:100%; height:62px; text-align:center; padding-top:48px;}
.understand_img img{ height:62px; width:auto;}
.understand_1{ width:100%; text-align:center; font-size:26px; height:40px; line-height:40px; margin-top:20px;}
.understand_2{ width:100%; text-align:center; font-size:14px; height:25px; line-height:25px;}

.goodness{ width:100%; height:auto; margin-top:150px; position:relative;}
.goodness_bg{ background-size:cover; width:615px; height:1415px; position:absolute; left:0; top:-225px; z-index:0;}

.goodness_all{ width:1200px; height:364px; margin:auto; position:relative; margin-top:65px;}
.goodness_left{ float:left; width:405px; height:auto; overflow:hidden;}
.goodness_con{ width:100%; height:auto; overflow:hidden;}
.goodness_con_1{ width:100%; font-size:26px; height:48px; line-height:48px; padding-top:102px;}
.goodness_con_2{ width:100%; height:auto; overflow:hidden; font-size:15px; line-height:21px; margin-top:13px;}

.goodness_list{ float:right;width:596px; height:360px;}
.goodness_list ul li{ float:left; height:178px; width:197px; position:relative;}

.goodness_list ul li:hover .goodness_img_1{ margin-top:-63px;}
.goodness_list ul li.goodness_list_li .goodness_img_1{ margin-top:-63px;}


.goodness_img{ width:100%; height:63px; text-align:center; overflow:hidden; margin-top:31px;}
.goodness_img img{ height:63px; width:auto;}
.goodness_img_1{ width:100%; height:63px;}

.goodness_tit{ width:100%; text-align:center; height:56px;}
.goodness_tit_1{ width:100%; height:56px; line-height:56px; font-size:19px; margin-top:-56px;}
.goodness_tit_2{ width:100%; height:56px; line-height:56px; font-size:19px;}


.risk{ width:1200px; height:330px; margin-top:137px;}
.risk_tit{ margin:auto; font-size:42px; line-height:60px; text-align:right; width:1160px; padding-top:60px;}
.risk_1{ margin:auto; font-size:34px; line-height:60px; text-align:right; width:1160px;}
.risk_2{ margin:auto; font-size:15px; line-height:35px; text-align:right; width:1160px;}
.risk_3{ margin:auto; width:1160px; height:42px; margin-top:20px;}
.risk_3 a{ display:block; float:right; font-size:16px; width:150px; height:42px; line-height:42px; }  


.texture{ width:100%; height:667px; position:relative; margin-top:220px;}
.texture_bg{ width:430px; height:430px; top:-220px; right:-273px;}
.texture_bg1{ width:203px; height:203px; border:182px solid #2e4c9f; top:-92px; right:-305px;}

.texture_come{ margin:auto; width:1200px; font-size:16px; height:70px; line-height:70px;}
.texture_all{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:14px;}
.texture_list{ width:894px; height:342px;} 
.texture_list ul li{ float:left; height:342px; width:296px; position:relative;}
.texture_list ul li:nth-child(3){ float:right; border-right:none;}
.texture_list ul li:hover .texture_1{ padding-top:30px;}
.texture_list ul li:hover .texture_1 img{ height:117px;}

.texture_1{ padding-top:35px;}
.texture_1 img{ height:123px; width:auto;}
.texture_2{ width:100%; text-align:center; font-size:26px; height:60px; line-height:60px; margin-top:8px;}
.texture_3{ margin:auto; text-align:center; font-size:14px; line-height:21px; width:255px; height: auto; overflow:hidden;}

.understand_tita{ padding-top:83px;}


/*智能营销网站*/
.zhi{ width:1200px;}
.zhi_1{ width:100%; font-size:68px; line-height:77px; padding-top:180px;}
.zhi_2{ width:100%; font-size:32px; line-height: 60px;}
.zhi .cheng_3{ margin-top:20px;}

.zhi_con{ position:absolute; bottom:0; right:0; width:100%; height:614px;}
.neng{ width:1000px; height:100%; position: relative; margin:auto;}
.neng_1{ position:absolute; width:712px; height:434px; left:108px; }
.neng_1 img{ width:712px; height:434px;}

.neng_2{ position:absolute; width:1000px; height:614px; left:0px; top:0px;}
.neng_2 img{ width:1000px; height:614px;}


.intellect{ padding-bottom:86px;}
.intellect_tit{ width:1200px; height:86px; position:relative; padding-top:86px; margin:auto;}
.intellect_tit_1{ font-size:42px; height:86px; line-height:86px;}
.intellect_tit_2{ font-size:120px; line-height:86px;}

.intellect_list{ width:1200px; height: auto; overflow:hidden; margin:auto; margin-top:35px;} 
.intellect_list ul li{ float:left; width:268px; height:268px;  margin-right:42px;}
.intellect_list ul li:hover .intellect_img{ padding-top:33px;}

.intellect_img{ margin:auto; width:225px; padding-top:38px;}
.intellect_img img{ height:60px; width:auto;}
.intellect_1{ margin:auto; width:225px; font-size:19px; height:40px; line-height:40px; margin-top:15px;}
.intellect_2{ margin:auto; font-size:14px;line-height:21px; width:225px;}


.mind{ padding-bottom:32px;}
.mind_list{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
.mind_list ul li{ float:left; width:400px; height:295px; list-style:none;}
.mind_list ul li:hover .mind_img{ height:140px;}
.mind_list ul li:hover .mind_img img{ height:140px;}

.mind_img{ width:100%; height:148px; text-align:center;}
.mind_img img{ height:148px; width:auto;}
.mind_tit{ width:100%; text-align:center; font-size:19px; height:35px; line-height:35px; margin-top:22px;}
.mind_con{ margin:auto; text-align:center; font-size:14px; width:345px; line-height:21px; margin-top:5px;}

.power{ width:100%; height: auto; overflow:hidden; padding-bottom:37px;}
.power_list{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:15px;}
.power_list ul li{ float:left; width:570px; height:106px; list-style:none; margin-right:60px; margin-bottom:33px;}

.power_img{ float:right; width:106px; height:106px;}
.power_img img{ width:106px; height:106px;}
.power_con{ float:left; width:440px; height:106px;}
.power_1{ width:100%; font-size:19px; height:63px; line-height:63px;} 
.power_2{ width:100%; font-size:14px; height:23px; line-height:23px;} 

.private_warp{ width:100%; height:226px;}
.private{ margin:auto; width:1200px; height:226px;}
.private_img{ float:left; width:365px; height:auto; overflow:hidden;}
.private_img img{ height:226px; width:auto;}
.private_mid{ float:left; width:600px; height:auto; overflow:hidden;}
.private_1{ width:100%; font-size:41px; height:55px; line-height:55px; padding-top:70px;} 
.private_2{ width:100%; font-size:22px; height:40px; line-height:40px;}

.private_more{ float:right; height:auto; margin-top:90px;}
.private_more a{ display:block; font-size:16px; width:145px; height:45px; line-height:45px;}

.counter{ width:100%; height:auto; overflow:hidden; position:relative;}
.counter_bg{ position:absolute; left:-270px; width:402px; height:402px; top:190px;} 


.counter_list{ margin:auto; width:1200px; height:auto; overflow:hidden; margin-top:38px;}
.counter_list ul li{ float:left; width:400px; height:224px;}
.counter_list ul li:hover .counter_xian{ width:55px;}

.counter_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.counter_img img{ height:60px; width:auto;}
.counter_tit{ width:100%; font-size:19px; height:50px; line-height:50px;}
.counter_xian{ margin:auto; width:37px;}
.counter_con{ margin:auto; text-align:center; font-size:14px; line-height:21px; width:315px; margin-top:24px;}

.intellect_kong{ width:100%; height:28px; overflow:hidden;}


/*小程序开发*/
.n_big_bg{ width:100%; height:135px; bottom:-75px;transform: skewY(5deg);}

.cheng{ width:1200px; height:auto; min-height:405px; margin:auto; padding-top:250px;}
.cheng_left{ float:left; width:535px; height:100%;}
.cheng_1{ width:100%; font-size:68px; line-height:68px; margin-top: -8px;}
.cheng_2{ width:100%; font-size:24px; line-height:70px;}
.cheng_3{ width:100%; height:45px; margin-top:60px;}
.cheng_3 a{ display:inline-block; font-size:16px; width:148px; height:45px; line-height:45px; margin-right:10px;}

.cheng_right{ float:right; width:640px; height:626px; position:relative;}
.cheng_tu{ width:640px; height:626px; position:absolute; bottom:10px; left:0;}
.cheng_tu img{ width:640px; height:626px;}


.sequence{ width:100%; height:auto; overflow:hidden; padding-bottom:175px;}
.sequence_tit{ width:100%; font-size:41px; padding-top:80px;}
.sequence_come{ width:100%; font-size:16px; height:35px; line-height:35px;}
.sequence_list{ margin:auto; width:1200px; height:auto; overflow:hidden; margin-top:93px;}
.sequence_list ul li{ float:left; width:25%; height:285px; list-style:none;}
.sequence_list ul li:hover .sequence_img img{ height:104px;}

.sequence_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.sequence_img img{ height:114px; width:auto;}
.sequence_1{ width:100%; font-size:24px; height:67px; line-height:67px;}
.sequence_2{ margin:auto; width:240px; font-size:16px; height: auto; line-height:22px;}


.course{ width:100%; height:705px; position:relative;}
.course_img{ width:1200px; height:495px; overflow:hidden; text-align:center; position:relative; z-index:1; margin-top:44px;}
.course_quan{ width:100%; height:378px; padding-top:38px;}
.course_quan span{ display:block; width:378px; height:378px;}

.course_tu{ width:100%; height:495px;} 
.course_tu img{ height:495px; width:auto;}
.course_1{ position:absolute; z-index:2; left:0; top:0; width:345px; height:70px;}

.course_1_1{ float:left; font-size:22px; width:297px; height:70px; line-height:70px;} 
.course_1_2{ float:left; width:35px; height:70px; line-height:93px; margin-left:13px;}
.course_1_2 img{ width:35px; height:auto;}

.course_2{ top:90px; width:345px; height:70px;}
.course_3{ top:177px; width:345px; height:70px;}
.course_4{ top:263px; width:345px; height:70px;}
.course_5{ bottom:70px; width:345px; height:70px;}


.course_6{ top:0; width:345px; height:70px;}
.course_6 .course_1_2{ margin-left:0px; margin-right:13px;}

.course_7{ top:90px; width:345px; height:70px;}
.course_7 .course_1_2{ margin-left:0px; margin-right:13px;}

.course_8{ top:177px; width:345px; height:70px;}
.course_8 .course_1_2{ margin-left:0px; margin-right:13px;}

.course_9{ top:263px; width:345px; height:70px;}
.course_9 .course_1_2{ margin-left:0px; margin-right:13px;}

.course_10{ bottom:70px; width:345px; height:70px;}
.course_10 .course_1_2{ margin-left:0px; margin-right:13px;}




.course_bg{ height:705px;}

.six_list{ width:1200px; height:auto; margin:auto; margin-top:39px;}
.six_list ul li{ float:left; width:400px; height:305px;}
.six_list ul li:hover .six_img{ padding-top:44px;}

.six_img{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:54px;}
.six_img img{ height:74px; height:auto;}
.six_1{ width:100%; text-align:center; font-size:22px; height:48px; line-height:48px; margin-top:17px;}
.six_2{ margin:auto; width:280px; font-size:15px; line-height:22px; text-align:center; margin-top:8px;}

.realize{ width:100%; height:650px; position:relative;}
.realize_list{ margin:auto; width:1200px; margin-top:40px;}
.realize_list ul li{ float:left; width:290px; height:130px; margin-right:13px; margin-bottom:13px;}
.realize_list ul li:hover .realize_img{ width:88px;}
.realize_list ul li:hover .realize_right{ width:178px;}

.realize_img{ float:left; width:92px;}
.realize_img img{ height:45px; width:auto; padding-top:40px;}
.realize_right{ float:right; height:130px; line-height:130px; font-size:22px; width:182px;} 

	/*电商平台*/
	.dian{ width:1200px; height:100%; margin: auto; position:relative;}
	.dian .cheng_1{ padding-top:250px;}
	.dian_tu{ position:absolute; height: auto; right:-28px; top:215px;}
	.dian_tu img{ height:558px; width:auto;}


	.online{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.online_tit{ width:1200px; height:86px; position:relative; padding-top:86px;}
	.online_tit_1{ width:100%; text-align:center; font-size:42px; height:86px; line-height:86px;}
	.online_tit_2{ width:100%; text-align:center; font-size:120px; line-height:86px;}
	
	.online_list{ width:1200px; height:auto; margin:auto; margin-top:38px;}
	.online_list ul li{ float:left; width:283px; height:300px; margin-right:22px; margin-bottom:22px;}
	.online_list ul li:hover .online_tu{ padding-top:33px;}
	
	.online_tu{ margin:auto; width:240px; padding-top:43px;}
	.online_img{ width:89px; height:89px;}
	.online_img img{ width:89px; height:89px;}
	.online_img_1{ width:100%; height:89px;}
	
	.online_1{ margin:auto; width:240px; font-size:20px; height:44px; line-height:44px; margin-top:13px;}
	.online_2{ margin:auto; width:240px; font-size:14px; line-height:22px;}
	
	
	.provide{ width:100%; height:766px; position:relative;}
	.provide_all{ width:1200px; margin-top:67px;}
	.provide_list{ float:right; width:620px; height:auto; overflow:hidden;}
	.provide_list ul li{ float:left; width:112px; height:98px; padding-top:14px; list-style:none; margin-right:57px; margin-bottom:57px;}
	
	.provide_quan{ width:12px; height:12px;}
	.provide_zi{ font-size:19px; height:65px; line-height:65px;}
	
	.provide_bg{ width:698px; height:575px;}
	
	
	.supply{ padding-bottom:50px;}
	.supply_list{ width:1200px; height:auto; margin:auto; margin-top:48px;}
	.supply_list ul li{ float:left; width:560px; height:111px; list-style:none; margin-right:80px; margin-bottom:37px;}
	.supply_list ul li:nth-child(5) .supply_1{ padding-top:13px;}
	
	.supply_img{ float:right;width:111px; height:111px;}
	.supply_img img{width:111px; height:111px;}
	
	.supply_right{ float:left; width:415px; height:111px;}
	.supply_1{ margin:auto; font-size:19px; width:375px; height:35px; line-height:35px; padding-top:27px;}
	.supply_2{ margin:auto; font-size:14px; width:375px; height:44px; line-height:22px;}
	
	.achieve{ padding-bottom:86px;}
	.achieve_all{ margin: auto; margin-top:50px; background-size:100% auto; width:1430px; height:422px;}
	.achieve_list{ width:1200px; height:422px; margin:auto;}
	.achieve_list ul li{ float:left; width:358px; height:360px; list-style:none; margin-right:63px;}
	.achieve_list ul li:nth-child(2){ margin-top:60px;}
	.achieve_list ul li:hover .achieve_1{ margin-top:40px;}
	
	.achieve_1{ margin-top:47px;}
	.achieve_1 img{ width:111px; height:111px;}
	.achieve_2{ margin:auto; width:285px; font-size:19px; height:44px; line-height:44px; margin-top:14px;}
	.achieve_3{ margin:auto; width:285px; font-size:14px; line-height:22px; margin-top:10px;}
	
	
	.suit{ width:100%; height:auto; overflow:hidden;}
	.suit_list{ margin:auto; width:1200px; height:auto; overflow:hidden; margin-top:48px;}
	.suit_list ul li{ float:left; width:99px; height:145px; list-style:none; margin-right:141px;}
	.suit_list ul li:nth-child(n+6){ margin-right:0px; margin-left:141px;}
	
	.suit_list ul li:hover .suit_img_1{ margin-top:-99px;}
	
	.suit_img{ width:99px; height:99px;}
	.suit_img img{ width:99px; height:99px;}
	.suit_img_1{ width:100%; height:99px;}
	.suit_tit{ width:100%; text-align:center; height:46px; line-height:46px; font-size:18px;}
	 

	/*公众号开发*/
	.gong{ width:1200px;}
	.gong .cheng_1{ padding-top:245px;}
	.gong_tu{ position:absolute; right:0; bottom:-3px;}
	.gong_tu img{ height:740px; width:auto;}

	.public{ width:100%; height:855px; position:relative;}
	.public_tit{ width:1200px; height:102px; overflow:hidden; margin:auto; font-size:42px; line-height:51px; padding-top:70px;}
	.public_tit_1{ position:absolute; left:0; bottom:3px; width:180px; height:11px;}
	
	.public_all{ width:1200px; height: auto; margin:auto; margin-top:-102px; position:relative; z-index:1}
	.public_mune{ float: left; height: auto; width:510px; margin-top:157px;}
	.public_mune a{ display:block; width:100%; height:100%; position:relative; cursor:pointer;}
	.public_mune a:hover .public_zi span{background-size:45px; padding-left:70px;}
	.public_mune a:hover .public_bei{opacity:1; width:480px;}
	
	.public_mune a.public_mune_a .public_zi span{ background-size:45px; padding-left:70px;}
	.public_mune a.public_mune_a .public_bei{ opacity:1; width:480px;}
	
	.public_zi{ width:100%; height:100%; position:relative; z-index:1;}
	.public_zi span{ display:inline-block; font-size:24px; height:70px; line-height:70px;}
	.public_bei{ width:0px; height:70px; border-right:6px solid #2bd2a4;}
	
	.public_list{ float:right; width:540px; height:auto;}
	.public_list ul li{ float:left; width:256px; height:313px; margin-right:28px; margin-bottom:28px; margin-top:102px;}
	.public_list ul li:nth-child(4){ margin-top:-102px;}
	
	.public_list ul li:hover .public_img{ margin-top:28px;}
	.public_list ul li:hover .public_img_1{ margin-top:-79px;}
	
	.public_list ul li.public_list_li .public_img{ margin-top:28px;}
	.public_list ul li.public_list_li .public_img_1{ margin-top:-79px;}
	
	.public_img{ margin:auto; margin-top:38px; width:200px; height:79px;}
	.public_img img{ height:79px; width:auto;}
	.public_img_1{ width:100%; height:79px;}
	.public_1{ margin:auto; width:200px; font-size:20px; height:52px; line-height:52px; margin-top:8px;}
	.public_2{ margin:auto; width:200px; font-size:14px; line-height:22px;}
	
	.public_bg{ width:286px; height:286px; border:36px solid #2e4c9f; bottom:-80px; left:-207px;}
	.public_bg1{ width:218px; height:200px; bottom:13px; right:85px; z-index:0;}
	
	
	.reason{ width:100%; height:1226px; overflow:hidden; position:relative;}
	.reason_all{ width:1200px;}
	.reason_left{ float:left; width:378px; height:348px; margin-top:280px;}
	.reason_left a{ display:block; width:100%; height:100%;}
	.reason_left a:hover .reason_kong{ height:60px;}
	.reason_left a:hover .reason_img_1{ margin-top:-79px;}
	
	.reason_kong{ height:68px;}
	.reason_img{ margin:auto; width:285px; height:79px; overflow:hidden;}
	.reason_img img{ height:79px; width:auto;}
	.reason_img_1{ width:100%; height:79px;}
	.reason_1{ margin:auto; width:285px; font-size:20px;height:52px; line-height:52px; margin-top:13px;}
	.reason_2{ margin:auto; width:285px; font-size:14px; line-height:22px; margin-top:8px;}
	
	.reason_mid{ float:left; width:378px; height: auto; margin-top:92px; margin-left:34px;}
	.reason_mid a{ display:block; width:100%; height:348px; margin-bottom:34px;}
	.reason_mid a:hover .reason_kong{ height:60px;}
	.reason_mid a:hover .reason_img_1{ margin-top:-79px;}
	
	.reason_right{ float:right; width:378px; height: auto; margin-top:-102px;}
	.reason_right a{ display:block; width:100%; height:348px; margin-bottom:34px;}
	.reason_right a:hover .reason_kong{ height:60px;}
	.reason_right a:hover .reason_img_1{ margin-top:-79px;}
	
	.reason_bg{ width:218px; height:200px; bottom:310px; left:85px; z-index:0;}
	.reason_bg1{ width:1259px; height:1057px;}
	
	.account{ width:100%; height:auto; margin:auto; position:relative;}
	.account_all{ margin:auto; width:1200px; margin-top:47px; padding-top:27px;}
	.account_list{ margin:auto; width:1150px; height:auto; overflow:hidden;}
	.account_list ul li{ float:left; width:267px; height:146px; margin-right:27px; margin-bottom:27px;}
	.account_list ul li:hover .account_img_1{ margin-left:-60px;}
	
	.account_tu{ margin:auto; height: auto; width:190px; overflow:hidden; padding-top:28px;}
	.account_img{ float:left; width:60px; height:60px;}
	.account_img_1{ width:120px;}
	.account_img_1 img{ float:left; width:60px; height:60px;}
	.account_tit{ margin:auto; width:190px; font-size:20px; height:40px; line-height:40px;}
	
	.account_bg{ width:845px; height:845px; top:-60px; right:-488px; z-index:0;}
	
	.complete{ width:100%; height:auto; position:relative;}
	.complete_list{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
	.complete_list ul li{ float:left; width:282px; height:410px; margin-right:24px;}
	.complete_list ul li:hover .complete_img{ padding-top:24px;}
	.complete_list ul li:hover .complete_img img{ height:195px;}
	
	.complete_img{ padding-top:34px;}
	.complete_img img{ height:200px; width:auto;}
	.complete_1{ width:100%; text-align:center; font-size:22px; height:43px; line-height:43px; margin-top:31px;}
	.complete_2{ margin:auto; text-align:center; font-size:14px; line-height:22px; width:200px;}
	
	.complete_bg{width:330px; height:330px; bottom:-248px; left:-217px; z-index:0;}

	/*响应式网站*/
	.ying{ width:1200px;}
	.ying_1{ width:100%; font-size:68px; height:95px; line-height:95px; padding-top:240px;}
	.ying_2{ width:100%; font-size:24px; height:70px; line-height:70px;}
	.ying .cheng_3{ margin-top:40px;}
	
	.ying_right{ width:720px; height:531px; bottom:58px;}
	.zhan_1{ width:509px; height:375px;}
	.zhan_1 img{ width:509px; height:375px;}
	
	.zhan_2{ width:362px; height:277px; position:absolute;  bottom:16px; left:0;}
	.zhan_2 img{ width:362px; height:277px;}
	
	.zhan_3{ width:86px; height:312px; right:70px;}
	.zhan_3 img{ width:86px; height:312px;}
	
	.answer{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.answer_tit{ width:1200px; height:86px; position:relative; padding-top:37px; margin:auto;}
	.answer_tit_1{ width:100%; text-align:center; font-size:34px; height:86px; line-height:86px;}
	.answer_tit_2{ width:100%; text-align:center; font-size:120px; line-height:86px;}
	.answer_tit_3{ width:24px; height:24px; position:absolute; top:27px; left:304px;}
	.answer_tit_4{ width:24px; height:24px; position:absolute; bottom:-13px; right:298px;}
	.answer_tit_5{ width:12px; height:12px; position:absolute;  left:-14px; top:-14px;}
	
	@keyframes moveX{
	 0% {left: -14px;} 100% {left: 26px;}
	}
	@keyframes moveY{
		0% {top: -14px;} 100% {top: 26px;}
	}
	
	
	
	
	.answer_list{ width:1200px; height:auto; margin:auto; padding-top:37px;}
	.answer_list ul li{ float:left; width:102px; height:195px; list-style:none; margin-right:117px;}
	
	.answer_list ul li:nth-child(5) .answer_1{ width:150px; margin-left:-24px;}
	.answer_list ul li:nth-child(8) .answer_1{ width:150px; margin-left:-24px;}
	.answer_list ul li:nth-child(9) .answer_1{ width:150px; margin-left:-24px;}
		
	
	
	.answer_img{ width:102px; height:102px;}
	.answer_img img{ width:102px; height:102px;}
	.answer_1{ width:100%; text-align:center; font-size:19px; height:43px; line-height:43px;} 
	
	.adapter{ padding-bottom:60px;}
	.adapter_come{  font-size:14px; line-height:21px;}
	.adapter_img{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:55px; padding-bottom:53px;}
	
	.adapter_list{ width:1200px; height:auto; margin:auto; margin-top:47px;}
	.adapter_list ul li{ float:left; width:384px; height:334px; margin-right:24px; margin-bottom:24px;}
	.adapter_list ul li:hover .adapter_kong{ height:25px;}
	
	.adapter_kong{ width:100%; height:33px;}
	.adapter_tu{ width:124px; height:124px;}
	.adapter_tu img{ width:124px; height:124px;}
	.adapter_1{ width:100%; text-align:center; font-size:19px; height:43px; line-height:43px; margin-top:9px;}
	.adapter_2{ margin:auto; text-align:center; font-size:14px; line-height:22px; width:315px;}
	
	.hazard{ width:1200px; height:230px;}
	.hazard_1{ font-size:34px; height:44px; line-height:44px; padding-top:50px;}
	
	.hazard_2{ width:100%; text-align:center; font-size:16px; height:35px; line-height:35px;}
	.hazard_3{ width:100%; height:44px; margin-top:15px;}
	.hazard_3 a{ display:block; margin:auto; font-size:16px; width:150px; height:44px; line-height:44px;}
	
	
	.plan{ width:100%; height:auto; overflow:hidden; background:url(../image/answer_59.png) no-repeat center 105px; background-size: 100% auto; padding-top:42px;}
	.plan_list{ width:1200px; height:auto; margin:auto; margin-top:42px; }
	.plan_list ul li{ float: left; width:382px; height:333px; margin-right:27px;}
	.plan_list ul li:hover .plan_img{ width:114px; height:114px;}
	.plan_list ul li:hover .plan_img img{ width:114px; height:114px;}
	
	.plan_kong{ width:100%; height:35px; overflow:hidden;}
	.plan_img{ width:124px; height:124px;}
	.plan_img img{ width:124px; height:124px;}
	.plan_1{ width:100%; text-align:center; font-size:26px; height:65px; line-height:65px;}
	.plan_2{margin:auto; text-align:center; font-size:14px; line-height:22px; width:300px;}
	
	.answer_jian{ width:100%; height:42px;}
	
	.newsa{ padding-top:0px;}


	/*案例*/
	.banner{ width:100%; height:384px;}
	.banner_1{ font-size:77px; height:75px; line-height:75px; padding-top:160px;}
	.banner_2{ font-size:42px; height:55px; line-height:55px; margin-top:-8px;}

	.case{ padding-top:87px; padding-bottom:50px;}
	.case_list{ width:1200px;}
	.case_list ul li{ float:left; width:384px; height:350px; list-style:none; margin-right:24px; margin-bottom:24px;}
	.case_list ul li a{ display:block; width:100%; height:100%;}
	
	.case_tit{ margin:auto; font-size:19px; width:344px; height:40px; line-height40px55px; overflow:hidden; margin-top:21px; background-size:20px;}
	.case_bg{ position:absolute; bottom:0; width:100%; height:85%;}
	.case_kuan{ width:67px; height:4px; left:20px; top:224px;}
	.case_zi{ position:absolute; font-size:19px; width:344px; height:40px; line-height:40px; left:20px; top:260px;  background-size:20px;}
	/*案例详情*/
	.main{ margin-bottom:80px;}
	
	.detail{ width:1200px; padding-top:180px;}
	.detail_left{ float:left; width:200px; height:auto; overflow:hidden;}
	.detail_name{ width:100%; font-size:16px; line-height:16px;}
	.detail_tit{ font-size:26px; line-height:31px; margin-top:20px;}
	
	.detail_qi{ width:100%; font-size:12px;}
	.detail_qi span{ padding:0px 8px;}
	.detail_wang{ width:100%; height:44px; margin-top:55px;}
	.detail_wang span{ display:inline-block; background-size:30px; height:30px; line-height:30px; font-size:13px; padding-left:40px;}
	.detail_dian{ width:100%; height:30px; margin-top:10px;}
	.detail_1{ float: left; height:30px; background-size:30px; padding-left:40px; font-size:12px; line-height:30px;}
	
	.detail_2{ float:right; height:30px; font-size:12px; line-height:30px;}
	.detail_2 a{ display:inline-block; margin-right:3px;}
	.detail_2 img{ height:16px; width:auto;}
	
	.detail_next{ width:100%; height:44px; margin-top:73px;}
	.detail_next a{ display:inline-block; width:44px; height:44px; margin-right:6px;}
	.detail_next img{ width:44px; height:44px;}
	
	.detail_right{ float:right; width:940px; height:auto; overflow:hidden;}

	/*新闻详情*/
	.xiang{ width:1200px; margin-top:-493px; padding-bottom:87px;}
	.xiang_time{ width:100%; height:36px;}
	.xiang_time span{ display:inline-block; background-size:17px; font-size:12px; height:36px; line-height:36px; padding-left:25px;}
	.xiang_tit{ font-size:42px; line-height:54px; margin-top:8px;}
	.xiang_xin{ width:100%; font-size:12px; height:65px; line-height:65px;}
	.xiang_xin span{ padding:0px 8px;}
	.xiang_zan{ width:100%; height:44px; margin-top:32px;}
	.xiang_zan .detail_dian{ width:205px; float:left; margin-top:13px;}
	.xiang_zan .detail_next{ float:right; width:auto; height:44px; margin-top:0px;}
	
	.xiang_all{ margin-top:24px; padding-top:70px;}
	.xiang_con{ width:1012px; font-size:14px; line-height:36px; padding-bottom:42px;}

	.detail_link{ width:100%; height:44px; overflow:hidden; text-align:center; margin-top:40px;}
	.detail_link a{ display:inline-block; width:44px; height:44px; margin:0px 5px;}
	.detail_link img{ width:44px; height:44px;}

	/*新闻中心*/
	.press{ width:1200px; margin:auto; height:auto;}
	.press ul li{ float:left; width:385px; height:245px; list-style:none; margin-right:22px; margin-bottom:22px;}
	.press ul li:nth-child(3n){ margin-right:0px;}
	.press ul li a{ display:block; width:100%; height:207px; padding-top:38px;}
	.press ul li a:hover .news_5_1{ margin-top:-39px;}


/*关于*/
.decide{ width:100%; height: auto; overflow:hidden; position:relative; margin-top:96px; padding-bottom:133px;}
.decide_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.decide_img img{ height:90px; width:auto;}

.decide_1{ width:100%; height:auto; overflow:hidden; font-size:43px; line-height:48px; margin-top:34px;}
.decide_2{ width:900px; font-size:16px; line-height:22px; margin-top:45px;}


.original{ width:100%; height: 830px; position:relative; z-index:1;}
.original_all{ width:1200px;}
.original_img{ width:900px; height:618px;}
.original_img img{ width:900px; height:618px;}
.original_shu{ bottom:-140px; font-size:308px;}
.original_con{ position:absolute; width:545px; height:640px;}
.original_1{ margin:auto;  width:420px; height:48px;  padding-top:50px;}
.original_1 span{ display:inline-block;height:48px; line-height:48px;font-size:23px; background-size:35px; padding-left:55px;}

.original_2{ margin:auto;  width:420px; height:70px; line-height:70px; margin-top:35px; font-size:58px; }
.original_3{ margin:auto;  width:420px; height:65px; line-height:65px; font-size:58px;}
.original_4{ margin: auto; width:420px; height:110px; overflow:hidden; font-size:15px; line-height:22px; margin-top:67px;} 

.original_5{ margin:auto; width:420px; height:55px; margin-top:108px;}
.original_5 a{ display:block; width:180px; height:55px; line-height:55px;}
.original_5 span{ display:inline-block; background:url(../image/about_12.png) no-repeat right; font-size:16px; padding-right:36px;}

.original_bg{ position:absolute; left:0; bottom:0; height:434px; }


.original_zi{ position:absolute; top:95px; right:-117px; font-size:300px;}


.originality{ width:100%; height:920px; position:relative; margin-top:157px;}
.originality_all{ width:1200px;}
.originality_con{ width:543px; height:700px; margin-left:500px;}
.originality_shu{position:absolute; top:-145px; right:-30px; font-size:308px;}
.originality .original_1{ padding-top:200px;}
.originality .original_1 span{ background-size:35px;}

.originality_img{ position:absolute; right:0; bottom:60px; height:533px; z-index:1;}
.originality_bai{ height:138px;}

.originality_bg{ height:455px;}

.guarantee{ width:100%; height:983px; margin-top:148px;}
.guarantee_all{ width:1200px; height:983px;}
.guarantee_img{ width:810px; height:616px;}
.guarantee_img img{ width:810px; height:616px;}
.guarantee_con{ width:50%; height:367px;}
.guarantee_con .original_4{ width:500px; padding-top:50px;}
.guarantee_con .original_5{ width:500px;}

.guarantee_you{ width:265px;}
.guarantee_you .original_1{ padding-top:44px;}

.guarantee_tu{ width:50%; height:370px; bottom:288px;}
.guarantee_shu{ right:-13px; bottom:-130px; font-size:308px;}

.guarantee_bg{ height:616px;}
.guarantee_bg1{height:288px;}

.free{ width:100%; height:1075px; position:relative; margin-top:100px; overflow:hidden;}
.free_all{ width:1200px; height:1027px; margin:auto; position:relative; z-index:1; margin-top:48px;}
.free_img{ width:900px; height:813px;}
.free_img img{ width:900px; height:813px;}

.free_con{ width:50%; height:770px; }
.free_con .originality_shu{ top: -130px; right:13px;}
.free_con .original_1{ width:490px; padding-top:120px;}
.free_con .original_2{ width:490px;}
.free_con .original_3{ width:490px;}
.free_con .original_4{ width:490px;}
.free_con .original_5{ width:490px;}

.free_quan{ position:absolute; top:0; left:26px; width:153px; height:153px; border:165px solid #283fe7;}
.free_bg{ height:617px;}
.free_bg1{ position:absolute; right:-962px; bottom:24px; height:1162px; width:1162px;}


.strength{ width:1200px; margin-top:60px; padding-bottom:125px;}
.strength_con{ width:100%; height:115px; overflow:hidden; position:relative; margin-top:60px; text-align:center;}

.strength_1{ font-size:130px; height:115px; line-height:115px; position:relative;}
.strength_1_1{ font-size:19px; right:-75px; bottom:8px;}

.strength_mid{ width:auto; height:115px; margin:auto; text-align:center; display:inline-block;}
.strength_right{ position:absolute; right:28px; top:0;}

.client{ width:100%; height:1014px; position:relative;}
.client_all{ width:1200px;}
.client_shu{width:100%; left:-15px;top:-120px; font-size:308px;}
.client .original_1{padding-top:133px;}
.client .original_1 span{background-size:35px;}

.client_img{ width:100%; height:auto; text-align:center; position:absolute; bottom:0; z-index:1;} 
.client_img img{ height:960px; width:auto;}
.client_bg{ width:100%; height:693px;}

.contact{ width:100%; height:512px; position:relative; margin-top:125px;}
.contact_all{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.contact_all .original_1{padding-top:140px;}

.contact_map{ position:absolute; left:0; top:0; width:50%; height:512px; overflow:hidden;}
.contact_map img{ height:512px; width:auto;} 


.test{ width:1200px; height:490px; margin:auto; margin-bottom:105px;}
.test_left{ float:left; height:490px; margin-top:115px;}
.test_left .test_1:nth-child(2) .test_text{ background:url(../image/about_46.png) no-repeat 16px; background-size:26px;}
.test_left .test_1:nth-child(3) .test_text{ background:url(../image/about_53.png) no-repeat 16px; background-size:26px;}
.test_left .test_1:nth-child(4) .test_text{ background:url(../image/about_58.png) no-repeat 16px; background-size:26px;}


.test_1{ width:446px; height:58px; position:relative; margin-bottom:19px;}
.test_text{  width:390px; height:54px; line-height:54px; background:url(../image/about_41.png) no-repeat 16px; background-size:26px; padding-left:52px;}
.test_text::-webkit-input-placeholder { font-size:16px;}

.test_1 a{ position:absolute; right:0; font-size:14px; width:120px; height:20px; line-height:20px; top:22px; }

.test_2{ width:100%; height:55px; margin-top:31px;}
.test_2 a{ display:block; width:180px; height:55px; line-height:55px;}
.test_2 span{ font-size:16px; padding-right:36px;}


.test_list{ margin:auto; width:415px; height:auto; overflow:hidden; padding-top:105px;}
.test_list ul li{ width:100%; height:95px; list-style:none;}
.test_list ul li:nth-child(2) span{ background-size:50px;}
.test_list ul li:nth-child(3) span{ background-size:50px;}
.test_list ul li span{ display:inline-block; background-size:50px; height:95px; line-height:95px; font-size:19px; padding-left:70px;}

/*APP开发*/
.app{ width:1200px; height:auto; margin:auto; padding-top:120px;}
.app_left{ float:left; width:50%; height:100%;}
.app_1{ width:100%; font-size:68px; line-height:68px; padding-top:125px;}

.app_2{ width:100%; font-size:24px; line-height:60px;}

.app_right{ float:right; width:580px; height:650px; position:relative;}
.app_right img{ width:580px; height:650px;}


.develop{ width:100%; height:auto; overflow:hidden;}
.develop_tit{ font-size:34px; line-height:34px; padding-top:86px;}
.develop_xian{ margin:auto; width:45px; height:6px; margin-top:19px;}
.develop_list{ width:1200px; height: auto; margin:auto; margin-top:25px;} 
.develop_list ul li{ float:left; width:283px; height:253px; margin-right:22px; margin-bottom:22px;}
.develop_list ul li:hover .develop_img{ padding-top:26px;}


.develop_img{ margin:auto; width:225px; height:auto; overflow:hidden; padding-top:36px;}
.develop_img img{ height:72px; width:auto;}
.develop_1{ margin:auto; width:225px; font-size:22px; height:43px; line-height:43px;}
.develop_2{ margin:auto; font-size:14px; line-height:21px; width:225px;}

.exploit{ width:100%; height:auto; overflow:hidden; background:url(../image/develop1_02.png) no-repeat center bottom; background-size:100% auto;}
.exploit_list{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:25px;}
.exploit_list ul li{ float:left; width:188px; height:455px; list-style:none; margin-right:14px;}

.exploit_list ul li:nth-child(2n) .exploit_con{ margin-top:100px;}
.exploit_list ul li:nth-child(2n) .exploit_san{ background-size:auto 100%;}
.exploit_list ul li:hover .exploit_1{ padding-top:30px;}

.exploit_con{ width:188px; height:266px;}
.exploit_1{ width:100%; height:63px; padding-top:39px;}
.exploit_1 img{ height:63px; width:auto;}
.exploit_1_1{ width:40px; height:40px; bottom:-10px; right:62px;}
.exploit_2{ font-size:22px; height:60px; line-height:60px; margin-top:13px;}
.exploit_3{ margin:auto; font-size:14px; line-height:21px; width:160px;}
.exploit_san{ width:100%; background-size:auto 100%; height:28px;}
.exploit_shu{ font-size:31px; height:35px; line-height:35px; margin-top:10px;}

.exploit_li{ width:100%; background:url(../image/develop_53.png) no-repeat center; height:147px; padding-top:38px; background-size:auto 100%; text-align:center;}
.exploit_li_1{ width:100%; height:16px; text-align:center;}
.exploit_li_1 img{ height:16px; width:auto;}
.exploit_li_2{ width:100%; font-size:22px; height:77px; line-height:77px;}


.life{ width:1200px; height:auto; margin: auto; margin-top:32px;}
.life ul li{ float:left; width:229px; height:222px; margin-right:13px; margin-bottom:13px;}
.life ul li:nth-child(5n){ margin-right:0px;}
.life ul li:hover .life_tit{ color:#313ce9;}

.life_img{ width:100%; height:69px; padding-top:49px;}
.life_img img{ height:69px; width:auto;}
.life_img_1{ width:40px; height:40px; bottom:-10px; right:62px;}
.life_tit{ width:100%; text-align:center; font-size:22px; height:76px; line-height:76px;}


.exist{ width:1200px; height:307px; margin:auto; margin-top:35px; background-size:100% auto; padding-bottom:95px;}
.exist ul li{ float:left; list-style:none; width:25%; height:307px;}
.exist ul li:nth-child(2n) .exist_zi{ margin-top:-4px;}
.exist ul li:nth-child(2n) .exist_yuan{ margin-top:23px;}

.exist_yuan{ width:183px; height:183px; margin-top:63px;}
.exist_1{ padding-top:33px;}
.exist_1 img{ height:69px; width:auto;}
.exist_2{ font-size:22px; height:60px; line-height:60px;}
.exist_zi{ margin:auto; text-align:center; font-size:14px; line-height:22px; width:250px; height:44px; margin-top:20px;}


/*底部*/
.footer{ padding-top:85px;}
.foot{ width:1200px;}
.foot_top{ width:100%; height:310px;}

.foot_left{ float:left; width:300px; height:100%;}
.foot_logo{ width:100%; height:auto; overflow:hidden;}
.foot_logo img{ height:40px; width:auto;}

.foot_come{ font-size:14px; line-height:27px; margin-top:27px;}
.foot_come span{ font-size:16px;}
.foot_come span.foot_come_span{ font-size:12px;}

.foot_wei{ width:100%; height:40px; margin-top:34px; }
.foot_wei a{ display:inline-block; width:38px; height:38px; margin-right:8px;}
.foot_wei img{ width:38px; height:38px;}

.foot_love{ width:38px; height:38px;}
.foot_love img{ width:38px; height:38px; border-radius:50%;}


.foot_1{ float:left; width:170px; height:100%;}
.foot_nav{ width:100%; height:16px;}
.foot_nav a{ display:block; width:100%; font-size:16px; line-height:16px;}
.foot_nav a:hover span{ width:18px;}
.foot_nav span{ display:inline-block; background:url(../image/foot_1.jpg) no-repeat left 9px; height:16px;}


.foot_con{ width:100%; height: auto; overflow:hidden; margin-top:30px;}
.foot_con a{ display:block; width:100%; font-size:14px; line-height:27px;}
.foot_con a:hover span{ padding-left:8px;}


.foot_right{ float:right; width:390px;}
.foot_nav1{ width:100%; font-size:16px; line-height:16px; margin-bottom:30px;}
.foot_2{ width:100%; height:40px; margin-bottom:13px;}

.foot_text{ float:left; width:175px; height:40px;  padding-left:15px;}
.foot_text::-webkit-input-placeholder {  font-size:14px;}


.foot_yan{ display:inline-block; width:190px; height:40px;}
.foot_yan a{ position:absolute; top:10px; width:50px; height:20px; line-height:20px; font-size:14px;}

.foot_3{ width:100%; height:62px; margin-bottom:13px;}
.foot_textarea{ width:375px; height:62px; line-height:62px; padding-left:15px;}
.foot_textarea::-webkit-input-placeholder { font-size:14px;}

.foot_4 a{ display:block; font-size:16px; width:190px; height:50px; line-height:50px;}

.typeright{ height:44px; line-height:44px;font-size:12px; padding-bottom:23px;}


/*漂浮框*/
.showy{ width:72px; right:20px;}
.showy a{ display:block; width:72px; height:72px; margin-bottom:5px;}
.showy_tu{ width:100%; height:41px; position:relative;}

.showy_img{ width:100%; height:29px;top:12px;}
.showy_img img{ height:29px; width:auto;}

.showy_tit{ font-size:12px; line-height:30px;}

.showy_tel{ width:160px; height:72px; line-height:72px; left:-162px; font-size:20px;}


/*关于底部*/
.dier{ width:100%; height:192px;}
.di{ width:1200px; padding-top:60px;}
.di_left{ float:left; height: auto;}
.di_1{ font-size:33px; height:33px; line-height:33px;}
.di_2{ width:100%; height:40px;}
.di_tel{ float:left; height:40px; line-height:40px; font-size:14px; }
.di_tel span{ font-size:12px;} 
.di_ding{float:left; height:40px; line-height:40px; font-size:12px; margin-left:35px;}
.di_ding span{ font-size:12px;}

.di_3{ width:100%; font-size:12px; height:16px; line-height:16px;}

.di_nav{ width:100%; height:35px;}
.di_nav a{ display: inline-block; font-size:16px; height:35px; line-height:35px; margin-left:45px;}

.di_wei{ width:100%; text-align:right; height:35px; line-height:35px; margin-top:16px;}
.di_wei a{ margin-left:10px; cursor:pointer;}



/*联系*/
.touch_warp{ width:100%; height: auto; overflow:hidden; position:absolute; bottom:95px;}
.touch_list{ width:1200px; padding:42px 0px;}
.touch_list ul li{ float:left; width:257px; padding-left:43px; height:150px; list-style:none;}

.touch_img{ width:100%; height:62px;}
.touch_img img{ height:62px; width:auto;}
.touch_1{ width:100%; font-size:14px; height:22px; line-height:22px; margin-top:30px;}
.touch_2{ width:100%; font-size:26px; height:31px; line-height:31px;}
.touch_2a{ font-size:18px;}

.touch_di{ width:100%; position:absolute; height:45px; bottom:20px;}
.touch_typeright{ width:1200px; height:45px; margin:auto;}
.touch_typeright_left{ float:left; height:45px; line-height:45px;}
.touch_typeright_right{ float:right; height:45px; line-height:45px; }






/*分页样式*/
.page{ width:100%; margin:auto; height:40px; overflow:hidden; margin-top:20px;}
.page_list a{display:inline-block;line-height:40px; height:40px; font-size:14px; margin:0px 5px;}

}

@media screen and (max-width:1591px)and (min-width:1432px){
	.n_big{ width:100%; margin:auto;}
	.news{ width:100%; height:auto; overflow:hidden; padding-top:85px; padding-bottom:50px;}
	.news_bg{ position:absolute; width:1050px; height:1050px; top:-805px; }
	.news_all{ margin:auto; position:relative; height:290px; width:1034px;}
	.news_list{ width:100%; height:230px; position:relative; overflow:hidden; padding-top:40px;}
	
	.news_con{ margin:auto; width:322px; height:205px;}
	.news_con a{ display:block; width:100%; height:175px; padding-top:30px;}

	
	.news_bian_1{ width:82px;}
	
	.news_left{ float:left; width:73px; height:150px;}
	.news_1{ font-size:35px; width:53px; margin-top:-10px;}
	.news_2{ font-size:17px; width:53px; text-align:right; margin-top:-5px;}
	
	.news_right{ float:right; width:230px; height:auto; overflow:hidden;}
	.news_3{ font-size:17px; line-height:21px; height:42px; overflow:hidden; width:215px; margin-top:-3px;}
	.news_4{ font-size:12px; line-height:20px; height:40px; overflow:hidden; width:215px; margin-top:13px;}
	.news_5{ width:56px; height:30px; overflow:hidden; margin-top:35px;}
	.news_5 img{ width:56px; height:30px;}


	.news_bi{ width:100%; height:52px; position:relative;}
	.news-left{ float:left; width:52px; height:52px; margin-left:10px; text-align:center; line-height:52px; font-size:20px;}
	.news-right{ float:right; width:52px; height:52px; margin-right:10px; line-height:52px; font-size:20px;}
	
	.news_xian{ width:860px; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:28px;}
	.news_quan{ margin:auto; border:2px solid #1d3ee4; border-radius:50%; background-color:#fff; width:10px; height:10px; margin-top: -7px;}
	
	.journey_warp{ width:100%; height:370px; position:relative;}
	.journey_bei{ background:url(../image/index_35.png) no-repeat center; width:342px; height:162px; position:absolute; right:0; top:160px;}
	
	.journey_tu{ width:96px; height:138px; position:absolute; left:0; top:80px;}
	.journey_tu img{ width:96px; height:138px;}
	.journey_bg{ background-size:cover; width:352px; height:252px; bottom:-82px; right:-100px;}
	
	.journey{ width:1100px; height:405px; margin:auto; position:relative;}
	.journey_1{ width:100%; text-align:center; font-size:54px; height:70px; line-height:70px; padding-top:118px;}
	.journey_2{ width:100%; text-align:center; font-size:26px; height:40px; line-height:40px;}
	.journey_3{ width:100%; height:45px; margin-top:16px;}
	.journey_3 a{ display:block; font-size:16px; width:174px; height:45px; line-height:45px;}
	
	.change_quan{ top:-80px;}
	
/*集团官网*/
.place{ width:100%; height:370px; position:relative;}
.place_bg{ width:80%; height:510px; position:absolute; right:0; top:-140px;}

.place_tit{ width:100%; text-align:center; font-size:30px; height:68px; line-height:68px; padding-top:50px;}

.place_xian{ margin:auto; width:28px; height:3px;}
.place_list{ width:1000px; height:285px; margin:auto; margin-top:45px;}
.place_list ul li{ float:left; width:25%; height:100%; list-style:none;}
.place_img{ width:100%; height:110px; text-align:center;}


.place_img_1{ margin:auto; position:relative; z-index:1; background-size:cover; width:100px; height:87px; text-align:center; top:11px;}
.place_img_1 img{ height:48px; width:auto;}

.place_beijing{width: 110px;  height: 110px; left:70px; top:-10px;}



.place_1{ width:100%; text-align:center; font-size:16px; height:24px; line-height:24px; margin-top:15px;}
.place_2{ width:100%; text-align:center; font-size:12px; height:24px; line-height:24px;}



.idea{ width:1000px;}
.idea_come{ width:100%; text-align:center; font-size:14px; height:45px; line-height:45px;}
.idea_list{ width:996px; height:auto; overflow:hidden; margin-top:17px;}
.idea_list ul li{ float:left; width:166px; height:283px; list-style:none;}
.idea_list ul li:nth-child(2) .idea_bg_2{ left:21px; top:8px;}
.idea_list ul li:nth-child(3) .idea_bg_2{ left: inherit; right:19px; top:114px;}
.idea_list ul li:nth-child(4) .idea_bg_2{ left:inherit; right:-9px;}
.idea_list ul li:nth-child(5) .idea_bg_2{ left:inherit; right:21px; top:8px;}
.idea_list ul li:nth-child(6) .idea_bg_2{ left:19px; top:114px;}


.idea_shu{ width:100%; text-align:center; font-size:85px; line-height:65px;}
.idea_quan{ width:135px; height:135px;  margin-top:-27px; position:relative;}
.idea_quan img{ width:135px; height:135px;}

.idea_bg_1{ width:135px; height:135px; }
.idea_bg_2{ position:absolute; left:0; width:15px; height:15px; top:67px; left: -8px; }

.idea_tit{ font-size:16px; height:50px; line-height:50px;}


.superior{ width:100%; height:auto; overflow:hidden; background-color:#f2f6fc; padding-bottom:72px;}
.superior_list{ width:998px; height:395px; margin:auto; margin-top:32px;}
.superior_list ul li{ float:left; width:332px; height:197px; position:relative;}

.superior_img{ background-size:103px; width:103px; height:103px; margin:auto; text-align:center; padding-top:30px;}
.superior_img img{ width:90px; height:auto; padding-top:8px;}

.superior_wo{ font-size:16px; margin-top:15px;}


.superior_1{ width:100%; text-align:center; font-size:21px; height:40px; line-height:40px; padding-top:40px;}
.superior_2{ margin:auto; font-size:13px; line-height:17px; width:88%; height:auto; overflow:hidden; margin-top:15px;}


.danger{ width:100%; height:190px;}
.danger_1{ font-size:28px; height:34px; line-height:34px; padding-top:40px;} 

.danger_2{ font-size:14px; height:30px; line-height:30px;}
.danger_3{ width:100%; height:36px; text-align:center; margin-top:13px;}
.danger_3 a{ display:block; margin:auto; font-size:14px; width:124px; height:36px; line-height:36px;}  


.aftermarket{ width:100%; height:auto; overflow:hidden; margin:auto;}
.aftermarket_list{ width:1000px; height:auto; margin:auto; margin-top:22px;}
.aftermarket_list ul li{ float: left; width:325px; height:90px; padding-top:25px; margin-bottom:12px; margin-right:12px;}
.aftermarket_list ul li:hover .aftermarket_img{ margin-left:10px;}
.aftermarket_list ul li:hover .aftermarket_right{ margin-right:10px;}

.aftermarket_img{ width:70px; height:72px; margin-left:13px;}
.aftermarket_img img{ width:70px; height:72px; }
.aftermarket_right{ float:right; width:215px; height:auto; overflow:hidden; margin-right:13px;}
.aftermarket_1{ width:100%; font-size:16px; height:30px; line-height:30px;}
.aftermarket_2{ width:100%; font-size:12px; height:36px; line-height:18px;}

.procedure{ width:100%; height:auto; overflow:hidden;}
.procedure_list{ width:1000px; height:220px; margin:auto; background-size:100% auto; margin-top:30px;}
.procedure_list ul li{ float:left; list-style:none; width:76px; height:220px; list-style:none; margin-right:39px;}
.procedure_list ul li:nth-child(2n){ padding-top:50px; height:170px;}


.procedure_img{ width:76px; height:76px; }
.procedure_img img{ width:76px; height:76px;} 
.procedure_tit{ width:100%; text-align:center; font-size:14px; height:40px; line-height:40px;}

.example{ width:100%; height:auto; overflow:hidden; position:relative;}
.example_bg{ height:300px;}

.example_all{ margin:auto; position:relative; height:350px; width:1034px; margin-top:26px;}
.example_list{ width:100%; height:290px; position:relative; overflow:hidden;}

.example_con{ width:320px; height:290px; margin:auto;}
.example_con a:hover .example_tit span{background-size:57px;}

.example_tit{ position:absolute; right:0; width:278px; height:76px; bottom:20px;}
.example_tit span{ margin:auto; display:block; font-size:17px; background-size:57px; width:235px; height:76px; line-height:76px;}


.example-left{ float:left; width:52px; height:52px; margin-left:10px; text-align:center; line-height:52px; font-size:20px;}
.example-right{ float:right; width:52px; height:52px; margin-right:10px; line-height:52px; font-size:20px;}
	
/*企业官网*/
.understand{ width:100%; height: auto; overflow: hidden; position:relative; z-index:1; margin-top:70px;}
.understand_tit{ width:1000px; margin:auto; font-size:36px; line-height:42px;}

.understand_xian{ margin:auto; width:1000px; position:relative; z-index:1; margin-top:18px;}
.understand_xian span{ display:block; width:55px; height:7px;}

.understand_list{ width:996px; height:195px; margin:auto; margin-top:36px;}
.understand_list ul li{ float:left; width:247px; height:195px; list-style:none;}
.understand_list ul li:hover .understand_img{ padding-top:36px;}

.understand_img{ width:100%; height:52px; text-align:center; padding-top:41px;}
.understand_img img{ height:52px; width:auto;}
.understand_1{ width:100%; text-align:center; font-size:21px; height:30px; line-height:30px; margin-top:16px;}
.understand_2{ width:100%; text-align:center; font-size:12px; height:22px; line-height:22px;}
	

.goodness{ width:100%; height:auto; margin-top:128px; position:relative;}
.goodness_bg{ background-size:cover; width:512px; height:1178px; position:absolute; left:0; top:-188px; z-index:0;}

.goodness_all{ width:1000px; height:304px; margin:auto; position:relative; margin-top:55px;}
.goodness_left{ float:left; width:340px; height:auto; overflow:hidden;}
.goodness_con{ width:100%; height:auto; overflow:hidden;}
.goodness_con_1{ width:100%; font-size:21px; height:40px; line-height:40px; padding-top:85px;}
.goodness_con_2{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:20px; margin-top:12px;}

.goodness_list{ float:right;width:496px; height:300px;}
.goodness_list ul li{ float:left; height:149px; width:164px; position:relative;}

.goodness_list ul li:hover .goodness_img_1{ margin-top:-54px;}
.goodness_list ul li.goodness_list_li .goodness_img_1{ margin-top:-54px;}


.goodness_img{ width:100%; height:54px; text-align:center; overflow:hidden; margin-top:26px;}
.goodness_img img{ height:54px; width:auto;}
.goodness_img_1{ width:100%; height:54px;}

.goodness_tit{ width:100%; text-align:center; height:47px;}
.goodness_tit_1{ width:100%; height:47px; line-height:47px; font-size:17px; margin-top:-47px;}
.goodness_tit_2{ width:100%; height:47px; line-height:47px; font-size:17px;}

.risk{ width:1000px; height:276px; margin-top:115px;}
.risk_tit{ margin:auto; font-size:35px; line-height:50px; text-align:right; width:930px; padding-top:50px;}
.risk_1{ margin:auto; font-size:28px; line-height:50px; text-align:right; width:930px;}
.risk_2{ margin:auto; font-size:14px; line-height:30px; text-align:right; width:930px;}
.risk_3{ margin:auto; width:930px; height:36px; margin-top:18px;}
.risk_3 a{ display:block; float:right; font-size:14px; width:125px; height:36px; line-height:36px; }  



.texture{ width:100%; height:555px; position:relative; margin-top:185px;}
.texture_bg{ width:360px; height:360px; top:-185px; right:-253px;}
.texture_bg1{ width:180px; height:180px; border:153px solid #2e4c9f; top:-92px; right:-275px;}

.texture_come{ margin:auto; width:1000px; font-size:14px; height:60px; line-height:60px;}
.texture_all{ width:1000px; height:auto; overflow:hidden; margin:auto; margin-top:12px;}
.texture_list{ width:744px; height:285px;} 
.texture_list ul li{ float:left; height:285px; width:246px; position:relative;}
.texture_list ul li:hover .texture_1{ padding-top:22px;}
.texture_list ul li:hover .texture_1 img{ height:98px;}


.texture_1{ padding-top:27px;}
.texture_1 img{ height:103px; width:auto;}
.texture_2{ width:100%; text-align:center; font-size:21px; height:50px; line-height:50px; margin-top:6px;}
.texture_3{ margin:auto; text-align:center; font-size:12px; line-height:19px; width:210px; height: auto; overflow:hidden;}
	
.understand_tita{ padding-top:70px;}	

.ji_bg { height: 209px; bottom: -157px; transform: skewY(9deg);}
.ji{ width:1000px; height:100vh; position:relative; margin:auto;}
.ji_1{ width:100%; font-size:42px; line-height:44px; padding-top:205px;}
.ji_2{ width:100%; font-size:36px; line-height:50px; }

.ji_bei{ position:absolute; bottom:0; width:1090px; height:750px; right:-135px;}

.ji_right{ position:absolute; bottom:0; right:0; width:640px; height:461px;}

.biao_1{ position:absolute; width:498px; height:320px; right:-20px; bottom:18px; opacity:0;}
.biao_1 img{ width:498px; height:320px;}

.biao_2{ position:absolute; width:234px; height:157px; left:150px; top:0px; }
.biao_2 img{ width:234px; height:157px;}

.biao_3{ position:absolute; width:135px; height: auto; left:0px; bottom:80px;}
.biao_3 img{ width:100%; height: auto;}

.biao_4{ position:absolute; width:497px; height:174px; right:-20px; bottom:25px;}
.biao_4 img{ width:100%; height: auto;}

.biao_5{ position:absolute; width:103px; height:96px; left:172px; top:166px;}
.biao_5 img{ width:103px; height: auto;}

.biao_6{ position:absolute; width:128px; height:260px; left:417px; top:178px;}
.biao_6 img{ width:128px; height: 260px;}

.biao_7{ position:absolute; width:171px; height:317px; left:336px; top:128px;}
.biao_7 img{ width:171px; height: 317px;}



@keyframes biao_zuo{
    0%{ opacity:0; left:130px;}
    100%{ opacity:1;left:192px;}
}

@keyframes biao_zuo1{
    0%{ opacity:0; bottom:50px;}
    100%{ opacity:1;bottom:80px;}
}

.tuan{ width:1000px;}
.tuan_left{ float:left; width:410px; height:100%;}
.tuan_1{ font-size:71px; line-height:71px; padding-top:200px;}
.tuan_2{ width:100%; font-size:57px; line-height:75px;}
.tuan_3{ width:100%; font-size:36px; line-height:50px;}
.tuan_31{ width:100%; font-size:36px; line-height:50px;}
.tuan_left .cheng_3{ margin-top:32px;}

.tuan_right{ float:right; width:590px; height:100%; }
.tuan_img{ width:590px; height:536px; top:105px;}
.tuan_img img{ width:590px; height:536px;}


/*智能营销网站*/
.intellect{ padding-bottom:72px;}
.intellect_tit{ width:1000px; height:72px; position:relative; padding-top:72px; margin:auto;}
.intellect_tit_1{ font-size:35px; height:72px; line-height:72px;}
.intellect_tit_2{ font-size:100px; line-height:72px;}

.intellect_list{ width:1000px; height: auto; overflow:hidden; margin:auto; margin-top:30px;} 
.intellect_list ul li{ float:left; width:224px; height:224px;  margin-right:34px;}
.intellect_list ul li:hover .intellect_img{ padding-top:27px;}

.intellect_img{ margin:auto; width:190px; padding-top:32px;}
.intellect_img img{ height:52px; width:auto;}
.intellect_1{ margin:auto; width:190px; font-size:17px; height:34px; line-height:34px; margin-top:12px;}
.intellect_2{ margin:auto; font-size:12px;line-height:19px; width:190px;}

.mind{ padding-bottom:28px;}
.mind_list{ width:999px; height:auto; overflow:hidden; margin:auto; margin-top:33px;}
.mind_list ul li{ float:left; width:333px; height:248px; list-style:none;}
.mind_list ul li:hover .mind_img{ height:114px;}
.mind_list ul li:hover .mind_img img{ height:114px;}

.mind_img{ width:100%; height:124px; text-align:center;}
.mind_img img{ height:124px; width:auto;}
.mind_tit{ width:100%; text-align:center; font-size:16px; height:31px; line-height:31px; margin-top:22px;}
.mind_con{ margin:auto; text-align:center; font-size:12px; width:290px; line-height:19px; margin-top:5px;}

.power{ width:100%; height: auto; overflow:hidden; padding-bottom:32px;}
.power_list{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:13px;}
.power_list ul li{ float:left; width:475px; height:90px; list-style:none; margin-right:50px; margin-bottom:28px;}

.power_img{ float:right; width:90px; height:90px;}
.power_img img{ width:90px; height:90px;}
.power_con{ float:left; width:365px; height:90px;}
.power_1{ width:100%; font-size:16px; height:55px; line-height:55px;} 
.power_2{ width:100%; font-size:12px; height:20px; line-height:20px;} 

.private_warp{ width:100%; height:189px;}
.private{ margin:auto; width:1000px; height:189px;}
.private_img{ float:left; width:305px; height:auto; overflow:hidden;}
.private_img img{ height:189px; width:auto;}
.private_mid{ float:left; width:500px; height:auto; overflow:hidden;}
.private_1{ width:100%; font-size:34px; height:45px; line-height:45px; padding-top:60px;} 
.private_2{ width:100%; font-size:18px; height:34px; line-height:34px;}

.private_more{ float:right; height:auto; margin-top:75px;}
.private_more a{ display:block; font-size:14px; width:120px; height:38px; line-height:38px;}

.counter{ width:100%; height:auto; overflow:hidden; position:relative;}
.counter_bg{ position:absolute; left:-225px; width:335px; height:335px; top:157px;} 

.counter_list{ margin:auto; width:999px; height:auto; overflow:hidden; margin-top:32px;}
.counter_list ul li{ float:left; width:333px; height:188px;}
.counter_list ul li:hover .counter_xian{ width:50px;}

.counter_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.counter_img img{ height:50px; width:auto;}
.counter_tit{ width:100%; font-size:16px; height:45px; line-height:45px;}
.counter_xian{ margin:auto; width:32px;}
.counter_con{ margin:auto; text-align:center; font-size:12px; line-height:19px; width:265px; margin-top:21px;}

.intellect_kong{ width:100%; height:22px; overflow:hidden;}

.zhi{ width:1000px;}
.zhi_1{ width:100%; font-size:57px; line-height:65px; padding-top:165px; opacity:1;}
.zhi_2{ width:100%; font-size:27px; line-height:52px; opacity:1;}
.zhi .cheng_3{ margin-top:17px; opacity:1;}

.zhi_con{ position:absolute; bottom:0; right:0; width:100%; height:589px;}
.neng{ width:960px; height:100%; position: relative; margin:auto;}
.neng_1{ position:absolute; width:663px; height:404px; left:135px; bottom:0px; z-index:1; }
.neng_1 img{ width:663px; height:404px;}

.neng_2{ position:absolute; width:960px; height:589px; left:0px; top:0px;}
.neng_2 img{ width:960px; height:589px;}


/*小程序开发*/
.n_big_bg{ width:100%; height:143px; bottom:-75px;transform: skewY(5deg);}

.cheng{ width:1000px; height:auto; min-height:340px; margin:auto; padding-top:210px;}
.cheng_left{ float:left; width:445px; height:100%;}
.cheng_1{ width:100%; font-size:57px; line-height:57px; margin-top: -4px;}
.cheng_2{ width:100%; font-size:20px; line-height:60px;}
.cheng_3{ width:100%; height:36px; margin-top:50px;}
.cheng_3 a{ display:inline-block; font-size:14px; width:124px; height:36px; line-height:36px; margin-right:10px;}

.cheng_right{ float:right; width:535px; height:523px; position:relative;}
.cheng_tu{ width:501px; height:490px; position:absolute; bottom:26px; left:0;}
.cheng_tu img{ width:501px; height:490px;}

.sequence{ width:100%; height:auto; overflow:hidden; padding-bottom:145px;}
.sequence_tit{ width:100%; font-size:34px; padding-top:67px;}
.sequence_come{ width:100%; font-size:16px; height:35px; line-height:35px;}
.sequence_list{ margin:auto; width:1000px; height:auto; overflow:hidden; margin-top:75px;}
.sequence_list ul li{ float:left; width:25%; height:240px; list-style:none;}
.sequence_list ul li:hover .sequence_img img{ height:86px;}

.sequence_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.sequence_img img{ height:96px; width:auto;}
.sequence_1{ width:100%; font-size:20px; height:55px; line-height:55px;}
.sequence_2{ margin:auto; width:200px; font-size:13px; height: auto; line-height:18px;}

.course{ width:100%; height:588px; position:relative;}
.course_img{ width:1000px; height:415px; overflow:hidden; position:relative; z-index:1; margin-top:35px;}

.course_quan{ width:100%; height:312px; padding-top:32px;}
.course_quan span{ display:block; width:312px; height:312px;}

.course_tu{ width:100%; height:415px;} 
.course_tu img{ height:415px; width:auto;}
.course_1{ width:290px; height:60px;}

.course_1_1{ float:left; font-size:22px; width:250px; height:60px; line-height:60px;} 
.course_1_2{ float:left; width:30px; height:60px; line-height:76px; margin-left:10px;}
.course_1_2 img{ width:30px; height:auto;}

.course_2{ top:75px; width:290px; height:60px;}
.course_3{ top:148px; width:290px; height:60px;}
.course_4{ top:220px; width:290px; height:60px;}
.course_5{ bottom:60px; width:290px; height:60px;}


.course_6{ top:0; width:290px; height:60px;}
.course_6 .course_1_2{ margin-left:0px; margin-right:10px;}

.course_7{ top:75px; width:290px; height:60px;}
.course_7 .course_1_2{ margin-left:0px; margin-right:10px;}

.course_8{ top:148px; width:290px; height:60px;}
.course_8 .course_1_2{ margin-left:0px; margin-right:10px;}

.course_9{ top:220px; width:290px; height:60px;}
.course_9 .course_1_2{ margin-left:0px; margin-right:10px;}

.course_10{ bottom:60px; width:290px; height:60px;}
.course_10 .course_1_2{ margin-left:0px; margin-right:10px;}



.course_bg{ height:588px;}

.six_list{ width:999px; height:auto; margin:auto; margin-top:33px;}
.six_list ul li{ float:left; width:333px; height:255px;}
.six_list ul li:hover .six_img{ padding-top:36px;}

.six_img{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:46px;}
.six_img img{ height:62px; height:auto;}
.six_1{ width:100%; text-align:center; font-size:18px; height:40px; line-height:40px; margin-top:13px;}
.six_2{ margin:auto; width:240px; font-size:13px; line-height:19px; text-align:center; margin-top:7px;}

.realize{ width:100%; height:540px; position:relative;}
.realize_list{ margin:auto; width:1000px; margin-top:33px;}
.realize_list ul li{ float:left; width:242px; height:108px; margin-right:10px; margin-bottom:10px;}
.realize_list ul li:hover .realize_img{ width:73px;}
.realize_list ul li:hover .realize_right{ width:148px;}

.realize_img{ float:left; width:78px;}
.realize_img img{ height:38px; width:auto; padding-top:33px;}
.realize_right{ float:right; height:108px; line-height:108px; font-size:20px; width:152px;} 

	/*电商平台*/
	.dian{ width:1000px; height:100%; margin: auto; position:relative;}
	.dian .cheng_1{ padding-top:210px;}
	.dian_tu{ position:absolute; height: auto; right:-24px; top:180px;}
	.dian_tu img{ height:465px; width:auto;}
	
	.online{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.online_tit{ width:1000px; height:72px; position:relative; padding-top:72px;}
	.online_tit_1{ width:100%; text-align:center; font-size:35px; height:72px; line-height:72px;}
	.online_tit_2{ width:100%; text-align:center; font-size:100px; line-height:72px;}
	
	.online_list{ width:1000px; height:auto; margin:auto; margin-top:31px;}
	.online_list ul li{ float:left; width:235px; height:250px; margin-right:20px; margin-bottom:20px;}
	.online_list ul li:hover .online_tu{ padding-top:33px;}
	
	.online_tu{ margin:auto; width:200px; padding-top:35px;}
	.online_img{ width:74px; height:74px;}
	.online_img img{ width:74px; height:74px;}
	.online_img_1{ width:100%; height:74px;}
	
	.online_1{ margin:auto; width:200px; font-size:17px; height:37px; line-height:37px; margin-top:11px;}
	.online_2{ margin:auto; width:200px; font-size:12px; line-height:18px; height:54px; overflow:hidden;}
	
	
	.provide{ width:100%; height:640px; position:relative;}
	.provide_all{ width:1000px; margin-top:55px;}
	.provide_list{ float:right; width:515px; height:auto; overflow:hidden;}
	.provide_list ul li{ float:left; width:93px; height:82px; padding-top:11px; list-style:none; margin-right:47px; margin-bottom:47px;}
	
	.provide_quan{ width:11px; height:11px;}
	.provide_zi{ font-size:16px; height:55px; line-height:55px;}
	.provide_bg{ width:583px; height:480px;}
	
	.supply{ padding-bottom:43px;}
	.supply_list{ width:1000px; height:auto; margin:auto; margin-top:41px;}
	.supply_list ul li{ float:left; width:465px; height:94px; list-style:none; margin-right:70px; margin-bottom:37px;}
	.supply_list ul li:nth-child(5) .supply_1{ padding-top:11px;}
	
	.supply_img{ float:right;width:94px; height:94px;}
	.supply_img img{width:94px; height:94px;}
	
	.supply_right{ float:left; width:345px; height:94px;}
	.supply_1{ margin:auto; font-size:16px; width:310px; height:30px; line-height:30px; padding-top:11px;}
	.supply_2{ margin:auto; font-size:12px; width:310px; height:38px; line-height:19px;}
	
	.achieve{ padding-bottom:72px;}
	.achieve_all{ margin: auto; margin-top:42px; background-size:100% auto; width:1197px; height:226px;}
	.achieve_list{ width:1000px; height:353px; margin:auto;}
	.achieve_list ul li{ float:left; width:300px; height:300px; list-style:none; margin-right:50px;}
	.achieve_list ul li:nth-child(2){ margin-top:51px;}
	.achieve_list ul li:hover .achieve_1{ margin-top:30px;}
	
	.achieve_1{ margin-top:40px;}
	.achieve_1 img{ width:94px; height:94px;}
	.achieve_2{ margin:auto; width:240px; font-size:16px; height:38px; line-height:38px; margin-top:10px;}
	.achieve_3{ margin:auto; width:240px; font-size:12px; line-height:19px; margin-top:8px;}
	
	.suit{ width:100%; height:auto; overflow:hidden;}
	.suit_list{ margin:auto; width:1000px; height:auto; overflow:hidden; margin-top:40px;}
	.suit_list ul li{ float:left; width:83px; height:123px; list-style:none; margin-right:117px;}
	.suit_list ul li:nth-child(n+6){ margin-right:0px; margin-left:117px;}
	.suit_list ul li:hover .suit_img_1{ margin-top:-83px;}
	
	.suit_img{ width:83px; height:83px;}
	.suit_img img{ width:83px; height:83px;}
	.suit_img_1{ width:100%; height:83px;}
	.suit_tit{ width:100%; text-align:center; height:40px; line-height:40px; font-size:16px;}
	 

	/*公众号开发*/
	.gong{ width:1000px;}
	.gong .cheng_1{ padding-top:205px;}
	.gong_tu{ position:absolute; right:0; bottom:-3px;}
	.gong_tu img{ height:590px; width:auto;}


	.public{ width:100%; height:715px; position:relative;}
	.public_tit{ width:1000px; height:84px; overflow:hidden; margin:auto; font-size:35px; line-height:42px; padding-top:60px;}
	.public_tit_1{ position:absolute; left:0; bottom:3px; width:150px; height:10px;}
	
	.public_all{ width:1000px; height: auto; margin:auto; margin-top:-84px; position:relative; z-index:1}
	.public_mune{ float: left; height: auto; width:425px; margin-top:130px;}
	.public_mune a{ display:block; width:100%; height:100%; position:relative; cursor:pointer;}
	.public_mune a:hover .public_zi span{background-size:38px; padding-left:60px;}
	.public_mune a:hover .public_bei{opacity:1; width:400px;}
	
	.public_mune a.public_mune_a .public_zi span{ background-size:38px; padding-left:60px;}
	.public_mune a.public_mune_a .public_bei{ opacity:1; width:400px;}
	
	.public_zi{ width:100%; height:100%; position:relative; z-index:1;}
	.public_zi span{ display:inline-block; font-size:20px; height:60px; line-height:60px;}
	.public_bei{ width:0px; height:60px; border-right:5px solid #2bd2a4;}
	
	.public_list{ float:right; width:450px; height:auto;}
	.public_list ul li{ float:left; width:214px; height:262px; margin-right:22px; margin-bottom:22px; margin-top:84px;}
	.public_list ul li:nth-child(4){ margin-top:-84px;}
	
	.public_list ul li:hover .public_img{ margin-top:20px;}
	.public_list ul li:hover .public_img_1{ margin-top:-67px;}
	
	.public_list ul li.public_list_li .public_img{ margin-top:20px;}
	.public_list ul li.public_list_li .public_img_1{ margin-top:-67px;}
	
	.public_img{ margin:auto; margin-top:30px; width:165px; height:67px;}
	.public_img img{ height:67px; width:auto;}
	.public_img_1{ width:100%; height:67px;}
	.public_1{ margin:auto; width:165px; font-size:17px; height:44px; line-height:44px; margin-top:7px;}
	.public_2{ margin:auto; width:165px; font-size:12px; line-height:19px;}
	
	.public_bg{ width:240px; height:240px; border:30px solid #2e4c9f; bottom:-65px; left:-173px;}
	.public_bg1{ width:183px; height:168px; bottom:9px; right:70px; z-index:0;}
	
	
	.reason{ width:100%; height:1023px; overflow:hidden; position:relative;}
	.reason_all{ width:1000px;}
	.reason_left{ float:left; width:315px; height:290px; margin-top:233px;}
	.reason_left a{ display:block; width:100%; height:100%;}
	.reason_left a:hover .reason_kong{ height:45px;}
	.reason_left a:hover .reason_img_1{ margin-top:-67px;}
	
	.reason_kong{ height:54px;}
	.reason_img{ margin:auto; width:240px; height:67px; overflow:hidden;}
	.reason_img img{ height:67px; width:auto;}
	.reason_img_1{ width:100%; height:67px;}
	.reason_1{ margin:auto; width:240px; font-size:18px;height:44px; line-height:44px; margin-top:9px;}
	.reason_2{ margin:auto; width:240px; font-size:12px; line-height:19px; margin-top:6px;}
	
	.reason_mid{ float:left; width:315px; height: auto; margin-top:77px; margin-left:28px;}
	.reason_mid a{ display:block; width:100%; height:290px; margin-bottom:28px;}
	.reason_mid a:hover .reason_kong{ height:45px;}
	.reason_mid a:hover .reason_img_1{ margin-top:-67px;}
	
	.reason_right{ float:right; width:315px; height: auto; margin-top:-84px;}
	.reason_right a{ display:block; width:100%; height:290px; margin-bottom:28px;}
	.reason_right a:hover .reason_kong{ height:45px;}
	.reason_right a:hover .reason_img_1{ margin-top:-67px;}
	
	.reason_bg{ width:183px; height:168px; bottom:260px; left:70px; z-index:0;}
	.reason_bg1{ width:1050px; height:882px;}
	
	.account{ width:100%; height:auto; margin:auto; position:relative;}
	.account_all{ margin:auto; width:1000px; margin-top:40px; padding-top:27px;}
	.account_list{ margin:auto; width:960px; height:auto; overflow:hidden;}
	.account_list ul li{ float:left; width:223px; height:122px; margin-right:22px; margin-bottom:22px;}
	.account_list ul li:hover .account_img_1{ margin-left:-54px;}
	
	.account_tu{ margin:auto; height: auto; width:160px; overflow:hidden; padding-top:24px;}
	.account_img{ float:left; width:54px; height:54px;}
	.account_img_1{ width:108px;}
	.account_img_1 img{ float:left; width:54px; height:54px;}
	.account_tit{ margin:auto; width:160px; font-size:17px; height:37px; line-height:37px;}
	
	.account_bg{ width:705px; height:705px; top:-50px; right:-388px; z-index:0;}
	
	.complete{ width:100%; height:auto; position:relative;}
	.complete_list{ width:1000px; height:auto; overflow:hidden; margin:auto; margin-top:32px;}
	.complete_list ul li{ float:left; width:236px; height:342px; margin-right:18px;}
	.complete_list ul li:hover .complete_img{ padding-top:18px;}
	.complete_list ul li:hover .complete_img img{ height:163px;}
	
	.complete_img{ padding-top:28px;}
	.complete_img img{ height:168px; width:auto;}
	.complete_1{ width:100%; text-align:center; font-size:18px; height:35px; line-height:35px; margin-top:25px;}
	.complete_2{ margin:auto; text-align:center; font-size:12px; line-height:19px; width:165px;}
	
	.complete_bg{width:275px; height:275px; bottom:-208px; left:-180px; z-index:0;}

	/*响应式网站*/
	.ying{ width:1000px;}
	.ying_1{ width:100%; font-size:57px; height:80px; line-height:80px; padding-top:200px;}
	.ying_2{ width:100%; font-size:20px; height:60px; line-height:60px;}
	.ying .cheng_3{ margin-top:32px;}

	.ying_right{ width:600px; height:443px; bottom:81px;}
	.zhan_1{ width:425px; height:313px;}
	.zhan_1 img{ width:425px; height:313px;}
	
	.zhan_2{ width:302px; height:231px; position:absolute;  bottom:14	px; left:0;}
	.zhan_2 img{ width:302px; height:231px;}
	
	.zhan_3{ width:73px; height:265px; right:58px;}
	.zhan_3 img{ width:73px; height:265px;}

	.answer{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.answer_tit{ width:1000px; height:72px; position:relative; padding-top:31px; margin:auto;}
	.answer_tit_1{ width:100%; text-align:center; font-size:28px; height:72px; line-height:72px;}
	.answer_tit_2{ width:100%; text-align:center; font-size:100px; line-height:72px;}
	.answer_tit_3{ width:20px; height:20px; position:absolute; top:25px; left:253px;}
	.answer_tit_4{ width:20px; height:20px; position:absolute; bottom:-12px; right:248px;}
	.answer_tit_5{ width:10px; height:10px; position:absolute;  left:-10px; top:-10px;}
	
	@keyframes moveX{
	 0% {left: -10px;} 100% {left: 22px;}
	}
	@keyframes moveY{
		0% {top: -10px;} 100% {top: 22px;}
	}
	
	
	.answer_list{ width:1000px; height:auto; margin:auto; padding-top:31px;}
	.answer_list ul li{ float:left; width:86px; height:165px; list-style:none; margin-right:96px;}
	.answer_list ul li:nth-child(5) .answer_1{ width:150px; margin-left:-32px;}
	.answer_list ul li:nth-child(8) .answer_1{ width:150px; margin-left:-32px;}
	.answer_list ul li:nth-child(9) .answer_1{ width:150px; margin-left:-32px;}
	
	.answer_img{ width:86px; height:86px;}
	.answer_img img{ width:86px; height:86px;}
	.answer_1{ width:100%; text-align:center; font-size:16px; height:36px; line-height:36px;} 
	
	.adapter{ padding-bottom:48px;}
	.adapter_come{  font-size:12px; line-height:19px;}
	.adapter_img{ width:1000px; height:auto; overflow:hidden; margin:auto; margin-top:46px; padding-bottom:45px;}
	
	.adapter_list{ width:1000px; height:auto; margin:auto; margin-top:40px;}
	.adapter_list ul li{ float:left; width:320px; height:280px; margin-right:20px; margin-bottom:20px;}
	.adapter_list ul li:hover .adapter_kong{ height:15px;}
	
	.adapter_kong{ width:100%; height:20px;}
	.adapter_tu{ width:104px; height:104px;}
	.adapter_tu img{ width:104px; height:104px;}
	.adapter_1{ width:100%; text-align:center; font-size:16px; height:36px; line-height:36px; margin-top:8px;}
	.adapter_2{ margin:auto; text-align:center; font-size:12px; line-height:22px; width:265px;}
	
	.hazard{ width:1000px; height:192px;}
	.hazard_1{ font-size:28px; height:36px; line-height:36px; padding-top:42px;}
	
	.hazard_2{ width:100%; text-align:center; font-size:14px; height:30px; line-height:30px;}
	.hazard_3{ width:100%; height:37px; margin-top:11px;}
	.hazard_3 a{ display:block; margin:auto; font-size:14px; width:125px; height:37px; line-height:37px;}
	
	.plan{ width:100%; height:auto; overflow:hidden; background:url(../image/answer_59.png) no-repeat center 70px; background-size: 100% auto; padding-top:35px;}
	.plan_list{ width:1000px; height:auto; margin:auto; margin-top:35px; }
	.plan_list ul li{ float: left; width:318px; height:278px; margin-right:23px;}
	.plan_list ul li:hover .plan_img{ width:94px; height:94px;}
	.plan_list ul li:hover .plan_img img{ width:94px; height:94px;}
	
	
	.plan_kong{ width:100%; height:30px; overflow:hidden;}
	.plan_img{ width:104px; height:104px;}
	.plan_img img{ width:104px; height:104px;}
	.plan_1{ width:100%; text-align:center; font-size:21px; height:55px; line-height:55px;}
	.plan_2{margin:auto; text-align:center; font-size:12px; line-height:19px; width:255px;}
	
	.answer_jian{ width:100%; height:35px;}
	
	.newsa{ padding-top:0px;}

	/*案例*/
	.banner{ width:100%; height:320px;}
	.banner_1{ font-size:64px; height:60px; line-height:60px; padding-top:132px;}
	.banner_2{ font-size:36px; height:45px; line-height:45px; margin-top:-4px;}

	.case{ padding-top:73px; padding-bottom:40px;}
	.case_list{ width:1000px;}
	.case_list ul li{ float:left; width:320px; height:295px; list-style:none; margin-right:20px; margin-bottom:20px;}
	.case_list ul li a{ display:block; width:100%; height:100%;}
	.case_tit{ margin:auto; font-size:14px; width:285px; height:45px; line-height:45px; overflow:hidden; margin-top:16px; background-size:18px;}

	.case_bg{ position:absolute; bottom:0; width:100%; height:85%;}
	.case_kuan{ width:55px; height:3px; left:18px; top:186px;}
	.case_zi{ position:absolute; font-size:16px; width:284px; height:33px; line-height:33px; left:18px; top:214px;  background-size:18px;}

	/*案例详情*/
	.main{ margin-bottom:50px;}
	
	.detail{ width:1100px; padding-top:166px;}
	.detail_left{ float:left; width:200px; height:auto; overflow:hidden;}
	.detail_name{ width:100%; font-size:14px; line-height:14px;}
	.detail_tit{ font-size:24px; line-height:29px; margin-top:16px;}
	
	.detail_qi{ width:100%; font-size:12px;}
	.detail_qi span{ padding:0px 6px;}
	
	.detail_wang{ width:100%; height:40px; margin-top:50px;}
	.detail_wang span{ display:inline-block; background-size:27px; height:27px; line-height:27px; font-size:13px; padding-left:37px;}
	.detail_dian{ width:100%; height:27px; margin-top:10px;}
	.detail_1{ float: left; height:27px; background-size:27px; padding-left:37px; font-size:12px; line-height:27px;}
	
	.detail_2{ float:right; height:30px; font-size:12px; line-height:30px;}
	.detail_2 a{ display:inline-block; margin-right:3px;}
	.detail_2 img{ height:16px; width:auto;}
	
	.detail_next{ width:100%; height:42px; margin-top:68px;}
	.detail_next a{ display:inline-block; width:42px; height:42px; margin-right:5px;}
	.detail_next img{ width:42px; height:42px;}
	
	.detail_right{ float:right; width:860px; height:auto; overflow:hidden;}

	/*新闻详情*/
	.xiang{ width:1000px; margin-top:-460px; padding-bottom:80px;}
	.xiang_time{ width:100%; height:34px;}
	.xiang_time span{ display:inline-block; background-size:17px; font-size:12px; height:34px; line-height:34px; padding-left:25px;}
	.xiang_tit{ font-size:39px; line-height:50px; margin-top:8px;}
	.xiang_xin{ width:100%; font-size:12px; height:60px; line-height:60px;}
	.xiang_xin span{ padding:0px 6px;}
	.xiang_zan{ width:100%; height:42px; margin-top:30px;}
	.xiang_zan .detail_dian{ width:205px; float:left; margin-top:13px;}
	.xiang_zan .detail_next{ float:right; width:auto; height:42px; margin-top:0px;}
	
	.xiang_all{ margin-top:22px; padding-top:65px;}
	.xiang_con{ width:928px; font-size:14px; line-height:33px; padding-bottom:38px;}
	
	.detail_link{ width:100%; height:42px; overflow:hidden; text-align:center; margin-top:38px;}
	.detail_link a{ display:inline-block; width:42px; height:42px; margin:0px 3px;}
	.detail_link img{ width:42px; height:42px;}

	/*新闻中心*/
	.press{ width:1000px; margin:auto; height:auto;}
	.press ul li{ float:left; width:322px; height:205px; list-style:none; margin-right:17px; margin-bottom:17px;}
	.press ul li:nth-child(3n){ margin-right:0px;}
	.press ul li a{ display:block; width:100%; height:175px; padding-top:30px;}
	.press ul li a:hover .news_5_1{ margin-top:-33px;}

/*关于*/
.decide{ width:100%; height: auto; overflow:hidden; position:relative; margin-top:80px; padding-bottom:110px;}
.decide_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.decide_img img{ height:76px; width:auto;}

.decide_1{ width:100%; height:auto; overflow:hidden; font-size:36px; line-height:40px; margin-top:26px;}
.decide_2{ width:735px; font-size:14px; line-height:20px; margin-top:37px;}

.original{ width:100%; height:693px; position:relative; z-index:1; overflow:hidden;}
.original_all{ width:1000px;}
.original_img{ width:750px; height:515px;}
.original_img img{ width:750px; height:515px;}
.original_shu{ bottom:-120px; font-size:257px;}
.original_con{ position:absolute; width:455px; height:533px;}
.original_1{ margin:auto;  width:350px; height:40px;  padding-top:40px;}
.original_1 span{ display:inline-block;height:40px; line-height:40px;font-size:18px; background-size:30px; padding-left:50px;}

.original_2{ margin:auto;  width:350px; height:60px; line-height:60px; margin-top:27px; font-size:48px; }
.original_3{ margin:auto;  width:350px; height:55px; line-height:55px; font-size:48px;}
.original_4{ margin: auto; width:350px; height:90px; overflow:hidden; font-size:13px; line-height:18px; margin-top:53px;} 

.original_5{ margin:auto; width:350px; height:46px; margin-top:90px;}
.original_5 a{ display:block; width:150px; height:46px; line-height:46px;}
.original_5 span{ display:inline-block; background-size:18px; font-size:14px; padding-right:32px;}

.original_bg{ position:absolute; left:0; bottom:0; height:363px; }
.original_zi{ position:absolute; top:85px; right:-95px; font-size:250px;}	


.originality{ width:100%; height:770px; position:relative; margin-top:130px;}
.originality_all{ width:1000px;}
.originality_con{ width:454px; height:584px; margin-left:418px;}
.originality_shu{position:absolute; top:-120px; right:-26px; font-size:257px;}
.originality .original_1{ padding-top:165px;} 
.originality .original_1 span{ background-size:30px;}

.originality_img{ position:absolute; right:0; bottom:60px; height:445px; z-index:1;}
.originality_bai{ height:126px;}

.originality_bg{ height:380px;}

.guarantee{ width:100%; height:820px; margin-top:124px;}
.guarantee_all{ width:1000px; height:820px;}
.guarantee_img{ width:677px; height:515px;}
.guarantee_img img{ width:677px; height:515px;}
.guarantee_con{ width:50%; height:305px;}
.guarantee_con .original_4{ width:415px; padding-top:43px;}
.guarantee_con .original_5{ width:415px;}

.guarantee_you{ width:220px;}
.guarantee_you .original_1{ padding-top:35px;}

.guarantee_tu{ width:50%; height:308px; bottom:242px;}
.guarantee_shu{ right:-13px; bottom:-110px; font-size:257px;}

.guarantee_bg{ height:515px;}
.guarantee_bg1{height:240px;}


.free{ width:100%; height:917px; position:relative; margin-top:64px; overflow:hidden;}
.free_all{ width:1000px; height:857px; margin:auto; position:relative; z-index:1; margin-top:60px;}
.free_img{ width:751px; height:678px;}
.free_img img{ width:751px; height:678px;}

.free_con{ width:50%; height:640px; }
.free_con .originality_shu{ top: -110px; right:9px;}
.free_con .original_1{ width:410px; padding-top:100px;}
.free_con .original_2{ width:410px;}
.free_con .original_3{ width:410px;}
.free_con .original_4{ width:410px;}
.free_con .original_5{ width:410px;}

.free_quan{ position:absolute; top:0; left:22px; width:128px; height:128px; border:135px solid #283fe7;}
.free_bg{ height:515px;}
.free_bg1{ position:absolute; right:-832px; bottom:-60px; height:970px; width:970px;}

.strength{ width:1000px; margin-top:50px; padding-bottom:105px;}
.strength_con{ width:100%; height:95px; overflow:hidden; position:relative; margin-top:50px; text-align:center;}

.strength_1{ font-size:100px; height:95px; line-height:95px; position:relative;}
.strength_1_1{ font-size:16px; right:-65px; bottom:8px;}

.strength_mid{ width:auto; height:95px; margin:auto; text-align:center; display:inline-block;}
.strength_right{ position:absolute; right:26px; top:0;}

.client{ width:100%; height:846px; position:relative;}
.client_all{ width:1000px;}
.client_shu{width:100%; left:-15px;top:-110px; font-size:257px;}
.client .original_1{padding-top:110px;}
.client .original_1 span{background-size:30px;}

.client_img{ width:100%; height:auto; text-align:center; position:absolute; bottom:0; z-index:1;} 
.client_img img{ height:800px; width:auto;}
.client_bg{ width:100%; height:579px;}

.contact{ width:100%; height:428px; position:relative; margin-top:105px;}
.contact_all{ width:1000px; height:auto; overflow:hidden; margin:auto;}
.contact_all .original_1{padding-top:115px;}

.contact_map{ position:absolute; left:0; top:0; width:50%; height:428px; overflow:hidden;}
.contact_map img{ height:450px; width:auto;} 



.test{ width:1000px; height:410px; margin:auto; margin-bottom:88px;}
.test_left{ float:left; height:410px; margin-top:95px;}
.test_left .test_1:nth-child(2) .test_text{ background:url(../image/about_46.png) no-repeat 14px; background-size:21px;}
.test_left .test_1:nth-child(3) .test_text{ background:url(../image/about_53.png) no-repeat 14px; background-size:21px;}
.test_left .test_1:nth-child(4) .test_text{ background:url(../image/about_58.png) no-repeat 14px; background-size:21px;}


.test_1{ width:372px; height:50px; position:relative; margin-bottom:14px;}
.test_text{  width:323px; height:46px; line-height:46px; background:url(../image/about_41.png) no-repeat 14px; background-size:21px; padding-left:45px;}
.test_text::-webkit-input-placeholder { font-size:14px;}

.test_1 a{ position:absolute; right:0; font-size:12px; width:88px; height:20px; line-height:20px; top:14px; }

.test_2{ width:100%; height:48px; margin-top:25px;}
.test_2 a{ display:block; width:150px; height:48px; line-height:48px;}
.test_2 span{ font-size:14px; padding-right:35px;}


.test_list{ margin:auto; width:345px; height:auto; overflow:hidden; padding-top:85px;}
.test_list ul li{ width:100%; height:80px; list-style:none;}
.test_list ul li:nth-child(2) span{ background-size:43px;}
.test_list ul li:nth-child(3) span{ background-size:43px;}
.test_list ul li span{ display:inline-block; background-size:43px; height:80px; line-height:80px; font-size:16px; padding-left:60px;}

/*APP开发*/
.app{ width:1000px; height:auto; margin:auto; padding-top:100px;}
.app_left{ float:left; width:50%; height:100%;}
.app_1{ width:100%; font-size:57px; line-height:57px; padding-top:120px;}
.app_2{ width:100%; font-size:20px; line-height:50px;}

.app_right{ float:right; width:480px; height:538px; position:relative;}
.app_right img{ width:480px; height:538px;}

.develop{ width:100%; height:auto; overflow:hidden;}
.develop_tit{ font-size:28px; line-height:28px; padding-top:72px;}
.develop_xian{ margin:auto; width:40px; height:5px; margin-top:16px;}
.develop_list{ width:1000px; height: auto; margin:auto; margin-top:20px;} 
.develop_list ul li{ float:left; width:236px; height:211px; margin-right:18px; margin-bottom:18px;}
.develop_list ul li:hover .develop_img{ padding-top:20px;}

.develop_img{ margin:auto; width:185px; height:auto; overflow:hidden; padding-top:30px;}
.develop_img img{ height:60px; width:auto;}
.develop_1{ margin:auto; width:185px; font-size:18px; height:36px; line-height:36px;}
.develop_2{ margin:auto; font-size:12px; line-height:18px; width:185px;}

.exploit{ width:100%; height:auto; overflow:hidden; background:url(../image/develop1_02.png) no-repeat center bottom; background-size:100% auto;}
.exploit_list{ width:1000px; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
.exploit_list ul li{ float:left; width:157px; height:380px; list-style:none; margin-right:11px;}
.exploit_list ul li:nth-child(2n) .exploit_con{ margin-top:85px;}
.exploit_list ul li:nth-child(2n) .exploit_san{ background-size:auto 100%;}
.exploit_list ul li:hover .exploit_1{ padding-top:30px;}

.exploit_con{ width:157px; height:223px;}
.exploit_1{ width:100%; height:53px; padding-top:31px;}
.exploit_1 img{ height:53px; width:auto;}
.exploit_1_1{ width:33px; height:33px; bottom:-8px; right:52px;}
.exploit_2{ font-size:18px; height:53px; line-height:53px; margin-top:9px;}
.exploit_3{ margin:auto; font-size:12px; line-height:18px; width:135px;}
.exploit_san{ width:100%; background-size:auto 100%; height:23px;}
.exploit_shu{ font-size:26px; height:30px; line-height:30px; margin-top:8px;}


.exploit_li{ width:100%; background:url(../image/develop_53.png) no-repeat center; height:130px; padding-top:30px; background-size:auto 100%; text-align:center;}
.exploit_li_1{ width:100%; height:14px; text-align:center;}
.exploit_li_1 img{ height:14px; width:auto;}
.exploit_li_2{ width:100%; font-size:18px; height:64px; line-height:64px;}


.life{ width:1000px; height:auto; margin: auto; margin-top:27px;}
.life ul li{ float:left; width:190px; height:186px; margin-right:12px; margin-bottom:12px;}
.life ul li:nth-child(5n){ margin-right:0px;}

.life_img{ width:100%; height:58px; padding-top:40px;}
.life_img img{ height:58px; width:auto;}
.life_img_1{ width:34px; height:34px; bottom:-8px; right:52px;}
.life_tit{ width:100%; text-align:center; font-size:18px; height:65px; line-height:65px;}


.exist{ width:1000px; height:256px; margin:auto; margin-top:29px; background-size:100% auto; padding-bottom:80px;}
.exist ul li{ float:left; list-style:none; width:25%; height:256px;}
.exist ul li:nth-child(2n) .exist_zi{ margin-top:-4px;}
.exist ul li:nth-child(2n) .exist_yuan{ margin-top:16px;}

.exist_yuan{ width:152px; height:152px; margin-top:52px;}
.exist_1{ padding-top:27px;}
.exist_1 img{ height:58px; width:auto;}
.exist_2{ font-size:18px; height:50px; line-height:50px;}
.exist_zi{ margin:auto; text-align:center; font-size:12px; line-height:20px; width:210px; height:40px; margin-top:15px;}

/*底部*/
.footer{ padding-top:70px;}
.foot{ width:1000px;}
.foot_top{ width:100%; height:260px;}

.foot_left{ float:left; width:250px; height:100%;}
.foot_logo{ width:100%; height:auto; overflow:hidden;}
.foot_logo img{ height:36px; width:auto;}

.foot_come{ font-size:13px; line-height:24px; margin-top:21px;}
.foot_come span{ font-size:15px;}
.foot_come span.foot_come_span{ font-size:12px;}

.foot_wei{ width:100%; height:34px; margin-top:30px; }
.foot_wei a{ display:inline-block; width:32px; height:32px; margin-right:8px;}
.foot_wei img{ width:32px; height:32px;}

.foot_love{ width:32px; height:32px;}
.foot_love img{ width:32px; height:32px; border-radius:50%;}


.foot_1{ float:left; width:140px; height:100%;}
.foot_nav{ width:100%; height:16px;}
.foot_nav a{ display:block; width:100%; font-size:16px; line-height:16px;}
.foot_nav a:hover span{ width:18px;}
.foot_nav span{ display:inline-block; background:url(../image/foot_1.jpg) no-repeat left 9px; height:16px;}

.foot_con{ width:100%; height: auto; overflow:hidden; margin-top:30px;}
.foot_con a{ display:block; width:100%; font-size:13px; line-height:24px;}
.foot_con a:hover span{ padding-left:8px;}


.foot_right{ float:right; width:325px;}
.foot_nav1{ width:100%; font-size:16px; line-height:16px; margin-bottom:25px;}
.foot_2{ width:100%; height:33px; margin-bottom:10px;}

.foot_text{ float:left; width:148px; height:33px;  padding-left:12px;}
.foot_text::-webkit-input-placeholder {  font-size:12px;}


.foot_yan{ display:inline-block; width:160px; height:33px;}
.foot_yan a{ position:absolute; top:8px; width:40px; height:17px; line-height:17px; font-size:12px;}

.foot_3{ width:100%; height:52px; margin-bottom:10px;}
.foot_textarea{ width:313px; height:52px; line-height:52px; padding-left:12px;}
.foot_textarea::-webkit-input-placeholder { font-size:12px;}

.foot_4 a{ display:block; font-size:14px; width:160px; height:40px; line-height:40px;}

.typeright{ height:37px; line-height:37px;font-size:12px; padding-bottom:20px;}


/*漂浮框*/
.showy{ width:60px; right:20px;}
.showy a{ display:block; width:60px; height:60px; margin-bottom:2px;}
.showy_tu{ width:100%; height:35px; position:relative;}

.showy_img{ width:100%; height:25px;top:10px;}
.showy_img img{ height:25px; width:auto;}

.showy_tit{ font-size:12px; line-height:25px;}

.showy_tel{ width:150px; height:60px; line-height:60px; left:-152px; font-size:18px;}

/*关于底部*/
.dier{ width:100%; height:160px;}
.di{ width:1000px; padding-top:50px;}
.di_left{ float:left; height: auto;}
.di_1{ font-size:28px; height:28px; line-height:28px;}
.di_2{ width:100%; height:35px;}
.di_tel{ float:left; height:35px; line-height:35px; font-size:14px; }
.di_tel span{ font-size:12px;} 
.di_ding{float:left; height:35px; line-height:35px; font-size:12px; margin-left:30px;}
.di_ding span{ font-size:12px;}

.di_3{ width:100%; font-size:12px; height:16px; line-height:16px;}

.di_nav{ width:100%; height:30px;}
.di_nav a{ display: inline-block; font-size:14px; height:30px; line-height:30px; margin-left:40px;}

.di_wei{ width:100%; text-align:right; height:30px; line-height:30px; margin-top:14px;}
.di_wei a{ margin-left:10px; cursor:pointer;}

/*分页样式*/
.page{ width:100%; margin:auto; height:40px; overflow:hidden; margin-top:20px;}
.page_list a{display:inline-block;line-height:40px; height:40px; font-size:14px; margin:0px 5px;}

/*联系*/
.touch_warp{ width:100%; height: auto; overflow:hidden; position:absolute; bottom:95px;}
.touch_list{ width:1000px; padding:33px 0px;}
.touch_list ul li{ float:left; width:217px; padding-left:33px; height:125px; list-style:none;}

.touch_img{ width:100%; height:52px;}
.touch_img img{ height:52px; width:auto;}
.touch_1{ width:100%; font-size:12px; height:20px; line-height:20px; margin-top:23px;}
.touch_2{ width:100%; font-size:22px; height:26px; line-height:26px;}
.touch_2a{ font-size:16px;}

.touch_di{ width:100%; position:absolute; height:38px; bottom:16px;}
.touch_typeright{ width:1000px; height:38px; margin:auto;}
.touch_typeright_left{ float:left; height:38px; line-height:38px;}
.touch_typeright_right{ float:right; height:38px; line-height:38px; }


}

@media screen and (max-width:1430px)and (min-width:1272px){
	

	
	.n_big{ width:100%; margin:auto;}

	

	.news{ width:100%; height:auto; overflow:hidden; padding-top:85px; padding-bottom:50px;}
	.news_bg{ position:absolute; width:1050px; height:1050px; top:-805px; }
	.news_all{ margin:auto; position:relative; height:290px; width:1034px;}
	.news_list{ width:100%; height:230px; position:relative; overflow:hidden; padding-top:40px;}
	
	.news_con{ margin:auto; width:322px; height:205px;}
	.news_con a{ display:block; width:100%; height:175px; padding-top:30px;}

	
	.news_bian_1{ width:82px;}
	
	.news_left{ float:left; width:73px; height:150px;}
	.news_1{ font-size:35px; width:53px; margin-top:-10px;}
	.news_2{ font-size:17px; width:53px; text-align:right; margin-top:-5px;}
	
	.news_right{ float:right; width:230px; height:auto; overflow:hidden;}
	.news_3{ font-size:17px; line-height:21px; height:42px; overflow:hidden; width:215px; margin-top:-3px;}
	.news_4{ font-size:12px; line-height:20px; height:40px; overflow:hidden; width:215px; margin-top:13px;}
	.news_5{ width:56px; height:30px; overflow:hidden; margin-top:35px;}
	.news_5 img{ width:56px; height:30px;}


	.news_bi{ width:100%; height:52px; position:relative;}
	.news-left{ float:left; width:52px; height:52px; margin-left:10px; text-align:center; line-height:52px; font-size:20px;}
	.news-right{ float:right; width:52px; height:52px; margin-right:10px; line-height:52px; font-size:20px;}
	
	.news_xian{ width:860px; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:28px;}
	.news_quan{ margin:auto; border:2px solid #1d3ee4; border-radius:50%; background-color:#fff; width:10px; height:10px; margin-top: -7px;}
	
	.journey_warp{ width:100%; height:370px; position:relative;}
	.journey_bei{ background:url(../image/index_35.png) no-repeat center; width:342px; height:162px; position:absolute; right:0; top:160px;}
	
	.journey_tu{ width:96px; height:138px; position:absolute; left:0; top:80px;}
	.journey_tu img{ width:96px; height:138px;}
	.journey_bg{ background-size:cover; width:352px; height:252px; bottom:-82px; right:-100px;}
	
	.journey{ width:1100px; height:405px; margin:auto; position:relative;}
	.journey_1{ width:100%; text-align:center; font-size:54px; height:70px; line-height:70px; padding-top:118px;}
	.journey_2{ width:100%; text-align:center; font-size:26px; height:40px; line-height:40px;}
	.journey_3{ width:100%; height:45px; margin-top:16px;}
	.journey_3 a{ display:block; font-size:16px; width:174px; height:45px; line-height:45px;}
	
	.change_quan{ top:-80px;}
	
/*集团官网*/
.place{ width:100%; height:370px; position:relative;}
.place_bg{ width:80%; height:510px; position:absolute; right:0; top:-140px;}

.place_tit{ width:100%; text-align:center; font-size:30px; height:68px; line-height:68px; padding-top:50px;}

.place_xian{ margin:auto; width:28px; height:3px;}
.place_list{ width:1000px; height:285px; margin:auto; margin-top:45px;}
.place_list ul li{ float:left; width:25%; height:100%; list-style:none;}
.place_img{ width:100%; height:110px; text-align:center;}


.place_img_1{ margin:auto; position:relative; z-index:1; background-size:cover; width:100px; height:87px; text-align:center; top:11px;}
.place_img_1 img{ height:48px; width:auto;}

.place_beijing{width: 110px;  height: 110px; left:70px; top:-10px;}



.place_1{ width:100%; text-align:center; font-size:16px; height:24px; line-height:24px; margin-top:15px;}
.place_2{ width:100%; text-align:center; font-size:12px; height:24px; line-height:24px;}



.idea{ width:1000px;}
.idea_come{ width:100%; text-align:center; font-size:14px; height:45px; line-height:45px;}
.idea_list{ width:996px; height:auto; overflow:hidden; margin-top:17px;}
.idea_list ul li{ float:left; width:166px; height:283px; list-style:none;}
.idea_list ul li:nth-child(2) .idea_bg_2{ left:21px; top:8px;}
.idea_list ul li:nth-child(3) .idea_bg_2{ left: inherit; right:19px; top:114px;}
.idea_list ul li:nth-child(4) .idea_bg_2{ left:inherit; right:-9px;}
.idea_list ul li:nth-child(5) .idea_bg_2{ left:inherit; right:21px; top:8px;}
.idea_list ul li:nth-child(6) .idea_bg_2{ left:19px; top:114px;}


.idea_shu{ width:100%; text-align:center; font-size:85px; line-height:65px;}
.idea_quan{ width:135px; height:135px;  margin-top:-27px; position:relative;}
.idea_quan img{ width:135px; height:135px;}

.idea_bg_1{ width:135px; height:135px; }
.idea_bg_2{ position:absolute; left:0; width:15px; height:15px; top:67px; left: -8px; }

.idea_tit{ font-size:16px; height:50px; line-height:50px;}


.superior{ width:100%; height:auto; overflow:hidden; background-color:#f2f6fc; padding-bottom:72px;}
.superior_list{ width:998px; height:395px; margin:auto; margin-top:32px;}
.superior_list ul li{ float:left; width:332px; height:197px; position:relative;}

.superior_img{ background-size:103px; width:103px; height:103px; margin:auto; text-align:center; padding-top:30px;}
.superior_img img{ width:90px; height:auto; padding-top:8px;}

.superior_wo{ font-size:16px; margin-top:15px;}


.superior_1{ width:100%; text-align:center; font-size:21px; height:40px; line-height:40px; padding-top:40px;}
.superior_2{ margin:auto; font-size:13px; line-height:17px; width:88%; height:auto; overflow:hidden; margin-top:15px;}


.danger{ width:100%; height:190px;}
.danger_1{ font-size:28px; height:34px; line-height:34px; padding-top:40px;} 

.danger_2{ font-size:14px; height:30px; line-height:30px;}
.danger_3{ width:100%; height:36px; text-align:center; margin-top:13px;}
.danger_3 a{ display:block; margin:auto; font-size:14px; width:124px; height:36px; line-height:36px;}  


.aftermarket{ width:100%; height:auto; overflow:hidden; margin:auto;}
.aftermarket_list{ width:1000px; height:auto; margin:auto; margin-top:22px;}
.aftermarket_list ul li{ float: left; width:325px; height:90px; padding-top:25px; margin-bottom:12px; margin-right:12px;}
.aftermarket_list ul li:hover .aftermarket_img{ margin-left:10px;}
.aftermarket_list ul li:hover .aftermarket_right{ margin-right:10px;}

.aftermarket_img{ width:70px; height:72px; margin-left:13px;}
.aftermarket_img img{ width:70px; height:72px; }
.aftermarket_right{ float:right; width:215px; height:auto; overflow:hidden; margin-right:13px;}
.aftermarket_1{ width:100%; font-size:16px; height:30px; line-height:30px;}
.aftermarket_2{ width:100%; font-size:12px; height:36px; line-height:18px;}

.procedure{ width:100%; height:auto; overflow:hidden;}
.procedure_list{ width:1000px; height:220px; margin:auto; background-size:100% auto; margin-top:30px;}
.procedure_list ul li{ float:left; list-style:none; width:76px; height:220px; list-style:none; margin-right:39px;}
.procedure_list ul li:nth-child(2n){ padding-top:50px; height:170px;}


.procedure_img{ width:76px; height:76px; }
.procedure_img img{ width:76px; height:76px;} 
.procedure_tit{ width:100%; text-align:center; font-size:14px; height:40px; line-height:40px;}

.example{ width:100%; height:auto; overflow:hidden; position:relative;}
.example_bg{ height:300px;}

.example_all{ margin:auto; position:relative; height:350px; width:1034px; margin-top:26px;}
.example_list{ width:100%; height:290px; position:relative; overflow:hidden;}

.example_con{ width:320px; height:290px; margin:auto;}
.example_con a:hover .example_tit span{background-size:57px;}

.example_tit{ position:absolute; right:0; width:278px; height:76px; bottom:20px;}
.example_tit span{ margin:auto; display:block; font-size:17px; background-size:57px; width:235px; height:76px; line-height:76px;}


.example-left{ float:left; width:52px; height:52px; margin-left:10px; text-align:center; line-height:52px; font-size:20px;}
.example-right{ float:right; width:52px; height:52px; margin-right:10px; line-height:52px; font-size:20px;}
	
/*企业官网*/
.understand{ width:100%; height: auto; overflow: hidden; position:relative; z-index:1; margin-top:70px;}
.understand_tit{ width:1000px; margin:auto; font-size:36px; line-height:42px;}

.understand_xian{ margin:auto; width:1000px; position:relative; z-index:1; margin-top:18px;}
.understand_xian span{ display:block; width:55px; height:7px;}

.understand_list{ width:996px; height:195px; margin:auto; margin-top:36px;}
.understand_list ul li{ float:left; width:247px; height:195px; list-style:none;}
.understand_list ul li:hover .understand_img{ padding-top:36px;}

.understand_img{ width:100%; height:52px; text-align:center; padding-top:41px;}
.understand_img img{ height:52px; width:auto;}
.understand_1{ width:100%; text-align:center; font-size:21px; height:30px; line-height:30px; margin-top:16px;}
.understand_2{ width:100%; text-align:center; font-size:12px; height:22px; line-height:22px;}
	

.goodness{ width:100%; height:auto; margin-top:128px; position:relative;}
.goodness_bg{ background-size:cover; width:512px; height:1178px; position:absolute; left:0; top:-188px; z-index:0;}

.goodness_all{ width:1000px; height:304px; margin:auto; position:relative; margin-top:55px;}
.goodness_left{ float:left; width:340px; height:auto; overflow:hidden;}
.goodness_con{ width:100%; height:auto; overflow:hidden;}
.goodness_con_1{ width:100%; font-size:21px; height:40px; line-height:40px; padding-top:85px;}
.goodness_con_2{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:20px; margin-top:12px;}

.goodness_list{ float:right;width:496px; height:300px;}
.goodness_list ul li{ float:left; height:149px; width:164px; position:relative;}

.goodness_list ul li:hover .goodness_img_1{ margin-top:-54px;}
.goodness_list ul li.goodness_list_li .goodness_img_1{ margin-top:-54px;}


.goodness_img{ width:100%; height:54px; text-align:center; overflow:hidden; margin-top:26px;}
.goodness_img img{ height:54px; width:auto;}
.goodness_img_1{ width:100%; height:54px;}

.goodness_tit{ width:100%; text-align:center; height:47px;}
.goodness_tit_1{ width:100%; height:47px; line-height:47px; font-size:17px; margin-top:-47px;}
.goodness_tit_2{ width:100%; height:47px; line-height:47px; font-size:17px;}

.risk{ width:1000px; height:276px; margin-top:115px;}
.risk_tit{ margin:auto; font-size:35px; line-height:50px; text-align:right; width:930px; padding-top:50px;}
.risk_1{ margin:auto; font-size:28px; line-height:50px; text-align:right; width:930px;}
.risk_2{ margin:auto; font-size:14px; line-height:30px; text-align:right; width:930px;}
.risk_3{ margin:auto; width:930px; height:36px; margin-top:18px;}
.risk_3 a{ display:block; float:right; font-size:14px; width:125px; height:36px; line-height:36px; }  



.texture{ width:100%; height:555px; position:relative; margin-top:185px;}
.texture_bg{ width:360px; height:360px; top:-185px; right:-253px;}
.texture_bg1{ width:180px; height:180px; border:153px solid #2e4c9f; top:-92px; right:-275px;}

.texture_come{ margin:auto; width:1000px; font-size:14px; height:60px; line-height:60px;}
.texture_all{ width:1000px; height:auto; overflow:hidden; margin:auto; margin-top:12px;}
.texture_list{ width:744px; height:285px;} 
.texture_list ul li{ float:left; height:285px; width:246px; position:relative;}
.texture_list ul li:hover .texture_1{ padding-top:22px;}
.texture_list ul li:hover .texture_1 img{ height:98px;}


.texture_1{ padding-top:27px;}
.texture_1 img{ height:103px; width:auto;}
.texture_2{ width:100%; text-align:center; font-size:21px; height:50px; line-height:50px; margin-top:6px;}
.texture_3{ margin:auto; text-align:center; font-size:12px; line-height:19px; width:210px; height: auto; overflow:hidden;}
	
.understand_tita{ padding-top:70px;}	

.ji_bg { height: 209px; bottom: -157px; transform: skewY(9deg);}
.ji{ width:1000px; height:100vh; position:relative; margin:auto;}
.ji_1{ width:100%; font-size:42px; line-height:44px; padding-top:205px;}
.ji_2{ width:100%; font-size:36px; line-height:50px; }

.ji_bei{ position:absolute; bottom:0; width:1090px; height:750px; right:-135px;}

.ji_right{ position:absolute; bottom:0; right:0; width:640px; height:461px;}

.biao_1{ position:absolute; width:498px; height:320px; right:-20px; bottom:18px; opacity:0;}
.biao_1 img{ width:498px; height:320px;}

.biao_2{ position:absolute; width:234px; height:157px; left:150px; top:0px; }
.biao_2 img{ width:234px; height:157px;}

.biao_3{ position:absolute; width:135px; height: auto; left:0px; bottom:80px;}
.biao_3 img{ width:100%; height: auto;}

.biao_4{ position:absolute; width:497px; height:174px; right:-20px; bottom:25px;}
.biao_4 img{ width:100%; height: auto;}

.biao_5{ position:absolute; width:103px; height:96px; left:172px; top:166px;}
.biao_5 img{ width:103px; height: auto;}

.biao_6{ position:absolute; width:128px; height:260px; left:417px; top:178px;}
.biao_6 img{ width:128px; height: 260px;}

.biao_7{ position:absolute; width:171px; height:317px; left:336px; top:128px;}
.biao_7 img{ width:171px; height: 317px;}



@keyframes biao_zuo{
    0%{ opacity:0; left:130px;}
    100%{ opacity:1;left:192px;}
}

@keyframes biao_zuo1{
    0%{ opacity:0; bottom:50px;}
    100%{ opacity:1;bottom:80px;}
}

.tuan{ width:1000px;height:70vh}
.tuan_left{ float:left; width:410px; height:100%;}
.tuan_1{ font-size:71px; line-height:71px; padding-top:200px;}
.tuan_2{ width:100%; font-size:57px; line-height:75px;}
.tuan_3{ width:100%; font-size:36px; line-height:50px;}
.tuan_31{ width:100%; font-size:36px; line-height:50px;}
.tuan_left .cheng_3{ margin-top:32px;}

.tuan_right{ float:right; width:590px; height:100%; }
.tuan_img{ width:590px; height:536px; top:105px;}
.tuan_img img{ width:590px; height:536px;}


/*智能营销网站*/
.intellect{ padding-bottom:72px;}
.intellect_tit{ width:1000px; height:72px; position:relative; padding-top:72px; margin:auto;}
.intellect_tit_1{ font-size:35px; height:72px; line-height:72px;}
.intellect_tit_2{ font-size:100px; line-height:72px;}

.intellect_list{ width:1000px; height: auto; overflow:hidden; margin:auto; margin-top:30px;} 
.intellect_list ul li{ float:left; width:224px; height:224px;  margin-right:34px;}
.intellect_list ul li:hover .intellect_img{ padding-top:27px;}

.intellect_img{ margin:auto; width:190px; padding-top:32px;}
.intellect_img img{ height:52px; width:auto;}
.intellect_1{ margin:auto; width:190px; font-size:17px; height:34px; line-height:34px; margin-top:12px;}
.intellect_2{ margin:auto; font-size:12px;line-height:19px; width:190px;}

.mind{ padding-bottom:28px;}
.mind_list{ width:999px; height:auto; overflow:hidden; margin:auto; margin-top:33px;}
.mind_list ul li{ float:left; width:333px; height:248px; list-style:none;}
.mind_list ul li:hover .mind_img{ height:114px;}
.mind_list ul li:hover .mind_img img{ height:114px;}

.mind_img{ width:100%; height:124px; text-align:center;}
.mind_img img{ height:124px; width:auto;}
.mind_tit{ width:100%; text-align:center; font-size:16px; height:31px; line-height:31px; margin-top:22px;}
.mind_con{ margin:auto; text-align:center; font-size:12px; width:290px; line-height:19px; margin-top:5px;}

.power{ width:100%; height: auto; overflow:hidden; padding-bottom:32px;}
.power_list{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:13px;}
.power_list ul li{ float:left; width:475px; height:90px; list-style:none; margin-right:50px; margin-bottom:28px;}

.power_img{ float:right; width:90px; height:90px;}
.power_img img{ width:90px; height:90px;}
.power_con{ float:left; width:365px; height:90px;}
.power_1{ width:100%; font-size:16px; height:55px; line-height:55px;} 
.power_2{ width:100%; font-size:12px; height:20px; line-height:20px;} 

.private_warp{ width:100%; height:189px;}
.private{ margin:auto; width:1000px; height:189px;}
.private_img{ float:left; width:305px; height:auto; overflow:hidden;}
.private_img img{ height:189px; width:auto;}
.private_mid{ float:left; width:500px; height:auto; overflow:hidden;}
.private_1{ width:100%; font-size:34px; height:45px; line-height:45px; padding-top:60px;} 
.private_2{ width:100%; font-size:18px; height:34px; line-height:34px;}

.private_more{ float:right; height:auto; margin-top:75px;}
.private_more a{ display:block; font-size:14px; width:120px; height:38px; line-height:38px;}

.counter{ width:100%; height:auto; overflow:hidden; position:relative;}
.counter_bg{ position:absolute; left:-225px; width:335px; height:335px; top:157px;} 

.counter_list{ margin:auto; width:999px; height:auto; overflow:hidden; margin-top:32px;}
.counter_list ul li{ float:left; width:333px; height:188px;}
.counter_list ul li:hover .counter_xian{ width:50px;}

.counter_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.counter_img img{ height:50px; width:auto;}
.counter_tit{ width:100%; font-size:16px; height:45px; line-height:45px;}
.counter_xian{ margin:auto; width:32px;}
.counter_con{ margin:auto; text-align:center; font-size:12px; line-height:19px; width:265px; margin-top:21px;}

.intellect_kong{ width:100%; height:22px; overflow:hidden;}

.zhi{ width:1000px;}
.zhi_1{ width:100%; font-size:57px; line-height:65px; padding-top:125px;}
.zhi_2{ width:100%; font-size:27px; line-height:52px; opacity:1;}
.zhi .cheng_3{ margin-top:17px; opacity:1;}

.zhi_con{ position:absolute; bottom:0; right:0; width:100%; height:480px;}
.neng{ width:782px; height:100%; position: relative; margin:auto;}
.neng_1{ position:absolute; width:492px; height:300px; left:135px; bottom:0px; z-index:1;}
.neng_1 img{ width:492px; height:300px;}

.neng_2{ position:absolute; width:782px; height:480px; left:0px; top:0px;}
.neng_2 img{ width:782px; height:480px;}


/*小程序开发*/
.n_big_bg{ width:100%; height:143px; bottom:-75px;transform: skewY(5deg);}

.cheng{ width:1000px; height:auto; min-height:340px; margin:auto; padding-top:210px;}
.cheng_left{ float:left; width:445px; height:100%;}
.cheng_1{ width:100%; font-size:57px; line-height:57px; margin-top: -4px;}
.cheng_2{ width:100%; font-size:20px; line-height:60px;}
.cheng_3{ width:100%; height:36px; margin-top:50px;}
.cheng_3 a{ display:inline-block; font-size:14px; width:124px; height:36px; line-height:36px; margin-right:10px;}

.cheng_right{ float:right; width:535px; height:523px; position:relative;}
.cheng_tu{ width:501px; height:490px; position:absolute; bottom:26px; left:0;}
.cheng_tu img{ width:501px; height:490px;}

.sequence{ width:100%; height:auto; overflow:hidden; padding-bottom:145px;}
.sequence_tit{ width:100%; font-size:34px; padding-top:67px;}
.sequence_come{ width:100%; font-size:16px; height:35px; line-height:35px;}
.sequence_list{ margin:auto; width:1000px; height:auto; overflow:hidden; margin-top:75px;}
.sequence_list ul li{ float:left; width:25%; height:240px; list-style:none;}
.sequence_list ul li:hover .sequence_img img{ height:86px;}

.sequence_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.sequence_img img{ height:96px; width:auto;}
.sequence_1{ width:100%; font-size:20px; height:55px; line-height:55px;}
.sequence_2{ margin:auto; width:200px; font-size:13px; height: auto; line-height:18px;}

.course{ width:100%; height:588px; position:relative;}
.course_img{ width:1000px; height:415px; overflow:hidden; position:relative; z-index:1; margin-top:35px;}

.course_quan{ width:100%; height:312px; padding-top:32px;}
.course_quan span{ display:block; width:312px; height:312px;}

.course_tu{ width:100%; height:415px;} 
.course_tu img{ height:415px; width:auto;}
.course_1{ width:290px; height:60px;}

.course_1_1{ float:left; font-size:22px; width:250px; height:60px; line-height:60px;} 
.course_1_2{ float:left; width:30px; height:60px; line-height:76px; margin-left:10px;}
.course_1_2 img{ width:30px; height:auto;}

.course_2{ top:75px; width:290px; height:60px;}
.course_3{ top:148px; width:290px; height:60px;}
.course_4{ top:220px; width:290px; height:60px;}
.course_5{ bottom:60px; width:290px; height:60px;}


.course_6{ top:0; width:290px; height:60px;}
.course_6 .course_1_2{ margin-left:0px; margin-right:10px;}

.course_7{ top:75px; width:290px; height:60px;}
.course_7 .course_1_2{ margin-left:0px; margin-right:10px;}

.course_8{ top:148px; width:290px; height:60px;}
.course_8 .course_1_2{ margin-left:0px; margin-right:10px;}

.course_9{ top:220px; width:290px; height:60px;}
.course_9 .course_1_2{ margin-left:0px; margin-right:10px;}

.course_10{ bottom:60px; width:290px; height:60px;}
.course_10 .course_1_2{ margin-left:0px; margin-right:10px;}



.course_bg{ height:588px;}

.six_list{ width:999px; height:auto; margin:auto; margin-top:33px;}
.six_list ul li{ float:left; width:333px; height:255px;}
.six_list ul li:hover .six_img{ padding-top:36px;}

.six_img{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:46px;}
.six_img img{ height:62px; height:auto;}
.six_1{ width:100%; text-align:center; font-size:18px; height:40px; line-height:40px; margin-top:13px;}
.six_2{ margin:auto; width:240px; font-size:13px; line-height:19px; text-align:center; margin-top:7px;}

.realize{ width:100%; height:540px; position:relative;}
.realize_list{ margin:auto; width:1000px; margin-top:33px;}
.realize_list ul li{ float:left; width:242px; height:108px; margin-right:10px; margin-bottom:10px;}
.realize_list ul li:hover .realize_img{ width:73px;}
.realize_list ul li:hover .realize_right{ width:148px;}

.realize_img{ float:left; width:78px;}
.realize_img img{ height:38px; width:auto; padding-top:33px;}
.realize_right{ float:right; height:108px; line-height:108px; font-size:20px; width:152px;} 

	/*电商平台*/
	.dian{ width:1000px; height:100%; margin: auto; position:relative;}
	.dian .cheng_1{ padding-top:210px;}
	.dian_tu{ position:absolute; height: auto; right:-24px; top:180px;}
	.dian_tu img{ height:465px; width:auto;}
	
	.online{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.online_tit{ width:1000px; height:72px; position:relative; padding-top:72px;}
	.online_tit_1{ width:100%; text-align:center; font-size:35px; height:72px; line-height:72px;}
	.online_tit_2{ width:100%; text-align:center; font-size:100px; line-height:72px;}
	
	.online_list{ width:1000px; height:auto; margin:auto; margin-top:31px;}
	.online_list ul li{ float:left; width:235px; height:250px; margin-right:20px; margin-bottom:20px;}
	.online_list ul li:hover .online_tu{ padding-top:33px;}
	
	.online_tu{ margin:auto; width:200px; padding-top:35px;}
	.online_img{ width:74px; height:74px;}
	.online_img img{ width:74px; height:74px;}
	.online_img_1{ width:100%; height:74px;}
	
	.online_1{ margin:auto; width:200px; font-size:17px; height:37px; line-height:37px; margin-top:11px;}
	.online_2{ margin:auto; width:200px; font-size:12px; line-height:18px; height:54px; overflow:hidden;}
	
	
	.provide{ width:100%; height:640px; position:relative;}
	.provide_all{ width:1000px; margin-top:55px;}
	.provide_list{ float:right; width:515px; height:auto; overflow:hidden;}
	.provide_list ul li{ float:left; width:93px; height:82px; padding-top:11px; list-style:none; margin-right:47px; margin-bottom:47px;}
	
	.provide_quan{ width:11px; height:11px;}
	.provide_zi{ font-size:16px; height:55px; line-height:55px;}
	.provide_bg{ width:583px; height:480px;}
	
	.supply{ padding-bottom:43px;}
	.supply_list{ width:1000px; height:auto; margin:auto; margin-top:41px;}
	.supply_list ul li{ float:left; width:465px; height:94px; list-style:none; margin-right:70px; margin-bottom:37px;}
	.supply_list ul li:nth-child(5) .supply_1{ padding-top:11px;}
	
	.supply_img{ float:right;width:94px; height:94px;}
	.supply_img img{width:94px; height:94px;}
	
	.supply_right{ float:left; width:345px; height:94px;}
	.supply_1{ margin:auto; font-size:16px; width:310px; height:30px; line-height:30px; padding-top:11px;}
	.supply_2{ margin:auto; font-size:12px; width:310px; height:38px; line-height:19px;}
	
	.achieve{ padding-bottom:72px;}
	.achieve_all{ margin: auto; margin-top:42px; background-size:100% auto; width:1197px; height:226px;}
	.achieve_list{ width:1000px; height:353px; margin:auto;}
	.achieve_list ul li{ float:left; width:300px; height:300px; list-style:none; margin-right:50px;}
	.achieve_list ul li:nth-child(2){ margin-top:51px;}
	.achieve_list ul li:hover .achieve_1{ margin-top:30px;}
	
	.achieve_1{ margin-top:40px;}
	.achieve_1 img{ width:94px; height:94px;}
	.achieve_2{ margin:auto; width:240px; font-size:16px; height:38px; line-height:38px; margin-top:10px;}
	.achieve_3{ margin:auto; width:240px; font-size:12px; line-height:19px; margin-top:8px;}
	
	.suit{ width:100%; height:auto; overflow:hidden;}
	.suit_list{ margin:auto; width:1000px; height:auto; overflow:hidden; margin-top:40px;}
	.suit_list ul li{ float:left; width:83px; height:123px; list-style:none; margin-right:117px;}
	.suit_list ul li:nth-child(n+6){ margin-right:0px; margin-left:117px;}
	.suit_list ul li:hover .suit_img_1{ margin-top:-83px;}
	
	.suit_img{ width:83px; height:83px;}
	.suit_img img{ width:83px; height:83px;}
	.suit_img_1{ width:100%; height:83px;}
	.suit_tit{ width:100%; text-align:center; height:40px; line-height:40px; font-size:16px;}
	 

	/*公众号开发*/
	.gong{ width:1000px;}
	.gong .cheng_1{ padding-top:205px;}
	.gong_tu{ position:absolute; right:0; bottom:-3px;}
	.gong_tu img{ height:590px; width:auto;}


	.public{ width:100%; height:715px; position:relative;}
	.public_tit{ width:1000px; height:84px; overflow:hidden; margin:auto; font-size:35px; line-height:42px; padding-top:60px;}
	.public_tit_1{ position:absolute; left:0; bottom:3px; width:150px; height:10px;}
	
	.public_all{ width:1000px; height: auto; margin:auto; margin-top:-84px; position:relative; z-index:1}
	.public_mune{ float: left; height: auto; width:425px; margin-top:130px;}
	.public_mune a{ display:block; width:100%; height:100%; position:relative; cursor:pointer;}
	.public_mune a:hover .public_zi span{background-size:38px; padding-left:60px;}
	.public_mune a:hover .public_bei{opacity:1; width:400px;}
	
	.public_mune a.public_mune_a .public_zi span{ background-size:38px; padding-left:60px;}
	.public_mune a.public_mune_a .public_bei{ opacity:1; width:400px;}
	
	.public_zi{ width:100%; height:100%; position:relative; z-index:1;}
	.public_zi span{ display:inline-block; font-size:20px; height:60px; line-height:60px;}
	.public_bei{ width:0px; height:60px; border-right:5px solid #2bd2a4;}
	
	.public_list{ float:right; width:450px; height:auto;}
	.public_list ul li{ float:left; width:214px; height:262px; margin-right:22px; margin-bottom:22px; margin-top:84px;}
	.public_list ul li:nth-child(4){ margin-top:-84px;}
	
	.public_list ul li:hover .public_img{ margin-top:20px;}
	.public_list ul li:hover .public_img_1{ margin-top:-67px;}
	
	.public_list ul li.public_list_li .public_img{ margin-top:20px;}
	.public_list ul li.public_list_li .public_img_1{ margin-top:-67px;}
	
	.public_img{ margin:auto; margin-top:30px; width:165px; height:67px;}
	.public_img img{ height:67px; width:auto;}
	.public_img_1{ width:100%; height:67px;}
	.public_1{ margin:auto; width:165px; font-size:17px; height:44px; line-height:44px; margin-top:7px;}
	.public_2{ margin:auto; width:165px; font-size:12px; line-height:19px;}
	
	.public_bg{ width:240px; height:240px; border:30px solid #2e4c9f; bottom:-65px; left:-173px;}
	.public_bg1{ width:183px; height:168px; bottom:9px; right:70px; z-index:0;}
	
	
	.reason{ width:100%; height:1023px; overflow:hidden; position:relative;}
	.reason_all{ width:1000px;}
	.reason_left{ float:left; width:315px; height:290px; margin-top:233px;}
	.reason_left a{ display:block; width:100%; height:100%;}
	.reason_left a:hover .reason_kong{ height:45px;}
	.reason_left a:hover .reason_img_1{ margin-top:-67px;}
	
	.reason_kong{ height:54px;}
	.reason_img{ margin:auto; width:240px; height:67px; overflow:hidden;}
	.reason_img img{ height:67px; width:auto;}
	.reason_img_1{ width:100%; height:67px;}
	.reason_1{ margin:auto; width:240px; font-size:18px;height:44px; line-height:44px; margin-top:9px;}
	.reason_2{ margin:auto; width:240px; font-size:12px; line-height:19px; margin-top:6px;}
	
	.reason_mid{ float:left; width:315px; height: auto; margin-top:77px; margin-left:28px;}
	.reason_mid a{ display:block; width:100%; height:290px; margin-bottom:28px;}
	.reason_mid a:hover .reason_kong{ height:45px;}
	.reason_mid a:hover .reason_img_1{ margin-top:-67px;}
	
	.reason_right{ float:right; width:315px; height: auto; margin-top:-84px;}
	.reason_right a{ display:block; width:100%; height:290px; margin-bottom:28px;}
	.reason_right a:hover .reason_kong{ height:45px;}
	.reason_right a:hover .reason_img_1{ margin-top:-67px;}
	
	.reason_bg{ width:183px; height:168px; bottom:260px; left:70px; z-index:0;}
	.reason_bg1{ width:1050px; height:882px;}
	
	.account{ width:100%; height:auto; margin:auto; position:relative;}
	.account_all{ margin:auto; width:1000px; margin-top:40px; padding-top:27px;}
	.account_list{ margin:auto; width:960px; height:auto; overflow:hidden;}
	.account_list ul li{ float:left; width:223px; height:122px; margin-right:22px; margin-bottom:22px;}
	.account_list ul li:hover .account_img_1{ margin-left:-54px;}
	
	.account_tu{ margin:auto; height: auto; width:160px; overflow:hidden; padding-top:24px;}
	.account_img{ float:left; width:54px; height:54px;}
	.account_img_1{ width:108px;}
	.account_img_1 img{ float:left; width:54px; height:54px;}
	.account_tit{ margin:auto; width:160px; font-size:17px; height:37px; line-height:37px;}
	
	.account_bg{ width:705px; height:705px; top:-50px; right:-388px; z-index:0;}
	
	.complete{ width:100%; height:auto; position:relative;}
	.complete_list{ width:1000px; height:auto; overflow:hidden; margin:auto; margin-top:32px;}
	.complete_list ul li{ float:left; width:236px; height:342px; margin-right:18px;}
	.complete_list ul li:hover .complete_img{ padding-top:18px;}
	.complete_list ul li:hover .complete_img img{ height:163px;}
	
	.complete_img{ padding-top:28px;}
	.complete_img img{ height:168px; width:auto;}
	.complete_1{ width:100%; text-align:center; font-size:18px; height:35px; line-height:35px; margin-top:25px;}
	.complete_2{ margin:auto; text-align:center; font-size:12px; line-height:19px; width:165px;}
	
	.complete_bg{width:275px; height:275px; bottom:-208px; left:-180px; z-index:0;}

	/*响应式网站*/
	.ying{ width:1000px;}
	.ying_1{ width:100%; font-size:57px; height:80px; line-height:80px; padding-top:200px;}
	.ying_2{ width:100%; font-size:20px; height:60px; line-height:60px;}
	.ying .cheng_3{ margin-top:32px;}

	.ying_right{ width:600px; height:443px; bottom:81px;}
	.zhan_1{ width:425px; height:313px;}
	.zhan_1 img{ width:425px; height:313px;}
	
	.zhan_2{ width:302px; height:231px; position:absolute;  bottom:14	px; left:0;}
	.zhan_2 img{ width:302px; height:231px;}
	
	.zhan_3{ width:73px; height:265px; right:58px;}
	.zhan_3 img{ width:73px; height:265px;}

	.answer{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.answer_tit{ width:1000px; height:72px; position:relative; padding-top:31px; margin:auto;}
	.answer_tit_1{ width:100%; text-align:center; font-size:28px; height:72px; line-height:72px;}
	.answer_tit_2{ width:100%; text-align:center; font-size:100px; line-height:72px;}
	.answer_tit_3{ width:20px; height:20px; position:absolute; top:25px; left:253px;}
	.answer_tit_4{ width:20px; height:20px; position:absolute; bottom:-12px; right:248px;}
	.answer_tit_5{ width:10px; height:10px; position:absolute;  left:-10px; top:-10px;}
	
	@keyframes moveX{
	 0% {left: -10px;} 100% {left: 22px;}
	}
	@keyframes moveY{
		0% {top: -10px;} 100% {top: 22px;}
	}
	
	
	.answer_list{ width:1000px; height:auto; margin:auto; padding-top:31px;}
	.answer_list ul li{ float:left; width:86px; height:165px; list-style:none; margin-right:96px;}
	.answer_list ul li:nth-child(5) .answer_1{ width:150px; margin-left:-32px;}
	.answer_list ul li:nth-child(8) .answer_1{ width:150px; margin-left:-32px;}
	.answer_list ul li:nth-child(9) .answer_1{ width:150px; margin-left:-32px;}
	
	.answer_img{ width:86px; height:86px;}
	.answer_img img{ width:86px; height:86px;}
	.answer_1{ width:100%; text-align:center; font-size:16px; height:36px; line-height:36px;} 
	
	.adapter{ padding-bottom:48px;}
	.adapter_come{  font-size:12px; line-height:19px;}
	.adapter_img{ width:1000px; height:auto; overflow:hidden; margin:auto; margin-top:46px; padding-bottom:45px;}
	
	.adapter_list{ width:1000px; height:auto; margin:auto; margin-top:40px;}
	.adapter_list ul li{ float:left; width:320px; height:280px; margin-right:20px; margin-bottom:20px;}
	.adapter_list ul li:hover .adapter_kong{ height:15px;}
	
	.adapter_kong{ width:100%; height:20px;}
	.adapter_tu{ width:104px; height:104px;}
	.adapter_tu img{ width:104px; height:104px;}
	.adapter_1{ width:100%; text-align:center; font-size:16px; height:36px; line-height:36px; margin-top:8px;}
	.adapter_2{ margin:auto; text-align:center; font-size:12px; line-height:22px; width:265px;}
	
	.hazard{ width:1000px; height:192px;}
	.hazard_1{ font-size:28px; height:36px; line-height:36px; padding-top:42px;}
	
	.hazard_2{ width:100%; text-align:center; font-size:14px; height:30px; line-height:30px;}
	.hazard_3{ width:100%; height:37px; margin-top:11px;}
	.hazard_3 a{ display:block; margin:auto; font-size:14px; width:125px; height:37px; line-height:37px;}
	
	.plan{ width:100%; height:auto; overflow:hidden; background:url(../image/answer_59.png) no-repeat center 70px; background-size: 100% auto; padding-top:35px;}
	.plan_list{ width:1000px; height:auto; margin:auto; margin-top:35px; }
	.plan_list ul li{ float: left; width:318px; height:278px; margin-right:23px;}
	.plan_list ul li:hover .plan_img{ width:94px; height:94px;}
	.plan_list ul li:hover .plan_img img{ width:94px; height:94px;}
	
	
	.plan_kong{ width:100%; height:30px; overflow:hidden;}
	.plan_img{ width:104px; height:104px;}
	.plan_img img{ width:104px; height:104px;}
	.plan_1{ width:100%; text-align:center; font-size:21px; height:55px; line-height:55px;}
	.plan_2{margin:auto; text-align:center; font-size:12px; line-height:19px; width:255px;}
	
	.answer_jian{ width:100%; height:35px;}
	
	.newsa{ padding-top:0px;}

	/*案例*/
	.banner{ width:100%; height:320px;}
	.banner_1{ font-size:64px; height:60px; line-height:60px; padding-top:132px;}
	.banner_2{ font-size:36px; height:45px; line-height:45px; margin-top:-4px;}

	.case{ padding-top:73px; padding-bottom:40px;}
	.case_list{ width:1000px;}
	.case_list ul li{ float:left; width:320px; height:295px; list-style:none; margin-right:20px; margin-bottom:20px;}
	.case_list ul li a{ display:block; width:100%; height:100%;}
	.case_tit{ margin:auto; font-size:14px; width:285px; height:45px; line-height:45px; overflow:hidden; margin-top:16px; background-size:18px;}

	.case_bg{ position:absolute; bottom:0; width:100%; height:85%;}
	.case_kuan{ width:55px; height:3px; left:18px; top:186px;}
	.case_zi{ position:absolute; font-size:16px; width:284px; height:33px; line-height:33px; left:18px; top:214px;  background-size:18px;}

	/*案例详情*/
	.main{ margin-bottom:50px;}
	
	.detail{ width:1100px; padding-top:166px;}
	.detail_left{ float:left; width:200px; height:auto; overflow:hidden;}
	.detail_name{ width:100%; font-size:14px; line-height:14px;}
	.detail_tit{ font-size:24px; line-height:29px; margin-top:16px;}
	
	.detail_qi{ width:100%; font-size:12px;}
	.detail_qi span{ padding:0px 6px;}
	
	.detail_wang{ width:100%; height:40px; margin-top:50px;}
	.detail_wang span{ display:inline-block; background-size:27px; height:27px; line-height:27px; font-size:13px; padding-left:37px;}
	.detail_dian{ width:100%; height:27px; margin-top:10px;}
	.detail_1{ float: left; height:27px; background-size:27px; padding-left:37px; font-size:12px; line-height:27px;}
	
	.detail_2{ float:right; height:30px; font-size:12px; line-height:30px;}
	.detail_2 a{ display:inline-block; margin-right:3px;}
	.detail_2 img{ height:16px; width:auto;}
	
	.detail_next{ width:100%; height:42px; margin-top:68px;}
	.detail_next a{ display:inline-block; width:42px; height:42px; margin-right:5px;}
	.detail_next img{ width:42px; height:42px;}
	
	.detail_right{ float:right; width:860px; height:auto; overflow:hidden;}

	/*新闻详情*/
	.xiang{ width:1000px; margin-top:-460px; padding-bottom:80px;}
	.xiang_time{ width:100%; height:34px;}
	.xiang_time span{ display:inline-block; background-size:17px; font-size:12px; height:34px; line-height:34px; padding-left:25px;}
	.xiang_tit{ font-size:39px; line-height:50px; margin-top:8px;}
	.xiang_xin{ width:100%; font-size:12px; height:60px; line-height:60px;}
	.xiang_xin span{ padding:0px 6px;}
	.xiang_zan{ width:100%; height:42px; margin-top:30px;}
	.xiang_zan .detail_dian{ width:205px; float:left; margin-top:13px;}
	.xiang_zan .detail_next{ float:right; width:auto; height:42px; margin-top:0px;}
	
	.xiang_all{ margin-top:22px; padding-top:65px;}
	.xiang_con{ width:928px; font-size:14px; line-height:33px; padding-bottom:38px;}
	
	.detail_link{ width:100%; height:42px; overflow:hidden; text-align:center; margin-top:38px;}
	.detail_link a{ display:inline-block; width:42px; height:42px; margin:0px 3px;}
	.detail_link img{ width:42px; height:42px;}

	/*新闻中心*/
	.press{ width:1000px; margin:auto; height:auto;}
	.press ul li{ float:left; width:322px; height:205px; list-style:none; margin-right:17px; margin-bottom:17px;}
	.press ul li:nth-child(3n){ margin-right:0px;}
	.press ul li a{ display:block; width:100%; height:175px; padding-top:30px;}
	.press ul li a:hover .news_5_1{ margin-top:-33px;}

/*关于*/
.decide{ width:100%; height: auto; overflow:hidden; position:relative; margin-top:80px; padding-bottom:110px;}
.decide_img{ width:100%; height:auto; overflow:hidden; text-align:center;}
.decide_img img{ height:76px; width:auto;}

.decide_1{ width:100%; height:auto; overflow:hidden; font-size:36px; line-height:40px; margin-top:26px;}
.decide_2{ width:735px; font-size:14px; line-height:20px; margin-top:37px;}

.original{ width:100%; height:693px; position:relative; z-index:1; overflow:hidden;}
.original_all{ width:1000px;}
.original_img{ width:750px; height:515px;}
.original_img img{ width:750px; height:515px;}
.original_shu{ bottom:-120px; font-size:257px;}
.original_con{ position:absolute; width:455px; height:533px;}
.original_1{ margin:auto;  width:350px; height:40px;  padding-top:40px;}
.original_1 span{ display:inline-block;height:40px; line-height:40px;font-size:18px; background-size:30px; padding-left:50px;}

.original_2{ margin:auto;  width:350px; height:60px; line-height:60px; margin-top:27px; font-size:48px; }
.original_3{ margin:auto;  width:350px; height:55px; line-height:55px; font-size:48px;}
.original_4{ margin: auto; width:350px; height:90px; overflow:hidden; font-size:13px; line-height:18px; margin-top:53px;} 

.original_5{ margin:auto; width:350px; height:46px; margin-top:90px;}
.original_5 a{ display:block; width:150px; height:46px; line-height:46px;}
.original_5 span{ display:inline-block; background-size:18px; font-size:14px; padding-right:32px;}

.original_bg{ position:absolute; left:0; bottom:0; height:363px; }
.original_zi{ position:absolute; top:85px; right:-95px; font-size:250px;}	


.originality{ width:100%; height:770px; position:relative; margin-top:130px;}
.originality_all{ width:1000px;}
.originality_con{ width:454px; height:584px; margin-left:418px;}
.originality_shu{position:absolute; top:-120px; right:-26px; font-size:257px;}
.originality .original_1{ padding-top:165px;} 
.originality .original_1 span{ background-size:30px;}

.originality_img{ position:absolute; right:0; bottom:60px; height:445px; z-index:1;}
.originality_bai{ height:126px;}

.originality_bg{ height:380px;}

.guarantee{ width:100%; height:820px; margin-top:124px;}
.guarantee_all{ width:1000px; height:820px;}
.guarantee_img{ width:677px; height:515px;}
.guarantee_img img{ width:677px; height:515px;}
.guarantee_con{ width:50%; height:305px;}
.guarantee_con .original_4{ width:415px; padding-top:43px;}
.guarantee_con .original_5{ width:415px;}

.guarantee_you{ width:220px;}
.guarantee_you .original_1{ padding-top:35px;}

.guarantee_tu{ width:50%; height:308px; bottom:242px;}
.guarantee_shu{ right:-13px; bottom:-110px; font-size:257px;}

.guarantee_bg{ height:515px;}
.guarantee_bg1{height:240px;}


.free{ width:100%; height:917px; position:relative; margin-top:64px; overflow:hidden;}
.free_all{ width:1000px; height:857px; margin:auto; position:relative; z-index:1; margin-top:60px;}
.free_img{ width:751px; height:678px;}
.free_img img{ width:751px; height:678px;}

.free_con{ width:50%; height:640px; }
.free_con .originality_shu{ top: -110px; right:9px;}
.free_con .original_1{ width:410px; padding-top:100px;}
.free_con .original_2{ width:410px;}
.free_con .original_3{ width:410px;}
.free_con .original_4{ width:410px;}
.free_con .original_5{ width:410px;}

.free_quan{ position:absolute; top:0; left:22px; width:128px; height:128px; border:135px solid #283fe7;}
.free_bg{ height:515px;}
.free_bg1{ position:absolute; right:-832px; bottom:-60px; height:970px; width:970px;}

.strength{ width:1000px; margin-top:50px; padding-bottom:105px;}
.strength_con{ width:100%; height:95px; overflow:hidden; position:relative; margin-top:50px; text-align:center;}

.strength_1{ font-size:100px; height:95px; line-height:95px; position:relative;}
.strength_1_1{ font-size:16px; right:-65px; bottom:8px;}

.strength_mid{ width:auto; height:95px; margin:auto; text-align:center; display:inline-block;}
.strength_right{ position:absolute; right:26px; top:0;}

.client{ width:100%; height:846px; position:relative;}
.client_all{ width:1000px;}
.client_shu{width:100%; left:-15px;top:-110px; font-size:257px;}
.client .original_1{padding-top:110px;}
.client .original_1 span{background-size:30px;}

.client_img{ width:100%; height:auto; text-align:center; position:absolute; bottom:0; z-index:1;} 
.client_img img{ height:800px; width:auto;}
.client_bg{ width:100%; height:579px;}

.contact{ width:100%; height:428px; position:relative; margin-top:105px;}
.contact_all{ width:1000px; height:auto; overflow:hidden; margin:auto;}
.contact_all .original_1{padding-top:115px;}

.contact_map{ position:absolute; left:0; top:0; width:50%; height:428px; overflow:hidden;}
.contact_map img{ height:450px; width:auto;} 



.test{ width:1000px; height:410px; margin:auto; margin-bottom:88px;}
.test_left{ float:left; height:410px; margin-top:95px;}
.test_left .test_1:nth-child(2) .test_text{ background:url(../image/about_46.png) no-repeat 14px; background-size:21px;}
.test_left .test_1:nth-child(3) .test_text{ background:url(../image/about_53.png) no-repeat 14px; background-size:21px;}
.test_left .test_1:nth-child(4) .test_text{ background:url(../image/about_58.png) no-repeat 14px; background-size:21px;}


.test_1{ width:372px; height:50px; position:relative; margin-bottom:14px;}
.test_text{  width:323px; height:46px; line-height:46px; background:url(../image/about_41.png) no-repeat 14px; background-size:21px; padding-left:45px;}
.test_text::-webkit-input-placeholder { font-size:14px;}

.test_1 a{ position:absolute; right:0; font-size:12px; width:88px; height:20px; line-height:20px; top:14px; }

.test_2{ width:100%; height:48px; margin-top:25px;}
.test_2 a{ display:block; width:150px; height:48px; line-height:48px;}
.test_2 span{ font-size:14px; padding-right:35px;}


.test_list{ margin:auto; width:345px; height:auto; overflow:hidden; padding-top:85px;}
.test_list ul li{ width:100%; height:80px; list-style:none;}
.test_list ul li:nth-child(2) span{ background-size:43px;}
.test_list ul li:nth-child(3) span{ background-size:43px;}
.test_list ul li span{ display:inline-block; background-size:43px; height:80px; line-height:80px; font-size:16px; padding-left:60px;}

/*APP开发*/
.app{ width:1000px; height:auto; margin:auto; padding-top:100px;}
.app_left{ float:left; width:50%; height:100%;}
.app_1{ width:100%; font-size:57px; line-height:57px; padding-top:120px;}
.app_2{ width:100%; font-size:20px; line-height:50px;}

.app_right{ float:right; width:480px; height:538px; position:relative;}
.app_right img{ width:480px; height:538px;}

.develop{ width:100%; height:auto; overflow:hidden;}
.develop_tit{ font-size:28px; line-height:28px; padding-top:72px;}
.develop_xian{ margin:auto; width:40px; height:5px; margin-top:16px;}
.develop_list{ width:1000px; height: auto; margin:auto; margin-top:20px;} 
.develop_list ul li{ float:left; width:236px; height:211px; margin-right:18px; margin-bottom:18px;}
.develop_list ul li:hover .develop_img{ padding-top:20px;}

.develop_img{ margin:auto; width:185px; height:auto; overflow:hidden; padding-top:30px;}
.develop_img img{ height:60px; width:auto;}
.develop_1{ margin:auto; width:185px; font-size:18px; height:36px; line-height:36px;}
.develop_2{ margin:auto; font-size:12px; line-height:18px; width:185px;}

.exploit{ width:100%; height:auto; overflow:hidden; background:url(../image/develop1_02.png) no-repeat center bottom; background-size:100% auto;}
.exploit_list{ width:1000px; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
.exploit_list ul li{ float:left; width:157px; height:380px; list-style:none; margin-right:11px;}
.exploit_list ul li:nth-child(2n) .exploit_con{ margin-top:85px;}
.exploit_list ul li:nth-child(2n) .exploit_san{ background-size:auto 100%;}
.exploit_list ul li:hover .exploit_1{ padding-top:30px;}

.exploit_con{ width:157px; height:223px;}
.exploit_1{ width:100%; height:53px; padding-top:31px;}
.exploit_1 img{ height:53px; width:auto;}
.exploit_1_1{ width:33px; height:33px; bottom:-8px; right:52px;}
.exploit_2{ font-size:18px; height:53px; line-height:53px; margin-top:9px;}
.exploit_3{ margin:auto; font-size:12px; line-height:18px; width:135px;}
.exploit_san{ width:100%; background-size:auto 100%; height:23px;}
.exploit_shu{ font-size:26px; height:30px; line-height:30px; margin-top:8px;}


.exploit_li{ width:100%; background:url(../image/develop_53.png) no-repeat center; height:130px; padding-top:30px; background-size:auto 100%; text-align:center;}
.exploit_li_1{ width:100%; height:14px; text-align:center;}
.exploit_li_1 img{ height:14px; width:auto;}
.exploit_li_2{ width:100%; font-size:18px; height:64px; line-height:64px;}


.life{ width:1000px; height:auto; margin: auto; margin-top:27px;}
.life ul li{ float:left; width:190px; height:186px; margin-right:12px; margin-bottom:12px;}
.life ul li:nth-child(5n){ margin-right:0px;}

.life_img{ width:100%; height:58px; padding-top:40px;}
.life_img img{ height:58px; width:auto;}
.life_img_1{ width:34px; height:34px; bottom:-8px; right:52px;}
.life_tit{ width:100%; text-align:center; font-size:18px; height:65px; line-height:65px;}


.exist{ width:1000px; height:256px; margin:auto; margin-top:29px; background-size:100% auto; padding-bottom:80px;}
.exist ul li{ float:left; list-style:none; width:25%; height:256px;}
.exist ul li:nth-child(2n) .exist_zi{ margin-top:-4px;}
.exist ul li:nth-child(2n) .exist_yuan{ margin-top:16px;}

.exist_yuan{ width:152px; height:152px; margin-top:52px;}
.exist_1{ padding-top:27px;}
.exist_1 img{ height:58px; width:auto;}
.exist_2{ font-size:18px; height:50px; line-height:50px;}
.exist_zi{ margin:auto; text-align:center; font-size:12px; line-height:20px; width:210px; height:40px; margin-top:15px;}

/*底部*/
.footer{ padding-top:70px;}
/*.foot{ width:1000px;}*/
.foot_top{ width:100%; height:260px;}

.foot_left{ float:left; width:250px; height:100%;}
.foot_logo{ width:100%; height:auto; overflow:hidden;}
.foot_logo img{ height:36px; width:auto;}

.foot_come{ font-size:13px; line-height:24px; margin-top:21px;}
.foot_come span{ font-size:15px;}
.foot_come span.foot_come_span{ font-size:12px;}

.foot_wei{ width:100%; height:34px; margin-top:30px; }
.foot_wei a{ display:inline-block; width:32px; height:32px; margin-right:8px;}
.foot_wei img{ width:32px; height:32px;}

.foot_love{ width:32px; height:32px;}
.foot_love img{ width:32px; height:32px; border-radius:50%;}


.foot_1{ float:left; width:140px; height:100%;}
.foot_nav{ width:100%; height:16px;}
.foot_nav a{ display:block; width:100%; font-size:16px; line-height:16px;}
.foot_nav a:hover span{ width:18px;}
.foot_nav span{ display:inline-block; background:url(../image/foot_1.jpg) no-repeat left 9px; height:16px;}

.foot_con{ width:100%; height: auto; overflow:hidden; margin-top:30px;}
.foot_con a{ display:block; width:100%; font-size:13px; line-height:24px;}
.foot_con a:hover span{ padding-left:8px;}


.foot_right{ float:right; width:325px;}
.foot_nav1{ width:100%; font-size:16px; line-height:16px; margin-bottom:25px;}
.foot_2{ width:100%; height:33px; margin-bottom:10px;}

/*.foot_text{ float:left; width:148px; height:33px;  padding-left:12px;}*/
.foot_text::-webkit-input-placeholder {  font-size:12px;}


.foot_yan{ display:inline-block; width:160px; height:33px;}
.foot_yan a{ position:absolute; top:8px; width:40px; height:17px; line-height:17px; font-size:12px;}

.foot_3{ width:100%; height:52px; margin-bottom:10px;}
.foot_textarea{ width:313px; height:52px; line-height:52px; padding-left:12px;}
.foot_textarea::-webkit-input-placeholder { font-size:12px;}

.foot_4 a{ display:block; font-size:14px; width:160px; height:40px; line-height:40px;}

.typeright{ height:37px; line-height:37px;font-size:12px; padding-bottom:20px;}


/*漂浮框*/
.showy{ width:60px; right:20px;}
.showy a{ display:block; width:60px; height:60px; margin-bottom:2px;}
.showy_tu{ width:100%; height:35px; position:relative;}

.showy_img{ width:100%; height:25px;top:10px;}
.showy_img img{ height:25px; width:auto;}

.showy_tit{ font-size:12px; line-height:25px;}

.showy_tel{ width:150px; height:60px; line-height:60px; left:-152px; font-size:18px;}

/*关于底部*/
.dier{ width:100%; height:160px;}
.di{ width:1000px; padding-top:50px;}
.di_left{ float:left; height: auto;}
.di_1{ font-size:28px; height:28px; line-height:28px;}
.di_2{ width:100%; height:35px;}
.di_tel{ float:left; height:35px; line-height:35px; font-size:14px; }
.di_tel span{ font-size:12px;} 
.di_ding{float:left; height:35px; line-height:35px; font-size:12px; margin-left:30px;}
.di_ding span{ font-size:12px;}

.di_3{ width:100%; font-size:12px; height:16px; line-height:16px;}

.di_nav{ width:100%; height:30px;}
.di_nav a{ display: inline-block; font-size:14px; height:30px; line-height:30px; margin-left:40px;}

.di_wei{ width:100%; text-align:right; height:30px; line-height:30px; margin-top:14px;}
.di_wei a{ margin-left:10px; cursor:pointer;}

/*分页样式*/
.page{ width:100%; margin:auto; height:40px; overflow:hidden; margin-top:20px;}
.page_list a{display:inline-block;line-height:40px; height:40px; font-size:14px; margin:0px 5px;}

/*联系*/
.touch_warp{ width:100%; height: auto; overflow:hidden; position:absolute; bottom:95px;}
.touch_list{ width:1000px; padding:33px 0px;}
.touch_list ul li{ float:left; width:217px; padding-left:33px; height:125px; list-style:none;}

.touch_img{ width:100%; height:52px;}
.touch_img img{ height:52px; width:auto;}
.touch_1{ width:100%; font-size:12px; height:20px; line-height:20px; margin-top:23px;}
.touch_2{ width:100%; font-size:22px; height:26px; line-height:26px;}
.touch_2a{ font-size:16px;}

.touch_di{ width:100%; position:absolute; height:38px; bottom:16px;}
.touch_typeright{ width:1000px; height:38px; margin:auto;}
.touch_typeright_left{ float:left; height:38px; line-height:38px;}
.touch_typeright_right{ float:right; height:38px; line-height:38px; }

}
@media screen and (max-width:1271px)and (min-width:768px){


	
	.news{ padding-top:60px; padding-bottom:35px;}
	.news_bg{ position:absolute; width:670px; height:670px; top:-512px;}
	.news_all{ margin:auto; position:relative; height:223px; width:712px;}
	.news_list{ width:100%; height:160px; position:relative; overflow:hidden; padding-top:28px;}
	
	.news_con{ margin:auto; width:225px; height:143px;}
	.news_con a{ display:block; width:100%; height:120px; padding-top:23px;}
	
	
	.news_bian{ width:100%; height:2px;}
	.news_bian_1{ width:62px; height:2px;}
	.news_left{ float:left; width:50px; height:100px;}
	.news_1{ font-size:26px; width:35px; margin-top:-5px;}
	.news_2{ font-size:12px; width:35px; margin-top:-2px;}
	
	.news_right{ float:right; width:160px; height:auto; overflow:hidden;}
	.news_3{ font-size:14px; line-height:20px; height:40px; width:150px; margin-top:-2px;}
	.news_4{ font-size:12px; line-height:16px; height:32px; overflow:hidden; width:150px; margin-top:8px;}
	.news_5{ width:39px; height:21px; overflow:hidden; margin-top:14px;}
	.news_5 img{ width:39px; height:21px;}

	.news_bi{ width:100%; height:36px; position:relative;}
	.news-left{ float:left; width:37px; height:37px; margin-left:5px; line-height:37px; font-size:12px;}
	.news-right{ float:right; width:37px; height:37px; margin-right:5px; line-height:37px; font-size:12px;}
	
	.news_xian{ width:602px; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:19px;}
	.news_quan{ margin:auto; width:8px; height:8px; margin-top: -7px;}

	.journey_warp{ width:100%; height:258px;}
	.journey_bei{ background-size:cover; width:171px; height:81px; top:155px;}
	
	.journey_tu{ width:61px; height:88px; position:absolute; left:0; top:50px;}
	.journey_tu img{ width:61px; height:88px;}
	.journey_bg{ background-size:cover; width:224px; height:160px; bottom:-51px; right:-64px;display: none}
	
	.journey{ width:700px; height:258px;}
	.journey_1{ font-size:38px; height:48px; line-height:48px; padding-top:82px;}
	.journey_2{font-size:18px; height:28px; line-height:28px;}
	.journey_3{ width:100%; height:31px;  margin-top:14px;}
	.journey_3 a{ display:block; font-size:14px; width:122px; height:31px; line-height:31px;}
	
	.change_quan{ position:absolute; top:-50px; z-index:0; width:100%; height:250px;}

	/*集团官网*/
	.place{ width:100%; height:260px; position:relative;}
	.place_bg{ width:80%; height:355px; top:-95px;}
	.place_tit{ font-size:21px; height:45px; line-height:45px; padding-top:35px;}
	
	.place_xian{ margin:auto; width:18px; height:2px;}
	.place_list{ width:700px; height:126px; margin-top:40px;}
	.place_list ul li{ float:left; width:25%; height:100%; list-style:none;}
	.place_list ul li:hover .place_img{ margin-top:0px;}
	
	.place_img{ width:100%; height:76px;}
	.place_img_1{ width:68px; height:60px; top:7px; background-size:cover;}
	.place_img_1 img{ height:33px; width:auto;}
	
	.place_beijing{width: 76px;  height: 76px; left:49px; top:-10px;}
	
	
	.place_1{ font-size:14px; height:18px; line-height:18px; margin-top:12px;}
	.place_2{ font-size:12px; height:18px; line-height:18px; overflow:hidden;}

	.idea{ width:700px;}
	.idea_come{ font-size:12px; height:30px; line-height:30px;}
	.idea_list{ width:696px; height:auto; overflow:hidden; margin-top:13px;}
	.idea_list ul li{ float:left; width:116px; height:197px; list-style:none;}
	.idea_list ul li:nth-child(2) .idea_bg_2{ left:15px; top:5px;}
	.idea_list ul li:nth-child(3) .idea_bg_2{ left: inherit; right:13px; top:80px;}
	.idea_list ul li:nth-child(4) .idea_bg_2{ left:inherit; right:-5px;}
	.idea_list ul li:nth-child(5) .idea_bg_2{ left:inherit; right:15px; top:5px;}
	.idea_list ul li:nth-child(6) .idea_bg_2{ left:13px; top:80px;}
	
	
	.idea_shu{ width:100%; text-align:center; font-size:60px; line-height:43px;}
	.idea_quan{ width:96px; height:96px; margin:auto; margin-top:-18px; position:relative;}
	
	.idea_bg_1{ width:95px; height:95px;}
	.idea_bg_2{ width:10px; height:10px; top:42px; left: -5px; }
	.idea_quan img{ width:95px; height:95px;}
	.idea_tit{ font-size:14px; height:35px; line-height:35px;}


	.superior{ padding-bottom:50px;}
	.superior_list{ width:700px; height:275px; margin-top:22px;}
	.superior_list ul li{ float:left; width:232px; height:137px; position:relative;}
	
	.superior_img{ background-size:72px; width:72px; height:72px; padding-top:19px;}
	.superior_img img{ width:62px; height:auto; padding-top:6px;}
	.superior_wo{ font-size:14px; margin-top:10px;}
	
	.superior_bg{ border-radius:20px;}
	.superior_bg_1{ height:100px;}
	
	.superior_1{ font-size:16px; height:28px; line-height:28px; padding-top:30px;}
	.superior_2{ margin:auto; font-size:12px; line-height:18px; width:88%; height:36px; overflow:hidden; margin-top:10px;}

	.danger{ width:100%; height:132px;}
	.danger_1{ font-size:20px; height:25px; line-height:25px; padding-top:28px;} 
	.danger_2{ font-size:12px; height:20px; line-height:20px;}
	.danger_3{ width:100%; height:25px; margin-top:9px;}
	.danger_3 a{ display:block; margin:auto; font-size:12px; width:86px; height:25px; line-height:25px;}  


	.aftermarket_list{ width:700px; margin-top:16px;}
	.aftermarket_list ul li{ float: left; width:226px; height:64px; padding-top:16px; margin-bottom:11px; margin-right:11px;}
	
	.aftermarket_list ul li:hover .aftermarket_img{ margin-left:9px;}
	.aftermarket_list ul li:hover .aftermarket_right{ margin-right:9px;}
	.aftermarket_list ul li:hover .aftermarket_1{ color:#2e4c9f;}
	
	.aftermarket_img{ float:left; width:48px; height:49px; margin-left:9px;}
	.aftermarket_img img{ width:48px; height:49px; }
	.aftermarket_right{ float:right; width:150px; height:auto; overflow:hidden; margin-right:9px; }
	.aftermarket_1{ width:100%; font-size:14px; height:20px; line-height:20px; overflow:hidden;}
	.aftermarket_2{ width:100%; font-size:12px; height:24px; line-height:24px; overflow:hidden;}


	.procedure_list{ width:700px; height:105px; margin:auto; background-size:cover; margin-top:20px;}
	.procedure_list ul li{ float:left; list-style:none; width:53px; height:105px; list-style:none; margin-right:27px;}
	.procedure_list ul li:nth-child(2n){ padding-top:34px; height:121px;}
	.procedure_list ul li:nth-child(9){ margin-right:0px;}
	
	.procedure_img{ width:53px; height:53px; }
	.procedure_img img{ width:53px; height:53px;} 
	.procedure_tit{ width:100%; text-align:center; font-size:12px; height:28px; line-height:28px;}
	

	.example_bg{ height:207px;}
	
	.example_all{ margin:auto; position:relative; height:243px; width:718px; margin-top:20px;}
	.example_list{ width:100%; height:200px; position:relative; overflow:hidden;}
	
	.example_con{ width:223px; height:200px; margin:auto;}
	.example_con a:hover .example_tit span{ background-size:39px;}
	
	.example_tit{ position:absolute; right:0; width:195px; height:52px; bottom:13px;}
	.example_tit span{ margin:auto; display:block; font-size:14px; background-size:39px; width:162px; height:52px; line-height:52px;}
	
	.example-left{ float:left; width:37px; height:37px; margin-left:5px; line-height:37px; font-size:12px;}
	.example-right{ float:right; width:37px; height:37px; margin-right:5px; line-height:37px; font-size:12px;}
	
	.newsa{ padding-top:0px; padding-bottom:35px;}	
	
	.ji_bg{height:145px; bottom:-115px; transform: skewY(9deg);}
	
	.ji{ width:700px; height:500px; position:relative; margin:auto;}
	.ji_1{ width:100%; font-size:30px; line-height:33px; padding-top:142px;}
	.ji_2{ width:100%; font-size:26px; line-height: 35px;}
	
	.ji_bei{ position:absolute; bottom:0; width:545px; height:475px; right:-67px;}
	
	.ji_right{ width:466px; height:322px;}
	.biao{ width:100%; height:100%; position: relative;}
	
	.biao_2{ position:absolute; width:164px; height:110px; left:105px; top:0px;}
	.biao_2 img{ width:164px; height:110px;}
	
	.biao_3{ position:absolute; width:95px; left:0px; bottom:55px;}
	
		.biao_4{ position:absolute; width:348px; height:122px; right:-14px; bottom:16px;}
		.biao_4 img{ width:100%; height: auto;}
		
		.biao_5{ position:absolute; width:71px; height:66px; left:134px; top:118px;}
		.biao_5 img{ width:71px; height: auto;}
	
		.biao_6{ position:absolute; width:92px; height:186px; left:289px; top:120px;}
		.biao_6 img{ width:92px; height: 186px;}
		
		.biao_7{ position:absolute; width:120px; height:223px; left:233px; top:87px;}
		.biao_7 img{ width:120px; height:223px;}
	
	
	@keyframes biao_zuo{
		0%{ opacity:0; left:100px;}
		100%{ opacity:1;left:170px;}
	}
	
	@keyframes biao_zuo1{
		0%{ opacity:0; bottom:20px;}
		100%{ opacity:1;bottom:55px;}
	}
	
	
	/*企业官网*/
	.understand{ margin-top:50px;}
	.understand_tit{ width:700px; font-size:25px; line-height:30px;}
	
	.understand_xian{ margin:auto; width:700px; margin-top:14px;}
	.understand_xian span{ display:block; width:39px; height:5px;}
	
	.understand_list{ width:698px; height:136px; margin:auto; margin-top:25px; border:1px dashed rgba(0,0,0,0.1);}
	.understand_list ul li{ float:left; width:173px; height:136px; list-style:none; border-right:1px dashed rgba(0,0,0,0.1); }
	.understand_list ul li:hover .understand_img{ padding-top:28px;transform: rotateY(-180deg);}
	
	.understand_img{ width:100%; height:36px; text-align:center; padding-top:28px;}
	.understand_img img{ height:36px; width:auto;}
	
	.understand_1{ font-size:16px; height:23px; line-height:23px; margin-top:12px;}
	.understand_2{ font-size:12px; height:18px; line-height:18px;}


	.goodness{ width:100%; height:auto; margin-top:88px; position:relative;}
	.goodness_bg{ background-size:cover; width:357px; height:821px; top:-130px; z-index:0;}
	
	.goodness_all{ width:700px; height:212px; margin:auto; position:relative; margin-top:38px;}
	.goodness_left{ float:left; width:240px; height:auto; overflow:hidden;}
	
	.goodness_con_1{ width:100%; font-size:16px; height:28px; line-height:28px; padding-top:59px;}
	.goodness_con_2{ width:100%; height:auto; overflow:hidden; font-size:12px; line-height:18px; margin-top:8px;}
	
	.goodness_list{ float:right;border:1px dashed rgba(0,0,0,0.1); width:348px; height:210px;}
	.goodness_list ul li{ float:left; height:104px; border-bottom:1px dashed rgba(0,0,0,0.1); border-right:1px dashed rgba(0,0,0,0.1); width:115px;}
	
	.goodness_list ul li:hover .goodness_img_1{ margin-top:-36px;}
	.goodness_list ul li.goodness_list_li .goodness_img_1{ margin-top:-36px;}
	
	.goodness_img{ width:100%; height:36px; margin-top:18px;}
	.goodness_img img{ height:36px; width:auto;}
	.goodness_img_1{ width:100%; height:36px;}
	
	.goodness_tit{ width:100%; text-align:center; height:33px;}
	.goodness_tit_1{ width:100%; height:33px; line-height:33px; font-size:14px; margin-top:-33px;}
	.goodness_tit_2{ width:100%; height:33px; line-height:33px; font-size:14px;}
	
	
	
	.risk{ width:700px; height:192px; margin-top:80px;}
	.risk_tit{ margin:auto; font-size:24px; line-height:34px; width:650px; padding-top:34px;}
	.risk_1{ margin:auto; font-size:20px; line-height:34px; width:650px;}
	.risk_2{ margin:auto; font-size:12px; line-height:20px; width:650px;}
	.risk_3{ margin:auto; width:650px; height:25px; margin-top:12px;}
	.risk_3 a{ display:block; float:right; font-size:12px; width:86px; height:25px; line-height:25px;}  
	
	
	.texture{ width:100%; height:385px; margin-top:128px;}
	.texture_bg{ width:234px; height:234px; top:-127px; right:-156px;}
	.texture_bg1{ width:126px; height:126px; border:106px solid #2e4c9f; top:-61px; right:-152px;}
	
	
	.texture_come{ margin:auto; width:700px; font-size:12px; height:40px; line-height:40px;}
	.texture_all{ width:700px; margin-top:8px; position:relative; z-index:1;}
	.texture_list{ border:1px dashed rgba(0,0,0,0.1); width:518px; height:197px;} 
	.texture_list ul li{ float:left; height:197px; list-style:none; border-right:1px dashed rgba(0,0,0,0.1); width:172px; position:relative;}
	.texture_list ul li:nth-child(3){ float:right; border-right:none;}
	.texture_list ul li:hover .texture_1{ padding-top:20px;}
	.texture_list ul li:hover .texture_1 img{ height:71px;}
	
	.texture_1{ padding-top:20px;}
	.texture_1 img{ height:71px; width:auto;}
	.texture_2{ font-size:16px; height:35px; line-height:35px; margin-top:5px;}
	.texture_3{ font-size:12px; line-height:18px; width:150px; height:36px; overflow:hidden;}
	
	.understand_tita{ padding-top:48px;}

	.tuan{ width:700px; height:500px; margin:auto;}
	.tuan_left{ float:left; width:285px; height:100%;}
	.tuan_1{ font-size:50px; line-height:50px; padding-top:140px;}
	.tuan_2{ width:100%; font-size:40px; line-height:52px;}
	.tuan_3{ width:100%; font-size:26px; line-height:35px;}
	.tuan_31{ width:100%; font-size:26px; line-height:35px;}
	.tuan_left .cheng_3{ margin-top:22px;}
	
	.tuan_right{ float:right; width:410px; height:100%; position:relative;}
	.tuan_img{ width:410px; height:372px; position:absolute; right:0; top:67px;}
	.tuan_img img{ width:410px; height:372px;}


	/*智能营销网站*/
	.intellect{ padding-bottom:50px;}
	.intellect_tit{ width:700px; height:50px; padding-top:50px;}
	.intellect_tit_1{ font-size:24px; height:50px; line-height:50px;}
	.intellect_tit_2{ font-size:70px; line-height:50px;}
	
	.intellect_list{ width:700px; margin-top:20px;} 
	.intellect_list ul li{ float:left; width:156px; height:156px; margin-right:25px;}
	.intellect_list ul li:hover .intellect_img{ padding-top:22px;}
	
	.intellect_img{ margin:auto; width:130px; height:auto; overflow:hidden; padding-top:22px;}
	.intellect_img img{ height:35px; width:auto;}
	.intellect_1{ margin:auto; width:130px; font-size:14px; height:23px; line-height:23px; margin-top:9px;}
	.intellect_2{ margin:auto; font-size:12px; line-height:18px; width:130px; height:36px; overflow:hidden;}
	
	.mind{ padding-bottom:18px;}
	.mind_list{ width:699px; height:auto; overflow:hidden; margin:auto; margin-top:23px;}
	.mind_list ul li{ float:left; width:233px; height:172px; list-style:none;}
	.mind_list ul li:hover .mind_img{ height:86px;}
	.mind_list ul li:hover .mind_img img{ height:86px;}
	
	.mind_img{ width:100%; height:86px;}
	.mind_img img{ height:86px; width:auto;}
	.mind_tit{ font-size:14px; height:20px; line-height:20px; margin-top:12px;}
	.mind_con{ font-size:12px; width:200px; line-height:18px; height:36px; overflow:hidden; margin-top:5px; }
	
	
	
	.power{ padding-bottom:21px;}
	.power_list{ width:700px; margin-top:9px;}
	.power_list ul li{ float:left; width:332px; height:61px;  margin-right:36px; margin-bottom:18px;}
	.power_list ul li:hover .power_img{ margin-right:0px;}
	.power_list ul li:hover .power_con{ margin-left:0px;}
	
	.power_list ul li:nth-child(2n):hover .power_img{ margin-left:0px; margin-right:0px;}
	.power_list ul li:nth-child(2n):hover .power_con{ margin-right:0px; margin-left:0px;}
	
	.power_img{ float:right; width:61px; height:61px;}
	.power_img img{ width:61px; height:61px;}
	
	.power_con{ float:left; width:255px; height:61px;}
	.power_1{ width:100%; font-size:14px; height:37px; line-height:37px;} 
	.power_2{ width:100%; font-size:12px; height:16px; line-height:16px;} 

	.private_warp{ width:100%; height:132px;}
	.private{ margin:auto; width:700px; height:132px;}
	.private_img{ float:left; width:212px; height:auto; overflow:hidden;}
	.private_img img{ height:131px; width:auto;}
	.private_mid{ float:left; width:350px; height:auto; overflow:hidden;}
	.private_1{ width:100%; font-size:24px; height:33px; line-height:33px; padding-top:40px;} 
	.private_2{ width:100%; font-size:13px; height:23px; line-height:23px;}
	
	.private_more{ float:right; height:auto; margin-top:52px;}
	.private_more a{ display:block; font-size:11px;  width:86px; height:25px; line-height:25px;}  
	
	.counter{ width:100%; height:auto; overflow:hidden; position:relative;}
	.counter_bg{ position:absolute; left:-154px; width:234px; height:234px; top:107px;} 
	
	
	
	.counter_list{ margin:auto; width:699px; height:auto; overflow:hidden; margin-top:22px; position:relative; z-index:1;}
	.counter_list ul li{ float:left; width:233px; height:130px; }
	.counter_list ul li:hover .counter_xian{ width:21px;}
	
	.counter_img img{ height:35px; width:auto;}
	.counter_tit{ font-size:14px; height:30px; line-height:30px;}
	.counter_xian{ margin:auto; width:21px; height:2px; }
	.counter_con{ margin:auto; text-align:center; font-size:12px; line-height:18px; height:36px; overflow:hidden; width:165px; margin-top:13px;}
	
	.intellect_kong{ width:100%; height:16px; overflow:hidden;}
	
	.zhi{ width:700px; height:0;}
	.zhi_1{ width:100%; font-size:40px; line-height:44px; padding-top:105px; opacity:1;}
	.zhi_2{ width:100%; font-size:19px; line-height:35px; opacity:1;}
	.zhi .cheng_3{ margin-top:11px; opacity:1;}
	
	.zhi_con{ position:absolute; bottom:0; right:0; width:100%; height:393px;}
	.neng{ width:584px; height:100%; position: relative; margin:auto;}
	.neng_1{ position:absolute; width:400px; height:244px; left:83px;}
	.neng_1 img{ width:400px; height:244px;}
	
	.neng_2{ position:absolute; width:584px; height:359px; left:0px; top:0px;}
	.neng_2 img{ width:584px; height:359px;}

	
	/*响应式网站*/
	.ying{ display: none}
	.ying_1{ width:100%; font-size:40px; height:55px; line-height:55px; padding-top:140px;}
	.ying_2{ width:100%; font-size:14px; height:40px; line-height:40px;}
	.ying .cheng_3{ margin-top:22px;}
	
	.ying_right{ width:420px; height:310px; bottom:45px;}
	.zhan{ width:100%; height:100%; position:relative;}
	.zhan_1{ width:297px; height:219px; position:absolute;  top:0; right:0; opacity:1;}
	.zhan_1 img{ width:297px; height:219px;}
	
	.zhan_2{ width:215px; height:164px; position:absolute;  bottom:8px; left:0; opacity:1;}
	.zhan_2 img{ width:215px; height:164px;}
	
	.zhan_3{ width:51px; height:185px; position:absolute;  bottom:0; right:40px; opacity:1;}
	.zhan_3 img{ width:51px; height:185px;}

	.answer_tit{ width:700px; height:50px; padding-top:21px;}
	.answer_tit_1{ font-size:20px; height:50px; line-height:50px;}
	.answer_tit_2{ font-size:70px; line-height:50px;}
	.answer_tit_3{ width:14px; height:14px; top:17px; left:176px;}
	
	.answer_tit_4{ width:14px; height:14px; bottom:-8px; right:174px;}
	
	.answer_tit_5{ width:7px; height:7px; position:absolute;  left:-7px; top:-7px;}
	
	
	@keyframes moveX{
	 0% {left: -7px;} 100% {left: 14px;}
	}
	@keyframes moveY{
		0% {top: -7px;} 100% {top: 14px;}
	}

	
	.answer_list{ width:700px; height:auto; margin:auto; padding-top:20px;}
	.answer_list ul li{ float:left; width:58px; height:112px; list-style:none; margin-right:70px;}
	.answer_list ul li:nth-child(6n){ margin-right:0px;}
	.answer_list ul li:nth-child(5) .answer_1{ width:75px; margin-left:-8px;}
	.answer_list ul li:nth-child(8) .answer_1{ width:75px; margin-left:-8px;}
	.answer_list ul li:nth-child(9) .answer_1{ width:75px; margin-left:-8px;}
	
	.answer_img{ width:58px; height:58px; }
	.answer_img img{ width:58px; height:58px;}
	.answer_1{ font-size:12px; height:25px; line-height:25px; width:75px; margin-left:-8px;} 


	.adapter{ padding-bottom:35px;}
	.adapter_come{ font-size:12px; line-height:21px;}
	.adapter_img{ width:700px; height:auto; overflow:hidden; margin:auto; margin-top:32px; padding-bottom:30px;}


	.adapter_list{ width:700px; height:auto; margin:auto; margin-top:27px;}
	.adapter_list ul li{ float:left; width:223px; height:195px; margin-right:15px; margin-bottom:15px;}
	
	.adapter_list ul li:hover .adapter_kong{ height:20px;}
	.adapter_list ul li:hover .adapter_tu{ border-radius:45px;}
	
	.adapter_kong{ width:100%; height:20px;}
	.adapter_tu{ width:72px; height:72px;}
	.adapter_tu img{ width:72px; height:72px;}
	.adapter_1{ font-size:14px; height:25px; line-height:25px; margin-top:5px;}
	.adapter_2{ font-size:12px; line-height:18px; height:54px; overflow:hidden; width:185px;}

	.hazard{ width:700px; height:133px;}
	.hazard_1{ font-size:20px; height:25px; line-height:25px; padding-top:29px;}
	.hazard_2{ font-size:14px; height:20px; line-height:20px;}
	.hazard_3{ width:100%; height:25px; margin-top:9px;}
	.hazard_3 a{ display:block; margin:auto; font-size:12px; width:87px; height:25px; line-height:25px;}



	.plan{ width:100%; height:auto; overflow:hidden; background:url(../image/answer_59.png) no-repeat center 59px;background-size:cover; padding-top:30px;}
	.plan_list{ width:700px; height:auto; margin:auto; margin-top:24px; }
	.plan_list ul li{ float: left; width:223px; height:194px; margin-right:15px;}
	
	.plan_list ul li:hover .plan_img{ width:72px; height:72px;}
	.plan_list ul li:hover .plan_img img{ width:72px; height:72px;}
	
	.plan_kong{ width:100%; height:20px;}
	.plan_img{ width:72px; height:72px; }
	.plan_img img{ width:72px; height:72px;}
	
	.plan_1{ width:100%; text-align:center; font-size:16px; height:38px; line-height:38px;}
	.plan_2{margin:auto; text-align:center; font-size:12px; line-height:18px; width:175px; height:36px; overflow:hidden;}

	.answer_jian{ width:100%; height:30px; overflow:hidden;}

	/*关于*/
	.decide{ margin-top:55px; padding-bottom:78px;}
	.decide_img img{ height:53px; width:auto;}
	
	.decide_1{ width:100%; height:auto; overflow:hidden; font-size:26px; line-height:30px; margin-top:19px;}
	.decide_2{ width:630px; font-size:12px; line-height:18px; margin-top:27px;}


	.original{ width:100%; height:484px;}
	.original_all{ width:700px;}
	.original_img{ width:525px; height:360px;}
	.original_img img{ width:525px; height:360px;}
	.original_shu{ bottom:-82px; font-size:180px;}
	.original_con{ position:absolute; width:300px; bottom:0; height:370px;}
	.original_1{ margin:auto;  width:245px; height:28px;  padding-top:29px;}
	.original_1 span{ display:inline-block;height:28px; line-height:28px;font-size:14px; background-size:20px; padding-left:32px;}
	
	.original_2{ margin:auto;  width:245px; height:40px; line-height:40px; margin-top:20px; font-size:34px;}
	.original_3{ margin:auto;  width:245px; height:38px; line-height:38px; font-size:34px;}
	.original_4{ margin: auto; width:245px; height:75px; font-size:12px; line-height:18px; margin-top:38px;} 
	
	.original_5{ margin:auto; width:245px; margin-top:60px;}
	.original_5 a{ display:block; width:105px; height:33px; line-height:33px;}
	.original_5 span{ display:inline-block; background-size:11px; font-size:12px; padding-right:18px;}
	
	.original_bg{ height:252px;}
	.original_zi{ position:absolute; top:47px; right:-67px; font-size:175px;}

	.originality{ width:100%; height:537px; position:relative; margin-top:91px;}
	.originality_all{ width:700px;}
	.originality_con{ width:316px; height:408px; margin-left:293px;}
	.originality_shu{position:absolute; top:-85px; right:-18px; font-size:180px;}
	.originality .original_1{ padding-top:117px;}
	.originality .original_1 span{ background-size:11px;}
	
	
	.originality_img{ position:absolute; right:0; bottom:35px; height:311px; z-index:1;}
	.originality_bai{  height:81px; width:210px;}
	
	.originality_bg{ height:265px;}


	.guarantee{ width:100%; height:573px; margin-top:85px;}
	.guarantee_all{ width:700px; height:573px;}
	.guarantee_img{ width:474px; height:360px;}
	.guarantee_img img{ width:474px; height:360px;}
	
	.guarantee_con{ width:50%; height:213px;}
	.guarantee_con .original_4{ width:290px; margin-top:0; padding-top:27px; height:auto;}
	.guarantee_con .original_5{ width:290px;}

	.guarantee_you{ width:158px;}
	.guarantee_you .original_1{ padding-top:25px;}
	
	
	.guarantee_tu{ width:50%; height:215px; bottom:167px;}
	.htmleaf-content{ width:100%; height:100%; position:relative; overflow:hidden;}
	canvas { position: absolute; top:-140px; left: -10%; width:120%;}

	.guarantee_shu{ width:50%; right:-7px; bottom:-70px; font-size:180px;}

	.guarantee_bg{ height:358px;}
	.guarantee_bg1{ height:168px;}


	.free{ width:100%; height:635px; margin-top:50px;}
	.free_all{ width:700px; height:600px; margin-top:35px;}
	.free_img{ width:525px; height:474px;}
	.free_img img{ width:525px; height:474px;}

	.free_con{ height:450px;}
	.free_con .originality_shu{ color:#000; top: -72px; right:7px;}
	.free_con .original_1{ width:285px; padding-top:71px;}
	.free_con .original_2{ width:285px;}
	.free_con .original_3{ width:285px;}
	.free_con .original_4{ width:285px;}
	.free_con .original_5{ width:285px;}

	.free_quan{ position:absolute; top:0; left:15px; width:89px; height:89px; border:96px solid #283fe7;}
	.free_bg{ height:359px;}
	.free_bg1{ position:absolute; right:-551px; bottom:14px; height:677px; width:677px;}

	
	.strength{ width:700px; margin-top:35px; padding-bottom:72px;}
	
	.strength_con{ width:100%; height:65px; margin-top:35px;}
	
	.strength_1{ font-size:70px; height:65px; line-height:65px;}
	.strength_1_1{ font-size:12px; right:-40px; bottom:5px;}
	
	.strength_mid{ width:auto; height:65px;}
	.strength_right{ position:absolute; right:14px; top:0;}


	.client{ width:100%; height:591px; position:relative;}
	.client_all{ width:700px;}
	.client_shu{width:100%; left:-7px; top:-70px; font-size:180px;}
	.client .original_1{ padding-top:78px;}
	.client .original_1 span{background-size:11px;}
	
	.client_img img{ height:560px; width:auto;}
	.client_bg{ width:100%; height:403px;}

	
	.contact{ width:100%; height:299px; margin-top:72px;}
	.contact_all{ width:700px;}
	.contact_map{ position:absolute; left:0; top:0; width:50%; height:299px; overflow:hidden;}
	.contact_map img{ height:299px; width:auto;} 


	.contact_all .original_1 {  padding-top: 81px;}

	.test{ width:700px; height:286px; margin:auto; margin-bottom:60px;}
	.test_left{ margin-top:67px;}
	.test_left .test_1:nth-child(2) .test_text{ background:url(../image/about_46.png) no-repeat 9px; background-size:15px;}
	.test_left .test_1:nth-child(3) .test_text{ background:url(../image/about_53.png) no-repeat 9px; background-size:15px;}
	.test_left .test_1:nth-child(4) .test_text{ background:url(../image/about_58.png) no-repeat 9px; background-size:15px;}
	
	
	.test_1{ width:258px; height:32px; position:relative; margin-bottom:11px;}
	.test_text{  width:225px; height:30px; line-height:30px; border:1px solid #eee; background:url(../image/about_41.png) no-repeat 9px; background-size:15px; padding-left:31px; }
	.test_text::-webkit-input-placeholder { font-size:12px;}
	.test_text:focus { border:1px solid #283fe7;}
	
	.test_1 a{ position:absolute; right:0; font-size:12px; width:80px; height:16px; line-height:16px; top:7px;}
	
	.test_2{ width:100%; height:auto; overflow:hidden; margin-top:27px;}
	.test_2 a{ display:block; width:105px; height:33px; line-height:33px; }
	.test_2 span{ display:inline-block; background-size:11px; font-size:12px; padding-right:18px;}
	
	
	.test_list{ margin:auto; width:240px; padding-top:62px;}
	.test_list ul li{ width:100%; height:55px; list-style:none;}
	.test_list ul li:nth-child(2) span{ background-size:28px;}
	.test_list ul li:nth-child(3) span{ background-size:28px;}
	.test_list ul li span{ display:inline-block; background-size:28px; height:55px; line-height:55px; font-size:14px; padding-left:40px;}

	/*关于底部*/
	.dier{ width:100%; height: auto; overflow:hidden; border-top:1px solid rgba(0,0,0,0.1);}
	.di{ width:700px; height: auto; margin:auto; padding-top:30px; padding-bottom:20px;}
	.di_left{ float:none; width:100%; text-align:center; height: auto; overflow:hidden;}
	.di_1{ font-size:30px; height:30px; line-height:30px; width:100%;}
	.di_2{ width:100%; height:45px;}
	.di_tel{ float:none; display:inline-block; height:45px; line-height:45px; font-size:16px; color:#000; background:url(../image/1_14.png) no-repeat left; padding-left:25px;}
	.di_tel span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} 
	.di_ding{float:none; display:inline-block; height:40px; line-height:40px; font-size:14px; color:#000; background:url(../image/1_11.png) no-repeat left; padding-left:21px; margin-left:40px;}
	.di_ding span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}
	
	.di_3{ width:100%; font-size:12px; color:#000; opacity:0.5; height:18px; line-height:18px;}
	
	.di_right{ float:right; display:none;}


	/*案例*/
	.banner{ width:100%; height:223px;}
	.banner_1{ font-size:45px; height:43px; line-height:43px; padding-top:93px;}
	.banner_2{ font-size:24px; height:33px; line-height:33px; margin-top:-5px;}
	
	.case{ width:100%; height:auto; overflow:hidden; padding-top:50px; padding-bottom:35px;}
	.case_list{ width:700px; height:auto; margin:auto;}
	.case_list ul li{ float:left; width:223px; height:205px; list-style:none; margin-right:15px; margin-bottom:15px;}
	.case_list ul li:nth-child(3n){ margin-right:0px;}
	.case_list ul li a{ display:block; width:100%; height:100%;}
	
	.case_tit{ margin:auto; font-size:14px; width:200px; height:23px; line-height:23px; overflow:hidden; margin-top:13px; background-size:16px;}
	
	.case_kuan{ width:39px; height:2px; left:12px; top:130px;}
	.case_zi{ position:absolute; font-size:14px; width:195px; height:23px; line-height:23px; overflow:hidden; left:12px; top:150px; background-size:16px;}

	/*案例详情*/
	.main{ margin-bottom:56px;}
	.main_bg{ position:absolute; top:0; width:100%; height:60vh;}
	.detail{ width:700px; height:auto; overflow:hidden; margin:auto; position:relative; z-index:1; padding-top:200px;}
	.detail_left{ float:none; width:100%; height:auto; overflow:hidden;}
	.detail_name{ width:100%; font-size:14px; line-height:14px;}
	.detail_tit{ font-size:18px; line-height:22px; margin-top:11px;}
	.detail_qi{ width:100%; font-size:12px; line-height:20px; padding-top:8px; padding-bottom:10px;}
	.detail_qi span{ padding:0px 8px;}
	.detail_wang{ width:100%; height:47px; margin-top:25px;}
	.detail_wang span{ display:inline-block; background-size:34px; height:34px; line-height:34px; font-size:14px; padding-left:44px;}
	.detail_dian{ width:100%; height:34px; margin-top:15px;}
	.detail_1{ float: left; height:34px; background-size:34px; padding-left:44px; font-size:14px; color:#fff; line-height:34px;}
	.detail_2{ float:right; height:34px; font-size:14px; color:#fff; line-height:34px;}
	
	.detail_next{ width:100%; height:45px; margin-top:40px;}
	.detail_next a{ display:inline-block; width:45px; height:45px; margin-right:8px;}
	.detail_next img{ width:45px; height:45px;}
	
	.detail_right{ float:none; width:100%; height:auto; overflow:hidden; margin-top:30px;}
	.detail_img{ width:100%; height:auto; overflow:hidden;}
	.detail_img img{ max-width:100%; height:auto;}

/*新闻中心*/
.press{ width:700px; margin:auto; height:auto;}
.press ul li{ float:left; width:225px; height:143px; list-style:none; margin-right:12px; margin-bottom:12px;}
.press ul li:nth-child(3n){ margin-right:0px;}
.press ul li a{ display:block; width:100%; height:121px; padding-top:22px;}



	/*新闻详情*/
	.xiang{ width:700px; height:auto; overflow:hidden; margin:auto; position:relative; z-index:1; margin-top:-300px; padding-bottom:50px;}
	.xiang_time{ width:100%; height:30px;}
	.xiang_time span{ display:inline-block; background-size:16px; font-size:12px; height:30px; line-height:30px; padding-left:26px;}
	.xiang_tit{ width:100%; height:auto; overflow:hidden; font-size:24px; line-height:32px; margin-top:5px;}
	.xiang_xin{ width:100%; font-size:12px; height:35px; line-height:35px;}
	.xiang_xin span{ padding:0px 10px;}
	.xiang_zan{ width:100%; height:45px; margin-top:20px;}
	.xiang_zan .detail_dian{ width:260px; float:left; margin-top:6px;}
	.xiang_zan .detail_next{ float:right; width:auto; height:45px; margin-top:0px;}
	
	.xiang_all{ width:100%; height:auto; overflow:hidden; background-color:#fff; margin-top:28px; padding-top:40px; border-radius:4px;}
	.xiang_con{ width:94%; height:auto; overflow:hidden; margin: auto; font-size:14px;  line-height:24px; padding-bottom:30px;}
	.xiang_con img{ max-width:100%; height:auto;}
	.xiang_xian{ width:100%; height:1px; background-color:#f6f6f6;}
	
	
	.detail_link{ width:100%; height:45px; overflow:hidden; text-align:center; margin-top:25px;}
	.detail_link a{ display:inline-block; width:45px; height:45px; margin:0px 5px;}
	.detail_link img{ width:45px; height:45px;}

	/*公众号开发*/
	.gong{ width:700px;}
	.gong .cheng_1{ padding-top:102px;}
	.gong_tu{ position:absolute; right:0; bottom:-3px;}
	.gong_tu img{ height:402px; width:auto;}


	.public{ width:100%; height:498px; position:relative;}
	.public_tit{ width:700px; height:60px; font-size:25px; line-height:30px; padding-top:40px;}
	.public_tit_1{ position:absolute; left:0; bottom:2px; width:105px; height:6px;}
	
	.public_all{ width:700px; height: auto; margin:auto; margin-top:-60px; position:relative; z-index:1}
	.public_mune{ float: left; height: auto; width:297px; margin-top:92px;}
	
	.public_mune a:hover .public_zi span{ background-size:25px; padding-left:40px;}
	.public_mune a:hover .public_bei{opacity:1; width:277px;}
	
	.public_mune a.public_mune_a .public_zi span{  background-size:25px; padding-left:40px;}
	.public_mune a.public_mune_a .public_bei{ opacity:1; width:277px;}
	
	.public_zi{ width:100%; height:100%; position:relative; z-index:1;}
	.public_zi span{ display:inline-block; font-size:12px;  height:40px; line-height:40px;}
	.public_bei{ width:0px; height:40px; border-right:3px solid #2bd2a4;}


	.public_list{ float:right; width:315px; height:auto;}
	.public_list ul li{ float:left; width:149px; height:182px; margin-right:17px; margin-bottom:17px; margin-top:60px;}
	.public_list ul li:nth-child(4){ margin-top:-60px;}
	
	.public_list ul li:hover .public_img{ margin-top:23px;}
	.public_list ul li:hover .public_img_1{ margin-top:-46px;}
	
	.public_list ul li.public_list_li .public_img{ margin-top:23px;}
	.public_list ul li.public_list_li .public_img_1{ margin-top:-46px;}
	
	
	.public_img{ margin:auto; margin-top:23px; width:115px; height:46px;}
	.public_img img{ height:46px; width:auto;}
	.public_img_1{ width:100%; height:46px;}
	
	.public_1{ margin:auto; width:115px; font-size:14px; height:30px; line-height:30px; margin-top:6px;}
	.public_2{ margin:auto; width:115px; height:54px; overflow:hidden; font-size:12px; line-height:18px;}
	
	.public_bg{ width:167px; height:167px; border:21px solid #2e4c9f; bottom:-45px; left:-120px;}
	.public_bg1{ width:128px; height:118px; bottom:8px; right:20px;}
	
	
	.reason{ width:100%; height:715px; overflow:hidden; position:relative;}
	.reason_all{ width:700px;}
	.reason_left{ float:left; width:220px; height:203px; margin-top:162px;}
	.reason_left a{ display:block; width:100%; height:203px; }
	
	
	.reason_left a:hover .reason_kong{ height:30px;}
	.reason_left a:hover .reason_img_1{ margin-top:-46px;}
	
	.reason_kong{ width:100%; overflow:hidden; height:30px;}
	.reason_img{ margin:auto; width:165px; height:46px; overflow:hidden;}
	.reason_img img{ height:46px; width:auto;}
	.reason_img_1{ width:100%; height:46px;}
	
	.reason_1{ margin:auto; width:165px; font-size:14px; height:30px; line-height:30px; margin-top:7px;}
	.reason_2{ margin:auto; width:165px; height:54px; overflow:hidden; font-size:12px; line-height:18px; margin-top:6px;}
	
	
	.reason_mid{ float:left; width:220px; height: auto; margin-top:54px; margin-left:20px;}
	.reason_mid a{ display:block; width:100%; height:203px; margin-bottom:20px;}
	
	.reason_mid a:hover .reason_kong{ height:30px;}
	.reason_mid a:hover .reason_img_1{ margin-top:-46px;}
	
	.reason_right{ float:right; width:220px; height: auto; margin-top:-60px;}
	.reason_right a{ display:block; width:100%; height:203px; margin-bottom:20px;}
	
	.reason_right a:hover .reason_kong{ height:30px;}
	.reason_right a:hover .reason_img_1{ margin-top:-46px;}
	
	.reason_bg{ width:128px; height:118px; bottom:181px; left:48px;}
	.reason_bg1{ width:548px; height:460px; background-size:cover;}



	.account_all{ margin:auto; width:700px; margin-top:30px; padding-top:16px;}
	.account_list{ margin:auto; width:670px; height:auto; overflow:hidden;}
	.account_list ul li{ float:left; width:155px; height:85px; margin-right:16px; margin-bottom:16px;}
	
	.account_list ul li:hover .account_img{ background:url(../image/public_531.png) no-repeat center; background-size:cover;}
	.account_list ul li:hover .account_img_1{ margin-left:-36px;}
	
	.account_tu{ margin:auto; height: auto; width:110px; overflow:hidden; padding-top:16px;}
	.account_img{ float:left; width:36px; height:36px;}
	.account_img_1{ width:72px;}
	.account_img_1 img{ float:left; width:36px; height:36px;}
	.account_tit{ margin:auto; width:110px; font-size:14px; height:25px; line-height:25px;}

	.account_bg{ width:492px; height:492px; top:-35px; right:-284px;}


	.complete_list{ width:700px; margin-top:24px; position:relative; z-index:1;}
	.complete_list ul li{ float:left; width:165px; height:239px; margin-right:13px;}
	
	.complete_list ul li:hover .complete_img{ padding-top:21px;}
	.complete_list ul li:hover .complete_img img{ height:108px;}
	
	.complete_img{ padding-top:21px;}
	.complete_img img{ height:108px; width:auto;}
	
	.complete_1{font-size:14px; height:26px; line-height:26px; margin-top:16px;}
	.complete_2{ margin:auto; text-align:center; font-size:12px; line-height:18px; height:36px; overflow:hidden; width:115px;}
	
	.complete_bg{width:192px; height:192px; bottom:-145px; left:-147px;}

	/*电商平台*/
	.dian{ width:700px; height:100%; margin: auto; position:relative;}
	.dian .cheng_1{ padding-top:105px;}
	.dian_tu{ position:absolute; height: auto; right:-16px; top:175px;}
	.dian_tu img{ height:325px; width:auto;}
	

	.online_tit{ width:700px; height:50px; position:relative; padding-top:50px;}
	.online_tit_1{ width:100%; text-align:center; font-size:18px; height:50px; line-height:50px;}
	.online_tit_2{ width:100%; text-align:center; font-size:70px; line-height:50px;}
	
	.online_list{ width:700px; height:auto; margin:auto; margin-top:23px;}
	.online_list ul li{ float:left; width:166px; height:174px; margin-right:12px; margin-bottom:12px;}
	.online_list ul li:hover .online_tu{ padding-top:25px;}
	
	.online_tu{ margin:auto; width:140px; padding-top:25px;}
	.online_img{ width:52px; height:52px;}
	.online_img img{ width:52px; height:52px;}
	.online_img_1{ width:100%; height:74px;}
	
	.online_1{ margin:auto; width:140px; font-size:14px; height:26px; line-height:26px; margin-top:8px;}
	.online_2{ margin:auto; width:140px; font-size:12px; line-height:18px; height:36px; overflow:hidden;}
	
	
	.provide{ width:100%; height:446px; position:relative;}
	.provide_all{ width:700px; margin-top:38px;}
	.provide_list{ float:right; width:360px; height:auto; overflow:hidden;}
	.provide_list ul li{ float:left; width:65px; height:57px; padding-top:8px; list-style:none; margin-right:33px; margin-bottom:33px;}
	
	.provide_quan{ width:7px; height:7px;}
	.provide_zi{ font-size:13px; height:38px; line-height:38px;}
	.provide_bg{ width:340px; height:280px;}
	
	.supply{ padding-bottom:30px;}
	.supply_list{ width:700px; height:auto; margin:auto; margin-top:28px;}
	.supply_list ul li{ float:left; width:327px; height:65px; list-style:none; margin-right:46px; margin-bottom:22px;}
	.supply_list ul li:nth-child(5) .supply_1{ padding-top:11px;}
	
	.supply_img{ float:right;width:65px; height:65px;}
	.supply_img img{width:65px; height:65px;}
	
	.supply_right{ float:left; width:243px; height:65px;}
	.supply_1{ margin:auto; font-size:14px; width:220px; height:20px; line-height:20px; padding-top:16px;}
	.supply_2{ margin:auto; font-size:12px; width:220px; height:19px; line-height:19px; overflow:hidden;}
	
	.achieve{ padding-bottom:50px;}
	.achieve_all{ margin: auto; margin-top:21px; background-size:100% auto; width:760px; height:245px;}
	.achieve_list{ width:700px; height:245px; margin:auto;}
	.achieve_list ul li{ float:left; width:210px; height:210px; list-style:none; margin-right:35px;}
	.achieve_list ul li:nth-child(2){ margin-top:35px;}
	.achieve_list ul li:hover .achieve_1{ margin-top:27px;}
	
	.achieve_1{ margin-top:27px;}
	.achieve_1 img{ width:65px; height:65px;}
	.achieve_2{ margin:auto; width:170px; font-size:14px; height:20px; line-height:20px; overflow:hidden; margin-top:8px;}
	.achieve_3{ margin:auto; width:170px; font-size:12px; line-height:18px; height:54px; overflow:hidden; margin-top:8px;}
	
	.suit{ width:100%; height:auto; overflow:hidden;}
	.suit_list{ margin:auto; width:700px; height:auto; overflow:hidden; margin-top:20px;}
	.suit_list ul li{ float:left; width:57px; height:83px; list-style:none; margin-right:83px;}
	.suit_list ul li:nth-child(n+6){ margin-right:0px; margin-left:83px;}
	.suit_list ul li:hover .suit_img_1{ margin-top:-57px;}
	
	.suit_img{ width:57px; height:57px;}
	.suit_img img{ width:57px; height:57px;}
	.suit_img_1{ width:100%; height:57px;}
	.suit_tit{ width:100%; text-align:center; height:26px; line-height:26px; font-size:12px;}

	/*小程序开发*/
	.n_big_bg{ width:100%; height:77px; bottom:-36px;transform: skewY(5deg);}
	
	.cheng{ width:700px; height:auto; min-height:280px; margin:auto; padding-top:150px;}
	.cheng_left{ float:left; width:315px; height:100%;}
	.cheng_1{ width:100%; font-size:40px; line-height:44px; margin-top: -8px;}
	
	.cheng_2{ width:100%; font-size:14px; line-height: 33px;}
	.cheng_3{ width:100%; height:24px; margin-top:38px;}
	.cheng_3 a{ display:inline-block; font-size:12px; width:87px; height:24px; line-height:24px; margin-right:8px;}
	
	
	.cheng_right{ float:right; width:377px; height:369px; position:relative;}
	.cheng_tu{ width:377px; height:369px; position:absolute; bottom:0px; left:0;}
	.cheng_tu img{ width:377px; height:369px;}

	.sequence{  padding-bottom:100px;}
	.sequence_tit{ width:100%; font-size:24px; padding-top:45px;}
	.sequence_come{ width:100%; font-size:12px; height:20px; line-height:20px;}
	.sequence_list{ margin:auto; width:700px; margin-top:54px;}
	.sequence_list ul li{ float:left; width:25%; height:166px; list-style:none;}
	.sequence_list ul li:hover .sequence_img img{ height:67px;}
	
	.sequence_img img{ height:67px; width:auto;}
	.sequence_1{ width:100%; font-size:14px; height:40px; line-height:40px;}
	.sequence_2{ margin:auto; width:140px; font-size:12px; height:36px; overflow:hidden; line-height:18px;}


	.course{ width:100%; height:410px; position:relative;}
	.course_img{ width:700px; margin:auto; height:288px; overflow:hidden; position:relative; z-index:1; margin-top:26px;}
	.course_quan{ width:100%; height:220px; padding-top:22px; opacity:1;}
	.course_quan span{ display:block; width:220px; height:220px;}
	
	
	.course_tu{ width:100%; height:288px; opacity:1;} 
	.course_tu img{ height:288px; width:auto;}
	.course_1{opacity:1; left:0px; top:0; width:203px; height:41px;}
	.course_1:hover{ left:0px;}
	.course_1_1{ float:left; font-size:13px; width:175px; height:41px; line-height:41px;} 
	.course_1_2{ float:left; width:20px; height:41px; line-height:48px; margin-left:8px;}
	.course_1_2 img{ width:20px; height:auto;}
	
	.course_2{ opacity:1; left:0px; top:52px; width:203px; height:41px;}
	.course_2:hover{ left:0px;}
	.course_3{ opacity:1; left:0px; top:103px; width:203px; height:41px;}
	.course_3:hover{ left:0px;}
	.course_4{ opacity:1; left:0px; top:153px; width:203px; height:41px;}
	.course_4:hover{ left:0px;}
	.course_5{ opacity:1; left:0px; bottom:41px; width:203px; height:41px;}
	.course_5:hover{ left:0px;}
	
	
	.course_6{ opacity:1; right:0px; top:0; width:203px; height:41px;}
	.course_6 .course_1_2{ margin-left:0px; margin-right:8px;}
	
	.course_7{ opacity:1; right:0px; top:52px; width:203px; height:41px;}
	.course_7:hover{ right:0px;}
	.course_7 .course_1_2{ margin-left:0px; margin-right:8px;}
	
	
	.course_8{ opacity:1; right:0px; top:103px; width:203px; height:41px;}
	.course_8:hover{ right:0px;}
	.course_8 .course_1_2{ margin-left:0px; margin-right:8px;}
	
	.course_9{ opacity:1; right:0px; top:153px; width:203px; height:41px;}
	.course_9:hover{ right:0px;}
	.course_9 .course_1_2{ margin-left:0px; margin-right:8px;}
	
	.course_10{ opacity:1; right:0px; bottom:41px; width:203px; height:41px;}
	.course_10:hover{ right:0px;}
	.course_10 .course_1_2{ margin-left:0px; margin-right:8px;}
	
	.course_bg{ height:410px;}


	.six_list{ width:699px; height:auto; margin:auto; margin-top:23px;}
	.six_list ul li{ float:left; width:233px; height:178px; }
	.six_list ul li:hover .six_img{ padding-top:31px;}
	
	.six_img{  padding-top:31px;}
	.six_img img{ height:42px;}
	.six_1{width:100%; font-size:14px; height:28px; line-height:28px; margin-top:11px;}
	.six_2{ margin:auto; width:170px; font-size:12px; height:54px; overflow:hidden; line-height:18px; margin-top:6px;}

	.realize{ width:100%; height:400px; position:relative;}
	
	.realize_list{ margin:auto; width:700px; margin-top:24px;}
	.realize_list ul li{ float:left; width:167px; height:75px; margin-right:10px; margin-bottom:10px;}
	
	.realize_list ul li:hover .realize_img{ width:53px;}
	.realize_list ul li:hover .realize_right{ width:105px;}
	
	.realize_img{ float:left; width:53px;}
	.realize_img img{ height:26px; width:auto; padding-top:24px;}
	.realize_right{ float:right; height:75px; line-height:75px; font-size:14px; width:105px;} 
	
	/*APP开发*/
	.n_big{ width:100%; height:200px;}
	.app{ width:700px; height:auto; margin:auto; padding-top:70px;}
	.app_left{ float:left; width:50%; height:100%;}
	.app_1{ width:100%; font-size:40px; line-height:40px; padding-top:74px;}
	.app_2{ width:100%; font-size:14px; line-height:33px;}
	
	.app_right{ float:right; width:340px; height:381px; position:relative;}
	.app_right img{ width:340px; height:381px;}

	.develop_tit{ font-size:20px; line-height:20px; padding-top:50px;}
	.develop_xian{ margin:auto; width:27px; height:4px; margin-top:12px;}
	.develop_list{ width:700px; height: auto; margin:auto; margin-top:15px;} 
	.develop_list ul li{ float:left; width:167px; height:150px; margin-right:10px; margin-bottom:10px;}
	.develop_list ul li:hover .develop_img{ padding-top:20px;}
	
	.develop_img{ margin:auto; width:130px; height:auto; overflow:hidden; padding-top:22px;}
	.develop_img img{ height:43px; width:auto;}
	.develop_1{ margin:auto; width:130px; font-size:14px; height:27px; line-height:27px;}
	.develop_2{ margin:auto; font-size:12px; line-height:18px; width:130px; height:36px;}
	
	.exploit_list{ width:700px; height:auto; overflow:hidden; margin:auto; margin-top:16px;}
	.exploit_list ul li{ float:left; width:111px; height:266px; list-style:none; margin-right:6px;}
	.exploit_list ul li:nth-child(2n) .exploit_con{ margin-top:60px;}
	.exploit_list ul li:nth-child(2n) .exploit_san{ background-size:auto 100%;}
	.exploit_list ul li:hover .exploit_1{ padding-top:22px;}
	
	.exploit_con{ width:111px; height:156px;}
	.exploit_1{ width:100%; height:37px; padding-top:22px;}
	.exploit_1 img{ height:37px; width:auto;}
	.exploit_1_1{ width:24px; height:24px; bottom:-6px; right:38px;}
	.exploit_2{ font-size:14px; height:36px; line-height:36px; margin-top:7px;}
	.exploit_3{ margin:auto; font-size:12px; line-height:18px; width:95px; height:36px; overflow:hidden;}
	.exploit_san{ width:100%; background-size:auto 100%; height:15px;}
	.exploit_shu{ font-size:18px; height:20px; line-height:20px; margin-top:6px;}

	.exploit_li{ width:100%; height:76px; padding-top:22px; background-size:auto 100%; text-align:center;}
	.exploit_li_1{ width:100%; height:9px; text-align:center;}
	.exploit_li_1 img{ height:9px; width:auto;}
	.exploit_li_2{ width:100%; font-size:14px; height:45px; line-height:45px;}

	.life{ width:700px; height:auto; margin: auto; margin-top:18px;}
	.life ul li{ float:left; width:134px; height:130px; margin-right:7px; margin-bottom:7px;}
	.life ul li:nth-child(5n){ margin-right:0px;}
	
	.life_img{ width:100%; height:41px; padding-top:29px;}
	.life_img img{ height:41px; width:auto;}
	.life_img_1{ width:24px; height:24px; bottom:-6px; right:38px;}
	.life_tit{ width:100%; text-align:center; font-size:14px; height:45px; line-height:45px;}

	.exist{ width:700px; height:180px; margin:auto; margin-top:21px; background-size:100% auto; padding-bottom:57px;}
	.exist ul li{ float:left; list-style:none; width:25%; height:180px;}
	.exist ul li:nth-child(2n) .exist_zi{ margin-top:-4px;}
	.exist ul li:nth-child(2n) .exist_yuan{ margin-top:13px;}
	
	.exist_yuan{ width:107px; height:107px; margin-top:38px;}
	.exist_1{ padding-top:20px;}
	.exist_1 img{ height:41px; width:auto;}
	.exist_2{ font-size:14px; height:35px; line-height:35px;}
	.exist_zi{ font-size:12px; line-height:18px; width:145px; height:36px; margin-top:13px;}

	.showy{ display:none;}
		
	/*分页样式*/
	.page{ width:100%; margin:auto; height:40px; overflow:hidden; margin-top:20px;}
	.page_list a{display:inline-block;line-height:40px; height:40px; font-size:14px; margin:0px 5px;}


/*联系*/
.touch{ width:100%; height:100vh; position:relative;}
.touch_warp{ width:100%; height: auto;}
.touch_list{ width:700px; padding:25px 0px;}
.touch_list ul li{ float:left; width:150px; padding-left:25px; height:85px; list-style:none;}
.touch_img{ width:100%; height:35px;}
.touch_img img{ height:35px; width:auto;}
.touch_1{ width:100%; font-size:12px; height:18px; line-height:18px; margin-top:18px;}
.touch_2{ width:100%; font-size:16px; height:20px; line-height:20px;}
.touch_2a{ font-size:12px; }


.touch_di{ width:100%; position:absolute; height:25px; bottom:12px;}
.touch_typeright{ width:700px; height:25px; margin:auto;}
.touch_typeright_left{ float:left; font-size:12px; height:25px; line-height:25px;}
.touch_typeright a{color:rgba(255,255,255,0.5);}

.touch_typeright_right{ float:right; text-align:right; height:25px; line-height:25px; }

.touch_typeright_right a{ margin-left:5px;}


	
	
}


@media screen and (max-width:737px)and (min-width:300px){


	.news{ padding-top:60px; padding-bottom:15px;}
	.news_bg{ position:absolute; width:670px; height:670px; top:-512px;}
	.news_all{ margin:auto; position:relative; height:223px; width:98%;}
	.news_list{ width:100%; height:160px; position:relative; overflow:hidden; padding-top:28px;}
	
	.news_con{ margin:auto; width:96%; height:143px;-webkit-box-shadow: 0 0 7px rgb(31 44 111 / 8%);}
	.news_con a{ display:block; width:100%; height:120px; padding-top:23px;}
	
	
	.news_bian{ width:100%; height:2px;}
	.news_bian_1{ width:62px; height:2px;}
	.news_left{ float:left; width:22%; height:100px;}
	.news_1{ font-size:26px; width:80%; margin-top:-5px;}
	.news_2{ font-size:12px; width:80%; margin-top:-2px;}
	
	.news_right{ float:right; width:71%; height:auto; overflow:hidden;}
	.news_3{ font-size:14px; line-height:20px; height:40px; width:90%; margin-top:-2px;}
	.news_4{ font-size:12px; line-height:16px; height:32px; overflow:hidden; width:90%; margin-top:8px;}
	.news_5{ width:39px; height:21px; overflow:hidden; margin-top:14px;}
	.news_5 img{ width:39px; height:21px;}

	.news_bi{ width:100%; height:36px; position:relative;}
	.news-left{ float:left; width:37px; height:37px; margin-left:5px; line-height:37px; font-size:12px;}
	.news-right{ float:right; width:37px; height:37px; margin-right:5px; line-height:37px; font-size:12px;}
	
	.news_xian{ width:70%; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:19px;}
	.news_quan{ margin:auto; width:8px; height:8px; margin-top: -7px;}


	.journey_warp{ width:100%; height:160px; overflow:hidden;}
	.journey_bei{ background-size:cover; width:100px; height:47px; top:105px;}
	
	.journey_tu{ width:61px; height:88px; position:absolute; left:0; top:20px;}
	.journey_tu img{ width:61px; height:88px;}
	.journey_bg{ background-size:cover; width:120px; height:85px; bottom:5px; right:-35px;}
	
	.journey{ width:96%; height:160px;}
	.journey_1{ font-size:22px; height:38px; line-height:38px; padding-top:20px;}
	.journey_2{font-size:14px; height:24px; line-height:24px;}
	.journey_3{ width:100%; height:31px;  margin-top:14px;}
	.journey_3 a{ display:block; font-size:12px; width:102px; height:31px; line-height:31px;}
	
	.change_quan{ position:absolute; top:10px; z-index:0; width:100%; height:60px; display:none;}


	/*集团官网*/
	.place{ width:100%; height:380px; position:relative;}
	.place_bg{ width:80%; height:475px; top:-95px;}
	.place_tit{ font-size:18px; height:45px; line-height:45px; padding-top:20px;}
	
	.place_xian{ margin:auto; width:18px; height:2px;}
	.place_list{ width:96%; height:280px; overflow:hidden; margin-top:20px;}
	.place_list ul li{ float:left; width:50%; height:140px; list-style:none;}
	.place_list ul li:hover .place_img{ margin-top:0px;}
	
	.place_img{ width:100%; height:76px;}
	.place_img_1{ width:68px; height:60px; top:7px; background-size:cover;}
	.place_img_1 img{ height:33px; width:auto;}
	
	.place_beijing{width: 76px;  height: 76px; left:30%;}

	
	.place_1{ font-size:14px; height:18px; line-height:18px; margin-top:12px;}
	.place_2{ font-size:12px; height:18px; line-height:18px; overflow:hidden;}

	.idea{ width:96%;}
	.idea_come{ font-size:12px; height:30px; line-height:30px;}
	.idea_list{ width:100%; height:auto; overflow:hidden; margin-top:13px; padding-bottom:15px;}
	.idea_list ul li{ float:left; width:32%; height:170px; list-style:none; margin-right:2%;}
	.idea_list ul li:nth-child(3n){ margin-right:0px;}
	
	.idea_list ul li:nth-child(2) .idea_bg_2{ left:15px; top:5px;}
	.idea_list ul li:nth-child(3) .idea_bg_2{ left: inherit; right:13px; top:80px;}
	.idea_list ul li:nth-child(4) .idea_bg_2{ left:inherit; right:-5px;}
	.idea_list ul li:nth-child(5) .idea_bg_2{ left:inherit; right:15px; top:5px;}
	.idea_list ul li:nth-child(6) .idea_bg_2{ left:13px; top:80px;}
	
	
	.idea_shu{ width:100%; text-align:center; font-size:60px; line-height:43px;}
	.idea_quan{ width:96px; height:96px; margin:auto; margin-top:-18px; position:relative;}
	
	.idea_bg_1{ width:95px; height:95px;}
	.idea_bg_2{ width:10px; height:10px; top:42px; left: -5px; }
	.idea_quan img{ width:95px; height:95px;}
	.idea_tit{ font-size:14px; height:35px; line-height:35px;}


	.superior{ padding-bottom:30px;}
	.superior_list{ width:96%; height: auto; overflow:hidden; margin-top:20px;}
	.superior_list ul li{ float:left; width:32%; height:133px; position:relative; margin-right:2%; border-bottom:none; border-right:none;}
	.superior_list ul li:nth-child(3n){ margin-right:0px;}
	.superior_list ul li:hover .superior_nei{ opacity:0; top:0px;}
	.superior_img{ background-size:72px; width:72px; height:72px; padding-top:15px;}
	.superior_img img{ width:62px; height:auto; padding-top:6px;}
	.superior_wo{ font-size:14px; margin-top:10px;}
	
	.superior_bg{ border-radius:20px; display:none;}



	.danger{ width:100%; height:132px;}
	.danger_1{ font-size:14px; height:25px; line-height:25px; padding-top:28px;} 
	.danger_2{ font-size:12px; height:20px; line-height:20px;}
	.danger_3{ width:100%; height:25px; margin-top:9px;}
	.danger_3 a{ display:block; margin:auto; font-size:12px; width:86px; height:25px; line-height:25px;}  


	.aftermarket_list{ width:96%; margin:auto; margin-top:16px;}
	.aftermarket_list ul li{ float: left; width:32%; height:125px; overflow:hidden; padding-top:16px; margin-bottom:10px; margin-right:2%;}
	.aftermarket_list ul li:nth-child(2n){ margin-right:2%;}
	.aftermarket_list ul li:nth-child(3n){ margin-right:0px;}
	
	.aftermarket_list ul li:hover .aftermarket_img{ margin:auto;}
	.aftermarket_list ul li:hover .aftermarket_right{ margin-right: auto;}
	.aftermarket_list ul li:hover .aftermarket_1{ color:#2e4c9f;}
	
	.aftermarket_img{ float:none; width:48px; height:49px; margin-left: inherit; margin:auto;}
	.aftermarket_img img{ width:48px; height:49px; }
	.aftermarket_right{ float:none; width:90%; height:auto; overflow:hidden; margin-right: inherit; margin:auto; margin-top:5px;}
	.aftermarket_1{ width:100%; font-size:14px; height:20px; line-height:20px; overflow:hidden; text-align:center;}
	.aftermarket_2{ width:100%; font-size:12px; height:36px; line-height:18px; overflow:hidden; text-align:center;}


	.procedure_list{ width:96%; height: auto; overflow:hidden; margin:auto; background:none; margin-top:20px; padding-bottom:10px;}
	.procedure_list ul li{ float:left; list-style:none; width:32%; height:111px; list-style:none; margin-right:2%; margin-bottom:10px;}
	.procedure_list ul li:nth-child(2n){ padding-top:0px; height:111px;}
	.procedure_list ul li:nth-child(9){ margin-right:0px;}
	.procedure_list ul li:nth-child(3n){ margin-right:0px;}
	
	.procedure_img{ width:73px; height:73px; margin:auto;}
	.procedure_img img{ width:73px; height:73px;} 
	.procedure_tit{ width:100%; text-align:center; font-size:14px; height:38px; line-height:38px;}
	

	.example_bg{ height:207px;}
	
	.example_all{ margin:auto; position:relative; height: auto; width:98%; margin-top:20px;}
	.example_list{ width:100%; height:180px; position:relative; overflow:hidden;}
	
	.example_con{ width:100%; height:180px; margin:auto;}
	.example_con a:hover .example_tit span{ background-size:39px;}
	
	.example_img{ margin:auto;}
	.example_tit{ position: relative; right:0; width:96%; margin:auto; height:42px; bottom:0px;box-shadow: 0px 0px 5px rgb(0 0 0 / 8%);}
	.example_tit span {
    margin: auto;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    background-size: 39px;
    width: 73%;
    height: 42px;
    line-height: 42px;
}
	
	.example-left{ float:left; width:37px; height:37px; margin-left:5px; line-height:37px; font-size:12px;}
	.example-right{ float:right; width:37px; height:37px; margin-right:5px; line-height:37px; font-size:12px;}
	
	.newsa{ padding-top:0px; padding-bottom:35px;}	
	
	
	/*企业官网*/
	.understand_tit{ width:96%; font-size:18px; line-height:24px; text-align:center;}
	
	.understand_xian{ margin:auto; width:96%; margin-top:10px; overflow:hidden;}
	.understand_xian span{ display:block; width:35px; height:4px; margin:auto;}
	
	.understand_list{ width:96%; height: auto; overflow:hidden; margin:auto; margin-top:20px; border:none;}
	.understand_list ul li{ float:left; width:50%; height:125px; list-style:none; border-right:none; }
	.understand_list ul li:hover .understand_img{ padding-top: 10px;transform: rotateY(-180deg);}
	
	.understand_img{ width:100%; height:46px; text-align:center; padding-top:10px;}
	.understand_img img{ height:46px; width:auto;}
	
	.understand_1{ font-size:16px; height:23px; line-height:23px; margin-top:12px;}
	.understand_2{ font-size:12px; height:auto; line-height:18px;}


	.goodness{ width:100%; height:auto; margin-top:30px; position:relative;}
	.goodness_bg{ background-size:cover; width:357px; height:821px; top:-130px; z-index:0; display:none;}
	.goodness .understand_tit{ text-align: center;}
	.goodness .understand_xian span{ float: inherit;}
	
	.goodness_all{ width:96%; height: auto; overflow:hidden; margin:auto; position:relative; margin-top:20px;}
	.goodness_left{ float:left; width:240px; height:auto; overflow:hidden; display:none;}
	


	.goodness_list{ float:none; border:none; width:100%; height: auto; overflow:hidden;}
	.goodness_list ul li{ float:left; height:104px; border-bottom:none; border-right:none; width:32%; margin-right:2%;}
	.goodness_list ul li:nth-child(3n){ margin-right:0px;}
	.goodness_list ul li:hover .goodness_img_1{ margin-top:0px;}
	.goodness_list ul li:hover .goodness_tit_1{ margin-top:-33px;}
	.goodness_list ul li.goodness_list_li .goodness_img_1{ margin-top:0px;}
	.goodness_list ul li.goodness_list_li .goodness_tit_1{ margin-top:-33px;}
	
	
	
	.goodness_img{ width:100%; height:46px; margin-top:18px;}
	.goodness_img img{ height:46px; width:auto;}
	.goodness_img_1{ width:100%; height:46px;}
	
	.goodness_tit{ width:100%; text-align:center; height:33px;}
	.goodness_tit_1{ width:100%; height:33px; line-height:33px; font-size:14px; margin-top:-33px;}
	.goodness_tit_2{ width:100%; height:33px; line-height:33px; font-size:14px;}
	
	.goodness_bei{ display:none;}
	
	
	.risk{ width:96%; height:160px; margin-top:20px;}
	.risk_tit{ margin:auto; font-size:18px; line-height:30px; width:90%; padding-top:20px;}
	.risk_1{ margin:auto; font-size:16px; line-height:30px; width:90%;}
	.risk_2{ margin:auto; font-size:12px; line-height:20px; width:90%;}
	.risk_3{ margin:auto; width:90%; height:25px; margin-top:12px;}
	.risk_3 a{ display:block; float:right; font-size:12px; width:86px; height:25px; line-height:25px;}  
	
	
	.texture{ width:100%; height: auto; overflow:hidden; margin-top:30px; padding-bottom:30px;}
	.texture_bg{ width:234px; height:234px; top:-127px; right:-156px; display:none;}
	.texture_bg1{ width:126px; height:126px; border:106px solid #2e4c9f; top:-61px; right:-152px; display:none;}
	
	
	.texture_come{ margin:auto; width:96%; font-size:12px; height:40px; line-height:40px; text-align:center;}
	.texture_all{ width:96%; margin-top:8px; position:relative; z-index:1;}
	.texture_list{ border:none; width:100%; height:155px;} 
	.texture_list ul li{ float:left; height:155px; list-style:none; border-right:none; width:32%; position:relative;}
	.texture_list ul li:nth-child(3n){ float:right; border-right:none; margin-right:0px;}
	.texture_list ul li:hover .texture_1{ padding-top:10px;}
	.texture_list ul li:hover .texture_1 img{ height:51px;}
	
	.texture_1{ padding-top:10px;}
	.texture_1 img{ height:51px; width:auto;}
	.texture_2{ font-size:15px; height:30px; line-height:30px; margin-top:5px;}
	.texture_3{ font-size:12px; line-height:18px; width:90%; height:54px; overflow:hidden;}
	
	.understand_tita{ padding-top:20px;}
    @media screen and (max-width:768px)and (min-width:300px){
        .understand{margin-top: 40px;}
    }


	/*智能营销网站*/
	.intellect{ padding-bottom:20px;}
	.intellect_tit{ width:96%; height:50px; padding-top:20px;}
	.intellect_tit_1{ font-size:18px; height:50px; line-height:50px;}
	.intellect_tit_2{ font-size:43px; line-height:50px; height:50px; overflow:hidden; }
	
	.intellect_list{ width:96%; margin-top:20px;} 
	.intellect_list ul li{ float:left; width:49%; height:156px; margin-right:2%; margin-bottom:10px;}
	.intellect_list ul li:nth-child(2n){ margin-right:0px;background-color: #f0f6fc;}
	.intellect_list ul li:hover .intellect_img{ padding-top:22px;}
	
	.intellect_img{ margin:auto; width:130px; height:auto; overflow:hidden; padding-top:22px;}
	.intellect_img img{ height:35px; width:auto;}
	.intellect_1{ margin:auto; width:130px; font-size:14px; height:23px; line-height:23px; margin-top:9px;}
	.intellect_2{ margin:auto; font-size:12px; line-height:18px; width:130px; height:36px; overflow:hidden;}
	
	.mind{ padding-bottom:18px;}
	.mind_list{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:23px;}
	.mind_list ul li{ float:left; width:50%; height:162px; list-style:none; }
	.mind_list ul li:hover .mind_img{ height:76px;}
	.mind_list ul li:hover .mind_img img{ height:76px;}
	
	.mind_img{ width:100%; height:76px;}
	.mind_img img{ height:76px; width:auto;}
	.mind_tit{ font-size:14px; height:20px; line-height:20px; margin-top:12px;}
	.mind_con{ font-size:12px; width:94%; line-height:18px; height:36px; overflow:hidden; margin-top:5px; }
	
	
	
	.power{ padding-bottom:21px;}
	.power_list{ width:96%; margin-top:9px;}
	.power_list ul li{ float:left; width:32%; height: auto; overflow:hidden;  margin-right:2%; margin-bottom:10px;}
	.power_list ul li:nth-child(3n){ margin-right:2%;}
	.power_list ul li:nth-child(2n){ margin-right:0px;}
	.power_list ul li:nth-child(2n) .power_img { float:none;}
	.power_list ul li:nth-child(2n) .power_con { float:none;}
	
	.power_list ul li:hover .power_img{ margin-right:inherit;}
	.power_list ul li:hover .power_con{ margin-left:inherit;}
	
	.power_list ul li:nth-child(2n):hover .power_img{ margin-left: inherit; margin-right:inherit; margin:auto;}
	.power_list ul li:nth-child(2n):hover .power_con{ margin-right:inherit; margin-left:inherit;}
	.power_list ul li:hover .power_img{ margin-left: inherit; margin-right:inherit; margin:auto;}
	.power_list ul li:hover .power_con{ margin-right:inherit; margin-left:inherit;}
	
	.power_img{ float:none; width:61px; height:61px; margin:auto;}
	.power_img img{ width:61px; height:61px;}
	
	.power_con{ float:none; width:100%; height: auto; overflow:hidden;}
	.power_1{ width:100%; font-size:14px; height:37px; line-height:37px; text-align: center;} 
	.power_2{ width:100%; font-size:12px; height:32px; line-height:16px; text-align: center;} 


	.private_warp{ width:100%; height:102px;}
	.private{ margin:auto; width:96%; height:102px;}
	.private_img{ float:left; width:212px; height:auto; overflow:hidden; display:none;}

	.private_mid{ float:left; width:265px; height:auto; overflow:hidden;}
	.private_1{ width:100%; font-size:20px; height:33px; line-height:33px; padding-top:20px;} 
	.private_2{ width:100%; font-size:12px; height:23px; line-height:23px;}
	
	.private_more{ float:right; height:auto; margin-top:32px;}
	.private_more a{ display:block; font-size:11px;  width:86px; height:25px; line-height:25px;}  
	
	.counter{ width:100%; height:auto; overflow:hidden; position:relative;}
	.counter_bg{ position:absolute; left:-154px; width:234px; height:234px; top:107px;} 
	
	
	
	.counter_list{ margin:auto; width:96%; height:auto; overflow:hidden; margin-top:20px; position:relative; z-index:1;}
	.counter_list ul li{ float:left; width:50%; height:130px; margin-bottom:10px;}
	.counter_list ul li:hover .counter_xian{ width:21px;}
	
	.counter_img img{ height:35px; width:auto;}
	.counter_tit{ font-size:14px; height:30px; line-height:30px;}
	.counter_xian{ margin:auto; width:21px; height:2px; }
	.counter_con{ margin:auto; text-align:center; font-size:12px; line-height:18px; height:36px; overflow:hidden; width:165px; margin-top:13px;}
	
	.intellect_kong{ width:100%; height:16px; overflow:hidden;}

	/*响应式网站*/
	.answer_tit{ width:96%; height:50px; padding-top:21px;}
	.answer_tit_1{ font-size:18px; height:50px; line-height:50px;}
	.answer_tit_2{ font-size:46px; line-height:50px;}
	.answer_tit_3{ width:10px; height:10px; top:20px; left:86px;}
	
	.answer_tit_4{ width:14px; height:14px; bottom:-10px; right:74px;}
	
	.answer_tit_5{ width:7px; height:7px; position:absolute;  left:-7px; top:-7px;}
	
	
	@keyframes moveX{
	 0% {left: -7px;} 100% {left: 14px;}
	}
	@keyframes moveY{
		0% {top: -7px;} 100% {top: 14px;}
	}

	
	.answer_list{ width:96%; height:auto; margin:auto; padding-top:20px;}
	.answer_list ul li{ float:left; width:32%; height:112px; list-style:none; margin-right:2%;}
	.answer_list ul li:nth-child(6n){ margin-right:2%;}
	.answer_list ul li:nth-child(3n){ margin-right:0px;}
	.answer_list ul li:nth-child(5) .answer_1{ width:100%; margin-left:0px;}
	.answer_list ul li:nth-child(8) .answer_1{ width:100%; margin-left:0px;}
	.answer_list ul li:nth-child(9) .answer_1{ width:100%; margin-left:0px;}
	
	.answer_img{ width:68px; height:68px; margin:auto;}
	.answer_img img{ width:68px; height:68px;}
	.answer_1{ font-size:14px; height:35px; line-height:35px; width:100%; margin-left:-8px;} 


	.adapter{ padding-bottom:30px;}
	.adapter_come{ font-size:12px; line-height:21px;}
	.adapter_img{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px; padding-bottom:30px;}


	.adapter_list{ width:96%; height:auto; margin:auto; margin-top:20px;}
	.adapter_list ul li{ float:left; width:49%; height:195px; margin-right:2%; margin-bottom:10px;}
	.adapter_list ul li:nth-child(3n){ margin-right:2%;}
	.adapter_list ul li:nth-child(2n){ margin-right:0px;}
	.adapter_list ul li:hover .adapter_kong{ height:20px;}
	.adapter_list ul li:hover .adapter_tu{ border-radius:45px;}
	
	.adapter_kong{ width:100%; height:20px;}
	.adapter_tu{ width:72px; height:72px;}
	.adapter_tu img{ width:72px; height:72px;}
	.adapter_1{ font-size:14px; height:25px; line-height:25px; margin-top:5px;}
	.adapter_2{ font-size:12px; line-height:18px; height:54px; overflow:hidden; width:90%;}

	.hazard{ width:96%; height:133px;}
	.hazard_1{ font-size:14px; height:25px; line-height:25px; padding-top:29px;}
	.hazard_2{ font-size:12px; height:20px; line-height:20px;}
	.hazard_3{ width:100%; height:25px; margin-top:9px;}
	.hazard_3 a{ display:block; margin:auto; font-size:12px; width:87px; height:25px; line-height:25px;}



	.plan{ width:100%; height:auto; overflow:hidden; background:url(../image/answer_59.png) no-repeat center 59px;background-size:cover; padding-top:20px;}
	.plan_list{ width:96%; height:auto; margin:auto; margin-top:20px; }
	.plan_list ul li{ float: left; width:32%; height:180px; margin-right:2%;}
	
	.plan_list ul li:hover .plan_img{ width:52px; height:52px;}
	.plan_list ul li:hover .plan_img img{ width:52px; height:52px;}
	
	.plan_kong{ width:100%; height:15px;}
	.plan_img{ width:52px; height:52px; }
	.plan_img img{ width:52px; height:52px;}
	
	.plan_1{ width:100%; text-align:center; font-size:15px; height:38px; line-height:38px;}
	.plan_2{margin:auto; text-align:center; font-size:12px; line-height:18px; width:90%; height:54px; overflow:hidden;}

	.answer_jian{ width:100%; height:10px; overflow:hidden;}

	/*关于*/
	.decide{ margin-top:30px; padding-bottom:40px;}
	.decide_img img{ height:43px; width:auto;}
	
	.decide_1{ width:100%; height:auto; overflow:hidden; font-size:18px; line-height:24px; margin-top:15px;}
	.decide_2{ width:90%; font-size:14px; line-height:21px; margin-top:20px;}


	.original{ width:100%; height: auto;}
	.original_all{ width:96%;}
	.original_img{ width:100%; height: auto; overflow:hidden;}
	.original_img img{ width:100%; height: auto;}
	.original_shu{ display:none;}
	.original_con{ position: relative; width:100%; bottom:0; height:370px; margin-top:-5px; box-shadow:inset 0px 0px 7px rgba(0,0,0,0.1);}
	.original_1{ margin:auto;  width:90%; height:28px;  padding-top:19px; text-align:center;}
	.original_1 span{ display:inline-block;height:28px; line-height:28px;font-size:14px; background-size:20px; padding-left:32px;}
	
	.original_2{ margin:auto;  width:90%; height:40px; line-height:40px; margin-top:10px; font-size:34px; text-align:center;}
	.original_3{ margin:auto;  width:90%; height:38px; line-height:38px; font-size:34px; text-align:center;}
	.original_4{ margin: auto; width:90%; height: auto; overflow:hidden; font-size:14px; line-height:21px; margin-top:20px; text-align:center;} 
	
	.original_5{ margin:auto; width:90%; margin-top:40px;}
	.original_5 a{ display:block; width:125px; height:38px; line-height:38px; margin:auto;}
	.original_5 span{ display:inline-block; background-size:11px; font-size:12px; padding-right:18px;}
	
	.original_bg{ height:252px; display:none;}
	.original_zi{ position:absolute; top:47px; right:-67px; font-size:175px; display:none;}


	.originality{ width:100%; height: auto; overflow:hidden; position:relative; margin-top:30px;}
	.originality_all{ width:96%;}
	.originality_con{ width:100%; height: auto; padding-bottom:40px; margin-left:0px;}
	.originality_shu{ display:none;}
	.originality .original_1{ padding-top:19px;}
	.originality .original_1 span{ background-size:11px;}
	
	
	.originality_img{ position: relative; right:0; bottom:0px; height:260px; z-index:1; margin:auto;}
	.originality_bai{ display:none;}
	.n_big_bei_shou1{ width:100%; height:260px; overflow:hidden;}
	.originality_bg{ height:265px;}


	.guarantee{ width:100%; height: auto; overflow:hidden; margin-top:30px;}
	.guarantee_all{ width:96%; height: auto;}
	.guarantee_img{ width:100%; height: auto; overflow:hidden;}
	.guarantee_img img{ width:100%; height: auto;}
	
	
	.guarantee_con{ width:100%; height: auto; overflow:hidden;}
	.guarantee_con .original_4{ width:90%; margin-top:0; padding-top:27px; height:auto;}
	.guarantee_con .original_5{ width:90%;}

	.guarantee_you{ width:100%; position:relative;}
	.guarantee_you .original_1{ padding-top:19px;}
	
	
	.guarantee_tu{ display:none;}
	.guarantee_shu{ display:none;}

	.guarantee_bg{ display:none;}
	.guarantee_bg1{ display:none;}



	.free{ width:100%; height: auto; overflow:hidden; margin-top:30px; padding-bottom:10px;}
	.free_all{ width:96%; height: auto; overflow:hidden; margin-top:0px;}
	.free_img{ width:100%; height:240px; overflow:hidden;}
	.free_img img{ width:100%; height:240px;}

	.free_con{ height: auto; padding-bottom:30px; position:relative; margin-top:-0px; width:100%;}
	.free_con .originality_shu{ color:#000; top: -72px; right:7px;}
	.free_con .original_1{ width:90%; padding-top:19px;}
	.free_con .original_2{ width:90%;}
	.free_con .original_3{ width:90%;}
	.free_con .original_4{ width:90%;}
	.free_con .original_5{ width:90%;}

	.free_quan{ position:absolute; top:0; left:15px; width:89px; height:89px; border:96px solid #283fe7; display:none;}
	.free_bg{ height:359px;}
	.free_bg1{ position:absolute; right:-551px; bottom:14px; height:677px; width:677px;}

	
	.strength{ width:96%; margin-top:20px; padding-bottom:42px;}
	
	.strength_con{ width:100%; height:45px; margin-top:30px;}
	
	.strength_1{ font-size:46px; height:45px; line-height:45px;}
	.strength_1_1{ font-size:12px; right:-30px; bottom:5px;}
	
	.strength_mid{ width:auto; height:65px;}
	.strength_right{ position:absolute; right:15px; top:0;}



	.client{ width:100%; height:361px; position:relative;}
	.client_all{ width:96%;}
	.client_shu{ display:none;}
	.client .original_1{ padding-top:18px; text-align:left;}
	.client .original_1 span{background-size:11px;}
	.client .original_2{ text-align:left;}
	.client .original_3{ text-align:left;}
	
	.client_img img{ height:300px; width:auto;}
	
	.client_bg{ width:100%; height:258px;}

	
	.contact{ width:100%; height: auto; overflow:hidden; margin-top:30px;}
	.contact_all{ width:96%;}
	.contact_map{ position: relative; left:0; top:0; width:96%; margin:auto; height:200px; overflow:hidden; margin-top:30px;}
	.contact_map img{ height:200px; width:100%;} 

	.contact_all .original_1 {  padding-top:18px; text-align:left;}
	.contact_all .original_2 {  text-align:left;}
	.contact_all .original_3 {  text-align:left;}

	.test{ width:96%; height: auto; overflow:hidden; margin:auto; margin-bottom:30px;}
	.test_left{ float:none; width:100%; margin-top:20px; height:auto;}
	.test_left .test_1:nth-child(2) .test_text{ background:url(../image/about_46.png) no-repeat 9px; background-size:18px;}
	.test_left .test_1:nth-child(3) .test_text{ background:url(../image/about_53.png) no-repeat 9px; background-size:18px;}
	.test_left .test_1:nth-child(4) .test_text{ background:url(../image/about_58.png) no-repeat 9px; background-size:18px;}
	
	
	.test_1{ width:100%; height:40px; position:relative; margin-bottom:10px;}
	.test_text{  width:89%; height:38px; line-height:38px; border:1px solid #eee; background:url(../image/about_41.png) no-repeat 9px; background-size:18px; padding-left:10%; }
	.test_text::-webkit-input-placeholder { font-size:14px;}
	.test_text:focus { border:1px solid #283fe7;}
	
	.test_1 a{ position:absolute; right:0; font-size:12px; width:80px; height:16px; line-height:16px; top:12px;}
	
	.test_2{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
	.test_2 a{ display:block; width:125px; height:38px; line-height:38px; }
	.test_2 span{ display:inline-block; background-size:13px; font-size:14px; padding-right:25px;}
	
	
	.test_right { float: none; width: 100%; height: 100%; background-color: #283fe7; padding-bottom:20px;}
	.test_list{ margin:auto; width:90%; padding-top:20px;}
	.test_list ul li{ width:100%; height:45px; list-style:none;}
	.test_list ul li:nth-child(2) span{ background-size:28px;}
	.test_list ul li:nth-child(3) span{ background-size:28px;}
	.test_list ul li span{ display:inline-block; background-size:28px; height:45px; line-height:45px; font-size:14px; padding-left:40px;}

	/*关于底部*/
	.dier{ width:100%; height: auto; overflow:hidden; border-top:1px solid rgba(0,0,0,0.1);}
	.di{ width:96%; height: auto; margin:auto; padding-top:10px; padding-bottom:10px;}
	.di_left{ float:none; width:100%; text-align:center; height: auto; overflow:hidden;}
	.di_1{ display:none;}
	.di_2{  display:none;}
	
	.di_3{ width:100%; font-size:12px; color:#000; opacity:0.5; height: auto; overflow:hidden; line-height:18px;}
	.di_3 a{ color:#000; }
	.di_right{ float:right; display:none;}


	/*案例*/
	.banner{ width:100%; height:210px;}
	.banner_1{ font-size:24px; height:24px; line-height:24px; padding-top:83px;}
	.banner_2{ font-size:16px; height:33px; line-height:33px; margin-top:-5px;}
	
	.case{ width:100%; height:auto; overflow:hidden; padding-top:20px; padding-bottom:30px;}
	.case_list{ width:96%; height:auto; margin:auto;}
	.case_list ul li{ float:left; width:49%; height: auto; overflow:hidden; list-style:none; margin-right:2%; margin-bottom:5px;}
	.case_list ul li:nth-child(3n){ margin-right:2%;}
	.case_list ul li:nth-child(2n){ margin-right:0px;}
	.case_list ul li a{ display:block; width:100%; height:100%;}
	.case_list ul li a:hover .case_bg{ display:none;}
	.case_list ul li a:hover .case_tit{ opacity:1;}
	
	.case_tit{ margin:auto; font-size:14px; width:90%; height:50px; line-height:50px; overflow:hidden; margin-top:0px; background-size:16px;}
	
	.case_kuan{ display:none;}
	.case_zi{  display:none;}

	/*案例详情*/
	.main{ margin-bottom:30px;}
	.main_bg{ position:absolute; top:0; width:100%; height:60vh;}
	.detail{ width:96%; height:auto; overflow:hidden; margin:auto; position:relative; z-index:1; padding-top:130px;}
	.detail_left{ float:none; width:100%; height:auto; overflow:hidden;}
	.detail_name{ width:100%; font-size:12px; line-height:12px;}
	.detail_tit{ font-size:16px; line-height:20px; margin-top:8px;}
	.detail_qi{ width:100%; font-size:12px; line-height:20px; padding-top:8px; padding-bottom:10px;}
	.detail_qi span{ padding:0px 8px;}
	
	.detail_wang{ width:100%; height:33px; margin-top:15px;}
	.detail_wang span{ display:inline-block; background-size:24px; height:24px; line-height:24px; font-size:12px; padding-left:30px;}
	.detail_dian{ width:100%; height:24px; margin-top:12px;}
	.detail_1{ float: left; height:24px; background-size:24px; padding-left:30px; font-size:12px; line-height:24px;}
	.detail_2{ float:right; height:24px; font-size:14px; color:#fff; line-height:30px;}
	
	.detail_next{ width:100%; height:30px; margin-top:20px;}
	.detail_next a{ display:inline-block; width:30px; height:30px; margin-right:5px;}
	.detail_next img{ width:30px; height:30px;}
	
	.detail_right{ float:none; width:100%; height:auto; overflow:hidden; margin-top:20px;}
	.detail_img{ width:100%; height:auto; overflow:hidden;}
	.detail_img img{ max-width:100%; height:auto;}

/*新闻中心*/
.press{ width:96%; margin:auto; height:auto;}
.press ul li{ float:left; width:49%; height:143px; list-style:none; margin-right:2%; margin-bottom:10px;}
.press ul li:nth-child(3n){ margin-right:2%;}
.press ul li:nth-child(2n){ margin-right:0px;}
.press ul li a{ display:block; width:100%; height:120px; padding-top:23px;}


	/*新闻详情*/
	.xiang{ width:96%; height:auto; overflow:hidden; margin:auto; position:relative; z-index:1; margin-top:-130px; padding-bottom:30px;}
	.xiang_time{ width:100%; height:20px;}
	.xiang_time span{ display:inline-block; background-size:14px; font-size:12px; height:20px; line-height:20px; padding-left:22px;}
	.xiang_tit{ width:100%; height:auto; overflow:hidden; font-size:15px; line-height:24px; margin-top:5px;}
	.xiang_xin{ width:100%; font-size:12px; height:25px; line-height:25px;}
	.xiang_xin span{ padding:0px 8px;}
	.xiang_zan{ width:100%; height:30px; margin-top:-10px;}
	.xiang_zan .detail_dian{ display:none;}
	.xiang_zan .detail_next{ float:right; width:auto; height:30px; margin-top:0px;}
	
	.xiang_all{ width:100%; height:auto; overflow:hidden; background-color:#fff; margin-top:15px; padding-top:20px; border-radius:4px;}
	.xiang_con{ width:100%; height:auto; overflow:hidden; margin: auto; font-size:14px;  line-height:24px; padding-bottom:30px;}
	.xiang_con img{ max-width:100%; height:auto;}
	.xiang_xian{ width:100%; height:1px; background-color:#f6f6f6;}
	
	
	.detail_link{ width:100%; height:30px; overflow:hidden; text-align:center; margin-top:20px;}
	.detail_link a{ display:inline-block; width:30px; height:30px; margin:0px 3px;}
	.detail_link img{ width:30px; height:30px;}

	/*公众号开发*/
	.gong{ display:none;}


	.public{ width:100%; height: auto; overflow:hidden; position:relative;}
	.public_tit{ width:96%; height:48px; font-size:18px; line-height:24px; padding-top:30px;}
	.public_tit_1{ position:absolute; left:0; bottom:2px; width:80px; height:4px;}
	
	.public_all{ width:96%; height: auto; margin:auto; margin-top:20px; position:relative; z-index:1}
	.public_mune{ display:none;}
	

	.public_list{ float:none; width:100%; height:auto;}
	.public_list ul li{ float:left; width:49%; height:182px; margin-right:2%; margin-bottom:10px; margin-top:0px;}
	.public_list ul li:nth-child(4){ margin-top:0px;}
	.public_list ul li:hover .public_img_1 { margin-top: -46px;}
	.public_list ul li.public_list_li{ background-color:#fff;}
	.public_list ul li.public_list_li .public_img{ margin-top:23px;}
	.public_list ul li.public_list_li .public_img_1{ margin-top:0px;}
	.public_list ul li.public_list_li .public_1{ color:#000;}
	.public_list ul li.public_list_li .public_2{ color:rgba(0,0,0,0.8);}
	
	.public_img{ margin:auto; margin-top:23px; width:86%; height:46px;}
	.public_img img{ height:46px; width:auto;}
	.public_img_1{ width:100%; height:46px;}
	
	.public_1{ margin:auto; width:86%; font-size:14px; height:30px; line-height:30px; margin-top:6px;}
	.public_2{ margin:auto; width:86%; height:54px; overflow:hidden; font-size:12px; line-height:18px;}
	
	.public_bg{ display:none;}
	.public_bg1{ display:none;}
	
	
	.reason{ width:100%; height: auto; overflow:hidden; position:relative;}
	.reason_all{ width:96%; margin-top:20px; display:none;}
	.reason_all1{ width:96%; margin:auto; margin-top:20px; display:block; height:auto; position:relative; z-index:1;}
	.reason_all1 a{ float:left; display:block; width:49%; height:182px; background-color:#fff; border-radius:4px; margin-bottom:10px; margin-right:2%;    box-shadow: 0px 0px 87px rgb(55 76 244 / 10%);}
	.reason_all1 a:nth-child(2n){ margin-right:0px;}
	
	.reason_kong{ width:100%; overflow:hidden; height:23px;}
	.reason_img{ margin:auto; width:165px; height:46px; overflow:hidden;}
	.reason_img img{ height:46px; width:auto;}
	.reason_img_1{ width:100%; height:46px;}
	
	.reason_1{ margin:auto; width:165px; font-size:14px; height:30px; line-height:30px; margin-top:7px;}
	.reason_2{ margin:auto; width:165px; height:54px; overflow:hidden; font-size:12px; line-height:18px; margin-top:6px;}
	
	.reason_bg{ width:128px; height:118px; bottom:181px; left:48px;}
	.reason_bg1{ width:548px; height:460px; background-size:cover; }



	.account_all{ margin:auto; width:96%; margin-top:20px; padding-top:10px;}
	.account_list{ margin:auto; width:96%; height:auto; overflow:hidden;}
	.account_list ul li{ float:left; width:23.5%; height:85px; margin-right:2%; margin-bottom:10px;}
	
	.account_list ul li:hover{ background-color:#f4f5fe;}
	.account_list ul li:hover .account_img{ background:url(../image/public_531.png) no-repeat center; background-size:cover;}
	.account_list ul li:hover .account_img_1{ margin-left:0px;}
	.account_list ul li:hover .account_tit{ color:#000;}
	
	.account_tu{ margin:auto; height: auto; width:100%; overflow:hidden; padding-top:16px;}
	.account_img{ float:none; width:36px; height:36px; margin:auto; overflow:hidden;}
	.account_img_1{ width:36px;}
	.account_img_1 img{ float:none; width:36px; height:36px;}
	.account_tit{ margin:auto; width:100%; text-align:center; font-size:12px; height:25px; line-height:25px; overflow:hidden;}

	.account_bg{ width:492px; height:492px; top:-35px; right:-284px;display:none;}


	.complete_list{ width:96%; margin-top:20px; position:relative; z-index:1;}
	.complete_list ul li{ float:left; width:49%; height:239px; margin-right:2%; margin-bottom:10px;}
	.complete_list ul li:nth-child(2n){ margin-right:0px; background-color:#f4f5fe;}
	
	.complete_list ul li:hover .complete_img{ padding-top:21px;}
	.complete_list ul li:hover .complete_img img{ height:108px;}
	
	.complete_img{ padding-top:21px;}
	.complete_img img{ height:108px; width:auto;}
	
	.complete_1{font-size:14px; height:26px; line-height:26px; margin-top:16px;}
	.complete_2{ margin:auto; text-align:center; font-size:12px; line-height:18px; height:36px; overflow:hidden; width:115px;}
	
	.complete_bg{width:192px; height:192px; bottom:-145px; left:-147px; display:none;}

	/*电商平台*/
	.dian{ display:none;}

	.online_tit{ width:96%; height:50px; position:relative; padding-top:30px;}
	.online_tit_1{ width:100%; text-align:center; font-size:18px; height:50px; line-height:50px;}
	.online_tit_2{ width:100%; text-align:center; font-size:70px; line-height:50px;}
	
	.online_list{ width:96%; height:auto; margin:auto; margin-top:23px;}
	.online_list ul li{ float:left; width:49%; height:174px; margin-right:2%; margin-bottom:10px;}
	.online_list ul li:nth-child(4n){ margin-right:2%;}
	.online_list ul li:nth-child(2n){ margin-right: 0px;}
	.online_list ul li:hover .online_tu{ padding-top:25px;}
	
	.online_tu{ margin:auto; width:140px; padding-top:25px;}
	.online_img{ width:52px; height:52px;}
	.online_img img{ width:52px; height:52px;}
	.online_img_1{ width:100%; height:74px;}
	
	.online_1{ margin:auto; width:140px; font-size:14px; height:26px; line-height:26px; margin-top:8px;}
	.online_2{ margin:auto; width:140px; font-size:12px; line-height:18px; height:36px; overflow:hidden;}
	
	
	.provide{ width:100%; height: auto; overflow:hidden; position:relative;}
	.provide_all{ width:96%; margin-top:30px;}
	.provide_list{ float:none; width:350px; height:auto; overflow:hidden; margin:auto;}
	.provide_list ul li{ float:left; width:65px; height:57px; padding-top:8px; list-style:none; margin-right:30px; margin-bottom:30px;}
	
	.provide_quan{ width:7px; height:7px;}
	.provide_zi{ font-size:13px; height:38px; line-height:38px;}
	.provide_bg{ display:none;}
	
	
	.supply{ padding-bottom:30px;}
	.supply_list{ width:96%; height:auto; margin:auto; margin-top:30px;}
	.supply_list ul li{ float:left; width:32%; height: auto; overflow:hidden; list-style:none; margin-right:2%; margin-bottom:15px;}
	.supply_list ul li:nth-child(2n){ margin-right:2%;}
	.supply_list ul li:nth-child(3n){ margin-right:0;}
	.supply_list ul li:nth-child(2n) .supply_img { float:none;}
	.supply_list ul li:nth-child(2n) .supply_right { float:none;}
	.supply_list ul li:nth-child(5) .supply_1{ padding-top:11px;}
	
	.supply_img{ float:none;width:65px; height:65px; margin:auto;}
	.supply_img img{width:65px; height:65px;}
	
	.supply_right{ float:none; width:100%; height:70px;}
	.supply_1{ margin:auto; font-size:14px; width:100%; height:20px; line-height:20px; padding-top:11px; text-align:center;}
	.supply_2{ margin:auto; font-size:12px; width:100%; height:38px; line-height:19px; overflow:hidden; text-align:center;}
	
	
	.achieve{ padding-bottom:30px;}
	.achieve_all{ margin: auto; margin-top:21px; background:none; width:96%; height:190px;}
	.achieve_list{ width:96%; height:190px; margin:auto;}
	.achieve_list ul li{ float:left; width:32%; height:190px; list-style:none; margin-right:2%;}
	.achieve_list ul li:nth-child(2){ margin-top:0px;}
	.achieve_list ul li:hover .achieve_1{ margin-top:20px;}
	
	.achieve_1{ margin-top:20px;}
	.achieve_1 img{ width:60px; height:60px;}
	.achieve_2{ margin:auto; width:90%; font-size:14px; height:40px; text-align:center; line-height:20px; overflow:hidden; margin-top:8px;}
	.achieve_3{ margin:auto; width:90%; font-size:12px; line-height:18px; height:36px; overflow:hidden; margin-top:8px;}
	
	
	.suit{ width:100%; height:auto; overflow:hidden;}
	.suit_list{ margin:auto; width:96%; height:auto; overflow:hidden; margin-top:20px;}
	.suit_list ul li{ float:left; width:25%; height:83px; list-style:none; margin-right:0px; margin-bottom:10px;}
	.suit_list ul li:nth-child(n+6){ margin-right:0px; margin-left:0px;}
	.suit_list ul li:hover .suit_img_1{ margin-top:-57px;}
	
	.suit_img{ width:57px; height:57px; margin:auto;}
	.suit_img img{ width:57px; height:57px;}
	.suit_img_1{ width:100%; height:57px;}
	.suit_tit{ width:100%; text-align:center; height:26px; line-height:26px; font-size:12px;}

	/*小程序开发*/
	.n_big_bg{ display:none;}
	.cheng{ width:700px; height:auto; min-height:280px; margin:auto; padding-top:150px; display:none;}

	.sequence{  padding-bottom:30px;}
	.sequence_tit{ width:100%; font-size:18px; padding-top:30px;}
	.sequence_come{ width:100%; font-size:12px; height:20px; line-height:20px;}
	.sequence_list{ margin:auto; width:96%; margin-top:20px;}
	.sequence_list ul li{ float:left; width:50%; height:166px; list-style:none;}
	.sequence_list ul li:hover .sequence_img img{ height:67px;}
	
	.sequence_img img{ height:67px; width:auto;}
	.sequence_1{ width:100%; font-size:14px; height:40px; line-height:40px;}
	.sequence_2{ margin:auto; width:140px; font-size:12px; height:36px; overflow:hidden; line-height:18px;}


	.course{ width:100%; height:410px; position:relative;}
	.course_img{ width:96%; margin:auto; height:288px; overflow:hidden; position:relative; z-index:1; margin-top:26px;}
	.course_quan{ width:100%; height:210px; padding-top:22px; opacity:1;}
	.course_quan span{ display:block; width:210px; height:210px;}
	
	
	.course_tu{ width:100%; height:278px; opacity:1;} 
	.course_tu img{ height:278px; width:auto;}
	.course_1{opacity:1; left:0px; top:0; width:103px; height:41px;}
	.course_1:hover{ left:0px;}
	.course_1_1{ float:left; font-size:13px; width:75px; height:41px; line-height:41px;} 
	.course_1_2{ float:left; width:20px; height:41px; line-height:48px; margin-left:8px;}
	.course_1_2 img{ width:20px; height:auto;}
	
	.course_2{ opacity:1; left:0px; top:52px; width:103px; height:41px;}
	.course_2:hover{ left:0px;}
	.course_3{ opacity:1; left:0px; top:103px; width:103px; height:41px;}
	.course_3:hover{ left:0px;}
	.course_4{ opacity:1; left:0px; top:153px; width:103px; height:41px;}
	.course_4:hover{ left:0px;}
	.course_5{ opacity:1; left:0px; bottom:41px; width:103px; height:41px;}
	.course_5:hover{ left:0px;}
	
	
	.course_6{ opacity:1; right:0px; top:0; width:103px; height:41px;}
	.course_6 .course_1_2{ margin-left:0px; margin-right:8px;}
	
	.course_7{ opacity:1; right:0px; top:52px; width:103px; height:41px;}
	.course_7:hover{ right:0px;}
	.course_7 .course_1_2{ margin-left:0px; margin-right:8px;}
	
	
	.course_8{ opacity:1; right:0px; top:103px; width:103px; height:41px;}
	.course_8:hover{ right:0px;}
	.course_8 .course_1_2{ margin-left:0px; margin-right:8px;}
	
	.course_9{ opacity:1; right:0px; top:153px; width:103px; height:41px;}
	.course_9:hover{ right:0px;}
	.course_9 .course_1_2{ margin-left:0px; margin-right:8px;}
	
	.course_10{ opacity:1; right:0px; bottom:41px; width:103px; height:41px;}
	.course_10:hover{ right:0px;}
	.course_10 .course_1_2{ margin-left:0px; margin-right:8px;}
	
	.course_bg{ height:410px;}


	.six_list{ width:96%; height:auto; margin:auto; margin-top:20px;}
	.six_list ul li{ float:left; width:49%; height:178px; margin-right:2%;-moz-box-shadow: 0px 4px 35px rgba(0,0,0,0.11); -webkit-box-shadow: 0px 4px 35px rgba(0,0,0,0.11);  box-shadow: 0px 4px 35px rgba(0,0,0,0.11); margin-bottom:10px;}
	.six_list ul li:nth-child(3n){ margin-right:2%;}
	.six_list ul li:nth-child(2n){ margin-right:0px;}
	
	.six_list ul li:hover .six_img{ padding-top:26px;}
	
	.six_img{  padding-top:26px;}
	.six_img img{ height:42px;}
	.six_1{width:100%; font-size:14px; height:28px; line-height:28px; margin-top:11px;}
	.six_2{ margin:auto; width:170px; font-size:12px; height:54px; overflow:hidden; line-height:18px; margin-top:6px;}

	.realize{ width:100%; height:450px; position:relative;}
	
	.realize_list{ margin:auto; width:96%; margin-top:20px;}
	.realize_list ul li{ float:left; width:49%; height:75px; margin-right:2%; margin-bottom:10px;}
	.realize_list ul li:nth-child(4n){ margin-right:2%;}
	.realize_list ul li:nth-child(2n){ margin-right:0px;}
	
	.realize_list ul li:hover .realize_img{ width:53px;}
	.realize_list ul li:hover .realize_right{ width:105px;}
	
	.realize_img{ float:left; width:33%;}
	.realize_img img{ height:26px; width:auto; padding-top:24px;}
	.realize_right{ float:right; height:75px; line-height:75px; font-size:14px; width:63%;} 
	
	
	/*APP开发*/
	.n_big{ width:100%; height:210px;}
	.n_big_phone{ display:block; width:100%; height:100%; position:absolute; top:0;}
	.ji{ display:none;}
	.ji_bg{ display:none;}
	.tuan{ display:none;}
	.ying{ display:none;}
	.zhi{ display:none;}
	.dian{ display:none;}
	.cheng{ display:none;}
	.gong{ display:none;}
	.gong_tu{ display:none;}
	
	.app{ width:700px; height:auto; margin:auto; padding-top:70px; display:none; display:none;}


	.develop_tit{ font-size:18px; line-height:20px; padding-top:30px;}
	.develop_xian{ margin:auto; width:22px; height:3px; margin-top:12px;}
	.develop_list{ width:96%; height: auto; margin:auto; margin-top:15px;} 
	.develop_list ul li{ float:left; width:49%; height:150px; margin-right:2%; margin-bottom:10px;}
	.develop_list ul li:nth-child(2n){ margin-right:0px;}
	
	.develop_list ul li:hover .develop_img{ padding-top:20px;}
	
	.develop_img{ margin:auto; width:90%; height:auto; overflow:hidden; padding-top:22px;}
	.develop_img img{ height:43px; width:auto;}
	.develop_1{ margin:auto; width:90%; font-size:14px; height:27px; line-height:27px;}
	.develop_2{ margin:auto; font-size:12px; line-height:18px; width:90%; height:36px;}
	
	
	.exploit_list{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:16px;}
	.exploit_list ul li{ float:left; width:32%; height:220px; list-style:none; margin-right:2%;}
	.exploit_list ul li:nth-child(2n) .exploit_con{ margin-top:0px;}
	.exploit_list ul li:nth-child(2n) .exploit_san{ background-size:auto 100%;}
	.exploit_list ul li:nth-child(3n){ margin-right:0px;}
	
	.exploit_list ul li:hover .exploit_1{ padding-top:22px;}
	
	.exploit_con{ width:100%; height:156px;}
	.exploit_1{ width:100%; height:37px; padding-top:22px;}
	.exploit_1 img{ height:37px; width:auto;}
	.exploit_1_1{ width:24px; height:24px; bottom:-6px; right:38px;}
	.exploit_2{ font-size:14px; height:36px; line-height:36px; margin-top:7px;}
	.exploit_3{ margin:auto; font-size:12px; line-height:18px; width:95px; height:36px; overflow:hidden;}
	.exploit_san{ width:100%; background-size:auto 100%; height:15px;}
	.exploit_shu{ font-size:16px; height:20px; line-height:20px; margin-top:6px;}

	.exploit_li{ width:100%; height:75px; padding-top:15px; background-size:auto 100%; text-align:center;}
	.exploit_li_1{ width:100%; height:9px; text-align:center;}
	.exploit_li_1 img{ height:9px; width:auto;}
	.exploit_li_2{ width:100%; font-size:14px; height:45px; line-height:45px;}

	.life{ width:96%; height:411px; overflow:hidden; margin: auto; margin-top:18px;}
	.life ul li{ float:left; width:32%; height:130px; margin-right:2%; margin-bottom:7px;}
	.life ul li:nth-child(5n){ margin-right:2%;}
	.life ul li:nth-child(3n){ margin-right:0px;}
	
	.life_img{ width:100%; height:41px; padding-top:29px;}
	.life_img img{ height:41px; width:auto;}
	.life_img_1{ width:24px; height:24px; bottom:-6px; right:38px;}
	.life_tit{ width:100%; text-align:center; font-size:14px; height:45px; line-height:45px;}

	.exist{ width:96%; height: auto; overflow:hidden; margin:auto; margin-top:21px; background:none; padding-bottom:20px;}
	.exist ul li{ float:left; list-style:none; width:50%; height:190px; position:relative;}
	.exist ul li:nth-child(2n) .exist_zi{ margin-top:0px; position:absolute; top:120px; left:5%;}
	.exist ul li:nth-child(2n) .exist_yuan{ margin-top:0px;}
	
	.exist_yuan{ width:107px; height:107px; margin-top:0px; background-color:#313ce9;}
	.exist_1{ padding-top:20px;}
	.exist_1 img{ height:41px; width:auto;}
	.exist_2{ font-size:14px; height:35px; line-height:35px;}
	.exist_zi{ font-size:12px; line-height:18px; width:90%; height:54px; margin-top:13px;}

.showy{ display:none;}

/*分页样式*/
	.page{ width:100%; margin:auto; height:30px; overflow:hidden; margin-top:20px;}
	.page_list a{display:inline-block;line-height:30px; height:30px; font-size:13px; margin:0px 5px;}

/*联系*/
.touch{ height:100vh; overflow:hidden;}
.touch_warp{ width:100%; height: auto; overflow:hidden; position: relative; bottom:0px; margin-top:80px;}
.touch_list{ width:96%; padding:30px 0px; padding-bottom:0px;}
.touch_list ul li{ float:left; width:50%; padding-left:0px; height:110px; list-style:none; margin-bottom:30px; text-align:center;}

.touch_img{ width:100%; height:42px;}
.touch_img img{ height:42px; width:auto;}
.touch_1{ width:100%; font-size:12px; height:20px; line-height:20px; margin-top:20px;}
.touch_2{ width:100%; font-size:20px; height:24px; line-height:24px;}
.touch_2a{ font-size:14px;}

.touch_di{ width:100%; position:absolute; height:45px; bottom:10px;}
.touch_typeright{ width:96%; height: auto; overflow:hidden; margin:auto;}
.touch_typeright_left{ float:none; width:100%; text-align:center; height: auto; line-height:20px;}
.touch_typeright_right{ display:none;}

.n_big_bei_shou{ position:absolute; top:0; width:100%; height:100%; z-index:1;}

	
}

/*标准网站*/
.mt_80{margin-top: 5em;}
.mt_80 .idea_quan{background-color: unset}
.mt_80 .idea_shu{color: #3ec3b5;opacity: 0.1;}
@media screen and (max-width:968px){.mt_80{margin-top: 2em;}}