/* CSS Document */


.content { position:relative; margin:0 auto;}
.header { position:fixed; top:0; left:0; width:100%;  z-index:101;transition:0.3s;}
.header_in { position:fixed; top:0; left:0; width:100%;  z-index:101;transition:0.3s; background:#fff;}
.logo { float:left; margin-top:25px;}
.nav { float:right; position:relative;}
.nav>li { float:left; padding-top:25px; border-top:2px solid transparent; position:relative;}
.nav>li>a { font-size:16px; color:#fff; line-height:76px; padding:0 20px; display:block;}
.nav-on { float:right;}
.nav-on>li { position:relative; float:left; padding-top:25px; border-top:2px solid transparent; transition:0.4s;}
.nav-on>li>a { font-size:16px; color:#fff; line-height:76px; padding:0 20px; display:block; transition:0.2s;}
.nav>li:hover>a { opacity:.8;}
.nav-on>li:hover>a { color:#00adff !important;}
.nav-on>li:hover { border-color:#00adff;}
.nav-on>.on>a { color:#00adff !important;}
.nav-on>.on { border-color:#00adff;}
.banner { position:relative;}
#kinMaxShow .KMSPrefix_kinMaxShow_button { text-align:center; width:100%;}
#kinMaxShow .KMSPrefix_kinMaxShow_button li { display:inline-block !important; float:none !important; width:30px !important; height:3px !important;}
.v_cont { position:absolute; bottom:30px; left:50%; width:44px; margin-left:-22px; z-index:10; animation:1.5s arrow infinite ease; }

@keyframes arrow {  
    0%,100% {  
        bottom:30px;  
    }  
    50% {  
        bottom:40px;  
    }  
}  


.cont_1 { height:auto; overflow:hidden; box-sizing:border-box; padding:100px 0 0;}
.cont_1 .title {padding-left:100%; opacity:0; transition:padding 0.6s,opacity 1.3s;}


.business { text-align:center; }
.business .box {
	overflow:hidden;
	position:relative;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s;
}
.business .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.business.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.business .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:320px;
	height:31px;
	background:url(../images/words.png) no-repeat 0px -294px;
}
.business .box .caption span {
	font-size:24px;
	letter-spacing:3px;
}
.business .box ul.items {
	margin:110px auto 0; text-align:center; transition:0.4s;
}
.business .box ul.items li {
	width:200px;
	height:300px;
	margin:0 8px;
	background:url(../images/bg_green.png) no-repeat 0px 400px;
	overflow:hidden;
	display:inline-block; *display:inline; *zoom:1;
}
.business .box ul.items li i {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:43px;
	height:69px;
}
.business .box ul.items li.pc i {
	width:69px;
	background:url(../images/words.png) no-repeat -245px -357px;
}
.business .box ul.items li.mobi i {
	width:64px;
	background:url(../images/words.png) no-repeat -416px -291px;
}
.business .box ul.items li.sys i {
	width:76px;
	background:url(../images/words.png) no-repeat -415px -362px;
}
.business .box ul.items li.app i {
	width:74px;
	background:url(../images/words.png) no-repeat -244px -439px;
}
.business .box ul.items li.host i {
	width:79px;
	background:url(../images/words.png) no-repeat -420px -439px;
}
.business .box ul.items li u {
	display:block;
	position:absolute;
	width:156px;
	height:156px;
	margin-left:22px;
	background:url(../images/words.png) no-repeat 0px -363px;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.business .box ul.items li u.cl {
	clip:rect(0px, 156px, -10px, 78px);
}
.business.active .box ul.items li u.cl {
	clip:rect(0px,156px,156px,78px);
}
.business .box ul.items li u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business.active .box ul.items li u.cr {
	clip:rect(0px,78px,156px,0px);
}
.business .box ul.items li strong {
	display:block;
	margin-top:70px;
	font-size:16px;
	font-weight:normal;
	text-align:center; color:#585858;
}
.business .box ul.items li p {
	position:relative;
	top:200px;
	color:White;
	font-family:Arial, "宋体";
	font-size:12px;
	line-height:20px;
	text-align:center;
}
.business .box ul.items li:hover {
	background-position:0px 0px;
-webkit-transition:all .5s ease-in-out .3s;
-moz-transition:all .5s ease-in-out .3s;
-ms-transition:all .5s ease-in-out .3s;
-o-transition:all .5s ease-in-out .3s;
transition:all .5s ease-in-out .3s;
}
.business .box ul.items li:hover i {
-webkit-transition:all .5s ease-in-out .4s;
-moz-transition:all .5s ease-in-out .4s;
-ms-transition:all .5s ease-in-out .4s;
-o-transition:all .5s ease-in-out .4s;
transition:all .5s ease-in-out .4s;
}
.business .box ul.items li.pc:hover i {
	background:url(../images/words.png) no-repeat -168px -357px;
}
.business .box ul.items li.mobi:hover i {
	background:url(../images/words.png) no-repeat -337px -291px;
}
.business .box ul.items li.sys:hover i {
	background:url(../images/words.png) no-repeat -327px -362px;
}
.business .box ul.items li.app:hover i {
	background:url(../images/words.png) no-repeat -164px -439px;
}
.business .box ul.items li.host:hover i {
	background:url(../images/words.png) no-repeat -335px -439px;
}
.business .box ul.items li:hover u.cl {
	clip:rect(0px, 156px, -10px, 78px);
}
.business .box ul.items li:hover u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business .box ul.items li:hover strong {
	color:White;
-webkit-transition-delay:.4s;
-moz-transition-delay:.4s;
-ms-transition-delay:.4s;
-o-transition-delay:.4s;
transition-delay:.4s;
}
.business .box ul.items li:hover p {
	top:20px;
-webkit-transition:all .3s ease-in-out .5s;
-moz-transition:all .3s ease-in-out .5s;
-ms-transition:all .3s ease-in-out .5s;
-o-transition:all .3s ease-in-out .5s;
transition:all .3s ease-in-out .5s;
}

.business .box ul.items li.man i {
	width:79px;
	background:url(../images/b_man.png) no-repeat top center;
}
.business .box ul.items li.man:hover i{ background:url(../images/b_man_new.png) no-repeat top center !important;}

.title { text-align:center;}
.title h2 { font-size:36px; color:#313131; line-height:50px; font-weight:400;}
.title h2 font { color:#00adff; display:inline-block; margin-left:10px;}
.title h3 { font-weight:400; font-size:18px; color:#ff7000; line-height:26px; background:url(../images/h3.png) no-repeat center; text-transform:uppercase;}

.cont_2 { height:auto;  box-sizing:border-box; padding:100px 0 0;}
.build_cont { text-align:center;}
.build_cont .build_ain { display:block; margin:50px auto 0; width:144px; height:30px; line-height:30px; text-align:center; background:#ff7000; color:#fff; font-size:18px;}
.build_list { text-align:center; font-size:0; margin:120px auto 0;}
.build_list li { display:inline-block; width:200px; height:auto; text-align:center; *display:inline; *zoom:1; vertical-align:top;}
.build_list li p { font-size:16px; color:#313131; line-height:70px; text-align:center; transition:0.3s;}
.build_list li img { width:89px; height:177px;}
.build_list li:hover p { font-size:20px;}

.cont_3 {  position:relative; box-sizing:border-box; padding:100px 0 0;}

.Exhibitor{ width:1200px; margin:90px auto 0; overflow:auto; position:relative;}
.hl_main5_content{width:1200px; height:360px; float:left; overflow:hidden;}
.h1_main5_title{ height:30px; background:#999; line-height:30px; padding-left:10px; font-size:14px; font-weight:bold;}
.hl_main5_content1{width:980px; overflow:hidden; float:left; margin-left:115px;}
.hl_main5_content1 ul{width:1600px; overflow:hidden; }
.hl_main5_content1 ul li{ float:left; width:297px; border:1px solid #c9c9c9; box-sizing:border-box; padding:18px 14px; background:#fff; display:inline; margin-right:40px; height:360px; position:relative; overflow:hidden;}
.hl_main5_content1 ul li img{ width:270px; height:177px;position:relative; z-index:1; }
.hl_main5_content1 ul li h3 { font-weight:400; font-size:16px; color:#313131; line-height:32px; margin-top:10px; position:relative; z-index:1; transition:0.3s;}
.hl_main5_content1 ul li i { display:block; font-size:14px; color:#acacac; line-height:24px;position:relative; z-index:1;transition:0.3s;}
.hl_main5_content1 ul li p { font-size:12px; color:#313131; line-height:18px;position:relative; z-index:1;transition:0.3s;}
.hl_scrool_leftbtn{ position:absolute; left:0; top:50%; width:36px; height:67px; background:url(../images/lbtn.png) no-repeat center; cursor:pointer; margin-top:-33px;}
.hl_scrool_rightbtn{ position:absolute; right:0; top:50%; width:36px; height:67px; background:url(../images/rbtn.png) no-repeat center; cursor:pointer; margin-top:-33px;}
.back_box { background:#00adff; position:absolute; left:0%; bottom:0; width:100%; height:0; transition:0.2s; }
.hl_main5_content1 ul li:hover .back_box { height:100%; width:100%; bottom:0; left:0; transition:0.3s}
.hl_main5_content1 ul li:hover h3 { color:#fff;}
.hl_main5_content1 ul li:hover i { color:#fff;}
.hl_main5_content1 ul li:hover p { color:#fff;}
.view_more { margin:40px auto 0; display:block; border-radius:200px; border:1px solid #FF7000; color:#FF7000; width:200px; height:36px; line-height:36px; text-align:center; font-size:12px; transition:0.4s; text-transform:uppercase;}
.view_more:hover { background:#FF7000; color:#fff;}
.cont_4 {  background:#fff; position:relative; padding:100px 0; box-sizing:border-box; overflow:hidden; }


.list_box { margin:40px auto 0; width:1300px; overflow:hidden; padding-left:50px; box-sizing:border-box;}
.list_box li { margin-top:20px; margin-right:20px; float:left; text-align:center;}
.flip-3d { perspective: 1200px; width: 284px; float: left;}
.flip-3d figure { position: relative; transform-style: preserve-3d; transition: 1s transform; }
.flip-3d figure img { width:284px; height: 190px; }
.flip-3d figure figcaption { position: absolute; width:284px; height:190px;top: 0;transform: rotateY(.5turn) translateZ(1px);background:#00adff; text-align: center; transition: 1s .5s opacity; }
.flip-3d figure figcaption i{display:block; background:#fff; color:#00adff;width:60px; height:30px; margin:0 auto; margin-top:80px; text-decoration:none; line-height:30px;}
.flip-3d:hover figure { transform: rotateY(.5turn);}
.flip-3d:hover figure figcaption { opacity: 1; }
.flip-3d figure:after { display: block;}
@media screen and (max-width: 800px) {
#flip-3d { perspective-origin: center top; }
div#flip-3d figure { float: none; width: 50%; margin: 0 auto; }
.flip-3d figure figcaption { font-size: 0.8rem; }
div#flip-3d figure:last-child { display: none; }
}

.cont_5 { background:url(../images/back4.jpg) no-repeat bottom center #2780b7; height:560px; position:relative; overflow:hidden;}
.new_box { width:1200px; margin:40px auto 0; padding-right:15px; padding-left:600px; box-sizing:border-box; overflow:hidden;}
.new_box h2 { font-size:36px; color:#fff; line-height:74px;}
.new_box h2 font { font-size:18px; opacity:.5; font-weight:400;  margin-left:5px;}
.new_top { padding-bottom:10px; overflow:hidden;}
.new_top li { float:left; width:138px; height:34px; border:1px solid #ff7000; margin-right:10px; transition:0.3s; background-image:url(../images/ico.jpg); background-position:left center; background-repeat:no-repeat; background-size:0 100%;}
.new_top li a { font-size:16px; color:#fff; line-height:32px; text-align:center; display:block; cursor:pointer; transition:0.4s;}
.new_top li:hover { background-size:100% 100%;}
.new_top li:hover a { color:#0e639a;}
.new_top .on { background-size:100% 100%;}
.new_top .on a { color:#0e639a;}
.new_bot { width:1900px; overflow:hidden; position:absolute; left:0; top:0;}
.new_bot>li { width:585px; margin-right:15px; float:left;}
.new_li li { border-bottom:1px dashed #fff; padding-left:20px; background:url(../images/icon1.png) no-repeat left center;}
.new_li li  a { color:#fff; font-size:14px; line-height:56px;} 
.new_li li  a:hover { text-decoration:underline;}
.nc_box { position:relative; width:100%; height:290px; overflow:hidden;}
.view_more_ff { border-radius:200px; border:1px solid #FF7000; width:170px; height:36px; text-align:center; line-height:36px; display:block; color:#fff; margin-top:16px; transition:0.3s; text-transform:uppercase;}
.view_more_ff:hover { background:#FF7000; color:#fff;}
.new_li li:last-child { border-bottom:none;}

.cont_6 { position:relative; padding:100px 0; box-sizing:border-box;}
.list_1 { text-align:center; margin-top:50px; font-size:0;}
.list_1 li { display:inline-block; border:1px solid #bfbfbf; padding:70px 0 0; width:232px; height:304px; box-sizing:border-box; vertical-align:top; margin:0 5px; transition:0.4s; background:url(../images/rex1.png) no-repeat bottom center; background-size:100% 0;}
.list_1 li i { display:block; width:100%; height:110px; background-image:url(../images/picbox.png); background-repeat:no-repeat; transition:0.4s;}
.list_1 li h3 { font-size:16px; color:#313131; line-height:22px; text-align:center; font-weight:400; transition:0.3s;}
.list_1 li p { font-size:12px; color:#707478; line-height:14px; transition:0.3s;}
.list_1 li .i_1 { background-position:60px 10px;}
.list_1 li .i_2 { background-position:-175px 10px;}
.list_1 li .i_3 { background-position:-430px 10px;}
.list_1 li .i_4 { background-position:-660px 10px;}
.list_1 li .i_5 { background-position:-910px 10px;}
.list_1 li:hover .i_1 { background-position:60px -140px;}
.list_1 li:hover .i_2 { background-position:-175px -140px;}
.list_1 li:hover .i_3 { background-position:-430px -140px;}
.list_1 li:hover .i_4 { background-position:-660px -140px;}
.list_1 li:hover .i_5 { background-position:-910px -140px;}
.list_1 li:hover { background-size:100% 100%; border-color:#00adff;}
.list_1 li:hover h3 { color:#fff;}
.list_1 li:hover p { color:#96d3ff;}


.cont_7 {   box-sizing:border-box; overflow:hidden; padding-left:100%; transition:padding 0.6s,opacity 1.3s; opacity:0}
.contact { width:1150px; margin:50px auto 0; overflow:hidden;}
.contact_top { border-bottom:1px solid #dfdfdf; padding-bottom:30px; overflow:hidden;}
.contact_top>img { float:left; width:180px; height:180px;}
.tact_1 { float:left; width:360px; height:auto;}
.tact_1 h2 { text-align:left; font-size:16px; color:#535353; line-height:52px;}
.tact_1 p { font-size:12px; color:#535353; line-height:30px; padding-left:36px; background:url(../images/pic_1.png) no-repeat; overflow:hidden;}
.tact_1 .p1 { background-position:0 5px;}
.tact_1 .p2 { background-position:0 -22px;}
.tact_1 .p3 { background-position:0 -55px;}
.tact_1 .p4 { background-position:0 -84px;}
.tact_1 p span { width:50%; float:left;}
.h3_cont { text-align:center; margin-top:40px;}
.h3_cont h3 { font-size:31px; color:#00adff; line-height:44px;}
.h3_cont p { font-size:14px; color:#727171; line-height:30px; text-transform:uppercase;}

.bottom { background:#fff; text-align:center; margin-top:20px;}
.bottom p { line-height:104px; font-size:12px; color:#535353;}
.bot_1200 { width:1200px; padding:60px 0; position:relative; overflow:hidden; margin:0 auto;}
.bot_1200>img { float:left;}
.mi_bot { float:left; width:680px; height:auto; margin-left:60px;}
.link a{ font-size:14px; color:#313131; line-height:36px; margin-right:22px; transition:0.3s;}
.mi_bot p { font-size:12px; color:#b6b6b6; line-height:18px; margin-top:5px;}
.link a:hover { text-decoration:underline; color:#0068b7;}
.ri_bot { float:right; width:160px; height:auto; margin-top:25px;}
.ri_bot a { width:42px; height:42px; border-radius:200px; background-image:url(../images/pic_2.png); background-color:#d6d6d6; background-repeat:no-repeat; float:left; margin-right:10px; transition:0.4s;}
.ri_bot .a1 { background-position:12px 11px;}
.ri_bot .a2 { background-position:-41px 11px;}
.ri_bot .a3 { background-position:-93px 11px;}
.ri_bot a:hover { background-color:#313131;}
.ri_bot .a1:hover { background-position:12px -23px;}
.ri_bot .a2:hover { background-position:-41px -23px;}
.ri_bot .a3:hover { background-position:-93px -23px;}

.fotbtn { position:fixed; right:20px; top:20%; z-index:1011;}
.fotbtn a { border-radius:200px; width:10px; height:10px; background:#fff; opacity:.5; display:block; margin:5px 0; border:1px solid #666;}
.fotbtn a.on { opacity:1; border-color:#0080b5;}
.drop { padding-top:13px; width:1000%; position:absolute; top:83px; right:-10px; font-size:0; text-align:right; display:none;}
.drop a { width:95px; display:inline-block; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:url(../images/tvback.png);*display:inline; *zoom:1;}
.drop a:hover { background:url(../images/tvback1.png);}
.nav>li:hover .drop { display:block;}
.drop i { position:absolute; right:46px; top:0; background:url(../images/tv.png) no-repeat center; width:24px; height:13px;}

.nav_in { float:right;}
.nav_in>li { float:left; line-height:100px; position:relative;}
.nav_in>li>a { font-size:16px; color:#313131; line-height:100px; padding:0 25px; display:block;}
.nav_in>li:hover>a { color:#fff; background:#00adff;}
.inbanner { margin-top:100px; height:330px;}
.swicont { border-bottom:1px solid #cfcfcf;}
.in1200 { width:1200px; margin:0 auto; height:61px;}
.loca { float:left; line-height:60px; font-size:12px; color:#898989; padding-left:28px; background:url(../images/icon2.png) no-repeat left center;}
.loca a { color:#898989;}
.swilist { float:right;}
.swilist li { float:left; line-height:60px; margin:0 20px;}
.swilist li a { color:#535353; font-size:14px; line-height:60px; display:block; }
.swilist .on a { color:#00adff; border-bottom:2px solid #00adff;}
.in1065 { width:1065px; margin:0 auto; overflow:hidden;}
.in_title { border-bottom:1px solid #b5b5b5; padding:15px 0 30px;}
.in_title span { border-left:8px solid #00adff; padding-left:20px; line-height:100%; font-size:30px; color:#00adff;}
.in_title span font { color:#707070; font-size:24px; margin-left:5px; text-transform:uppercase;}
.mt40 { margin-top:40px;}
.box_l1 { overflow:hidden; margin-top:100px;}
.box_img { width:406px; height:auto;}
.box_img img { max-width:100%;}
.box_info { width:620px; height:auto;}
.bix_title { padding-left:120px; position:relative; box-sizing:border-box;}
.bix_title h2 { font-size:30px; color:#00aeff; line-height:46px;}
.bix_title p { font-size:22px; color:#535353; line-height:44px;}
.bix_title i { position:absolute; left:0; top:0; font-size:100px; color:#00adff; font-weight:bold;}
.bix_info p { font-size:14px; color:#898989; line-height:24px; }
.bix_info { margin-top:15px;}
.gin_cont { height:180px; margin-top:100px;}
.gin_cont a { display:block; height:180px;}
.drop_info { position:absolute; top:100px; left:-20px; height:66px; width:1000px; box-sizing:border-box; padding:16px 10px 10px 8px; display:none;}
.drback { position:absolute; top:100px; left:50%; margin-left:-9px; width:18px; height:16px; display:none; background:url(../images/dr_bk.png) no-repeat center;}
.drop_info a { float:left; line-height:42px; font-size:14px; color:#535353; width:auto; padding:0 16px; text-align:center; background:#fff;}
.drop_info a:hover { color:#00adff;}
.nav_in>li:hover .drop_info { display:block;}
.nav_in>li:hover .drback { display:block;}

.co_xin1 { margin-top:20px; padding-bottom:20px;}
.tacont { padding:20px 0;}
.ta_img{ text-align:center; padding:20px 0; margin-top:20px;}
.co_title i { background:url(../images/xc1.png) no-repeat center; text-align:center; font-size:35.8px; color:#fff; display:inline-block; vertical-align:middle; width:70px; height:56px; line-height:56px; padding-right:5px; box-sizing:border-box;}
.co_title span { font-size:24px; color:#00adff; line-height:56px; display:inline-block; vertical-align:middle; margin-left:20px;}
.cota1 { text-align:center; margin-top:20px;}
.cota1 th { text-align:center; line-height:52px; font-size:18px; color:#313131;}
.cota1 td { color:#535353; font-size:14px; text-align:center; height:36px;}

.cota2 { text-align:center; margin-top:20px;}
.cota2 th { text-align:center; line-height:52px; font-size:18px; color:#313131;}
.cota2 td { color:#535353; font-size:14px; text-align:center; height:36px;}
.cota2 th strong { text-align:center; width:50%; float:left; border-right:1px solid #000; box-sizing:border-box; height:100%;}
.cota2 th strong:last-child { border-right:none;}
.cota2 td span { text-align:center; float:left; width:50%; border-right:1px solid #000; box-sizing:border-box; height:100%; line-height:36px;}
.cota2 td span:last-child { border-right:none;}

.cota3 { text-align:center; margin-top:20px;}
.cota3 th { text-align:center; line-height:52px; font-size:18px; color:#313131;}
.cota3 td { color:#535353; font-size:14px; text-align:center; height:36px;}
.cota3 th strong { text-align:center; width:50%; float:left; border-right:1px solid #000; box-sizing:border-box; height:100%;}
.cota3 th strong:last-child { border-right:none;}
.cota3 td span { text-align:center; float:left; width:50%; border-right:1px solid #000; box-sizing:border-box; height:100%; line-height:36px;}
.cota3 td span:last-child { border-right:none;}
.bin_cont { padding-left:70px; position:relative; margin-top:10px;}
.bin_cont b { position:absolute; left:0; font-size:18px; color:#00adff; top:0; line-height:24px;}
.bin_cont p { font-size:14px; color:#00adff; line-height:24px;}

.f_4stitle { text-align:center; padding:40px 0;}
.f_4stitle h6 { overflow:hidden; font-weight:400; font-size:48px; color:#535353; line-height:76px;}
.f_4stitle i { display:inline-block; vertical-align:middle; width:94px; background:url(../images/xc1.png) no-repeat center; height:76px; background-size:100% 100%; padding-right:7px; box-sizing:border-box; text-align:center; line-height:76px; color:#fff; font-size:48px; margin-right:15px;}
.f_4stitle h6 font { color:#00adff;}
.f_4stitle h6 span { margin-top:-6px; display:inline-block; vertical-align:top; color:#0097f1; }
.list_2 { text-align:center; overflow:hidden; margin-top:10px; padding-bottom:60px;}
.list_2 li { float:left; width:245px; height:268px; background:#eeeeee; overflow:hidden; border-radius:3px; margin-right:26px;}
.l_t1 { text-align:center; background:#0097f1; padding-top:35px; height:108px; box-sizing:border-box;}
.l_t1 h6 { font-size:36px; color:#fff; font-weight:400; line-height:100%}
.l_t1 h6 b { font-size:60px; color:#ffb400;}
.l_t1 p { font-size:14px; color:#fff; line-height:24px;}
.l_t2 { padding:20px; box-sizing:border-box;}
.l_t2 p { font-size:12px; color:#535353; line-height:18px; text-align:left;}
.tc_cont { text-align:center;}

.fin_li { text-align:center;}
.fin_li li { display:inline-block; width:327px; height:177px; margin:0 5px;}
.fin_li li img { width:100%; height:100%;}
.in_t1 { text-align:center; height:78px; line-height:78px; background:#00adff; margin-top:70px; }
.in_t1 h2 { font-size:36px; color:#fff; font-weight:400;}
.in_t1 b { font-weight:bold; font-size:48px;}
.f_4stitle b { font-size:72px;}
.list_3 { overflow:hidden; width:104%;}
.list_3 li { float:left; width:240px; height:200px; background:#00adff; margin-right:14px; margin-top:26px;}
.list_3 li img { width:100%; height:163px; float:left;}
.list_3 li p { font-size:12px; color:#fff; height:37px; line-height:14px; padding-top:4px; padding-left:10px; padding-right:10px; box-sizing:border-box; float:left;}
.list_4 { overflow:hidden; width:104%;}
.list_4 li { float:left; width:286px; height:254px; margin-right:65px; margin-top:30px;}
.list_4 li img { width:100%; height:190px; float:left;}
.list_4 li  p { font-size:14px; color:#535353; line-height:23px; margin-top:8px; float:left; width:100%;}
.newlist { overflow:hidden; padding:40px; box-sizing:border-box;}
.newlist li { border-bottom:1px solid #d2d2d2;}
.newlist li a { padding:40px 30px; box-sizing:border-box; display:block; overflow:hidden;}
.new_li_info { float:left; width:766px; height:140px;}
.new_li_info h2 { font-size:18px; color:#313131; line-height:30px;}
.new_li_info span { font-size:12px; color:#313131; line-height:40px;}
.newlist li img { float:right; width:220px; height:140px;}
.on_1200 { width:1200px; margin:0 auto; overflow:hidden;}
.new_li_info p { font-size:12px; color:#535353; line-height:20px;}
.newlist li:hover { background:#f1f1f1;}
.page{ padding:40px 40px; text-align:left; overflow:hidden;}
.page a { float:left; font-size:14.5px; color:#464646; padding:0 10px; line-height:30px; border:1px solid #464646; border-radius:3px; margin-right:5px;}
.page b { float:left; font-size:14.5px; color:#fff; padding:0 10px; line-height:30px; background:#00adff; border:1px solid #00adff; border-radius:3px; margin-right:5px;}
.page_in { padding:40px 0;}
.page_in a { border:1px solid #d2d2d2; border-radius:2px; padding:0 20px; line-height:28px; float:left; margin-right:15px; color:#898989;}
.page_in a img { margin-left:5px;}
.info_title { border-bottom:1px solid #d2d2d2; padding:10px 0; margin-top:26px;}
.info_title h1 { font-size:24px; color:#707070; line-height:30px; font-weight:400;}
.info_title span { font-size:12px; color:#a0a0a0; line-height:20px;}
.info_cont { padding:30px 0;}
.info_cont p { font-size:12px; color:#535353; line-height:24px;}
.info_cont img {}
.share { text-align:right;}
.case_list { overflow:hidden; padding:20px 10px;}
.case_list li { float:left; width:340px; height:220px; position:relative; margin-top:50px; margin-left:35px; overflow:hidden; transition:0.4s;}
.case_list li img { width:100%; height:100%;}
.case_list li p{ font-size:12px; color:#fff; line-height:40px; position:absolute; bottom:0; padding:0 10px; background:url(../images/back1.png); width:100%;}
.btn_zin { transition:0.4s; width:100%; height:100%; position:absolute; top:220px; left:0; background:url(../images/back1.png); text-align:center; padding-top:85px; box-sizing:border-box;}
.btn_zin i { display:block; margin:0 auto; width:48px; height:48px; background:url(../images/se_btn.png) no-repeat center; border:2px solid #fff; box-sizing:border-box;}
.case_list li:hover .btn_zin { top:0;}

.partners_li{width:1600px; overflow:hidden; }
.partners_li li{ float:left; width:270px; border:1px solid #c9c9c9; box-sizing:border-box; padding:18px 14px; background:#fff; display:inline; margin-right:40px; height:330px; position:relative; overflow:hidden; margin-top:55px;}
.partners_li li img{ width:100%; height:160px;position:relative; z-index:1; }
.partners_li li h3 { font-weight:400; font-size:16px; color:#313131; line-height:32px; margin-top:10px; position:relative; z-index:1; transition:0.3s;}
.partners_li li i { display:block; font-size:14px; color:#acacac; line-height:24px;position:relative; z-index:1;transition:0.3s;}
.partners_li li p { font-size:12px; color:#313131; line-height:18px;position:relative; z-index:1;transition:0.3s;}
.partners_li li:hover .back_box { height:100%; width:100%; bottom:0; left:0; transition:0.3s}
.partners_li li:hover h3 { color:#fff;}
.partners_li li:hover i { color:#fff;}
.partners_li li:hover p { color:#fff;}

.organ { width:1100px; margin:0 auto; }
.or_title {  padding-bottom:10px; font-size:13px; margin-top:60px;}
.or_title h3 { font-size:18px; color:#313131 ; line-height:40px;}
.or_title h3 font { font-weight:400; margin-left:10px; color:#707070; text-transform:uppercase;}
.or_cont { margin-top:40px; text-align:center;}
.or_flow { padding:40px 0 20px;}
.or_list { border-bottom:2px solid #91dcff; position:relative; margin-top:30px;}
.or_list li { display:inline-block; text-align:center; width:60px; margin-left:-25px; margin-right:70px; position:relative; padding-bottom:20px;}
.or_list li h4 { font-weight:400; font-size:16px; color:#ea7835; line-height:30px; text-align:center; box-sizing:border-box; padding-left:2px;}
.or_list li p { font-size:14px; color:#434343; line-height:22px; text-align:center;}
.or_list li i { position:absolute; bottom:-6px; width:12px; height:12px; border-radius:200px; background:#00adff; left:50%; margin-left:-6px;}
.or_box { padding:50px 0;}
.or_box p { font-size:14px; color:#707070; line-height:40px;}
.or_box p font { color:#00adff; font-size:24px; margin-right:15px; line-height:40px;}
.hcin1 { width:1200px; margin:50px auto 0; overflow:hidden;}
.hcin1 img { width:100%;}
.hcin2 { width:1200px; margin:30px auto 0; overflow:hidden; box-sizing:border-box;}
.hcin2 td { height:142px;}
.bin1 { border:1px solid #c9c9c9; float:left; width:400px;}
.bin1 td img { margin:0 auto; display:block;}
.bin1 h5 { font-weight:400; font-size:18px; color:#00adff; line-height:26px;}
.bin1 p { font-size:14px; color:#898989; line-height:20px;}

.bin2 { border:1px solid #c9c9c9; float:left; width:400px; margin-left:-1px; box-sizing:border-box;}
.bin2 td img { margin:0 auto; display:block;}
.bin2 h5 { font-weight:400; font-size:18px; color:#00c309; line-height:26px;}
.bin2 p { font-size:14px; color:#898989; line-height:20px;}

.bin3 { border:1px solid #c9c9c9; float:left; width:400px; margin-left:-1px; box-sizing:border-box;}
.bin3 td img { margin:0 auto; display:block;}
.bin3 h5 { font-weight:400; font-size:18px; color:#ff0000; line-height:26px;}
.bin3 p { font-size:14px; color:#898989; line-height:20px;}
.hcin3 { overflow:hidden; margin-top:30px;}
.m_box1 { padding:65px 0;}
.m_1100 { width:1100px; margin:0 auto; overflow:hidden; position:relative;}
.m_1100>img { width:444px; height:284px;}
.m_info { width:576px; height:auto;}
.m_info h3 { font-weight:400; font-size:30px; color:#00aeff; line-height:62px; margin-top:8px;}
.m_info h4 { font-weight:400; font-size:24px; color:#535353; line-height:40px;}
.m_info p { font-size:14px; color:#898989; line-height:30px;}

.m_box2 { padding:65px 0; background:#eee; }
.licin1 { position:relative; padding-left:88px; margin-top:10px;padding-top:10px;}
.licin1 img { position:absolute; left:0; top:0;}
.licin1 h5 { font-weight:400; font-size:18px; color:#707070; line-height:24px;}
.hcin4 { text-align:center; padding:20px 0;}
.hcin4 img { width:1012px;}
.hcin5 { text-align:center; padding:20px 0;}
.hcin5 img { width:1131px;}
.hcin6 { text-align:center; padding:20px 0;}
.hcin6 img { width:1100px;}
.m_box3 { background:#eeeeee; padding:30px 0;}
.m_box3 h4 { font-weight:400; font-size:30px; color:#00aeff; margin-top:20px; line-height:54px;}
.m_box3 p { font-size:14px; color:#898989; line-height:24px;}
.incon1 { overflow:hidden; padding:40px 0 20px;}
.incon1>img { float:left; width:350px;}
.in_ping { float:right; width:650px; height:auto;}
.in_ping h3 { font-size:30px; color:#00aeff; line-height:76px; display:block; background:url(../images/12.jpg) no-repeat left center; padding-left:95px;}
.in_ping h4 { font-size:18px; color:#fd0714; line-height:28px; margin-top:10px; font-weight:400;}
.in_ping p { font-size:14px; color:#898989; line-height:18px;}
.incon2 { overflow:hidden; position:relative; width:660px; padding-right:340px;}
.mon_img { position:absolute; right:0; top:390px;}

.lcin { width:100%; height:auto;}
.lcin  h3 { font-size:30px; color:#00aeff; line-height:76px; display:block; background:url(../images/12.jpg) no-repeat left center; padding-left:95px;}
.lcin  h4 { font-size:18px; color:#fd0714; line-height:28px; margin-top:10px; font-weight:400;}
.lcin  p { font-size:14px; color:#898989; line-height:18px;}


.mcin { text-align:center; margin-top:70px;}
.mcin img { width:100%;}
.n_cont { overflow:hidden; border-bottom:1px solid #707070; padding:25px 0;}
.n_cont h2 { font-size:30px; color:#00aeff; line-height:62px; font-weight:400;}
.n_cont h3 { font-weight:400; font-size:24px; color:#fe6d00; line-height:30px; margin-top:15px;}
.n_cont p { font-size:14px; color:#898989; line-height:24px;}
.n_img { overflow:hidden; position:relative; width:108%;}
.n_img img{ margin-right:28px; display:inline-block; vertical-align:top; max-width:60%; }

.n_cont:last-child { border-bottom:none;}
.photact { overflow:hidden; width:100%;}

.phone_bot { padding-left:170px; position:relative; width:920px; box-sizing:border-box; margin-top:40px; margin-left:auto; margin-right:auto;}
.phone_bot .chat-in { position:absolute; left:0; top:0; width:154px; height:154px;}
.phone_bot h3 { font-size:18px; color:#000000; line-height:50px; vertical-align:middle;}
.phone_bot h3 img { vertical-align:middle;}
.phone_bot h4 { font-size:30px; color:#00adff; line-height:40px; margin-top:10px; font-weight:400;}
.phone_bot h5 { font-weight:400; font-size:14px; color:#727171; line-height:110%;}
.phone_bot p { font-size:12px; color:#535353; line-height:40px;}

.con_tin { padding-left:170px; position:relative;  box-sizing:border-box; margin-top:80px; width:1140px; margin-left:auto; margin-right:auto; border-bottom:1px solid #999; padding-bottom:24px;}
.con_tin .chat-in { position:absolute; left:0; top:0; width:154px; height:154px;}
.con_tin h3 { font-size:18px; color:#000000; line-height:50px; vertical-align:middle;}
.con_tin h3 img { vertical-align:middle;}
.con_tin h4 { font-size:30px; color:#00adff; line-height:40px; font-weight:400;}
.con_tin h5 { font-weight:400; font-size:14px; color:#727171; line-height:110%;}
.con_tin p { font-size:12px; color:#535353; line-height:30px;}

.con_bin { width:1100px; margin:34px auto 0; overflow:hidden;}
.swi_t1 { width:1100px; margin:40px auto 0; overflow:hidden;}
.swi_t1 li { float:left; width:162px; height:32px; border:1px solid #b5b5b5; line-height:30px; box-sizing:border-box; text-align:center; margin-right:10px; font-size:14px; color:#535353; cursor:pointer;}
.swi_t1 .on { background:#00adff; color:#fff; border-color:#00adff;}
.map { display:block;width:1100px; margin:12px auto 0;}
.map>li { display:none;}
.map>.on { display:block;}


.gif1 { display:none;}
.build_list li:hover .gif1 { display:inline;}
.build_list li:hover .ico1 { display:none;}

.new_cont { background:#00aeff; padding:50px 0; height:220px; box-sizing:border-box;}
.new_in_31 { width:840px; box-sizing:border-box; padding-left:214px; position:relative; margin:0 auto; height:120px;}
.chat_31 { position:absolute; left:0; top:0; width:120px; height:120px;}
.new_in_31 h5 { font-weight:400; font-size:30px; color:#fff; line-height:64px;}
.new_in_31 p { font-size:18px; color:#fff; vertical-align:bottom;}
.new_in_31 p img { vertical-align:bottom;}

.fi_title { text-align:center; padding:40px 0 30px;}
.fi_title h3 { font-size:48px; color:#0097f1; line-height:54px;}
.fi_title h4 { font-size:36px; color:#ffb400; line-height:44px;}
.fi_title h5 { font-size:24px; color:#0097f1; line-height:34px;}
.in_xin1 { margin-top:90px;}
.in_xin2 { margin-top:90px;}
.in_xin1 h2 { font-size:36px; color:#0097f1; line-height:46px;}
.in_xin2 h2 { font-size:36px; color:#0097f1; line-height:46px;}
.boxin_ov h3 { font-size:24px; color:#ffa800; line-height:32px; font-weight:400; }
.box_over { overflow:hidden;}
.boxin_ov { float:left; width:378px; }
.boxin_ov p { font-size:14px; color:#757575; line-height:18px;}
.box_over img { float:right; }
.mt_40 { margin-top:-40px}
.inbox1 { margin-top:60px;}
.inbox1 h2 { font-size:36px; color:#0097f1; line-height:84px;}
.cin_box { background:url(../images/bn1.jpg) no-repeat left center; position:relative; height:352px; padding-right:260px; overflow:hidden;}
.cin_img { position:absolute; right:0; bottom:0; width:260px;}
.cin_cont { float:left; width:50%; box-sizing:border-box; height:174px; margin-top:5px; padding:32px 80px 0 66px;}
.cin_cont h3 { font-size:30px; color:#fff; line-height:34px;}
.cin_cont p { font-size:18px; color:#fff; line-height:24px;}
.box_img_cont { text-align:center;}

.box_c1 { overflow:hidden; margin-top:60px; position:relative; }
.box_c1 img { float:left;  margin:0 30px;}
.box_c1 h5 { font-size:48px; color:#00adff; line-height:50px; padding-left:50px; float:right; width:400px; margin-bottom:50px;}
.box_c1 h5 font { color:#ff9019; font-size:40px;}
.box_c1 p { font-size:22px; color:#7b7b7b; line-height:33px; padding-left:50px; float:right; width:400px;}
.box_c2 { margin-top:45px; overflow:hidden;}
.box_lc1 { float:left; width:610px; height:auto;}
.box_lc1 strong { font-size:36px; color:#00adff; line-height:46px; background:url(../images/st1.jpg) no-repeat right center; padding-right:32px;}
.box_lc1 p { font-size:14px; color:#757575; line-height:24px;}
.box_lc1 h3 { font-size:24px; color:#ff9019; line-height:36px;}
.ic_r1 { float:right; width:369px; height:229px; margin-top:15px; margin-right:6px;}
.box_newlist { overflow:hidden; margin-top:15px;}
.box_newlist li { float:left; width:200px; height:176px; margin-right:12px; background:#e5e5e5; text-align:center; border:1px solid #9ed5ee;}
.box_newlist li img { width:100%; height:133px;}
.box_newlist li p { font-size:12px; color:#535353; line-height:16px; overflow:hidden; margin-top:4px; display:block; height:32px; overflow:hidden;}
.box_c3 { overflow:hidden; margin-top:100px;}
.box_lc2 { float:left; width:240px; height:auto;}
.box_lc2 strong { font-size:36px; color:#00adff; line-height:46px; background:url(../images/st1.jpg) no-repeat right center; padding-right:32px;}
.box_lc2 p { font-size:14px; color:#757575; line-height:24px;}
.box_lc2 h3 { font-size:24px; color:#ff9019; line-height:36px;}
.box_c4 { overflow:hidden; margin-top:100px;}
.box_lc3 { float:left; width:380px; height:auto;}
.box_lc3 strong { font-size:36px; color:#00adff; line-height:46px; background:url(../images/st1.jpg) no-repeat right center; padding-right:32px;}
.box_lc3 p { font-size:14px; color:#757575; line-height:24px;}
.box_lc3 h3 { font-size:24px; color:#ff9019; line-height:36px;}

.box_c5 { overflow:hidden; margin-top:100px;}
.box_lc4 { float:left; width:440px; height:auto;}
.box_lc4 strong { font-size:36px; color:#00adff; line-height:46px; background:url(../images/st1.jpg) no-repeat right center; padding-right:32px;}
.box_lc4 p { font-size:14px; color:#757575; line-height:24px;}
.box_lc4 h3 { font-size:24px; color:#ff9019; line-height:36px;}
.img_cont { overflow:hidden; width:102%;}
.img_cont img { float:left; margin-bottom:12px; margin-right:20px; width:369px; height:176px;}
.box_lc5 { float:left; width:100%; height:auto;}
.box_lc5 strong { font-size:36px; color:#00adff; line-height:46px; background:url(../images/st1.jpg) no-repeat right center; padding-right:32px;}
.box_lc5 p { font-size:14px; color:#757575; line-height:24px;}
.box_lc5 h3 { font-size:24px; color:#ff9019; line-height:36px;}
.syi1 { overflow:hidden; margin-top:10px;}
.syi1 img { width:258px; height:163px; float:left; margin-bottom:12px; margin-right:10px;}


.boxnew1 { overflow:hidden; height:auto; margin-top:90px; padding-bottom:20px;}
.lcin1 { float:left; width:50%; height:auto;}
.lcin1 h5 { font-size:18px; color:#434343; line-height:36px;}
.lcin1 p { font-size:12px; color:#898989; line-height:20px;}
.on_w1100 { width:1100px; margin:0 auto; overflow:hidden;}
.table_list { margin-top:36px;}
.table_title { border-bottom:2px solid #c4c4c4; overflow:hidden;}
.table_title span { padding-left:16px; font-size:18px; color:#464646; line-height:40px; float:left; width:25%; box-sizing:border-box; text-align:center;}
.span_1 { text-align:left !important;}
.table_cont li{ border-bottom:1px solid #c4c4c4; overflow:hidden;}
.table_cont span { padding-left:16px; font-size:12px; color:#636363; line-height:40px; float:left; width:25%; box-sizing:border-box; text-align:center;}
.table_cont li:hover span  { color:#00adff;}

.ncont_box { margin-top:50px; overflow:hidden;}
.ncbox_title { background:url(../images/i_1.jpg) no-repeat left top; padding-left:26px; box-sizing:border-box;}
.ncbox_title h2 { font-size:30px; color:#00adff; line-height:32px;}
.ncbox_title p { font-size:18px; color:#ff9019; line-height:28px;}
.ovcont { overflow:hidden; margin-top:10px;}
.ov_left { float:left; width:550px; margin-left:33px; position:relative; z-index:10;}
.ov_left p { font-size:14px; color:#787878; line-height:22px;}
.ov_left h3 { font-size:28px; color:#ff9019; line-height:72px;}
.ov_right { float:right; width:456px; height:auto; margin-right:22px;}
.ov_right img { float:left;}
.ov_right .img1 { width:456px; height:241px;}
.ov_right .img2 { width:225px; height:159px; margin-top:11px;}
.ov_right .img3 { width:225px; height:159px; margin-left:6px; margin-top:11px;}
.nlcont { margin-top:20px; overflow:hidden; float:left; width:100%;}
.nlcont img { float:left; width:258px; height:192px; margin-right:10px;}
.ovimg { float:left; width:100%; text-align:center; margin-top:-100px; }

.ov_info { margin-top:6px;}
.ov_info p { font-size:14px; color:#787878; line-height:30px; padding:0 30px;}
.ov_info img { margin-top:10px;}
.ov_inr { float:right; width:560px; height:auto; }
.ov_inr img { width:172px; height:225px; float:left; margin-right:10px; margin-bottom:34px; border-bottom:2px solid #333; border-right:2px solid #333;}
.ovcin { float:left; width:456px; height:auto;}
.ovcin p { font-size:14px; color:#787878; line-height:30px;}
.ovcin img { margin-top:15px;}
.concern { overflow:hidden;}
.concern li { float:left; width:260px; height:220px; position:relative; margin-top:25px; margin-left:12px; background:#00a8ec;}
.concern li img { width:100%; height:176px; float:left;}
.concern li p { font-size:12px; color:#fff; padding:5px; float:left; width:100%; box-sizing:border-box; line-height:18px;}
.filecont { position:relative; width:986px; margin:0 auto; padding-right:400px; box-sizing:border-box; min-height:402px;}
.filecont h5 { font-size:16px; color:#787878; line-height:40px;}
.filecont p { font-size:14px; color:#787878; line-height:20px;}
.filecont img { position:absolute; right:0; top:0; width:318px; height:402px;}

.filecont_2 { position:relative; width:986px; margin:0 auto; padding-left:435px; padding-top:45px; box-sizing:border-box; min-height:365px;}
.filecont_2 h5 { font-size:16px; color:#787878; line-height:40px;}
.filecont_2 p { font-size:14px; color:#787878; line-height:20px;}
.filecont_2 img { position:absolute; left:0; top:0; width:318px; height:364px;}

.ov_inr_l { float:right; width:562px; height:auto;}
.ov_inr_l img { float:left; margin-bottom:8px; margin-right:7px;}
.ov_inr_l .icin_img { width:179px; height:134px;}
.ov_inr_l .icin_img_m { width:550px; height:206px;}