@charset "utf-8";/*helen*/
*{ padding:0; margin:0;}
body {font-family:"微软雅黑","宋体"; border:none; font-size:12px;color:#666; width:100%; height:100%; position:relative;}
input,select,button,textarea{font-family:"微软雅黑","宋体"; border:none; border:none; outline:none;}
ol,li{ list-style-type:none;}
img{ border:0;}
a{text-decoration: none; color:#666;outline:none;  -webkit-transition:ease-in .3s; -moz-transition:ease-in .3s; -ms-transition:ease-in .3s; -o-transition:ease-in .3s; transition:ease-in .3s;}
a:hover{color:#EA636D;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0; line-height:0;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.c9{ color:#aaa;}
.c3{ color:#333;}
.c7{ color:#777}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.f26 {font-size:26px;}
.f34 {font-size:34px;}
.f48 {font-size:48px;}
.red{ color:#f83030;}
.hide{display:none}
.left{float:left}
.right{float:right}
.page3,.page4,.page5 .page5_word,.page6 .right .tip{font-family:"华文细黑","微软雅黑","宋体";}




/*导航*/
.nav{width:100%; height:75px; line-height:75px; background:url(../images/nav_bg.png) repeat-x; position:fixed; z-index:9999;}
.nav_inner{width:1002px; margin:0 auto; height:100%;}
.nav .logo{float:left;display:block; padding-top:5px; }
.nav .menu{float:right}
.nav .menu ul li{float:left;}
.nav .menu ul li a{padding:30px; color:#fff; font-size:14px; font-weight:bold;}
.nav .login{float:right;}
.nav .login a{color:#fff;  font-size:14px; padding-left:20px;}
/*.nav .login i{ margin-right:5px;}*/
.nav .login a{color:#fff;  font-size:14px; background:url(../images/icon_user.png) no-repeat left center;padding-left:20px;}

/*返回顶部*/
.totop{background:url(../images/totop.png) no-repeat; width:60px; height:40px; display:block; position:fixed; bottom:1%;right:3%; background-size:80%; }

/*侧边*/
.sub_tip{position:fixed; right:5%; top:50%; margin-top:-75px; z-index:9999}
.sub_tip ul li a{background:url(../images/sub_tip.png) no-repeat left -88px; width:35px; height:24px; text-indent:-9999px; display:block; margin:10px 0;}
.sub_tip ul li.active a{background-position: left -55px; width:35px; height:25px;}
.sub_tip ul li a.icon_index{background-position: left top; width:35px; height:40px; }
.sub_tip2 ul li a{background-image:url(../images/sub_tip_b.png);}
/*主页面*/

/*.page{ overflow:hidden; position:relative;}
.f_table{ display:table; text-align:center; width:100%;}
.f_tell{ display:table-cell; vertical-align:middle;}
.content{width:960px; margin:0 auto; text-align:center; position:relative;}
*/
.page{ overflow:hidden; position:relative;}
.f_table{ display:table; text-align:center; width:100%; position:relative;}
.f_tell{ display:table-cell; vertical-align:middle;*zoom: 1; *display: inline; *position:relative; *top:50%;}
.content{width:1002px; margin:0 auto; text-align:center; position:relative;*top:-50%;}



.page1 .banner{width:1960px; margin:0 -500px; text-align:left}
.page1 .banner .banner_pic{height:100%;}
.page1 .banner_1{width:100%; height:100%;  background-size:100% ; }


.page1 .banner_1 .b1_yeedi{position:absolute;left:0px;top:0; opacity:0; -webkit-transition:all ease-out 1.2s; -moz-transition:all ease-out 1.2s; -o-transition:all ease-out 1.2s; -ms-transition:all ease-out 1.2s; transition:all ease-out 1.2s;}
.page1 .now .banner_1 .b1_yeedi{position:absolute;left:0;top:30%; opacity:1}

.page1 .banner_1 .b1_word{position:absolute; top:55%; left:-500px; opacity:0;-webkit-transition:all ease-out 1.2s; -moz-transition:all ease-out 1.2s; -o-transition:all ease-out 1.2s; -ms-transition:all ease-out 1.2s; transition:all ease-out 1.2s;}
.page1 .now  .banner_1 .b1_word{position:absolute; top:55%; left:0px; opacity:1;}


.page1 .banner_1 .b1_word h3{font-size:40px; color:#050505; font-weight:bold; }
.page1 .banner_1 .b1_word p{font-size:24px; line-height:36px; color:#727272;}

.page1 .banner_2{width:100%; height:100%; background-size:100%;}
.page1 .banner_2 .b2_yeedi{position:absolute; right:-500px; top:40%; opacity:0;-webkit-transition:all ease-out 1.2s; -moz-transition:all ease-out 1.2s; -o-transition:all ease-out 1.2s; -ms-transition:all ease-out 1.2s; transition:all ease-out 1.2s;}
.page1 .now .banner_2 .b2_yeedi{position:absolute; right:0; top:40%;opacity:1;}


.page1 .banner_3{width:100%; height:100%; background:url(../images/banner3.jpg) no-repeat center; background-size:100%;}
.page1 .banner_3 .b3_word{position:absolute; left:0; bottom:-100px; opacity:0;-webkit-transition:all ease-out 1.2s; -moz-transition:all ease-out 1.2s; -o-transition:all ease-out 1.2s; -ms-transition:all ease-out 1.2s; transition:all ease-out 1.2s;}

.page1 .now .banner_3 .b3_word{position:absolute; left:0; bottom:42%;opacity:1;}

.page1 .banner_3 .b3_word h3{font-size:48px; color:#e10012; font-weight:normal}
.page1 .banner_3 .b3_word p{font-size:28px; color:#fff; text-align:left; margin-top:25px; letter-spacing:1px;}

.page1 .banner .banner_tip {position:absolute; bottom:45px; left:50%; width:100px; z-index:2}
.page1 .banner_tip {position:absolute; bottom:45px; left:50%; width:100px; z-index:2}
.page1 .banner_tip ul li{background:url(../images/banner_tip.png) no-repeat left center; width:17px; height:13px; display:inline-block; text-indent:-9999px;float:left; margin:0 5px; cursor:pointer}
.page1 .banner .banner_tip ul li.now{background-position:-20px center }


.page2{background:url(../images/wurenji/page2.png) no-repeat; width:100%; position:relative; height:100%; background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.page2 .tip h3{ padding:4px 0; font-weight:normal;}
.page2 .tip .character{padding:2px 0;}
.page2 .tip .character span{ padding:0 20px;}
.page2 .tip p{ line-height:30px;padding:4px 0;}
.page2 .pro{ width:200px; height:200px; position:relative; margin:10px auto 0px auto;*margin-bottom:20px;}
.page2 .pro .r_bj{ width:200px; height:200px; position:absolute; left:0; top:0; z-index:1;}

.page2 .pro .r_bj img{transform:rotate(-360deg);-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg); -webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s; height:200px; width:200px;}
.page2 .pro .r_bj:hover img{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}
.page2 .pro .pro_img img{width:68px; height:147px;}
.page2 .pro .pro_img:hover img{transform:scale(1.1,1.1);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}


.page2 .pro_img{ width:68px; height:147px; position:absolute; top:30px; left:60px;}
.page2 .pro_ad{ width:100%; overflow:hidden; padding-top:10px; *bottom:0; *left:0; *position:absolute;height:200px}
.page2 .pro_ad_box{ width:960px; margin:0 auto;  position:relative;}
.page2 .n_pro_ad{ width:1960px; margin:0 -500px;}
.page2 .n_pro_ad{ width:1960px; margin:0 -500px;}
.page2 .pro_ad .show{ height:200px; width:1960px; overflow:hidden; width:100%; position:relative;}
.page2 .pro_ad ul{position:absolute; bottom:0; left:0}
.page2 .pro_ad li{ float:left;}
.page2 .pro_ad .num { width:1960px; height:4px; position:absolute; bottom:30px; z-index:77}
.page2 .pro_ad .num a{ height:3px; width:30px; margin:0 5px; background:#fff; display:inline-block;}
.page2 .pro_ad .num a:hover,.page2 .pro_ad .num a.on{ background:#FA3063;}




.page3{background:url(../images/wurenji/page3.png) no-repeat; width:100%; position:relative; height:100%; background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.page3 .left_arrow{background:url(../images/arrow.png) no-repeat; width:62px; height:70px; cursor:pointer; display:block; background-position:left top; left:0; position:absolute; top:40%; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s; }
.page3 .left_arrow:hover{background-position:left bottom;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.page3 .right_arrow{background:url(../images/arrow.png) no-repeat; width:62px; height:70px; cursor:pointer; display:block; background-position:right top; right:0; position:absolute;top:40%; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.page3 .right_arrow:hover{background-position:right bottom; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}

.page3 .images_3d{ width:600px; display:inline-block; }
.page3 #d_tab29 { position: relative; top:0; left:0; height:430px;}
.page3 #d_tab29 .d_img li { position: absolute; display: none; z-index: 0 }
.page3 #d_tab29 .d_img li img {width:100%;}

.page3 #d_tab29{ height:500px;}

.page3 #d_tab29 .d_img li.d_pos1 { display: block; width: 240px; left: 0%;top: 55px; z-index: 6 }
.page3 #d_tab29 .d_img li.d_pos2 { display: block; width: 262px; left: 29%;top: 30px;z-index: 7}
.page3 #d_tab29 .d_img li.d_pos3 { display: block; width: 240px; right: 0%;top: 55px;z-index: 6}

.page3 .li_content{width:600px; height:30px;position:relative; margin-top:10px; letter-spacing:2px }
.page3 .li_content ul li{line-height:30px;}

.page3 .bluetooth{width:600px; height:100px;position:relative; bottom:0;}
.page3 .bluetooth h5{color:#9B9B9B;font-size:14px; font-weight:normal; margin-top:0.2%}
.page3 .bluetooth h1{color:434345; font-size:25px; font-weight:normal;margin:0.5%; background: url(../images/550f2fb47faf7.png) no-repeat center 0; height:35px; line-height:35px; padding-left:130px;}

.page3 .bluetooth p{color:#727272; font-size:16px; letter-spacing:2px;}






.page4{width:100%; background:url(../images/wurenji/page5.jpg) no-repeat; height:100%;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.page4 .soft_function{float:left; width:500px;}
.page4 .soft_function h3{text-align:center; font-size:40px;  color:#fff; font-weight:normal; margin-bottom:20px;}
/*.page4 .soft_bg{background:url(../images/soft_function_bg.png) no-repeat; width:332px; height:332px; background-size:100%; position:relative; display:inline-block}*/

.page4 .c_soft{ position:relative;  display:inline-block;width:332px; height:332px;}
.page4 .i_soft{position:absolute; z-index:2; width:332px; left:0; right:0; height:332px;}
.page4 .b_soft{z-index:1; width:332px; height:332px;}
.page4 .b_soft img{position:absolute; left:0; right:0; z-index:1;width:332px; height:332px;}
.page4 .log,.page4 .share,.page4 .record,.page4 .module{color:#fff; font-size:16px; text-align:center; cursor:pointer; padding:15px}
.page4 .log{position:absolute; top:10%; left:37%;}
.page4 .log .icon_log{background:url(../images/icon_calendar.png) no-repeat; width:27px; height:31px; display:inline-block; background-size:100%;}

.page4 .share{position:absolute; top:35%; left:12%;}
.page4 .share .icon_share{background:url(../images/icon_share.png) no-repeat; width:32px; height:32px; display:inline-block; background-size:100%;}

.page4 .record{position:absolute; top:35%; right:11%; }
.page4 .record .icon_record{background:url(../images/icon_record.png) no-repeat; width:30px; height:28px; display:inline-block; background-size:100%;}

.page4 .module{position:absolute; left:37%; bottom:15%; }
.page4 .module .icon_module{background:url(../images/icon_module.png) no-repeat; width:33px; height:25px; display:inline-block; background-size:100%;}



.page4 .soft_pic{float:right;width:236px;height:476px; text-align:center; padding-right:100px;}
.page4 .soft_pic .phone_bg{background:url(../images/phone_bg.png) no-repeat; width:236px; height:466px; position:relative; background-size:100%; width:256px; height:500px}
.page4 .soft_pic .phone_bg .pic_show_area{position:absolute;left:32px; bottom:80px; *left:22px; }
.page4 .soft_pic .phone_bg .pic_show_area{overflow:hidden;width:200px; height:355px;}
.page4 .soft_pic .phone_bg .pic_show_area ul {width:9999px;}
.page4 .soft_pic .phone_bg .pic_show_area ul li{float:left;width:200px; height:355px;}
.page4 .soft_pic .phone_bg .pic_show_area ul li img{width:200px; height:355px; *width:190px; *height:330px;}
.page4 .now_content{text-align:center; font-size:14px; color:#fff;; font-weight:normal; margin-top:10px; height:100px}

.page4 .soft_pic  .pic_show_tip{width:100px; margin-left:90px;_margin-left:40px;*margin-left:40px; height:15px; margin-top:5px;}
.page4 .soft_pic  .pic_show_tip ul li{ float:left; margin-right:8px; text-indent:-9999px; width:15px; height:15px; display:inline-block; background:url(../images/pic_show_tip.png) right center; cursor:pointer;}
.page4 .soft_pic  .pic_show_tip ul li.now{background-position:left center;}
.page5 .page5_cont{*height:500px;}
.page5 .pro{ width:180px; height:470px; float:right; margin-right:250px; position:relative; margin-bottom:-50px; z-index:2}


.page5{background:url(../images/wurenji/page4.png) no-repeat; width:100%; position:relative; height:100%; background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.page5 .pro p img{ width:180px; height:470px;}
.page5 .xian { width:100%; position:relative; height:91px;}
.page5 .n_xian{ width:960px; position:relative; margin:0 auto;}

.page5 .xian_box{ width:1960px; margin:0 -500px;}
.page5 .pro span{position:absolute; width:27px; height:27px; display:inline-block; cursor:pointer; z-index:3;}
.page5 .pro span img{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.page5 .pro span:hover img{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.page5 .pro span.first_span{ right:70px; top:25px;}
.page5 .pro span.second_span{right:50px; top:20px}
.page5 .pro span.third_span{right:98px; top:30px;}
.page5 .pro span.four_span{right:150px; bottom:165px;}
.page5 .page5_word{width:400px; text-align:left; position:absolute; left:100px; top:120px; z-index:1; height:125px; padding-top:}
.page5 .page5_word h1{font-size:90px; color:#FA3063; float:left;}
.page5 .page5_word p{padding-left:100px; padding-top:15px; font-size:35px;}
.page5 .page5_content{display:inline-block; width:321px;; height:321px;}
.page5 .page5_round_bg{width:302px;; height:302px; display:none; position:absolute; right:400px; top:30px; z-index:4 }

.page5 .round_content{text-align:center; line-height:23px; width:321px; padding-top:60px; position:absolute; left:0 ; top:0; z-index:5}

.page5 .page5_round_bg .round_content h1{margin-bottom:20px;}
.page5 .r_b{position:absolute; left:0; top:0; z-index:2}
.page5 .round_close{ width:30px;position:absolute; right:10px; top:0; cursor:pointer; z-index:6}

.page5 .round_close img:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}
.page5 .round_close img{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); -webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}








.page6{background: url(../images/0006.png) no-repeat 0 0; width:100%; position:relative; height:100%; background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.page6 .left{ width:60%;}
.page6 .right{ width:40%; text-align:left; padding-top:20px;}
.page6 .right p{ padding:15px 0; position:relative;}
.page6 .right p.ewm{ display:table-cell; vertical-align:bottom;}
.page6 .right p.ewm img{ float:left; margin-right:30px;}
.page6 .right p.ewm i{margin-top:10px;width:21px; height:25px; display:inline-block; padding-right:10px;}
.page6 .right p.ewm a.down{ background:#e20c0f; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; border-radius:10px; display:inline-block; width:120px; margin-top:110px;}
.page6 .right p.ewm a.down {padding-left:20px; text-align:left}
.page6 .right p.ewm a.down i{background:url(../images/icon_apple.png) no-repeat; width:36px; height:25px; display:inline-block; float:left; margin-right:0;}
.page6 .right p.ewm a.down span{display:inline-block; height:25px;}
.page6 .right .tip{ color:#000;}
.page6 .footer{ width:100%;background:#000; color:#fff; height:70px; position:absolute; bottom:0; left:0}
.page6 .hand{ width:433px; height:500px; position:absolute; bottom:70px; left:14%;z-index:0;}
.page6 .hand img{width:98%;}
.page6 .page6_content{ width:450px; top:100px; height:400px; left:0}
.page6_content .qrcode{float:left; margin-top:20px;}
.page6_content .app_down{float:right; background:url(../images/appbutton.png) no-repeat; width:185px; height:58px; text-align:center; line-height:58px; color:#fff; margin-top:130px; cursor:pointer;}
.page6 .footer{width:100%;color:#fff; height:70px; position:absolute; bottom:0; left:0; z-index:5}
.page6 .footer_container{width:1002px; padding:0 100px; margin:0 auto;_height:70px;*height:70px; position:relative;}
.yiop6{ position:absolute; right:8px; top:20px;}
.page6 .footer .contact_div{padding:10px 0 5px 0;}
.page6 .footer a{color:#fff;margin:0 10px; }
.page6 .footer a:hover{text-decoration:underline}
.page6 .footer .i_contact{float:left; line-height:30px;}
.page6 .footer .i_contact span{margin-right:20px;}
.page6 .footer .i_contact span i{margin-right:5px;}
.page6 .footer .quickenter{float:right;}
.page6 .footer .quickenter ul li{float:left;line-height:30px;}
.page6 .footer .copyright {_height:20px;*height:20px; _width:1002px;*width:1002px;}
.page6 .footer .copyright  span{margin-right:10px;}
.page6 .footer .copyright a.kgu{ height:14px; display:inline-block; text-decoration:none;}

.page6 .footer .copyright a.kgu:hover{ color:#848484;}


.active  .tip{
	animation:fadeLeft 3s;
	-webkit-animation:fadeLeft 3s;
	-moz-animation:fadeLeft 3s;
	-o-animation:fadeLeft 3s;
}
.active .pro_ad{
	-webkit-animation:fadeRight 3s;
	-moz-animation:fadeRight 3s;
	-o-animation:fadeRight 3s;
	animation:fadeRight 3s;
}

.active  .left_arrow{
	-webkit-animation:fadeLeft 3s;
	-moz-animation: fadeLeft 3s;
	-o-animation: fadeLeft 3s;
	animation: fadeLeft 3s;
}

.active  .right_arrow{
	-webkit-animation: fadeRight 3s;
	-moz-animation: fadeRight 3s;
	-o-animation: fadeRight 3s;
	animation: fadeRight 3s;
}
.active  .images_3d{
	-webkit-animation:fadeTop 3s;
	-moz-animation: fadeTop 3s;
	-o-animation: fadeTop 3s;
	animation: fadeTop 3s;}

.active  .soft_function{
	-webkit-animation:fadeLeft 3s;
	-moz-animation: fadeLeft 3s;
	-o-animation: fadeLeft 3s;
	animation:fadeLeft 3s;
}
.active  .soft_pic{
	-webkit-animation:fadeRight 3s;
	-moz-animation: fadeRight 3s;
	-o-animation: fadeRight 3s;
	animation: fadeRight 3s;
}

.active  .page5_word{
	-webkit-animation:fadeLeft 3s;
	-moz-animation: fadeLeft 3s;
	-o-animation: fadeLeft 3s;
	animation: fadeLeft 3s;
}
.active  .pro{
	-webkit-animation:fadeRight 3s;
	-moz-animation: fadeRight 3s;
	-o-animation: fadeRight 3s;
	animation: fadeRight 3s;
}
.active  .xian{
	-webkit-animation:fadeTop 3s;
	-moz-animation: fadeTop 3s;
	-o-animation: fadeTop 3s;
	animation: fadeTop 3s;
}
.active p.img{
	-webkit-animation:fadeBottom 3s;
	-moz-animation: fadeBottom 3s;
	-o-animation: fadeBottom 3s;
	animation: fadeBottom 3s;
}
.active p.ewm{
	-webkit-animation:fadeTop 3s;
	-moz-animation: fadeTop 3s;
	-o-animation: fadeTop 3s;
	animation: fadeTop 3s;
}
.active .hand{
	-webkit-animation:fadeLeft 3s;
	-moz-animation: fadeLeft 3s;
	-o-animation: fadeLeft 3s;
	animation: fadeLeft 3s;
}


@keyframes fadeLeft {
0%{transform:translate(-900px,0);	opacity:0;}
100%{transform:translate(0,0);  opacity:1;}
}
@-moz-keyframes fadeLeft {
0%{-moz-transform:translate(-900px,0);	opacity:0;}
100%{-moz-transform:translate(0,0);  opacity:1;}
}
@-o-keyframes fadeLeft {
0%{-o-transform:translate(-900px,0);opacity:0;}
100%{-o-transform:translate(0,0);  opacity:1;}
}
@-webkit-keyframes fadeLeft {
0%{-webkit-transform:translate(-900px,0);opacity:0;}
100%{-webkit-transform:translate(0,0); opacity:1;}
}


@keyframes fadeRight {
0%{transform:translate(900px,0);opacity:0;}
100%{transform:translate(0,0);opacity:1;}
}
@-moz-keyframes fadeRight {
0%{-moz-transform:translate(900px,0);opacity:0;}
100%{-moz-transform:translate(0,0);opacity:1;}
}
@-o-keyframes fadeRight {
0%{-o-transform:translate(900px,0);opacity:0;}
100%{-o-transform:translate(0,0);opacity:1;}
}
@-webkit-keyframes fadeRight {
0%{-webkit-transform:translate(900px,0);opacity:0;}
100%{-webkit-transform:translate(0,0);opacity:1;}
}






@keyframes fadeBottom {
0%{transform:translate(0,-900px); opacity:0; }
100%{transform:translate(0,0); opacity:1;}
}
@-moz-keyframes fadeBottom {
0%{-moz-transform:translate(0,-900px); opacity:0; }
100%{-moz-transform:translate(0,0); opacity:1;}
}
@-o-keyframes fadeBottom {
0%{-o-transform:translate(0,-900px); opacity:0; }
100%{-o-transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes fadeBottom {
0%{-webkit-transform:translate(0,-900px); opacity:0; }
100%{-webkit-transform:translate(0,0); opacity:1;}
}



@keyframes fadeTop {
 0%{transform:translate(0,900px); opacity:0;}
 100%{transform:translate(0,0); opacity:1; }
}
@-moz-keyframes fadeTop {
 0%{-moz-transform:translate(0,900px); opacity:0;}
 100%{-moz-transform:translate(0,0); opacity:1; }
}
@-o-keyframes fadeTop {
 0%{-o-transform:translate(0,900px); opacity:0;}
 100%{-o-transform:translate(0,0); opacity:1; }
}
@-webkit-keyframes fadeTop {
 0%{-webkit-transform:translate(0,900px); opacity:0;}
 100%{-webkit-transform:translate(0,0); opacity:1; }
}





@keyframes fadeIn {
 0% {opacity:0;}
 100%{ opacity:1;}
}
@-moz-keyframes fadeIn {
 0% {opacity:0;}
 100%{ opacity:1;}
}
@-o-keyframes fadeIn {
 0% {opacity:0;}
 100%{ opacity:1;}
}
@-webkit-keyframes fadeIn {
 0% {opacity:0;}
 100%{ opacity:1;}
}


/*----------------key----------------*/
.nav .login a.sign{ background:none;}
.bj{ background:url(../images/bj_n_main.jpg);}
.four{ width:500px; margin:0 auto; margin-top:8%;}
.four_logo{ text-align:right; padding:20px 0;}
.four_main{ background:#fff; overflow:hidden; text-align:center; height:320px; padding:10px 30px;}
.four_main h4,.four_main p{ padding:10px 0; overflow:hidden;}
.four_main a.back{ background:#de5f65; padding:14px 30px; font-size:14px; color:#fff;}
.four_footer{ line-height:40px; text-align:center; padding:10px; color:#e85d6d;}
.four_main .r_w{ font-size:18px; color:#777; padding-top:30px;}
.four_main .r_w p{ width:200px; height:50px; line-height:50px; margin:0 auto;}
.four_main .r_hele p{ width:300px;}

.four_main .r_w img{ display:inline; float:left; margin-right:5px;}
.four_main .name{ text-align:left; padding:30px 0 20px 0; color:#e85d6d}

.four_main .list{ overflow:hidden; padding:15px 0; padding-right:10px;}
.four_main .list .border{ border:1px solid #ddd; height:36px;}
.four_main .list em{ display:inline-block; float:left; width:30px; padding-top:10px;}
.four_main .input{ width:354px; float:left; height:36px; color:#999; padding:0 5px;}

.contact{ width:1070px; margin:0 auto; overflow:hidden; padding-top:130px;}
.contact .map_section{ height:440px;}
.contact .map{ border:10px solid #fff; position:relative; z-index:4; height:400px;}
.contact .shadow{position:relative; bottom:60px; left:5px; z-index:0}
.contact .me_us{ padding:40px 0;}
.contact .l{ width:370px; float:left; line-height:20px;}
.contact .l .us{height:270px}
.contact .l .us p{ padding:5px 0;}
.contact .l .verify{ padding-top:40px;width:370px;}
.contact .l .verify .list{ height:32px; line-height:32px; border:1px solid #ddd; margin-bottom:14px; background:#fff;}
.contact .l .verify .list label{ width:110px; float:left; background:#f7f7f7; height:32px; position:relative;}
.contact .l .verify .list label em{ display:block; float:left; padding:6px 0 0 5px; margin-right:10px;}
.contact .l .verify .list label i{width:10px; height:32px; display:block; position:absolute; right:-10px; top:0;}
.contact .l .verify .list label i.red{  background:url(../images/red_tip.png) no-repeat left center;}
.contact .l .verify .list label i{background:url(../images/gray_tip.png) no-repeat left center; right:-10px; top:0;}
.contact .l .verify input{ width:240px;  float:left; height:32px; color:#999; padding:0 5px 0 10px; _width:239px;*width:239px;_height:30px;*height:30px;_line-height:30px; *line-height:30px;}
.contact .l .verify input.err{color:#e00;}
.contact .r{ width:660px; float:right;}
.contact .r .message_div{ background:#fff; height:270px; margin-bottom:40px;}
.contact .v_code span{float:right}
.contact .v_code span img{height:32px; cursor:pointer }
.contact .v_code .list{float:left; width:285px;}
.contact .v_code .list input{width:140px;*width:156px;_width:156px;}

.redb{background:#D9676C}
.grayb{background:#ADADAD}
.contact .rquot{text-align:right; padding-top:20px;}
.contact .r .m_content {height:220px; display:none}
.contact .r .allcontent .active{display:block;}
.contact .r .m_content .m_left{width:440px;padding:40px 20px 0;float:left}
.contact .r .m_content .m_left .p_word{height:90px; overflow:hidden; padding-left:10px; padding-top:10px; line-height:30px; }
.contact .r .m_content .m_right{width:180px; float:right;}
.contact .r .m_content .m_right .photo{width:115px; height:115px; margin:20px auto 0px; text-align:center;}
.contact .r .m_content .m_right .photo img{margin-bottom:10px;}

.contact .message_content .next_pre{text-align:right; padding-right:20px;}
.contact .message_content .next_pre span{background:url(../images/next_pre.png) no-repeat; width:51px; height:28px; display:inline-block; margin-right:5px; cursor:pointer; transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-webkit-transition:all .2s}
.contact .message_content .next_pre span.pre{background-position:left top;}
.contact .message_content .next_pre span.pre:hover{background-position:left bottom;}
.contact .message_content .next_pre span.next{background-position:right top;}
.contact .message_content .next_pre span.next:hover{background-position:right bottom;}

.contact .r .words textarea{ background:#fff; border:1px solid #ddd;height:170px; padding:10px; width:638px; font-size:12px; color:#A7A7A7}
.contact .but .btn{width:120px; height:44px;display:inline-block; margin:10px 10px 0 0;font-size:16px; color:#fff; cursor:pointer}
.contact .but .sumit{background:#D9676C}
.contact .but .reset{background:#ADADAD}
.rebtn{color: #fff;cursor: pointer;display: inline-block;font-size: 16px;height: 40px;margin: 10px 10px 0 0;
width: 120px;}
.window{ width:500px; margin:0 auto; margin-top:8%; position:fixed; top:-500px; left:50%; margin-left:-250px; z-index:99999; opacity:0}

.login_window .login_main{ background:#fff; overflow:hidden; text-align:center; height:280px; padding:10px 30px;}
.login_window .name{ text-align:left; padding:10px 0 20px 0; color:#e85d6d}

.login_window h5{ height:30px; _height:30px;*height:30px; _line-height:30px;*line-height:30px;_padding:0; *padding:0;}
.login_window h5 i{float:left; width:100px; height:30px; display:inline-block; font-style:normal}
.login_window .wind_close{cursor:pointer}
.login_window  .verify{ padding-top:20px;}
.login_window  .verify .list{ height:38px; line-height:38px; border:1px solid #ddd; margin-bottom:14px; background:#fff; _width:438px;*width:438px;}
.login_window  .verify .list label{ width:110px; float:left; background:#f7f7f7; height:38px; line-height:38px; position:relative; font-size:14px; text-align:left; color:#A7A7A7}
.login_window  .verify .list label em{ display:block; float:left; padding:8px 0 0 5px; margin-right:5px;}
.login_window  .verify .list label i{width:10px; height:38px; display:block; position:absolute; right:-10px; top:0;}
.login_window  .verify .list label i.red{  background:url(../images/red_tip.png) no-repeat left center;}
.login_window  .verify .list label i{background:url(../images/gray_tip.png) no-repeat left center; right:-10px; top:0;}
.login_window  .verify input{ width:240px;  float:left; height:38px; line-height:38px; color:#999; padding:0 5px 0 10px;}
.login_window  .verify input.err{color:#e00;}
.login_window .but{text-align:left}
.login_window .but .btn{width:120px; height:40px;display:inline-block; margin:10px 10px 0 0;font-size:16px; color:#fff; cursor:pointer}
.login_window .forget_pwd em{margin-right:5px;}
.login_window .but .sumit{background:#D9676C}
.login_window .but .reset{background:#ADADAD}

.login_btn {margin-top:20px;}
.login_btn .login_way{width:41px; height:41px; display:inline-block;float:left ; margin-right:7px;}
.login_btn input{ float:left;}
.login_window .login_btn input.btn{margin-top:0;}
.login_window .login_btn .grayb{margin-right:20px;}




.findpwd .findpwd_main{ background:#fff; overflow:hidden; text-align:center; height:350px; padding:10px 30px;}
.findpwd .name{ text-align:left; padding:10px 0 20px 0; color:#e85d6d}

.findpwd h5{height:30px;}
.findpwd h5 i{float:left; width:100px; height:30px; display:inline-block; font-style:normal}
.findpwd .wind_close{cursor:pointer}
.findpwd  .verify{ padding-top:20px;}
.findpwd  .verify .list{ height:38px; line-height:38px; border:1px solid #ddd; margin-bottom:14px; background:#fff;}
.findpwd  .verify .list label{ width:110px; float:left; background:#f7f7f7; height:38px; line-height:38px; position:relative; font-size:14px; text-align:left; color:#A7A7A7}
.findpwd  .verify .list label em{ display:block; float:left; padding:8px 0 0 5px; margin-right:5px;}
.findpwd  .verify .list label i{width:10px; height:38px; display:block; position:absolute; right:-10px; top:0;}
.findpwd  .verify .list label i.red{  background:url(../images/red_tip.png) no-repeat left center;}
.findpwd  .verify .list label i{background:url(../images/gray_tip.png) no-repeat left center; right:-10px; top:0;}
.findpwd  .verify input{ width:180px;  float:left; height:38px; color:#999; padding:0 5px 0 10px;}
.findpwd  .verify input.err{color:#e00;}
.findpwd  .findpwd_list{width:438px;}
.findpwd  .findpwd_list span{float:right;}
.findpwd  .findpwd_list span img{height:38px; cursor:pointer}
.findpwd .yzm_list {width:340px;float:left}
.findpwd .yzm_list input{ width:180px;  float:left; height:38px; color:#999; padding:0 5px 0 10px;}

.findpwd .but{text-align:left}
.findpwd .but .btn{width:120px; height:40px;display:inline-block; margin:10px 10px 0 0;font-size:16px; color:#fff; cursor:pointer}


.findpwd  p.note{line-height:30px; padding:10px 0; text-align:left; font-size:14px; margin-top:10px;}
.findpwd  p.note img{margin-right:5px;}

.blackbg{background:url(../images/black_bg.png) repeat; width:100%; height:100%; position:fixed; left:0; top:0; z-index:88888; display:none;}


/*关于我们*/
.f30{font-size:30px;}
.f40{font-size:40px;}
.f60{font-size:60px;}
.pred{color:#fa3063}
.asub_tip{position:fixed; right:5%; top:50%; margin-top:-75px; z-index:9999}
.asub_tip ul li a{background:url(../images/sub_tip.png) no-repeat left -88px; width:35px; height:24px; text-indent:-9999px; display:block; margin:10px 0;}
.asub_tip ul li.active a{background-position: left -55px; width:35px; height:25px;}
.asub_tip ul li a.icon_index{background-position: left top; width:35px; height:40px; }
.part1,.part2,.part3 {font-family:"华文细黑","微软雅黑","宋体";}



.abus_main{color:#252525; width:100%;}
.abus_main h1{ font-weight:lighter; margin:15px 0}
/*.part{ width: 100%; height:100%; position:relative }
.part .table {  display: table;  text-align: center;  width: 100%; position:relative;}
.part .cell {  display: table-cell; vertical-align: middle;}
.part .container {width:960px; margin:0 auto;}*/

.part{ width: 100%; height:100%; position:relative }
.part .table {  display: table;  text-align: center;  width: 100%; position:relative;}
.part .cell {  display:table-cell; vertical-align:middle; *zoom: 1; *display: inline; *position:relative; *top:50%; }
.part .container {width:960px; margin:0 auto;*position:relative; *top:-50%;}



.part1{background:url(../images/ban.jpg) no-repeat; background-size:cover}
.part1 .ab_words{ width:480px; height:190px; padding-top:100px;}
.part1 .ab_words .span_dou{margin-right:20px;}
.part1 .ab_words p{margin-top:20px;}

.part1 .ab_words .span_dout{ margin-top:120px;}

.part1 .ab_product{height:530px;}
.part1 .ab_product img{height:100%; width:auto}


.part1 .abbo_desc{position:absolute; bottom:0; left:0; z-index:2; width:100%; background:url(../images/abus_bg.png) repeat; height:30%;}

.part1 .abbo_desc .inner_words{ width:960px; margin:0 auto; text-align:left;  overflow:hidden; padding-top:1%;}
.part1 .abbo_desc h1{font-size:30px;}
.part1 .abbo_desc .pwords{width:640px; line-height:23px;}

.part2{background:url(../images/bj1.jpg) repeat;}

.part2 .around{ width:235px; height:235px; position:relative; line-height:235px; font-size:28px; top:10px; left:300px; *left:0}
.part2 .around img{width:auto; height:100%}
.part2 .around .r_bottom{position:absolute; left:0; top:0; z-index:1}
.part2 .around .r_top{position:absolute; left:0; top:0; z-index:2}

.part2 .big_logo{ height:250px;}
.part2 .big_logo img{height:100%; width:auto}

.part2 .pt_desc{width:680px; text-align:left; margin: 0 auto; padding:10px 20px 20px; background:#ffffff; margin-top:40px;}
.part2 .pt_desc h1{ font-size:30px; }
.part2 .pt_desc p{line-height:23px;}

.part3{background:url(../images/bj1.jpg) repeat;}
/*.part3 .part3_bg{background:url(../images/part3_bg.png) left center no-repeat; background-size:cover}*/
.part3 .part3_text{width:580px; padding-left:380px; text-align:left; line-height:25px; padding-bottom:20px; width:400px\0; padding-left:560px\0;*margin-top:300px;*width:400px; *padding-left:560px;}
.part3 .part3_text h1{ line-height:32px;}
.part3 .part3_text p{padding:3px 0}

.part4{background:url(../images/bj1.jpg) repeat;}
.part4 .part4_bg{background:url(../images/part4_bg_repeat.png) repeat;}
.part4 .part4_bg_t{background:url(../images/part4_bg.png) center bottom no-repeat; background-size:50% }

.part4 .part4_text{width:650px; margin:0 auto; line-height:25px; padding:10px 0; font-size:14px}
.part4 .part4_text p{padding:3px 0}

.part4 .p_pic{ line-height:30px; width:910px; padding-left:50px;/* padding-top:40px;*/}
.part4 .p_pic1{padding-top:80px; margin-right:60px;}
.part4 .p_pic2{padding-top:50px;margin-right:60px;}

.part4 .in_pic1{width:160px; height:160px; position:relative; display:inline-block;}
.part4 .in_pic2{width:220px; height:220px; position:relative; display:inline-block;}
.part4 .in_pic3{width:360px; height:360px; position:relative; display:inline-block}

.part4 .in_pic_bg{position:absolute; left:0; top:0; width:100%; height:auto;}
.part4 .in_pic1:hover .in_pic_bg{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}


.part4 .in_pic2:hover .in_pic_bg{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}
.part4 .in_pic3:hover .in_pic_bg{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}

.part4 .in_pic{width:100%; height:auto}
.part4 .in_pic1 .in_pic{position:absolute; left:0; top:10px;}
.part4 .in_pic2 .in_pic{position:absolute; left:-2px; top:10px;}
.part4 .in_pic3 .in_pic{position:absolute; left:2px; top:10px;}

.part5{background:url(../images/part5_bg.jpg) right top no-repeat;}
.part5 .part5_text{width:480px;  padding:20px; margin-left:440px; background:url(../images/part5_word_bg.png) repeat; text-align:left}
.part5 .part5_text p{ line-height:23px;}
.part5 .h1{margin:15px 0}


.page6{background:url(../images/page6_bg.jpg) no-repeat; width:100%; position:relative; height:100%; background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.part6 .part6_text{width:500px; text-align:left; margin:10px auto; overflow:hidden;}
.part6 .part6_text h1{ font-size:24px}
.part6 .part6_text p{ line-height:23px;}
.part6 .part6_container{ width:960px; height:500px; position:relative; bottom:50px; z-index:0;}
.part6 .main_image {width:472px; position:absolute; bottom:-40px; left:220px; z-index:2}
.part6 .main_image img{width:100%; height:auto}
.part6 .plat{width:960px;position:absolute; bottom:0; z-index:1; left:-20px}
.part6 .plat img{width:100%; height:auto}
.part6 .left_line,.part6 .right_line{width:170px; position:absolute}
.part6 .left_line img,.part6 .right_line img{width:100%; height:auto}
.part6 .left_line {left:20px; bottom:40px; z-index:2}
.part6 .right_line {right:60px; bottom:40px; z-index:2}



.part6 .footer{width:100%;color:#fff; height:70px; position:absolute; bottom:0; left:0; z-index:5; background:#d9676c}
.part6 .footer_container{width:760px; padding:0 100px; margin:0 auto;_height:70px;*height:70px;}
.part6 .footer .contact_div{padding:10px 0 5px 0;}
.part6 .footer a{color:#fff;margin:0 10px;}
.part6 .footer a:hover{text-decoration:underline}
.part6 .footer .i_contact{float:left; line-height:30px;}
.part6 .footer .i_contact span{margin-right:20px;}
.part6 .footer .i_contact span i{margin-right:5px;}
.part6 .footer .quickenter{float:right;}
.part6 .footer .quickenter ul li{float:left;line-height:30px;}
.part6 .footer .copyright {_height:20px;*height:20px; _width:760px;*width:760px;}
.part6 .footer .copyright  span{margin-right:20px;}
.part6 .footer .copyright a.kgu{background:url(../images/kgu.png) no-repeat right 2px; width:60px; padding-right:30px; height:14px; display:inline-block;}

.inner_footer {width:100%;color:#fff; height:70px;background:#D9676C; margin-top:10px;}
.inner_footer  .footer_container{width:755px; margin:0 auto}
.inner_footer  .contact_div{padding-top:10px; height:30px;}
.inner_footer  a{color:#fff;margin:0 10px;}
.inner_footer  a:hover{text-decoration:underline}
.inner_footer  .i_contact{float:left; line-height:30px;}
.inner_footer  .i_contact span{margin-right:20px;}
.inner_footer  .i_contact span i{margin-right:5px;}
.inner_footer  .quickenter{float:right;}
.inner_footer  .quickenter ul li{float:left;line-height:30px;}
.inner_footer  .copyright {height:15px; width:100%;}
.inner_footer  .copyright  span{margin-right:20px;}
.inner_footer  .copyright  span.last{margin-right:0;}
.inner_footer  .copyright span a.kgu{background:url(../images/kgu.png) no-repeat center 2px; display:inline-block; height:12px; margin-top:3px; width:33px; background-size:95%; _height:14px;*height:14px}

.inner_footer {width:100%;color:#fff; height:70px; }
.inner_footer  .footer_container{width:760px; padding:0 100px; margin:0 auto}
.inner_footer  .contact_div{padding:10px 0 5px 0;}
.inner_footer  a{color:#fff;margin:0 10px;}
.inner_footer  a:hover{text-decoration:underline}
.inner_footer  .i_contact{float:left; line-height:30px;}
.inner_footer  .i_contact span{margin-right:20px;}
.inner_footer  .i_contact span i{margin-right:5px;}
.inner_footer  .quickenter{float:right;}
.inner_footer  .quickenter ul li{float:left;line-height:30px;}
.inner_footer .copyright  span{margin-right:20px;}
.inner_footer .copyright a.kgu{background:url(../images/kgu.png) no-repeat right 2px; width:60px; padding-right:30px; height:14px; display:inline-block;}

h1 .red{color:#FA3063}


@media (min-width: 960px) and (max-width: 1367px){
	.part2 .around{ width:180px; height:180px; position:relative; line-height:180px; font-size:20px; top:10px; left:300px}
	.part2 .big_logo{ height:180px;}
	.part2 .pt_desc{margin-top:20px;}
	.part4 .in_pic1{width:130px; height:130px; }
	.part4 .in_pic2{width:180px; height:180px;}
	.part4 .in_pic3{width:320px; height:320px;}
	.part4 .part4_text{margin-top:70px;}
	.part6 .part6_text{margin-top:70px;}

}
@media (max-width: 1024px){
.part3 .part3_text{padding-left:10px;}
}

/*响应式样式*/
@media(min-width: 1441px)and (max-width: 1920px) {


	.page2 .pro,.page2 .pro .r_bj{ width:260px; height:260px;}
	.page2 .pro{margin-top:30px;}
	.page2 .pro .r_bj img{ width:100%;width:260px; height:260px;}
	.page2 .pro_ad{ padding-top:50px;}
	.page2 .pro_img{ width:90px; height:190px; left:80px; top:40px;}
	.page2 .pro .pro_img img{ width:90px; height:190px;}

	.page3 #d_tab29{ height:530px;}
	.page3 #d_tab29 .d_img li.d_pos1{ width:240px; }
	.page3 #d_tab29 .d_img li.d_pos2{ width:262px;}
	.page3 #d_tab29 .d_img li.d_pos3{ width:240px; }

	.page4 .soft_pic{float:right;width:310px;height:600px; text-align:center; padding-right:100px;}
	.page4 .soft_pic .phone_bg{background:url(../images/phone_bg.png) no-repeat; width:310px; height:600px; position:relative; background-size:cover;}
	.page4 .soft_pic .phone_bg .pic_show_area{width:240px; height:430px; overflow:hidden;position:absolute; left:36px; bottom:90px; background:#ddd;}
	.page4 .soft_pic .phone_bg .pic_show_area ul li{ width:240px; height:430px;}
	.page4 .soft_pic .phone_bg .pic_show_area ul li img{ width:240px; height:430px;}
	.page4 .soft_pic  .pic_show_tip{width:100px; margin:0 auto; padding:14px 0 0 50px;}
	.page4 .c_soft{width:432px; height:432px;}
	.page4 .i_soft{ z-index:2; width:432px; height:432px;}
	.page4 .b_soft{z-index:1; width:432px; height:432px;}
	.page4 .b_soft img{width:432px; height:432px;}
	.page4 .log,.page4 .share,.page4 .record,.page4 .module{padding:20px}
	.page4 .log{top:14%; left:38%;}
	.page4 .share{top:39%; left:12%;}
	.page4 .record{top:40%; right:14%;}

	.page5 .n_xian{ margin-bottom:-50px;}
	.page5 .pro{ width:250px; height:700px; float:right; margin-right:200px; position:relative;  margin-bottom:-100px; z-index:2}
	.page5 .pro p img{ width:250px; height:700px;}

	.page5 .pro span{ width:30px; height:30px;}
	.page5 .pro span img{ width:100%;}
	.page5 .pro span.third_span{ top:68px; right:138px;}
	.page5 .pro span.second_span{top:140px; right:120px;}
	.page5 .pro span.first_span{ right:134px;}
	.page5 .pro span.four_span{right:180px; bottom:300px;}
	.page6 .hand{ width:510px; height:610px; position:absolute; bottom:70px; left:14%;}
	.page6 .hand img{ width:100%;}
	.page6 .right{ width:50%; padding-bottom:50px;}

	.part1 .ab_product{height:600px}
	.part6 .part6_text{ width:650px}
	.part6 .part6_text h1{ font-size:30px}
	.part6 .part6_text p{ font-size:14px}
	.part6 .part6_container{ height:650px;}

	.part6 .plat{width:1310px;left:-175px; bottom:20px}
	.part6 .main_image { width:630px; bottom:-60px; left:130px }
	.part6 .left_line,.part6 .right_line{width:242px;}
	.part6 .left_line {left:-90px; bottom:50px }
	.part6 .right_line {right:-90px; bottom:50px }


}


@media screen and (min-width: 480px) and (max-width: 1136px) {
	.part5 {background:url(../images/part5_bg.jpg)  no-repeat 70% center;}
}


.active .big_logo,.active .left_line{
	-webkit-animation:fadeLeft 2s;
	-moz-animation: fadeLeft 2s;
	-o-animation: fadeLeft 2s;
	animation: fadeLeft 2s;
}

.active .ab_product,.active .part3_text ,.active .main_image,.active .right_line{
	-webkit-animation:fadeRight 2s;
	-moz-animation: fadeRight 2s;
	-o-animation: fadeRight 2s;
	animation: fadeRight 2s;
}

.active   .abbo_desc,.active .pt_desc,.active  .p_pic1,.active .p_pic2,.active .p_pic3,.active .plat{

-webkit-animation:fadeTop 2s;
	-moz-animation: fadeTop 2s;
	-o-animation: fadeTop 2s;
	animation: fadeTop 2s;
}
.active  .ab_words,.active .around,.active .part4_text,.active .part5_text,.active .part6_text{
	-webkit-animation:fadeBottom 2s;
	-moz-animation: fadeBottom 2s;
	-o-animation: fadeBottom 2s;
	animation: fadeBottom 2s;
}


.eryio{ width:1006px; margin: 0 auto;}

.hgop{ float:left;}

.qwnt{ float:right; width:470px;}

.qwnrt{ float:right; width:530px;}

.qwtyio{  padding-top:35px; padding-bottom:65px; }

.jida{ padding-top:12px;}

.jida li{ padding-bottom:30px; clear:both;}

.ly_z{ float:left; width:81px; height:81px; position:relative;}

.ly_yyz1{float:left; height:auto !important; min-height:51px; height:51px;width:auto !important; max-width:330px;  margin-left:0px; position:relative; background:#a0e759; padding:15px; border-radius:6px; margin-right:25px;}

.lyyy{ position:absolute; left:0px; bottom:0px; height:23px; width:81px; background:url(../images/lyyy.png) repeat-x 0 0; text-align:center; line-height:21px; font-size:14px; color:#fff;}

.ly_yyz{ float:left; height:auto !important; min-height:51px; height:51px; width:auto !important; max-width:330px; margin-left:25px; position:relative; background:#a0e759; padding:15px; border-radius:6px;}

.aodo{ font-size:14px; padding-bottom:10px; padding-top:4px; font-weight:bold; color:#77181c;}

.bftr{ line-height:24px; font-size:12px; color:#000;}

.jiji{ position:absolute; left:-10px; top:35px;}

.jiji1{ position:absolute; right:-10px; top:35px;}

.youb{ float:right;}


/**简介**/

.jiinre{ line-height:30px; font-size:13px;}

.ditu{ float:right; border:1px solid #e2d1ba;}

.qwtyio1{  padding-top:30px; padding-bottom:45px; }

.lixwm{ float:left;}

.qwtyio11{  padding-top:100px; padding-bottom:45px; }

.duhu{ line-height:30px; font-size:13px;}