ul,li,a,button,p,span,h2,input,i{
	margin:0;
	padding:0;
}
ul li{
	list-style:none;
	padding:0;
	margin:0;
}
a{
	text-decoration:none;
}
body{
	font-family:"微软雅黑";
}
.leto_header{
	width:100%;
	height:40px;
	line-height:40px;
	background:#00ABC1;
}

.leto_header .tell{
	color:#fff;
	    float: right;
    margin-right: 285px;
}
.leto_navti_wrap{
	width:100%;
	position:relative;
	overflow:hidden;
}
.leto_navti_wrap .banner{
	width:100%;
	height:auto;
	position:relative;
}
.leto_navti_wrap .banner img{
	width:1920px;
	height:100%;
	position:absolute;
	left:50%;
	margin-left:-960px;
}
.leto_navti_fist{
	width:100%;
	position:fixed;
	left:0;
	top:0;
     z-index:9;
}
.leto_navti_second{  
	background:rgba(255,255,255,0.9);
}
 .nav_left{
	width:160px;
	height:80px;
	float:left;
	margin-left:291px;
	margin-top:-10px;
}
.nav_right{
	float:right;
	margin-right:261px;
}
.leto_navti_fist .nav_right ul li{width:70px;height:80px;float:left;text-align: center;font-size:14px;color:#FFFFFF;}
.leto_navti_fist .nav_right ul li:hover,.leto_navti_second .nav_right ul li:hover,.leto_navti_fist .nav_right ul li.active{
	                                  background-color: #00ABC1;
	                                  }
.leto_navti_fist .nav_right ul li a{display:block;color:#fff;}
.leto_navti_fist .nav_right ul li i{display:block;width:32px;height:32px;background:url(../img/icon_nav-@1x.png) no-repeat;margin-left:19px;margin-top:14px;}
.leto_navti_fist .nav_right ul .li1 i{background-position: 0px 0px;}
.leto_navti_fist .nav_right ul .li2 i{background-position:-32px 0px;}
.leto_navti_fist .nav_right ul .li3 i{background-position:-64px 0px;}
.leto_navti_fist .nav_right ul .li4 i{background-position:-96px 0px;}
.leto_navti_fist .nav_right ul .li5 i{background-position:-128px 0px;}
.leto_navti_fist .nav_right ul .li6 i{background-position:-160px 0px;}

.leto_navti_second .nav_right ul li{width:70px;height:80px;float:left;text-align: center;font-size:14px;color:#FFFFFF;}

.leto_navti_second .nav_right ul li a{display:block;color:#666666;}
.leto_navti_second .nav_right ul li i{display:block;width:32px;height:32px;background:url(../img/icon_nav-@1x.png) no-repeat;margin-left:19px;margin-top:14px;}
.leto_navti_second .nav_right ul .li1 i{background-position: 0px -33px;}
.leto_navti_second .nav_right ul .li2 i{background-position:-32px -33px;}
.leto_navti_second .nav_right ul .li3 i{background-position:-64px -33px;}
.leto_navti_second .nav_right ul .li4 i{background-position:-96px -33px;}
.leto_navti_second .nav_right ul .li5 i{background-position:-128px -33px;}
.leto_navti_second .nav_right ul .li6 i{background-position:-160px -33px;}
.leto_navti_second .nav_right ul li:hover i,.leto_navti_second .nav_right ul li.active i{display:block;
                                            width:32px;
                                            height:32px;
                                            background:url(../img/icon_nav-@1x.png) no-repeat;
                                            margin-left:19px;
                                            margin-top:14px;
                                            }
.leto_navti_second .nav_right ul .li1:hover i,.leto_navti_second .nav_right ul li.li1.active i{
	                                       background-position: 0px 0px;
	                                      }
.leto_navti_second .nav_right ul .li2:hover i,.leto_navti_second .nav_right ul li.li2.active i{
	                                         background-position:-32px 0px;
	                                         }
.leto_navti_second .nav_right ul .li3:hover i,.leto_navti_second .nav_right ul li.li3.active i{
	                                          background-position:-64px 0px;
	                                          }
.leto_navti_second .nav_right ul .li4:hover i,.leto_navti_second .nav_right ul li.li4.active i{
	                                            background-position:-96px 0px;
	                                            }
.leto_navti_second .nav_right ul .li5:hover i,.leto_navti_second .nav_right ul li.li5.active i{
	                                        background-position:-128px 0px;
	                                        }
.leto_navti_second .nav_right ul .li6:hover i,.leto_navti_second .nav_right ul li.li6.active i{
	                                           background-position:-160px 0px;
	                                           }
.leto_navti_second .nav_right ul li:hover a,.leto_navti_second .nav_right ul li.active a{
	                                        display:block;color:#fff;
	                                        } 


.leto_requrie #button{width:240px;
height:60px;
line-height:60px;
text-align:center;
background-color:#FFD03F;
border-radius:12px;
position:absolute;
left:50%;
bottom:150px;
margin-left:-120px;
cursor:pointer;
color:#000;
}
.leto_requrie #button:hover{
	-moz-box-shadow:2px 2px 5px #7D7D7D; -webkit-box-shadow:2px 2px 5px #7D7D7D; box-shadow:2px 2px 5px #7D7D7D;
}
.leto_requrie .lianxi{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.5);
    display:none;
	transition:all 0.5s ease-in;
	z-index:999;
}
.leto_requrie .lianxi2{
	width:800px;
	height:540px;
	background-color:#FFFFFF;
	position:absolute;
	top:120px;
	left:50%;
	margin-left:-400px;
	border:5px solid #ccc;
	
	}
.leto_requrie .lianxishow{display:block;}
.leto_requrie .lianxi2 .close{width:32px;height:32px;float:right;margin-right:20px;margin-top:20px;}
.lianxi_content{
	margin-top:20px;
}

.order_input{width: 640px;margin: 0 auto;margin-bottom: 20px;}
.order_input input{width: 640px;border:1px solid #ddd;height: 40px;font-size: 14px;color: #333;padding-left: 10px;box-sizing: border-box;}

.order_codeinput{width: 640px;margin: 0 auto;margin-bottom: 40px;border: 1px solid #ddd}
.order_codeinput input[type="text"]{width: 530px;border:0;border-right:1px solid #ddd;height: 40px;font-size: 14px;color: #333;padding-left: 10px;box-sizing: border-box;}
.order_codeinput .code{width: 110px;overflow: hidden;font-size: 14px;color: #2e82eb;text-align: center;line-height: 40px;cursor: pointer;}
.order_codeinput .code:hover{background-color: #eee}

.order_menu_input{width: 640px;margin: 0 auto;margin-bottom: 20px;font-size: 14px;color: #333;}
.order_menu{width:310px;
             height:40px;
             line-height: 40px;
             background:url(../img/narrow.png) no-repeat;
             background-position: 286px center;
             border:1px solid #ddd;
             padding-left: 10px;
             box-sizing: border-box;
             cursor: pointer;
             }
.up_type{
	float:left;
}
.up_num{
	float:right;
}
.order_descrip{position: relative;width: 640px;margin: 0 auto;margin-bottom: 20px;padding: 10px 10px 0 10px;height: 140px;box-sizing: border-box;}
.order_textarea{width: 640px;height: 140px;line-height: 20px;font-size: 14px;color: #333;position: absolute;top:0;left: 0;background-color: transparent;padding: 10px;box-sizing: border-box;border:1px solid #ddd;}

.order_radio_input{width: 640px;margin:0 auto 40px auto;overflow: hidden;height: 14px;}
.order_radio{width:14px;height:14px;border-radius: 4px;background-color: #2e82eb;background-image: url(../img/check.png);background-repeat: no-repeat;background-position: -10px -10px;margin-right: 14px;}
.order_radio input{opacity: 0;cursor: pointer;filter: alpha(opacity=0);}
.order_select_txt{font-size: 14px;color: #333;line-height: 14px;}
.order_select_txt b{color: #2e82eb;font-weight: normal;}
.order_radio_on{background-position: 2px 1px;}
.daoqun_btn{
	text-align:center;
}
.daoqun_btn input {
    font-size: 18px;
    border-radius: 4px;
    background-color: #00ABC1;
    color: #fff;
    width: 240px;
    height: 50px;
    border:none;
}
.down_menu{border:1px solid #ddd;
           width: 310px;
           background-color: #fff;
           box-sizing: border-box; 
           display: none;
           position: absolute;
           top:244px;
           z-index: 1600;
           }
.down_type{
	left:79px;
}
.down_num{
	right:80px;
}           
.down_menu li{line-height: 40px;
              padding-left: 20px;
              color: #333;
              cursor: pointer;
              }
.down_menu li:hover{background-color: #ddd;}
/*我们的服务*/
.service{width:100%;height:740px;}
.service .service_title{width:185px;height:50px;margin:100px auto;}
.service .service_title .span1{display:block;font-size:36px;font-weight:500;}
.service .service_title .span2{display:block;font-size:14px;text-align:center; color:#666666;margin-top:23px;}
.service .service_content{width:1200px;height:470px;margin: 0 auto;}
.service .service_content .service_1,.service_2,.service_3,.service_4{width:270px;height:470px;float:left;margin-left:25px;border:1px solid #F5F5F5;}
.service .service_content .service_1_1,.service_2_1,.service_3_1,.service_4_1{width:134px;height:134px;margin:68px 68px;}
.service .service_content .service_1_2,.service_2_2,.service_3_2,.service_4_2{width:270px;height:200px;}
.service .service_content .app_dz{width:270px;height:60px;border-top:1px solid #f8f8f8;}
.service .service_content .app_dz span{display:block;width:130px;height:40px;text-align:center;margin-left:66px;padding-top:12px;font-size:24px;font-weight:500;}
.service .service_content .app_dz2{padding:0 20px;}
.service .service_content .app_dz2 span{display:block;line-height:20px;text-align:center;font-size:12px;padding-top:20px;}
    /* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg);}
.flip-container, .front, .back {width: 130px;height: 130px;}
/* flip speed goes here */
.flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;}
/* hide back of pane during swap */
.front, .back {backface-visibility: hidden;position: absolute;top: 0px;left: 0px;}
/* front pane, placed above back */
.front {z-index: 2;}
/* back, initially hidden pane */
.back { transform: rotateY(180deg);}
/*我们的优势*/
/*我们的优势*/
.advantage{width:100%;height:1070px;background-color:#F5F5F5;}
.advantage .advantage_title{width:290px;height:50px;margin:0px auto;padding-top:100px;}
.advantage .advantage_title .span1{display:block;font-size:36px;font-weight:500;text-align:center;}
.advantage .advantage_title .span2{display:block;font-size:14px;text-align:center; color:#666666;margin-top:23px;text-align:center;}
.advantage .advantage_content{width:100%;height:680px;position:relative;}
.advantage .advantage_content .content_left{width:930px;height:680px;margin:0 auto;margin-top:120px;padding-right:450px;}
.advantage .advantage_content .content_left .left_1{width:920px;height:120px;}
.advantage .advantage_content .content_left .left_2,.left_3,.left_4{width:920px;height:120px;margin-top:67px;}
.advantage .advantage_content .content_left .left_circle{width:120px;height:120px;float:left;background-color:#00ABC1;border-radius:60px;text-align:center;font-size:28px;color:#FFFFFF;line-height:120px;}
.advantage .advantage_content .content_left .left_list{width:758px;height:120px;float:right;}
.advantage .advantage_content .content_left .left_list .left_title{width:758px;height:30px;font-size:24px;color:#000000;padding-top:15px;}
.advantage .advantage_content .content_left .left_list .left_listD{width:757px;height:90px;font-size:16px;color:#666666;padding-top:20px;}
.advantage .advantage_content .about_back{
	width:680px;
	height:680px;
	background:url(../img/about_back.png);
	position:absolute;
	top:0;
	right:0;
	z-index:0;
}
/*精品案例*/
.case{width:100%;height:1240px;}
.case .case_title{width:150px;height:50px;margin:0px auto;padding-top:100px;}
.case .case_title .span1{display:block;font-size:36px;font-weight:500;}
.case .case_title .span2{display:block;font-size:14px;text-align:center; color:#666666;margin-top:23px;}
.case .table_nav{width:500px;height:38px;margin:0 auto;background-color:#E6E6E6;margin-top:100px;border-radius:19px;}
.case .table_nav ul li{width:100px;
                        height:38px;
                        float:left;
                        text-align:center;
                        color:#666666;
                        line-height:38px;
                        position:relative; 
                                       
                      }                      
.case .table_nav ul li .left{
						position:absolute;
						top:0;
						left:-100px;
						width:100%;
						height:100%;
						z-index:1;
						background-color:#00ABC1;
						border-radius:19px;
						color:#F9F9F9;
						cursor: pointer;
						z-index:0;
						display:none;
				}
.case .table_nav ul li .left2{
	                   left:-200px;                  
}
.case .table_nav ul li .left3{
	                   left:-300px;
	                  
}
.case .table_nav ul li .left4{
	                   left:-400px;
}

.case .table_nav ul li .font{
					position:absolute;
					width:100%;
					height:100%;
					z-index:5;
				}
.case .table_nav ul li span{display:block;width:14px;height:10px;margin:0 auto;}
.case .table_nav ul li:hover{color:#F9F9F9;cursor: pointer;}
.case .table_nav .active{background-color:#00ABC1;border-radius:19px;color:#F9F9F9;}
.case .table_nav .active .triangle{background:url(../img/sanjiao-@1x.png) no-repeat;  
                        position: absolute;
                         top: 38px;
                        left: 43px;}
.case .case_content{width:1170px;height:900px;margin:60px auto;display:none;}
.case .selected{width:1170px;height:900px;margin:60px auto;display: block;}
.case .case_content ul li{width:370px;height:370px;float:left;margin-left:20px;margin-top:20px;position:relative;}
.case .case_content ul li img{width:370px;height:370px;}
.shadow{box-shadow: -10px -10px 50px 20px rgba(128, 128, 128, 0.5);}
.case .case_content div{width:100px;height:19px;float:right;margin-top:20px;}
.case .case_content div a{font-size:18px;color:#666666;}
.case .case_content ul li span{width:370px;
                               height:48px;
                               background-color:#00ABC1;
                               text-align:center;
                               line-height:48px;
                               position:absolute;
                               left:0px;bottom:0px;
                               z-index:1;
                               display:none;
                               transition:all 0.2 ease;
                               color:#fff;
}
.case .case_content ul li:hover{-moz-box-shadow:3px 3px 10px #9E9E9E; -webkit-box-shadow:3px 3px 10px #9E9E9E; box-shadow:3px 3px 10px #9E9E9E;}
.case .case_content ul li:hover span{display:block;}
/*关于我们*/
.about{width:100%;height:745px;background-color:#F5F5F5;}
.about .about_title{width:150px;height:50px;margin:0px auto;padding-top:100px;}
.about .about_title .span1{display:block;font-size:36px;font-weight:500;}
.about .about_title .span2{display:block;font-size:14px;text-align:center; color:#666666;margin-top:23px;}
.about .about_content{width:1170px;height:320px;margin:100px auto;}
.about .about_content .about_left{width:790px;height:320px;float:left;color:#000000;}
.about .about_content .about_left div{width:750px;height:100px;margin-top:20px;}
.about .about_content .about_left div span{display:block;width:750px;height:80px;margin-top:10px;font-size:16px;}
.about .about_content .about_left .about_left1{display:block;width:750px;height:70px;}
.about .about_content .about_right{width:380px;height:320px;float:right;}
/*涉及的行业*/
.industry{width:100%;height:750px;}
.industry .industry_title{width:304px;height:50px;margin:0px auto;padding-top:100px;}
.industry .industry_title .span1{display:block;font-size:36px;font-weight:500;text-align:center;}
.industry .industry_title .span2{display:block;font-size:14px;text-align:center; color:#666666;margin-top:23px;}
.industry .industry_content{width:1170px;height:410px;margin:100px auto;}
.industry .industry_content ul li{width:270px;height:200px;cursor:pointer;float:left;margin-left:18px;text-align:center;font-size:18px;}
.industry .industry_content ul li span{display:block;width:80px;height:80px;background:url(../img/hangye-@1x.png) no-repeat;margin:20px auto;transition:all 0.6s ease-in-out;}
.industry .industry_content ul .li1 span{background-position: 0px 0px;}
.industry .industry_content ul .li2 span{background-position:-90px 0px;}
.industry .industry_content ul .li3 span{background-position:-180px 0px;}
.industry .industry_content ul .li4 span{background-position:-270px 0px;}
.industry .industry_content ul .li5 span{background-position:-0px -90px;}
.industry .industry_content ul .li6 span{background-position:-90px -90px;}
.industry .industry_content ul .li7 span{background-position:-180px -90px;}
.industry .industry_content ul .li8 span{background-position:-270px -90px;}
.industry .industry_content ul li:hover span{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
/*合作流程*/
.process{width:100%;background-color:#F5F5F5;position:relative;}
.process .process_title{width:600px;height:50px;margin:0px auto;padding-top:90px;}
.process .process_title .span1{display:block;font-size:36px;font-weight:500;text-align:center;}
.process .process_title .span2{display:block;font-size:14px;text-align:center; color:#666666;margin-top:23px;}
.process .process_content{width:1100px;height:650px;background:url(../img/liucheng_back.png) no-repeat;margin:100px auto;margin-bottom:0px;position:relative;}
.process .process_content .vision{width:200px;height:200px;position:absolute;top:-4px;left:263px;text-align:center;}
.process .process_content .vision .vision2{position:absolute;top:84px;left:-16px;height:0;overflow:hidden;
                                                 -webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.process .process_content .technology{width:300px;height:250px;position:absolute;top:137px;left:475px;text-align:center;}
.process .process_content .technology .technology2{position:absolute; top:70px;left:-11px;height:0;overflow:hidden;
                                                 -webkit-transition:all 0.4s ease;transition:all 0.4s ease;}

.process .process_content .test{width:300px;height:250px;position:absolute;top:37px;left:685px;text-align:center;}
.process .process_content .test .test2{position:absolute;top: 66px; left:-12px;height:0;overflow:hidden;
                                                 -webkit-transition:all 0.4s ease;transition:all 0.4s ease;}

.process .process_content .prototype{width:204px;height:194px;position:absolute;top:194px;left:-40px;text-align:center;}
.process .process_content .prototype .prototype2{position:absolute;top:74px;left: -12px;height:0;overflow:hidden;
                                                 -webkit-transition:all 0.4s ease;transition:all 0.4s ease;}

.process .process_content .product{width:204px;height:194px;position:absolute;top:393px;left:126px;text-align:center;}
.process .process_content .product .product2{position:absolute;top:74px;left: -13px;height:0;overflow:hidden;
                                                 -webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.process .process_content .planning{width:204px;height:194px;position:absolute;top:358px;left:750px;text-align:center;}
.process .process_content .planning .planning2{position:absolute;top:77px;left: -8px;height:0;overflow:hidden;
                                                 -webkit-transition:all 0.4s ease;transition:all 0.4s ease;}

.process .process_content .right1{width:58px;height:58px;position:absolute;top:172px;left:240px;}
.process .process_content .right2{width:58px;height:58px;position:absolute;top:200px;left:1100px;}
.process #button1{width:240px;height:60px;background-color:#FFD03F;border-radius:12px;position:absolute;left:841px;top:788px;border:none;}
.height_show{height:200px !important;}
.big{-webkit-transform:scale(1.1) !important;transform:scale(1.1) !important;}


/*contact*/
.contact{
	width:100%;
height:740px; 
background:#fff;
}
.contact .contact_title {
    width: 600px;
    margin: 0px auto;
    padding-top: 90px;
}
.contact .contact_title  .span1 {
    display: block;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
}
.contact .contact_title .span2 {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #666666;
    margin-top: 23px;
}
.leav_message_wrap{
	width:1200px;
	margin:0 auto;
	margin-top:20px;
}
.leav_message{
	float:left;
	margin-left:260px;
}
.leav_message .form{
margin-top:20px;
}
.leav_message .title{
	font-size:18px;
	color:#000;
}
#form_wrap{
	width:440px;
	margin-top:80px;
	box-sizing:border-box;
	padding:0 30px;
}
.kindlyMessage{
	color:#000;
	font-size:16px;
}
.f_name,.f_tell{
	margin-top:10px;
}
.f_name input,.f_tell input{
	width:440px;
	line-height:44px;
	padding-left:5px;
	color:#000;
	font-size:14px;
	border:none;
	background:rgba(240,244,245,1);
}
.f_name input[text]:placeholder,.f_tell input[text]:placeholder{
	color:#B4B4B4;
}

textarea{
	margin-top:10px;
	border:none;
	width:440px;
	height:160px;
	line-height:44px;
	padding-left:5px;
	color:#000;
	font-size:14px;
	background:rgba(240,244,245,1);
}
textarea:placeholder{
	color:#B4B4B4;
}
.f_tijiao{
	margin-top:20px;
}
.f_tijiao input{
	width:445px;
	line-height:44px;
	background:#00ABC1;
	color:#fff;
	font-size:18px;
	border:none;
}
.contact_right{
	float:left;
	margin-left:100px;
}
.contact_list{
	margin-bottom:34px;
}
.contact_list li{
	margin-top:15px;
}
.contact_list li i{
	display:inline-block;
	width:32px;
	height:32px;
	vertical-align:top;
	background:url(../img/footer_ico.png) no-repeat;
	background-position:0 0;
}
.contact_list li i.contact_ico2{
	background-position:-36px 0;
}
.contact_list li i.contact_ico3{
	background-position:-72px 0;
}
.contact_list li i.contact_ico4{
	background-position:-108px 0;
}
.contact_list li i.contact_ico5{
	background-position:-144px 0;
}
.contact_list li span{
	color:#008B95;
	font-size:14px;
	display:inline-block;
	margin-left:9px;
	line-height:30px;
}
.follow{
	margin-top:16px;
}
.follow li{
	float:left;
	width:38px;
	height:38px;
	position:relative;
	background:url(../img/footer_ico.png) no-repeat;
	background-position:0 -32px;
	margin-right:14px;
}
.follow li.follow_qq{
	background-position:-43px -32px;
}
.follow li.follow_wb{
	background-position:-86px -32px;
}
.contact_right .title{
	font-size:18px;
	color:#000;
}
.wx_show{
	position:absolute;
	top:40px;
	left:-50px;
	width:140px;
	text-align:center;
	height:0;
	overflow:hidden;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.wx_show img{
	width:140px;
	height:140px;
}
.wx_hide{
	height:160px;
}
.wx_show span{
	font-size:12px;

}
/*footer*/
.footer{
	width:100%;
	height:200px;
	background:rgba(40,40,40,1);
}
.footer_wrap{
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding-top:34px;
}
.footer_navti{
	margin-top:29px;
}
.footer_navti a{
	color:#BABABA;
	font-size:12px;
}
.footer_navti .line{
	padding: 13px 16px 1px;
    margin-left: 30px;
    border-left: 2px solid #BABABA;
    font-size: 0;
	border-bottom:none;
}
.footer_wrap .end{
	font-size:12px;
	color:#BABABA;
	margin-top:25px;
}
/*动画*/
[class*="wp"] {
  visibility: hidden;
  -webkit-transition: 700ms;
  transition: 700ms;
  -webkit-transition: 700ms;
  transition: 700ms;
}

[class*="wp"].scrollin {
  visibility: visible;
}

.wp-fadein {
  opacity: 0;
}

.wp-fadein.scrollin {
  opacity: 1;
}

.wp-fadein-up {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}
.wp-fadein-left {
  opacity: 0;
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
}
.wp-fadein-right {
  opacity: 0;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
}
.wp-fadein-left.scrollin {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.wp-fadein-right.scrollin {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.wp-fadein-up.scrollin {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


.wp-flipdown {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateX(120deg);
  transform: rotateX(120deg);
}

.wp-flipdown.scrollin {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
/*适应屏幕*/
@media only screen and (min-width:1000px) and (max-width:1200px){
	
	.advantage .advantage_content .content_left .left_list .left_listD{
		width:500px;
	}
	.advantage .advantage_content .about_back{
		width:400px;
		height:400px;
		background-size:100% 100%;
	}

	
}
@media only screen and (min-width:1200px) and (max-width:1500px){
	
	.advantage .advantage_content .content_left .left_list .left_listD{
		width:550px;
	}
	.advantage .advantage_content .about_back{
		width:500px;
		height:500px;
		background-size:100% 100%;
	}

}
@media only screen and (min-width:1500px) and (max-width:1900px){
	
	.advantage .advantage_content .content_left .left_list .left_listD{
		width:670px;
	}
	.advantage .advantage_content .about_back{
		width:560px;
		height:560px;
		background-size:100% 100%;
	}

}

/*分页*/
.listPageWrap{
	margin-top:20px;
	height:70px;
}
.pagination li{
	float:left;
	border:1px solid #F5F5F5;
	text-align:center;
	font-size:14px;
	color:#999;
	line-height:25px;
	margin:0 3px;
	width:25px;
}
.pagination .disabled{
	width:70px;

}
.pagination li:last-child{
	width:70px;
}
.pagination li a{
	color:#999;

}
.pagination li.active{
	border: 1px solid #ffbc1b;
	background-color: #ffbc1b;
	color:#fff;
}
/*悬浮*/
.onlineSever{
	position:fixed;
	left:50px;
	top:265px;
}
.onlineSever li{
	margin-top:10px;
	position:relative;
	cursor:pointer;
}
.onlineSever li em{
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../img/right_box.png) no-repeat;
	background-position:0 0;
}
.onlineSever li em.tip_ico2{
	background-position: 0px -50px;
}
.onlineSever li em.tip_ico3{
	background-position: 0px -101px;
}
.topTipsWrap{
	position:absolute;
	top:0;
	display:none;
	-webkit-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}

.topwords,.topqq{
	line-height:40px;
	background:url(../img/right_box.png) 0 0 #01abc1 no-repeat;
	color:#fff;
	padding:0 10px;
	padding-left:40px;
}
.topqq{
	background-position:0 -101px;
}
.topwx{
	left:45px;
}
.topwx img{
	width:140px;
	height:140px;
	border:1px solid #f1f1f1;
}
.onlineSever li:hover .topTipsWrap{
	display:block;
}