@media screen and (min-width:1025px) and (max-width:1201px){
@charset "utf-8";

/*首页*/
.blank0{ width:100%; height:0px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank90{ width:100%; height:90px; clear:both;}
.blank100{ width:100%; height:100px; clear:both;}

.center{ width:1024px; margin:0 auto; overflow:hidden;}
.center1170{ width:1024px; margin:0 auto;}
.body_bg{ background:url(../images/index4.jpg) center center no-repeat; position:fixed; z-index:-10; top:0; left:0; width:100%; height:100%;}

.header{ width:100%; height:80px; background:#FFF; overflow:hidden;}
.logo{ float:left; font-size:16px; color:#009cff; height:80px; line-height:80px; margin-left:10px; margin-top:12px;}
.header1{ float:right;}
.header1 li{ float:left;}
.header1 li a{ display:block; width:80px; height:80px; line-height:80px; font-size:14px; color:#444; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.header1 li a:hover{ color:#009cff;}
.header1 li .a_on{ color:#009cff;}

/* 本例子css */
.slideBox{ width:100% !important; height:630px; overflow:hidden; position:relative; z-index:10; background:#FFF;}
.slideBox .hd{ width:100%; height:13px; overflow:hidden; position:absolute; left:0px; bottom:40px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-block;}
.slideBox .hd ul li{ float:left; margin-left:10px; margin-right:10px; width:13px; height:13px; text-align:center; cursor:pointer; background:url(../images/index1.png) center center no-repeat;}
.slideBox .hd ul li.on{ background:url(../images/index1_on.png) center center no-repeat;}
.slideBox .bd{ width:100% !important; position:relative; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100% !important; height:630px;}
.slideBox .bd .bd_li1{ font-size:30px; font-weight:bold; color:#009cff; height:40px; line-height:40px; max-width:1000px; display:inline-table; margin-top:190px;}
.slideBox .bd .bd_li2{ font-size:16px; color:#009cff; height:40px; line-height:40px; padding:0 23px; border:1px solid #d5d8dc; max-width:900px; display:inline-table; margin-top:30px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}

.index1{ width:100%; min-height:680px; background:#FFF; overflow:hidden;}

.title{ float:left; width:100%; overflow:hidden;}
.title1{ float:left; font-size:26px; color:#444444; height:30px; line-height:30px;}
.title2{ float:left; font-size:14px; color:#a0a0a0; font-family:"Arial"; height:30px; line-height:45px; margin-left:16px;}

.index1_1{ float:left; width:1024px; min-height:410px; position:relative; margin-top:50px;}
.index1_2{ position:absolute; z-index:100; width:91px; height:95px; background:#009cff; -webkit-box-shadow:0px 3px 10px #48b3f7; -moz-box-shadow:0px 3px 10px #48b3f7; box-shadow:0px 3px 10px #48b3f7; top:0; left:22px;}
.index1_2 span{ float:left; display:block; width:70px; height:60px; border:1px solid #FFF; margin-top:12px; margin-left:9px; font-size:20px; color:#FFF; line-height:26px; padding-top:10px;}

.index1_3{ float:left; margin-top:40px; width:459px; height:331px; overflow:hidden; position:relative;}
.index1_4{ float:left; position:relative; z-index:10; width:443px; height:312px;}
.index1_5{ position:absolute; bottom:0; right:0; width:443px; height:312px; background:#009cff;}

.index1_6{ float:right; width:530px; overflow:hidden; text-align:left;}
.index1_7{ float:left; font-size:22px; color:#009cff; width:663px; height:50px; line-height:50px; overflow:hidden;}
.index1_8{ float:left; width:530px; min-height:270px; overflow:hidden; font-size:14px; color:#444; line-height:30px; margin-top:25px;}
.index1_8 b{ color:#009cff;}
.index1_9{ display:block; float:right; margin-top:10px; width:221px; height:45px; line-height:45px; border:1px solid #d5d8dc; text-align:center; font-size:14px; color:#444; font-family:"Arial"; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.index1_9:hover{ background:#009cff; color:#FFF; border:1px solid #009cff;}

.index2{ width:100%; height:1260px; background:url(../images/index2.jpg) top repeat-x #FFF; overflow:hidden;}

.index2_1{ float:left; width:1023px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; margin-top:40px;}
.index2_1 li{ float:left; width:340px; height:503px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; cursor:pointer;}
.index2_2{ float:left; display:block; width:340px; height:410px; overflow:hidden; outline:none;}
.index2_2 img{ float:left; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; width:340px; height:410px;}
.index2_3{ float:left; width:340px; height:92px; border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.index2_4{ float:left; font-size:20px; font-weight:bold; color:#444; width:320px; margin-left:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:30px; line-height:30px; margin-top:20px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.index2_5{ float:left; font-size:14px; color:#b1b1b1; width:320px; margin-left:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:30px; line-height:30px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.index2_6{ display:inline-block; margin-top:40px; width:221px; height:45px; line-height:45px; border:1px solid #d5d8dc; text-align:center; font-size:14px; color:#444; font-family:"Arial"; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.index2_6:hover{ background:#009cff; color:#FFF; border:1px solid #009cff;}

.index2_1 li:hover .index2_3{ background:#009cff;}
.index2_1 li:hover .index2_4{ color:#FFF;}
.index2_1 li:hover .index2_5{ color:#a3d1ff;}
.index2_1 li:hover .index2_2 img{ -webkit-transform:scale(1.1) translateX(-5px); -moz-transform:scale(1.1) translateX(-5px); -ms-transform:scale(1.1) translateX(-5px); -o-transform:scale(1.1) translateX(-5px); transform:scale(1.1) translateX(-5px);}
.index2_1 li:hover .index2_4{ margin-left:15px;}
.index2_1 li:hover .index2_5{ margin-left:15px;}

.index3{ width:100%; height:832px; position:relative; overflow:hidden;}
.index3_1{ width:1024px; height:374px; position:relative; float:left; margin-top:195px;}
.index3_2{ width:256px; height:187px; position:absolute; top:0; left:0;}
.index3_3{ width:256px; height:187px; position:absolute; top:0; left:255px;}
.index3_4{ width:256px; height:187px; position:absolute; top:0; left:510px;}
.index3_5{ width:256px; height:187px; position:absolute; top:0; left:765px;}
.index3_6{ width:256px; height:187px; position:absolute; top:186px; left:0;}
.index3_7{ width:256px; height:187px; position:absolute; top:186px; left:255px;}
.index3_8{ width:256px; height:187px; position:absolute; top:186px; left:510px;}
.index3_9{ width:256px; height:187px; position:absolute; top:186px; left:765px;}
.index3 a{ display:block; width:256px; height:187px;}
.index3 a img{ display:block; position:relative; z-index:100; float:left; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; width:256px; height:187px;}
.index3 a span{ display:block; width:256px; height:187px; background:#009cff; position:absolute; top:0; left:0; z-index:10; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.index3 a:hover span{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.index3 a img:hover{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.index3 a:hover{ z-index:1000;}
.index3_10{ width:100%; height:164px; background:#FFF; position:absolute; top:0; left:0; z-index:1;}

/* 本例子css */
.slideTxtBox{ width:1024px; float:left; margin-top:30px;}
.slideTxtBox .hd{ width:1024px; height:60px; border-bottom:1px solid #ddd; position:relative;}
.slideTxtBox .hd>ul{ float:left; width:1024px; text-align:right;}
.slideTxtBox .hd>ul>li{ cursor:pointer; font-size:16px; color:#444; display:block; height:60px; line-height:60px; padding:0 30px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; display:inline-block;}
.slideTxtBox .hd>ul>li.on{ border-bottom:1px solid #33b0ff; color:#33b0ff;}

.slideTxtBox .bd>ul{ zoom:1;}
.slideTxtBox .bd>li{ float:left; width:1024px; overflow:hidden;}

.index4{ width:100%; height:1182px; background:#FFF; overflow:hidden;}
.index4_1{ float:left; width:1024px; height:762px; margin-top:20px; overflow:hidden;}
.index4_1>li{ float:left; width:328px; height:351px; margin-top:30px; margin-right:20px;}
.index4_1>li:nth-child(3n){ margin-right:0;}

.index4_2{ float:left; display:block; width:328px; height:260px; position:relative; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.index4_3{ position:relative; z-index:1; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; width:328px; height:260px;}
.index4_4{ position:absolute; width:328px; height:260px; background:url(../images/index12.png) repeat; top:260px; left:0; z-index:10; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.index4_5{ font-size:60px; font-family:"Arial"; font-weight:bold; color:#FFF; width:250px; height:70px; line-height:70px; position:absolute; top:65px; left:-250px; z-index:10; text-align:left; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; opacity:0;}
.index4_6{ font-size:14px; color:#FFF; width:250px; line-height:30px; height:90px; overflow:hidden; position:absolute; top:299px; left:39px; z-index:10; text-align:left; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; opacity:0;}
.index4_7{ float:left; width:328px; height:91px;}
.index4_8{ float:left; font-size:18px; color:#444; width:308px; margin-left:10px; height:30px; line-height:30px; margin-top:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.index4_9{ float:left; font-size:14px; color:#b1b1b1; width:308px; margin-left:10px; height:30px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.index4_10{ display:inline-block; margin-top:60px; width:221px; height:45px; line-height:45px; border:1px solid #d5d8dc; text-align:center; font-size:14px; color:#444; font-family:"Arial"; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.index4_10:hover{ background:#009cff; color:#FFF; border:1px solid #009cff;}

.index4_1 li:hover .index4_4{ top:0;}
.index4_1 li:hover .index4_5{ left:39px; opacity:1;}
.index4_1 li:hover .index4_6{ top:135px; opacity:1;}
.index4_1 li:hover .index4_9{ opacity:0; margin-top:-30px;}
.index4_1 li:hover .index4_3{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.index5{ width:100%; height:600px; background:url(../images/index2.jpg) top repeat-x #FFF; overflow:hidden;}

.title3{ float:left; float:right; display:block; width:64px; height:26px; line-height:26px; color:#777777; font-size:14px; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; margin-left:10px; margin-top:4px;}
.title3:hover{ background:#009cff; color:#FFF;}

.index5_1{ float:left; width:1022px; height:360px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; margin-top:40px;}
.index5_1 li{ float:left; width:450px; height:360px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:left; padding:0 30px;}

.index5_2{ float:left; width:450px; font-size:14px; color:#777777; height:30px; line-height:30px; margin-top:34px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.index5_3{ float:left; width:450px; font-size:18px; height:30px; line-height:30px; margin-top:24px; transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; -webkit-transition: all 0.5s 0.1s; -o-transition: all 0.5s 0.1s;}
.index5_4{ float:left; width:450px; font-size:14px; color:#777777; line-height:30px; height:90px; overflow:hidden; margin-top:30px; transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -webkit-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s;}
.index5_5{ display:inline-block; margin-top:45px; width:221px; height:45px; line-height:45px; border:1px solid #d5d8dc; text-align:center; font-size:14px; color:#444; font-family:"Arial"; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.index5_1 .index5_5:hover{ background:#009cff; color:#FFF; border:1px solid #009cff;}

.index5_3 a{ display:block; max-width:450px; height:30px; line-height:30px; color:#444444; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.index5_1 li:hover .index5_3 a{ color:#009cff;}

.index5_1 li:hover .index5_2{ margin-left:10px;}
.index5_1 li:hover .index5_3{ margin-left:10px;}
.index5_1 li:hover .index5_4{ margin-left:10px;}

.footer{ width:100%; overflow:hidden; background:#000; padding:50px 0;}
.footer1{ width:846px; margin:0 auto;}
.footer1 li{ float:left; width:94px; text-align:center;}
.footer1 li a{ color:#FFF; font-size:14px; line-height:20px;}
.footer1 li a:hover{ text-decoration:underline;}
.footer2{ font-size:14px; color:#FFF; line-height:20px; width:100%; float:left; text-align:center; padding:30px 0;}
.footer2 a{ color:#FFF;}
.footer2 a:hover{ text-decoration:underline;}
.footer3{ margin:0 auto;}

.chat{ width:193px; height:177px; background:#FFF; position:fixed; top:50%; right:0; z-index:99999; margin-top:-93px; border:1px solid #d5d8dc; -webkit-box-shadow:0px 3px 10px #d5d8dc; -moz-box-shadow:0px 3px 10px #d5d8dc; box-shadow:0px 3px 10px #d5d8dc;}
.chat1{ float:left; width:193px; height:57px; background:#33b0ff; font-size:14px; color:#FFF;}
.chat1_1{ float:left; height:57px; line-height:57px; margin-left:22px; font-size:14px;}
.chat1_2{ float:right; margin-right:22px; margin-top:24px; cursor:pointer; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.chat1_2:hover{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.chat2{ float:left; width:133px; text-align:left; background:url(../images/index14.png) no-repeat 24px center; height:44px; line-height:44px; padding-left:60px; font-size:14px; color:#93929a; border-bottom:1px solid #e5e5e5;}
.chat2:hover{ color:#000; background:url(../images/index14_1.png) no-repeat 24px center #e5e5e5;}
.chat3{ float:left; width:193px; height:75px; transition: all 0.5s; color:#93929a;}
.chat3_1{ float:left; width:130px; text-align:left; background:url(../images/index15.png) no-repeat 26px center; height:27px; line-height:27px; padding-left:63px; font-size:14px; margin-top:10px;}
.chat3_2{ float:left; width:167px; padding-left:26px; height:27px; line-height:27px; font-size:14px; text-align:left;}
.chat3:hover{ background:#e5e5e5; color:#000;}
.chat3:hover .chat3_1{ background:url(../images/index15_1.png) no-repeat 26px center;}

/*case*/
.neiye_banner{ width:100%; height:314px; overflow:hidden;}
.neiye_banner_mobile{ display:none;}

.case{ float:left; width:100%; height:60px; border-bottom:1px solid #e5e5e5; margin-top:20px;}
.case li{ float:left;}
.case li a{ font-size:16px; color:#444; display:block; height:60px; line-height:60px; padding:0 30px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.case li a:hover{ border-bottom:1px solid #33b0ff; color:#33b0ff;}
.case li .a_on{ border-bottom:1px solid #33b0ff; color:#33b0ff;}

.case_title{ display:none;}
.case_title1{ display:none;}

/*caseIn*/
.caseIn{ float:left; margin-top:30px;}
.caseIn li{ float:left; margin-right:8px; margin-top:20px;}
.caseIn li a{ display:block; height:24px; line-height:24px; font-size:14px; color:#777777; border:1px solid #e1e1e1; padding:0 15px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.caseIn li a:hover{ background:#33b0ff; border:1px solid #33b0ff; color:#FFF;}
.caseIn li .a_on{ background:#33b0ff; border:1px solid #33b0ff; color:#FFF;}

.caseIn2{ float:left; width:1024px; background:#65bfef; height:50px; line-height:50px; font-size:16px; color:#FFF; margin-top:30px;}
.caseIn1{ float:left; width:1022px; overflow:hidden; border:1px solid #dadada; background:url(../images/table_bg.jpg) top left repeat;}
.caseIn1 li{ float:left; width:254px; border-right:1px solid #dadada;}
.caseIn3{ width:214px; height:50px; line-height:50px; text-align:left; font-size:15px; color:#414141; padding:0 20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; display:block;}

.caseIn1 li span:hover .caseIn2{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.caseIn1 li span:hover .caseIn3{ padding:0 10px 0 30px;}

.page{ width:100%; height:50px;}

/*service*/
.service{ float:left; width:1024px; overflow:hidden; text-align:left; font-size:14px; color:#444; line-height:30px; padding:25px 0;}

/*contact*/
.contact1{ float:left; width:1024px; overflow:hidden; margin-top:100px;}
.contact2{ float:left;}
.contact3{ float:left; width:680px; text-align:left; margin-left:100px; font-size:16px; color:#777777; line-height:20px;}
.map{ width:100%;height:608px;border:#ccc solid 1px;font-size:12px; margin-top:70px;}

/*recruitment*/
.recruitment1{ float:left; width:1024px; overflow:hidden;}
.recruitment1 li{ float:left; text-align:left; width:1024px; overflow:hidden; border-bottom:1px solid #e5e5e5; padding-bottom:40px;}
.recruitment2{ float:left; width:1024px; font-size:18px; color:#444; margin-top:50px;}
.recruitment3{ float:left; width:1024px; overflow:hidden; font-size:14px; color:#444; line-height:30px; margin-top:10px;}

/*download*/
.download1{ float:left; width:1024px; margin-top:30px;}
.download1 li{ float:left; width:1024px; height:225px; border-bottom:1px solid #e5e5e5; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; position:relative;}
.download1 li:hover{ -webkit-box-shadow:0px 3px 10px #c0c9d0; -moz-box-shadow:0px 3px 10px #c0c9d0; box-shadow:0px 3px 10px #c0c9d0;}
.download2{ float:left; border:1px solid #e5e5e5; display:block; width:338px; height:156px; overflow:hidden; position:absolute; top:35px; left:0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.download1 li:hover .download2{ left:20px;}
.download2 img{ display:block; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.download1 li:hover .download2 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.download3{ position:absolute; left:380px; top:35px; width:480px; text-align:left; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.download1 li:hover .download3{ left:395px;}
.download4{ float:left; width:480px; overflow:hidden; margin-top:20px;}
.download4 a{ font-size:18px; color:#444; display:block; height:30px; line-height:30px; max-width:480px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.download1 li:hover .download4 a{ color:#009cff;}
.download5{ float:left; font-size:14px; color:#777777; line-height:30px; height:60px; width:480px; overflow:hidden; margin-top:10px;}
.download6{ position:absolute; right:30px; top:0; width:98px; height:225px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.download1 li:hover .download6{ right:20px;}
.download7{ float:left; width:98px; height:30px; line-height:30px; background:#33b0ff; color:#FFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; margin-top:95px;}
.download8{ float:left; width:60px; height:26px; border-left:1px solid #cccccc; margin-top:12px; margin-left:37px; position:relative; overflow:hidden;}
.download8_1{ position:absolute; top:7px; left:15px; opacity:1; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.download8_2{ position:absolute; top:7px; left:-30px; opacity:0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.download1 li:hover .download8_1{ left:60px; opacity:0;}
.download1 li:hover .download8_2{ left:15px; opacity:1;}
.download9{ float:left; width:98px; height:20px; line-height:20px; color:#777777; margin-top:45px; margin-bottom:50px; font-size:16px;}

/*downloadIn*/
.downloadIn1{ float:left; width:1024px; overflow:hidden;}
.downloadIn2{ float:left; width:1024px; font-size:18px; color:#444; line-height:30px; margin-top:50px; overflow:hidden; padding-bottom:15px;}
.downloadIn3{ float:none; width:98px; height:30px; line-height:30px; background:#33b0ff; color:#FFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; margin:0 auto 0 auto; cursor:pointer; display:block; overflow:hidden; clear:both;}
.downloadIn4{ float:left; width:1024px; overflow:hidden; text-align:left; font-size:14px; color:#444; line-height:30px; padding:35px 0;}

/*newsIn*/
.newsIn1{ float:left; width:1024px; overflow:hidden; text-align:left; margin-top:60px;}
.newsIn2{ float:left; width:1024px; line-height:30px; overflow:hidden; font-size:18px; color:#444;}
.newsIn3{ float:left; width:1024px; line-height:30px; overflow:hidden; font-size:16px; color:#777; margin-top:5px;}
.newsIn4{ float:left; width:1024px; line-height:30px; overflow:hidden; font-size:14px; color:#444; border-bottom:1px solid #e5e5e5; padding-bottom:60px; padding-top:30px;}
.newsIn5{ float:left; width:1024px; overflow:hidden; padding-top:30px;}
.newsIn6{ font-size:14px; color:#444; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newsIn6 a{ font-size:14px; color:#444;}
.newsIn6:hover{ color:#33b0ff;}
.newsIn6:hover a{ color:#33b0ff;}

.mobile_bg{ width:100%; overflow:hidden; display:none;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:none;
}

}