@media screen and (min-width:641px) and (max-width:1025px){
@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:50px; clear:both;}
.blank100{ width:100%; height:100px; clear:both;}

.center{ width:100%; margin:0 auto; overflow:hidden;}
.center1170{ width:94%; 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; display:none;}
.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; display:none;}
.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:100%; 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:48.5%; height:331px; overflow:hidden; position:relative;}
.index1_4{ float:left; position:relative; z-index:10; width:95%; height:312px;}
.index1_5{ position:absolute; bottom:0; right:0; width:95%; height:312px; background:#009cff;}

.index1_6{ float:right; width:48.5%; overflow:hidden; text-align:left;}
.index1_7{ float:left; font-size:22px; color:#009cff; width:100%; height:50px; line-height:50px; overflow:hidden;}
.index1_8{ float:left; width:100%; 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:auto; background:url(../images/index2.jpg) top repeat-x #FFF; overflow:hidden;}

.index2_1{ float:none; width:auto; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; margin-top:40px; display:inline-table;}
.index2_1 li{ float:left; width:49.8%; height:473px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; cursor:pointer; display:inline-block;}
.index2_2{ float:none; display:block; width:340px; max-width:100%; height:380px; overflow:hidden; outline:none; margin:0 auto;}
.index2_2 img{ float:none; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; width:340px; max-width:100%; height:380px; display:block; margin:0 auto;}
.index2_3{ float:left; width:100%; 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:90%; margin-left:5%; 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:90%; margin-left:5%; 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:auto; position:relative; overflow:hidden;}
.index3_1{ width:100%; height:auto; position:relative; float:left; margin-top:100px; padding-bottom:40px;}
.index3_2{ width:293px; height:215px; position:relative; top:0; left:0; float:left;}
.index3_3{ width:293px; height:215px; position:relative; top:0; left:0; float:left;}
.index3_4{ width:293px; height:215px; position:relative; top:0; left:0; float:left;}
.index3_5{ width:293px; height:215px; position:relative; top:0; left:0; float:left;}
.index3_6{ width:293px; height:215px; position:relative; top:0; left:0; float:left;}
.index3_7{ width:293px; height:215px; position:relative; top:0; left:0; float:left;}
.index3_8{ width:293px; height:215px; position:relative; top:0; left:0; float:left;}
.index3_9{ width:293px; height:215px; position:relative; top:0; left:0; float:left;}
.index3 a{ display:block; width:293px; height:215px;}
.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:293px; height:215px;}
.index3 a span{ display:block; width:293px; height:215px; 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:140px; background:#FFF; position:absolute; top:0; left:0; z-index:1;}

/* 本例子css */
.slideTxtBox{ width:100%; float:left; margin-top:30px;}
.slideTxtBox .hd{ width:100%; height:60px; border-bottom:1px solid #ddd; position:relative;}
.slideTxtBox .hd>ul{ float:left; width:100%; text-align:right;}
.slideTxtBox .hd>ul>li{ cursor:pointer; font-size:15px; color:#444; display:block; height:60px; line-height:60px; padding:0 10px; 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:100%; overflow:hidden;}

.index4{ width:100%; height:auto; background:#FFF; overflow:hidden; padding-bottom:50px;}
.index4_1{ float:left; width:100%; height:auto; margin-top:20px; overflow:hidden;}
.index4_1>li{ float:left; width:31.33%; height:auto; margin-top:30px; margin-right:3%;}
.index4_1>li:nth-child(3n){ margin-right:0;}

.index4_2{ float:left; display:block; width:100%; height:auto; 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:100%; height:auto; display:block;}
.index4_4{ position:absolute; width:100%; height:100%; 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:100%; height:91px;}
.index4_8{ float:left; font-size:18px; color:#444; width:90%; margin-left:5%; 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:90%; margin-left:5%; 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: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;}
.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:550px; 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:100%; height:360px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; margin-top:40px;}
.index5_1 li{ float:left; width:43.8%; height:360px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:left; padding:0 3%;}

.index5_2{ float:left; width:100%; 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:100%; 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:100%; 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:3%;}
.index5_1 li:hover .index5_3{ margin-left:3%;}
.index5_1 li:hover .index5_4{ margin-left:3%;}

.footer{ width:100%; overflow:hidden; background:#000; padding:20px 0 50px 0;}
.footer1{ width:846px; margin:0 auto; display:none;}
.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; display:none;}
.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; display:none;}
.neiye_banner_mobile{ display:block;}
.neiye_banner_mobile img{ display:block; width:100%;}

.case{ float:left; width:100%; height:60px; border-bottom:1px solid #e5e5e5; margin-top:20px; display:none;}
.case li{ float:left;}
.case li a{ font-size:15px; color:#444; display:block; height:60px; line-height:60px; padding:0 10px; 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{ float:left; display:block; width:100%; line-height:30px; font-size:20px; font-weight:bold; color:#333; margin-top:50px; overflow:hidden;}
.case_title1{ float:left; display:block; width:100%; line-height:30px; font-size:20px; font-weight:bold; color:#333; margin-top:50px; overflow:hidden;}

/*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:99.2%; background:#65bfef; height:50px; line-height:50px; font-size:16px; color:#FFF; margin-top:30px;}
.caseIn1{ float:left; width:99%; overflow:hidden; border:1px solid #dadada; background:url(../images/table_bg.jpg) top left repeat;}
.caseIn1 li{ float:left; width:49.9%; border-right:1px solid #dadada;}
.caseIn3{ width:90%; height:50px; line-height:50px; text-align:left; font-size:15px; color:#414141; padding:0 5%; 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:nth-child(2n){ border-right:0;}

.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:100%; overflow:hidden; text-align:left; font-size:14px; color:#444; line-height:30px; padding:25px 0;}

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

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

/*download*/
.download1{ float:left; width:100%; margin-top:30px;}
.download1 li{ float:left; width:100%; height:auto; 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; padding-bottom:20px;}
.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:relative; top:0; left:0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; margin-top:30px;}
.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; float:left;}
.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:relative; left:0; top:0; float:left; width:90%; text-align:left; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; clear:both;}	
.download1 li:hover .download3{ left:0; margin-left:20px;}
.download4{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.download4 a{ font-size:18px; color:#444; display:block; height:30px; line-height:30px; max-width:590px; 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:auto; width:100%; 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:100%; overflow:hidden;}
.downloadIn2{ float:left; width:100%; font-size:18px; color:#444; line-height:30px; margin-top:50px; margin-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; cursor:pointer; display:block; overflow:hidden;}
.downloadIn4{ float:left; width:100%; overflow:hidden; text-align:left; font-size:14px; color:#444; line-height:30px; padding:35px 0;}

/*newsIn*/
.newsIn1{ float:left; width:100%; overflow:hidden; text-align:left; margin-top:60px;}
.newsIn2{ float:left; width:100%; line-height:30px; overflow:hidden; font-size:18px; color:#444;}
.newsIn3{ float:left; width:100%; line-height:30px; overflow:hidden; font-size:16px; color:#777; margin-top:5px;}
.newsIn4{ float:left; width:100%; 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:100%; 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:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:15px 0 10px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:30px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:13px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:12px;}
.header_mobile1 .span1{ display:block; height:3px; background:#1e4999; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#1e4999; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#1e4999; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container .swiper-slide img{ display:block; width:100%;}
.swiper-container .swiper-pagination-bullet{ width:14px; height:14px; background:#FFF;}
.swiper-container .swiper-pagination-bullet-active{ width:14px; height:14px; background:#2fa2e8;}

}