@charset "utf-8";#top .header{height:130px}
.main_box{ width:1100px; margin:0 auto;}
#top_bar{height:39px;border-bottom:1px solid #e6e6e6;line-height:39px}
#top_bar .main_box{position:relative}
#top_bar a{display:inline-block;background:url(line_top_link.jpg) right center no-repeat;padding-right:10px;margin-right:7px;color:#7d7d7d;font-size:12px}
#top_bar a:hover{color:#2772cf}
.search_box{position:absolute;right:0;top:0}
.search_box form{position:relative;background:url(bg_search.png) center no-repeat;position:relative;width:288px;height:40px}
.search_box input{display:block;background:0 0;border:none}
.search_box .text{width:146px;height:40px;width:212px;line-height:40px;font-size:12px;color:#7f7f87;margin-left:13px}
.search_box .submit{width:31px;position:absolute;right:0;top:0;cursor:pointer;height:40px;line-height:39px;margin-left:5px}
.search_box form:hover{background:url(bg_search_icon.png) center no-repeat}
#header{position:relative;background:#fff;top:0;width:100%;left:0;height:95px;z-index:999}
#header .top{position:absolute;top:0;width:100%}
#header .top .left{display:table;height:95px}
#header .top .left a{display:table-cell;vertical-align:middle}

#top .top_left{float:left;margin-top:18px}
#top .top_right{position:relative;float:right;margin-top:45px;width:350px;}
#top .top_right .top_tel{margin-right:200px;padding-right:15px;padding-left:20px;height:42px;border-right:1px solid #d8d9db}
#top .top_right .top_tel strong{display:block;color:#0663be;font-size:20px;font-family:Arial}
#top .top_right .top_tel span{display:block;margin-bottom:0;background:url(icon_tel_top.png) 181px center no-repeat;color:#595b5f;text-align:right;font-size:14px}
#top .top_right .ewm_top_box{position:absolute;top:-35px;right:130px}
#top .top_right .ewm_top_box img{display:block;}
#top .top_right .ewm_top_box .text_box{margin-top:18px;color:#7a7b7d;font-size:12px;line-height:28px;text-align:center;}
#top .top_right .ewm_top_box2{position:absolute;top:-35px;right:10px;}
#top .top_right .ewm_top_box2 img{display:block;}
#top .top_right .ewm_top_box2 .text_box{margin-top:18px;color:#7a7b7d;font-size:12px;line-height:28px;text-align:center;}
#top #nav{position:relative;z-index:3;background:url(bg_nav.png) center no-repeat #2d3039}
#top #nav li{float:left}
#top #nav li .a{position:relative;display:block;width:137.5px}
#top #nav li .a strong{position:relative;z-index:2;display:block;height:45px;color:#fff;text-align:center;font-size:14px;line-height:45px}
#top #nav li .a span{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:0;background:#034b95}
#top #nav .on .a span{height:45px}
#top #nav li .a:hover span{height:45px}
#top #nav .title{position:relative}
#top #nav .title .list{position:absolute;top:45px;z-index:555;display:none;width:137.5px}
#top #nav .title .list a{display:block;height:40px;background:rgba(6,99,190,.8);color:#fff;text-align:center;line-height:40px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC0663BE', endColorstr='#CC0663BE')}
#top #nav .title .list a:hover{background:#034688}
#banner_box{position:relative;z-index:1;margin-top:-1px;width:100%;height:517px}
#banner_box .main_box{position:relative}
.quake-slider{position:relative;overflow:hidden;width:100%;height:517px}
.quake-nav a{position:absolute;top:50%;z-index:10000;margin-top:-65px;width:47px;height:90px;background-repeat:no-repeat;text-decoration:none;text-indent:-9999px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.quake-prev{left:40px;background-image:url(arrow-left.png)}
.quake-next{right:40px;margin-right:2px;background-image:url(arrow-right.png)}
.quake-prev:hover{background-image:url(arrow-left-active.png)}
.quake-next:hover{background-image:url(arrow-right-active.png)}
.quake-slider-caption-container-right{position:absolute;left:750px;z-index:101;margin-right:10px;padding:0;padding-left:25px;width:220px;height:310px;background-color:#000}
.quake-slider-caption-right{position:absolute;left:750px;z-index:102;margin-right:10px;padding:0;padding:10px;width:210px;height:385px;color:#fff;font-weight:700;font-size:22px;font-family:Arial}
.quake-slider-caption-container-left{position:absolute;left:0;z-index:101;margin-left:10px;padding:0;padding-left:10px;width:220px;height:385px;background-color:#000}
.quake-slider-caption-left{position:absolute;left:0;z-index:102;margin-left:10px;padding:0;padding:10px;width:210px;height:385px;color:#fff;font-weight:700;font-size:22px;font-family:Arial}
.quake-slider-caption-container-bottom{position:absolute;bottom:0;z-index:101;margin-bottom:10px;padding:0;padding-left:20px;width:700px;height:50px;background-color:#000}
.quake-slider-caption-bottom{position:absolute;bottom:0;z-index:102;padding-top:10px;padding-left:10px;width:700px;height:50px;color:#fff;font-weight:700;font-size:22px;font-family:Arial}
.quake-slider-caption-container-top{position:absolute;top:0;z-index:101;margin-top:10px;padding:0;padding-left:10px;width:700px;height:50px;background-color:#000}
.quake-slider-caption-top{position:absolute;top:0;z-index:102;margin-top:10px;padding:0;padding-top:10px;padding-left:10px;width:700px;height:50px;color:#fff;font-weight:700;font-size:22px;font-family:Arial}
.quake-nav-wrapper{position:relative;top:0;left:0;z-index:102;display:none;width:700px}
.quake-nav-container{margin:auto;margin-top:20px}
.quake-nav-control{display:inline-block;width:22px;height:22px;outline:0;border:0;background-image:url(circle.png);background-repeat:no-repeat;text-indent:-9999px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.quake-nav-control.active{background-image:url(circle-active.png)}
.quake-highlight{color:#ff0}
.quake-highlight a{color:#ff0}
.quake-link{position:absolute;z-index:101}
.quake-thumbnail{position:absolute;z-index:111;display:none;overflow:hidden;width:98px;height:76px;background:url(thumb_bg.png) no-repeat center center}
.quake-thumbnail-preview{overflow:hidden;margin:7px 0 0 7px;width:84px;height:48px;background-color:#fff}
.quake-thumbnail-preview img{border:none}
.quake-slider-images{width:100%;height:385px}
.footer .up{position:relative;padding-top:60px;padding-bottom:60px}
.footer .up .main_box{position:relative}
.footer .up{background:#0663be}
.footer .up .fr h1{margin-bottom:12px;padding-left:40px;color:#fff;font-size:16px;line-height:36px}
.footer .up .left{position:relative;padding-right:65px;width:265px;height:200px;border-right:1px solid #3282d1}
.footer .up .left h1{display:block;margin-bottom:25px;color:#fffefe;font-size:14px}
.footer .up .left p{margin-bottom:25px;color:#fff;font-size:12px;line-height:24px}
.footer .up .left a{display:block;width:180px;height:36px;border-radius:3px;background:#fff;color:#0663be;text-align:center;text-decoration:none;font-size:12px;line-height:36px}
.footer .up .left a:hover{background:#feba48;color:#fff}
.footer .up .right{width:730px}
.footer .up .right ul{float:right;margin-left:-40px}
.footer .up .right li{float:left;margin-left:58px;width:80px}
.footer .up .right li a{display:block;color:#fff;font-size:12px;line-height:23px}
.footer .up .right li a:hover{color:#fff;text-decoration:underline}
.footer .up .right li h1{margin-bottom:15px;color:#fff;font-size:15px}

.footer .up .fot_nav{width:120px}
.footer .up .fot_tel{width:170px;color:#FFF;font-size:12px;line-height:30px}
.footer .up .fot_yc{width:170px;color:#FFF;font-size:12px;line-height:30px;margin-top:10px;clear:both;}
.footer .up .fot_yc a{clear:both;display:inline !important;}
.footer .up .fot_yc img{margin:10px 10px;}
.footer .un{position:relative;background:#0554a1;line-height:60px}
.footer .un h1{color:#4a8ccd;text-align:center;font-size:12px;line-height:60px}
.footer .un h1 a{color:#4a8ccd}
.footer .un h1 a:hover{color:#fff}
#floating_box{position:fixed;right:-1px;bottom:60px;z-index:9;display:none;margin-top:-40px}
.pf_ewm_box{position:relative;display:block;display:none;overflow:visible;margin:0 auto;width:40px;height:40px;background:url(pic_piaofu.jpg) top center no-repeat}
#gotop{position:relative;display:block;overflow:hidden;margin:0 auto;width:40px;height:40px;background:url(pic_piaofu.jpg) center -41px no-repeat #0663be}
.pf_ewm_box .ewm{position:absolute;top:0;right:41px;display:none}
.pf_ewm_box:hover .ewm{display:block}
#gotop:hover{background:url(pic_piaofu.jpg) center -43px no-repeat #2e83d6}
.s_main_box .floor{margin:0 auto;padding:80px 0}
.s_title{position:relative;margin-bottom:25px}
.s_title strong{display:block;margin-top:3px;color:#0663be;text-align:center;text-transform:uppercase;font-weight:700;font-size:18px;font-family:Arial}
.s_title h1{display:block;color:#333846;text-align:center;font-size:15px}
.s_more{position:relative;display:block;margin-top:30px;height:40px;border:1px solid #e5e5e7;background:#f6f7fa;color:#8e929e;text-align:center;font-size:12px;line-height:40px}
.s_more:hover{border:1px solid #0663be;border-radius:3px;background:#0663be;color:#fff}
.link_box{position:relative;z-index:999;display:none;margin-top:-120px;width:100%;border-top:1px solid #9d968a;background:rgba(23,20,19,.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99171413', endColorstr='#99171413')}
.link_box .title{position:relative;float:left;display:none;padding:0 20px;width:80px;height:120px;background:#0663be}
.link_box .title strong{display:block;margin-top:3px;padding-top:35px;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family:Arial}
.link_box .title h1{display:block;color:#fff;font-size:15px}
.link_box .title .mark{position:absolute;top:52px;right:-10px}
.link_box .content{float:right}
.link_box a{float:left;display:block;padding:0 38px;padding:0 52px;height:120px;background:url(line_link.png) right center no-repeat;color:#fff;text-align:center;font-size:14px}
.link_box a img{display:block;margin:20px auto 10px auto}
.img_a_d_box{margin:35px auto}
.s_main_box .f1{padding-top:50px}
.s_main_box .f1 .title{margin-bottom:25px}
.s_main_box .f1 .title h1{display:block;color:#333846;font-size:15px}
.s_main_box .f1 .title h1 strong{color:#333846;text-align:center;text-transform:uppercase;font-weight:700;font-size:18px;font-family:Arial}
.s_main_box .f1 .hd{overflow:hidden;margin-bottom:45px;height:90px;border-top:1px solid #dde0e4;border-bottom:1px solid #dde0e4;background:#333846}
.s_main_box .f1 .hd ul{width:1098px;height:90px;background:#fff}
.s_main_box .f1 .hd li{float:left;display:block;width:366px;cursor:pointer}
.s_main_box .f1 .hd li a{display:block;padding-left:160px;height:90px;border-right:1px solid #dde0e4}
.s_main_box .f1 .hd li a strong{display:block;margin-bottom:5px;padding-top:27px;color:#333846;font-size:15px}
.s_main_box .f1 .hd li a span{display:block;color:#959bac;text-transform:uppercase;font-size:10px;font-family:Arial}
.s_main_box .f1 .hd li:hover a{border-right:1px solid #0663be}
.s_main_box .f1 .hd li:hover a strong{color:#fff}
.s_main_box .f1 .hd li:hover a span{color:#fff}
.s_main_box .f1 .hd li.on a{border-right:1px solid #0663be}
.s_main_box .f1 .hd li.on a strong{color:#fff}
.s_main_box .f1 .hd li.on a span{color:#fff}
.s_main_box .f1 .hd .li1.on a{background:url(icon_pro1_on.png) 60px center no-repeat #0663be}
.s_main_box .f1 .hd .li2.on a{background:url(icon_pro2_on.png) 60px center no-repeat #0663be}
.s_main_box .f1 .hd .li3.on a{background:url(icon_pro3_on.png) 60px center no-repeat #0663be}
.s_main_box .f1 .hd .li1 a{background:url(icon_pro1.png) 60px center no-repeat}
.s_main_box .f1 .hd .li1:hover a{background:url(icon_pro1_on.png) 60px center no-repeat #0663be}
.s_main_box .f1 .hd .li2 a{background:url(icon_pro2.png) 60px center no-repeat}
.s_main_box .f1 .hd .li2:hover a{background:url(icon_pro2_on.png) 60px center no-repeat #0663be}
.s_main_box .f1 .hd .li3 a{background:url(icon_pro3.png) 60px center no-repeat}
.s_main_box .f1 .hd .li3:hover a{background:url(icon_pro3_on.png) 60px center no-repeat #0663be}
.s_main_box .f1 .content_box{margin:0 auto;margin-bottom:45px;width:1100px}
.s_main_box .f1 .content ul{margin:-15px -25px}
.s_main_box .f1 .content li{float:left;margin:15px 25px;width:237px;background:#fff}
.s_main_box .f1 .content li .box{overflow:hidden;width:235px;height:170px;border:1px solid #e3e4e6}
.s_main_box .f1 .content li a{display:block}
.s_main_box .f1 .content li img{display:block;display:block;margin:0 auto;width:235px;height:170px;height:165px;border:1px solid #fff;background:#fff}
.s_main_box .f1 .content li span{position:relative;z-index:2;display:block;background:#fff;color:#383838;text-align:center;font-size:14px;line-height:48px}
.s_main_box .f1 .content li:hover img{-moz-transform:scale(1.051);transform:scale(1.051);-o-moz-transform:scale(1.051);-o-moz-transform:scale(1.051);-webkit-moz-transform:scale(1.051)}
.s_main_box .f1 .content li a:hover span{background:#0663be;color:#fff}
.s_main_box .f2{overflow:hidden;padding:0;height:445px;background:url(bg_f2.jpg) center 0 no-repeat #0663be}
.s_main_box .f2 .s_title{text-align:left}
.s_main_box .f2 .s_title h1{text-align:left}
.s_main_box .f2 .s_title strong{text-align:left}
.s_main_box .f2 .content{position:relative}
.s_main_box .f2 .content .left{width:240px;background:#f6f7fa}
.s_main_box .f2 .content .left .up_box{padding:30px 30px}
.s_main_box .f2 .content .left .up_box p{overflow:hidden;height:190px;color:#4b4b4d;font-size:12px;line-height:24px}
.s_main_box .f2 .content .left .up_box span{display:block;margin-bottom:25px;width:60px;height:3px;background:#dcdddf}
.s_main_box .f2 .content .left .more{display:block;height:45px;border-top:1px solid #e5e5e7;background:#fff;color:#8e929e;text-align:center;line-height:45px}
.s_main_box .f2 .content .left .more:hover{background:#57a5f5;color:#fff}
.s_main_box .f2 .content .right{position:relative;width:725px;height:445px}
.s_main_box .f2 .content .right .box{position:absolute;width:223px}
.s_main_box .f2 .content .right .box .img_box{position:relative;width:223px}
.s_main_box .f2 .content .right .box strong{display:block;margin-top:10px;color:#fff;text-align:center;font-size:14px}
.s_main_box .f2 .content .right .box img{display:block;margin:0 auto}
.s_main_box .f2 .content .right .box1{position:absolute;top:80px;left:0}
.s_main_box .f2 .content .right .box2{position:absolute;top:155px;left:345px}
.s_main_box .f2 .content .right .box .mark{position:absolute;right:0;bottom:0}
.s_main_box .f2 .content .right .box1 .mark{position:absolute;right:-20px;bottom:0}
.s_main_box .f2 .content .right .box2 .mark{position:absolute;bottom:0;left:-245px}
.s_main_box .f3{width:100%;height:240px;border-bottom:1px solid #e5e5e7}
.s_main_box .f33{margin-top:-30px;width:100%;height:240px;border-bottom:1px solid #e5e5e7}
.s_main_box .f3 .s_title{position:absolute;top:40px;left:0;left:40px;z-index:2;margin-bottom:38px}
.s_main_box .f3 .content{position:relative}
.s_main_box .f3 .content .left{padding-left:150px;width:490px;height:235px;background:url(bg_f3.png) left center no-repeat}
.s_main_box .f3 .content .left .box{padding:30px 0 0 34px}
.s_main_box .f3 .content .left .box p{overflow:hidden;color:#8a8b8c;font-size:12px;line-height:24px}
.s_main_box .f3 .content .left .box h1{display:block;margin-bottom:25px;color:#333846;font-size:18px}
.s_main_box .f3 .content .left .more{padding-left:10px;color:#0663be}
.s_main_box .f3 .content .left .more:hover{text-decoration:underline}
.s_main_box .f3 .content .right{position:relative;overflow:hidden;width:380px;height:230px}
.s_main_box .f3 .content .right .bd img{display:block;width:445px;height:230px}
.s_main_box .f3 .content .right .hd{position:absolute;z-index:3;width:100%;opacity:0}
.s_main_box .f3 .content .right .prev{position:absolute;top:90px;left:0;width:26px}
.s_main_box .f3 .content .right .next{position:absolute;top:90px;right:0;width:26px}
.s_main_box .f3 .content .right:hover .hd{opacity:1}
.s_main_box .f4{overflow:hidden;padding-top:60px;height:945px;background:url(bg_f4.jpg) center 0 no-repeat #0663be}
.s_main_box .f4 .content{position:relative}
.s_main_box .f4 .content .img_man{position:absolute;top:140px;left:50%;margin-left:-112.5px}
.s_main_box .f4 .content .img_man:hover{top:130px}
.s_main_box .f4 .content dl{display:block;margin-top:-70px}
.s_main_box .f4 .content dd{display:block;margin-top:110px;width:265px;cursor:copy}
.s_main_box .f4 .content dd img{display:block;margin:0 auto}
.s_main_box .f4 .content dd strong{display:block;margin-top:25px;margin-bottom:15px;color:#fff;text-align:center;font-size:16px}
.s_main_box .f4 .content dd p{color:#b9cae6;font-size:12px;line-height:18px}
.s_main_box .f4 .content dd.item1{width:230px}
.s_main_box .f4 .content dd.item1 strong{color:#2d2d2e}
.s_main_box .f4 .content dd.item1 p{color:#969696}
.s_main_box .f4 .content dd.item3{width:245px}
.s_main_box .f4 .content .more{display:block;margin:0 auto;margin-top:-50px;width:220px;height:50px;border-radius:3px;background:#fff;color:#0663be;text-align:center;font-size:14px;line-height:50px}
.s_main_box .f4 .content .more:hover{background:#00a1f7;color:#fff}
.s_main_box .f5 .s_title{margin-bottom:40px}
.s_main_box .f5 .content .bd{display:block}
.s_main_box .f5 .content .bd .box ul{margin:0 -16px}
.s_main_box .f5 .content .bd li{position:relative;float:left;display:block;margin:0 16px;margin-bottom:40px;width:250px;height:265px;background:#0663be}
.s_main_box .f5 .content .bd li i{position:absolute;bottom:-27px;left:50%;display:block;overflow:hidden;margin-left:-25.5px;width:55px;height:55px;background:url(icon_f5.png) center no-repeat}
.s_main_box .f5 .content .bd li a{display:block}
.s_main_box .f5 .content .bd li a .img_box{overflow:hidden;width:250px;height:180px}
.s_main_box .f5 .content .bd li a img{width:250px;height:180px}
.s_main_box .f5 .content .bd li a span{display:block;padding:20px;color:#fff;text-align:center;font-size:14px}
.s_main_box .f5 .content .hd .box{display:block;margin:0 auto;width:220px}
.s_main_box .f5 .content .hd{position:relative;margin-top:40px}
.s_main_box .f5 .content .hd ul{position:relative;display:table;padding:0 50px;text-align:center}
.s_main_box .f5 .content .hd ul li{display:table-cell;padding:0 12px;height:20px;background:url(bg_f5_li_m.jpg) center no-repeat;color:#fff;text-align:center;font-size:12px;line-height:20px;cursor:pointer}
.s_main_box .f5 .content .hd ul li.on{background:url(bg_f5_li.jpg) center no-repeat}
.s_main_box .f5 .content .hd ul span{position:absolute;top:0;display:block;width:50px;height:20px;text-align:center;cursor:pointer}
.s_main_box .f5 .content .hd ul .prev{left:0;background:url(bnt_f5_prev.png) center no-repeat #0663be;cursor:pointer}
.s_main_box .f5 .content .hd ul .prev:hover{background:url(bnt_f5_prev.png) center no-repeat #57a5f5}
.s_main_box .f5 .content .hd ul .next{right:0;background:url(bnt_f5_next.png) center no-repeat #0663be}
.s_main_box .f5 .content .hd ul .next:hover{background:url(bnt_f5_next.png) center no-repeat #57a5f5}
.s_main_box .f6{padding-bottom:20px;border-top:1px solid #e5e5e7}
.s_main_box .f6 .s_title{margin-bottom:40px}
.s_main_box .f6 .left .hd{position:absolute;z-index:3;width:100%}
.s_main_box .f6 .left .prev{position:absolute;top:130px;left:0;width:26px}
.s_main_box .f6 .left .next{position:absolute;top:130px;right:0;width:26px}
.s_main_box .f6 .news_hd{margin-bottom:70px}
.s_main_box .f6 .news_hd ul{display:inherit;text-align:center}
.s_main_box .f6 .news_hd li{display:inline-block;margin-right:12px;border-radius:5px;background:#ededed}
.s_main_box .f6 .news_hd li a{display:block;width:190px;height:50px;background:url(icon_f4_greyarrow.png) 155px center no-repeat}
.s_main_box .f6 .news_hd li strong{display:block;padding-top:10px;padding-left:28px;text-align:left}
.s_main_box .f6 .news_hd li span{display:block;padding-left:28px;text-align:left}
.s_main_box .f6 .news_hd li:hover{background:#2f74c0}
.s_main_box .f6 .news_hd li:hover a{background:url(icon_f4_whitearrow.png) 155px center no-repeat}
.s_main_box .f6 .news_hd li:hover strong{color:#fff}
.s_main_box .f6 .news_hd li:hover span{color:#bbcde6}
.s_main_box .f6 .news_hd .on{background:#2f74c0}
.s_main_box .f6 .news_hd .on a{background:url(icon_f4_whitearrow.png) 155px center no-repeat}
.s_main_box .f6 .news_hd .on strong{color:#fff}
.s_main_box .f6 .news_hd .on span{color:#bbcde6}
.s_main_box .f6 .news_bd{overflow:hidden}
.s_main_box .f6 .news_bd .left{position:relative;overflow:hidden;width:515px;border:1px solid #e0e0e2}
.s_main_box .f6 .news_bd .left .bd img{display:block;width:515px;height:300px}
.s_main_box .f6 .news_bd .left a:hover{background:#0663be}
.s_main_box .f6 .news_bd .left a:hover strong{color:#fff}
.s_main_box .f6 .news_bd .left h1{position:relative;bottom:0;display:block;width:100%;height:58px;color:#f5f9fb;text-align:center;font-size:14px;line-height:58px}
.s_main_box .f6 .news_bd .left h1 strong{color:#58595d;font-size:14px}
.s_main_box .f6 .news_bd .left a:hover h1{color:#fff}
.s_main_box .f6 .news_bd .right{width:550px;height:360px}
.s_main_box .f6 .news_bd ul{overflow:hidden}
.s_main_box .f6 .news_bd li{display:block;margin-bottom:20px;height:105px;border:1px solid #e0e0e2}
.s_main_box .f6 .news_bd .fl{position:relative;z-index:2;margin:-1px;width:110px;height:107px;background:#0663be;line-height:107px}
.s_main_box .f6 .news_bd .fl strong{display:block;color:#fff;text-align:center;font-size:32px;font-family:Arial}
.s_main_box .f6 .news_bd .fl span{display:block;color:#fff;text-align:center;font-size:12px;font-family:Arial}
.s_main_box .f6 .news_bd .fr{padding-top:18px;padding-right:15px;width:400px}
.s_main_box .f6 .news_bd .fr h2 a{color:#000;font-size:14px;line-height:27px}
.s_main_box .f6 .news_bd .fr h2 a:hover{color:#0663be;text-decoration:underline}
.s_main_box .f6 .news_bd .fr p{margin-top:5px;color:#afafb0;font-size:12px;line-height:20px}
.s_main_box .f6{padding-bottom:20px;border-top:1px solid #e5e5e7}
.s_main_box .f6 .s_title{margin-bottom:40px}
.s_main_box .f6 .left .hd{position:absolute;z-index:3;width:100%}
.s_main_box .f6 .left .prev{position:absolute;top:130px;left:0;width:26px}
.s_main_box .f6 .left .next{position:absolute;top:130px;right:0;width:26px}
.s_main_box .f6 .news_hd{margin-bottom:70px}
.s_main_box .f6 .news_hd ul{display:inherit;text-align:center}
.s_main_box .f6 .news_hd li{display:inline-block;margin-right:12px;border-radius:5px;background:#ededed}
.s_main_box .f6 .news_hd li a{display:block;width:190px;height:50px;background:url(icon_f4_greyarrow.png) 155px center no-repeat}
.s_main_box .f6 .news_hd li strong{display:block;padding-top:10px;padding-left:28px;text-align:left}
.s_main_box .f6 .news_hd li span{display:block;padding-left:28px;text-align:left}
.s_main_box .f6 .news_hd li:hover{background:#2f74c0}
.s_main_box .f6 .news_hd li:hover a{background:url(icon_f4_whitearrow.png) 155px center no-repeat}
.s_main_box .f6 .news_hd li:hover strong{color:#fff}
.s_main_box .f6 .news_hd li:hover span{color:#bbcde6}
.s_main_box .f6 .news_hd .on{background:#2f74c0}
.s_main_box .f6 .news_hd .on a{background:url(icon_f4_whitearrow.png) 155px center no-repeat}
.s_main_box .f6 .news_hd .on strong{color:#fff}
.s_main_box .f6 .news_hd .on span{color:#bbcde6}
.s_main_box .f6 .indcase{overflow:hidden}
.s_main_box .f6 .indcase .left{position:relative;overflow:hidden;width:515px;border:1px solid #e0e0e2}
.s_main_box .f6 .indcase .left .bd img{display:block;width:515px;height:300px}
.s_main_box .f6 .indcase .left a:hover{background:#0663be}
.s_main_box .f6 .indcase .left a:hover strong{color:#fff}
.s_main_box .f6 .indcase .left h1{position:relative;bottom:0;display:block;width:100%;height:58px;color:#f5f9fb;text-align:center;font-size:14px;line-height:58px}
.s_main_box .f6 .indcase .left h1 strong{color:#58595d;font-size:14px}
.s_main_box .f6 .indcase .left a:hover h1{color:#fff}
.s_main_box .f6 .indcase .right{width:550px;height:360px}
.s_main_box .f6 .indcase ul{overflow:hidden}
.s_main_box .f6 .indcase li{display:block;margin-bottom:10px;padding:2px 15px;height:30px;border:1px solid #eee;line-height:30px}
.s_main_box .f6 .indcase li span{margin-right:5px;font-size:6px}
.s_main_box .f6 .indcase .fl{position:relative;z-index:2;margin:-1px;width:110px;height:107px;background:#0663be;line-height:107px}
.s_main_box .f6 .indcase .fl strong{display:block;color:#fff;text-align:center;font-size:32px;font-family:Arial}
.s_main_box .f6 .indcase .fl span{display:block;color:#fff;text-align:center;font-size:12px;font-family:Arial}
.s_main_box .f6 .indcase .fr{padding-top:18px;padding-right:15px;width:400px}
.s_main_box .f6 .indcase .fr h2 a{color:#000;font-size:14px;line-height:27px}
.s_main_box .f6 .indcase li:hover{border:1px solid #0663be;background-color:#0663be;color:#FFF}
.s_main_box .f6 .indcase .fr p{margin-top:5px;color:#afafb0;font-size:12px;line-height:20px}
.s_main_box .f7{overflow:hidden;padding-bottom:0;height:490px;background:url(bg_f7.jpg) center 100px no-repeat}
.s_main_box .f7 .main_box{position:relative}
.s_main_box .f7 .title{position:absolute;top:0;left:0}
.s_main_box .f7 .content{margin-left:370px}
.s_main_box .f7 .content .up{padding-top:83px;width:650px}
.s_main_box .f7 .content .up h1{display:block;margin-bottom:13px;color:#fff;font-size:18px}
.s_main_box .f7 .content .up p{color:#a2a2a4;font-size:12px;line-height:20px}
.s_main_box .f7 .content .un{margin-top:70px}
.s_main_box .f7 .content .un .jj_scoll{position:relative;overflow:scroll;overflow-y:hidden;height:180px;white-space:nowrap}
#ascrail2000-hr{width:100%;height:10px!important;background:url(bg_jj_scoll.png) left center repeat-x}
#ascrail2000-hr div{height:10px!important}
.n_zizhi{overflow:hidden;margin-top:20px}
.n_zizhi li{position:relative;display:inline-block;margin-right:25px;padding:3px;color:#FFF}
.n_zizhi li a{display:block}
.n_zizhi li img{display:block;height:140px}
.n_zizhi li span{display:block;color:#fff;text-align:center;font-size:14px;line-height:36px}
.n_zizhi li:hover{background:#034b95}
.n_zizhi li:hover span{color:#fff}
.n_zizhi .page{margin-top:20px;color:#6d6c72;text-align:center;text-align:center;font-size:12px}
.s_main_box .f8 .s_title{display:block;margin-bottom:55px;padding:18px 0;width:230px;border:1px dashed #cbcccd;border-radius:5px}
.s_main_box .f8 .up_box .content .un dl{display:block;margin:0 -40px}
.s_main_box .f8 .up_box .content .un dd{float:left;margin:0 40px;padding:25px 0;width:206px;text-align:center;font-size:14px}
.s_main_box .f8 .up_box .content .un dd strong{display:block;margin-bottom:8px;color:#252526}
.s_main_box .f8 .up_box .content .un dd span{color:#828385;font-size:12px;line-height:18px}
.s_main_box .f9{border-top:1px solid #e5e5e7}
.s_main_box .f9 .up_box .content{text-align:center}
.s_main_box .f9 .up_box .content .up{margin-bottom:35px;font-size:14px;line-height:30px}
.s_main_box .f9 .up_box .content .up strong{display:block;color:#000}
.s_main_box .f9 .up_box .content .up{color:#4f4f51}
.s_main_box .f9 .up_box .content .up span{font-size:16px}
.s_main_box .f9 .up_box .content .un dl{display:block;border-top:1px solid #e2e2e2;border-right:none;border-left:1px solid #e2e2e2}
.s_main_box .f9 .up_box .content .un dd{float:left;padding:30px 0;width:273px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;font-size:14px;line-height:24px}
.s_main_box .f9 .up_box .content .un dd strong{display:block;color:#4b4b4d}
.s_main_box .f9 .up_box .content .un dd span{color:#89898a;font-size:12px}
.s_main_box .f9 .un_box .line_box{position:relative;margin:90px auto 0 auto;width:400px;height:100px;border:1px solid #cccdd0}
.s_main_box .f9 .un_box .line_box .ewm{position:absolute;top:-55px;left:50%;display:block;margin-left:-75px;width:100px;height:100px;border:15px solid #fff}
.s_main_box .f9 .un_box span{display:block;margin-top:30px;color:#89898a;text-align:center;font-size:12px}
#j_friend_link1{margin:0 auto;padding:20px 0;width:100%;border-top:1px solid #efeff2;background-color:#fbfbfc;line-height:22px}
#j_friend_link1 .fl{width:70px;color:#0663be;font-weight:700;font-size:14px}
#j_friend_link1 .fr{width:1100px}
#j_friend_link1 .fr ul li{float:left;margin:10px 15px;width:150px;height:100px;border:1px solid #efeff2}
#j_friend_link1 .fr ul li img{max-width:150px;max-height:100px}
#j_friend_link1 .fr a{margin-right:15px;color:#4b4b4c}
#j_friend_link1 .fr a:hover{color:#0663be;text-decoration:underline}
.n_main_box .main_box{width:1060px}
.n_banner{display:block;width:100%;height:320px}
.n_title{position:relative;padding:20px 0;background:url(bg_n_protitle.png) center bottom no-repeat}
.n_title h1{padding:0 0 0 20px;background:url(icon_n_title.png) left center no-repeat;color:#333846;font-weight:700;font-size:24px;line-height:40px}
.n_title h1 span{padding-left:5px;padding-left:5px;color:#333846;text-transform:uppercase;font-weight:400;font-size:14px;font-family:Arial;line-height:40px}
.n_title .position{position:absolute;top:33px;right:0;padding-left:18px;background:url(icon_home.png) left center no-repeat;color:#a8abb1}
.n_title .position a,.n_title .position i,.n_title .position span{color:#a8abb1;font-size:12px}
.n_title .position em{color:#0074ca;font-size:12px}
.n_title .position a:hover{color:#0074ca}
.n_nav{position:relative;border:1px solid #dde0e4}
.n_nav .main_box{border-left:1px solid #dde0e4}
.n_nav a{position:relative;float:left;display:block;width:151px;height:48px;border-right:1px solid #dde0e4;color:#5b5c5e;text-align:center;font-size:14px;line-height:48px}
.n_nav a span{position:absolute;top:0;left:-1px;z-index:2;display:block;width:153px;height:0;background:url(bg_n_nav.png) center top no-repeat}
.n_nav a strong{position:relative;z-index:4;display:block;color:#646464}
.n_nav a:hover{color:#4f9431}
.n_nav a:hover span{height:60px}
.n_nav a:hover strong{color:#fff}
.n_nav .on{color:#4f9431}
.n_nav .on span{height:60px}
.n_nav .on strong{color:#fff}
.n_content{min-height:400px;background:#f6fbfe}
.about_title{position:relative;padding:50px 0;border-top:1px solid #efefef}
.about_title h1{display:block;color:#333846;text-align:center;font-size:24px}
.about_title strong{display:block;margin-top:10px;color:#0362b9;text-align:center;text-transform:uppercase;font-weight:700;font-size:18px;font-family:Arial}
.n_about_box{padding-top:60px;padding-bottom:60px}
.n_about_box dt{display:block}
.n_about_box dd{display:block;margin-bottom:10px}
.n_about_info .fl{position:relative;overflow:hidden;width:560px;height:300px}
.n_about_info .fl .bd img{display:block;width:560px;height:300px}
.n_about_info .fl .hd{position:absolute;z-index:3;width:100%;opacity:0}
.n_about_info .fl .prev{position:absolute;top:125px;left:0;width:26px}
.n_about_info .fl .next{position:absolute;top:125px;right:0;width:26px}
.n_about_info .fl:hover .hd{opacity:1}
.n_layout .left{width:560px}
.n_layout .left img{margin-bottom:26px}
.n_layout .left p{margin-bottom:30px}
.n_layout .right{width:360px}
.n_layout dd.dd{display:block;margin-bottom:0;margin-left:0!important;padding-left:15px;width:100%;height:28px;background:url(icon_dd.png) left center no-repeat;line-height:28px}
.n_layout dd.dd strong{color:#646464}
.n_layout .dt{display:block;margin-bottom:40px;line-height:30px}
.n_about_info .up{margin-bottom:30px}
.n_about_info .up .fl{width:560px}
.n_about_info .up .fr{width:460px}
.n_about_info .title{margin:15px 0}
.n_about_info .title h1{display:block;color:#333846;text-align:center;font-size:24px}
.n_about_info .title strong{display:block;margin-top:10px;color:#0362b9;text-align:center;text-transform:uppercase;font-weight:700;font-size:18px;font-family:Arial}
.n_partners ul{margin:0 -10px}
.n_partners li{position:relative;float:left;display:block;margin:30px 9px;width:252px}
.n_partners li a{display:block}
.n_partners li img{display:block;width:250px;height:80px;border:1px solid #ebedef}
.n_partners li span{display:block;color:#4b4b4d;text-align:center;font-size:14px;line-height:36px}
.n_partners li:hover img{border:1px solid #0362b9;border-radius:30px 0 30px 0}
.n_partners li:hover span{color:#0362b9}
.n_honor #main{margin:auto;width:1090px}
.n_honor #main ul li{float:left;display:inline;margin:15px 0;width:272px;list-style:none}
.n_honor #main ul li .box{width:230px;border:5px solid #ececec}
.n_honor #main ul li:hover .box{border:5px solid #417dc3}
.n_honor #main ul li img{display:block;width:230px}
.n_honor #main ul li img.hover{opacity:.9;filter:Alpha(opacity=90);-moz-opacity:.9}
.n_honor #main ul li h3{display:block;padding:0 10px 0 10px;background:#f5f6f6;color:#333846;text-align:center;font-size:14px;line-height:40px;line-height:40px}
.n_honor .img_block{position:relative}
#lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;display:none;background-color:#000;opacity:.85;filter:alpha(Opacity=85)}
#lightbox{position:absolute;left:0;z-index:10000;width:100%;text-align:center;font-weight:400;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;line-height:0}
#lightbox img{width:auto;height:auto}
#lightbox a img{border:none}
.lb-outerContainer{position:relative;margin:0 auto;width:250px;height:250px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#fff;-ms-border-radius:4px;-o-border-radius:4px}
.lb-outerContainer:after{clear:both;display:table;content:""}
.lb-container{padding:10px}
.lb-loader{position:absolute;top:40%;left:0;width:100%;height:25%;text-align:center;line-height:0}
.lb-nav{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}
.lb-container>.nav{left:0}
.lb-nav a{outline:0}
.lb-next,.lb-prev{display:block;width:49%;height:100%;background-image:url(yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}
.lb-prev{left:0;float:left}
.lb-next{right:0;float:right}
.lb-prev:hover{background:url(prev.png) left 48% no-repeat}
.lb-next:hover{background:url(next.png) right 48% no-repeat}
.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;background:#000;-ms-border-bottom-left-radius:4px;-o-border-bottom-left-radius:4px;-ms-border-bottom-right-radius:4px;-o-border-bottom-right-radius:4px}
.lb-dataContainer:after{clear:both;display:table;content:""}
.lb-data{padding:0 10px;color:#bbb}
.lb-data .lb-details{float:left;width:85%;text-align:left;line-height:1.1em}
.lb-data .lb-caption{color:#fff;font-weight:700;font-size:13px;line-height:2em}
.lb-data .lb-number{clear:left;display:block;padding-bottom:1em;font-size:11px}
.lb-data .lb-close{float:right;padding-bottom:.7em;width:35px;outline:0}
.lb-data .lb-close:hover{cursor:pointer}
.ilike,.zoom{position:absolute;top:14px;display:block;padding:0 0 2px 18px;background:url(pic_ilike.png) no-repeat -200px 0;text-align:center;text-decoration:none;line-height:25px}
.zoom{left:14px;width:42px;background-position:0 -71px}
.zoom:hover{background-position:0 -99px}
.ilike{right:14px;width:57px;background-position:0 -140px}
.ilike:hover{background-position:0 -167px}
.iNum,.n_honor .iNum a{padding:0 0 6px 28px;background:url(pic_ilike.png) no-repeat 0 -528px;line-height:11px}
.iNum{background-position:12px -522px}
.iNum a{background-position:12px -550px;text-decoration:none}
.loading{padding:30px 0;text-align:center}
.n_product{padding:60px 0}
.n_product ul{margin:-15px -20px 40px -20px}
.n_product li{float:left;margin:15px 19px;width:237px}
.n_product li .box{overflow:hidden;width:235px;height:235px;border:1px solid #e3e4e6}
.n_product li a{display:block}

.n_product li span{position:relative;z-index:2;display:block;color:#383838;text-align:center;font-size:14px;line-height:48px}
.n_product li a:hover span{background:#0663be;color:#fff}
.n_product_show{padding:60px 0}
.n_product_show .up_box .title{display:block;padding-bottom:30px;border-bottom:1px solid #efefef;color:#333846;text-align:center;font-weight:700;font-size:24px}
.pro_ar_box .content.up{background:url(bg_pro_table.png) 297px center no-repeat}
.pro_ar_box .content table td{padding-bottom:10px;padding-left:20px;background:url(icon_dd.png) left 9px no-repeat;color:#646464;vertical-align:top;font-size:14px}
.n_product_show .un_box{padding-top:30px}
.n_product_show .un_box .title{height:30px;line-height:30px}
.n_product_show .un_box .title strong{display:inline-block;padding:0 15px;background:#0663be;color:#fff;font-size:18px}
.n_product_show .un_box .title span{display:inline-block;padding-left:10px;color:#0663be;text-transform:uppercase;font-size:16px;font-family:Arial}
.n_product_show .un_box .pro_ar_box{margin-bottom:60px}
.n_product_show .un_box .pro_ar_box .content{padding:40px 45px 40px 45px;border:1px solid #dde0e4}


.t_product{padding:60px 0}
.t_product ul{margin:-15px -20px 40px -20px}
.t_product li{float:left;margin:15px 19px;width:327px}
.t_product li .box{overflow:hidden;width:325px;height:325px;border:1px solid #e3e4e6}
.t_product li a{display:block}

.t_product li span{position:relative;z-index:2;display:block;color:#383838;text-align:center;font-size:14px;line-height:48px}
.t_product li a:hover span{background:#0663be;color:#fff}
.t_product_show{padding:60px 0}
.t_product_show .up_box .title{display:block;padding-bottom:30px;border-bottom:1px solid #efefef;color:#333846;text-align:center;font-weight:700;font-size:24px}
.pro_ar_box .content.up{background:url(bg_pro_table.png) 297px center no-repeat}
.pro_ar_box .content table td{padding-bottom:10px;padding-left:20px;background:url(icon_dd.png) left 9px no-repeat;color:#646464;vertical-align:top;font-size:14px}
.t_product_show .un_box{padding-top:30px}
.t_product_show .un_box .title{height:30px;line-height:30px}
.t_product_show .un_box .title strong{display:inline-block;padding:0 15px;background:#0663be;color:#fff;font-size:18px}
.t_product_show .un_box .title span{display:inline-block;padding-left:10px;color:#0663be;text-transform:uppercase;font-size:16px;font-family:Arial}
.t_product_show .un_box .pro_ar_box{margin-bottom:60px}
.t_product_show .un_box .pro_ar_box .content{padding:40px 45px 40px 45px;border:1px solid #dde0e4}
.j_photo{position:relative;margin:40px auto 40px auto;width:522px}
.j_photo .big_box{position:relative;overflow:hidden;width:520px;height:375px;border:1px solid #dde0e4}
.j_photo .big_box ul{position:absolute;top:0;left:0}
.j_photo .big_box ul li{width:520px;height:375px}
.j_photo .big_box ul li img{width:520px;height:375px}
.j_photo .prev{float:left;cursor:pointer}
.j_photo .small_box{position:relative;display:none;margin-top:30px;padding-top:10px;width:520px;height:120px}
.j_photo .min_pic{position:relative;overflow:hidden;width:520px;height:120px}
.j_photo .min_pic ul{position:absolute;top:0;left:0;margin-right:-10px}
.j_photo .min_pic ul li{display:inline-block;margin-right:9px;width:165px;height:118px;border:1px solid #dde0e4}
.j_photo .min_pic ul li img{width:165px;height:118px}
.j_photo .min_pic ul li.on{padding:0;border:1px solid #0074ca}
.j_photo .min_prev{position:absolute;top:50%;left:-50px;margin-top:-15px;cursor:pointer}
.j_photo .min_next{position:absolute;top:50%;right:-50px;margin-top:-15px;cursor:pointer}
.j_photo .big_prev{position:absolute;top:165px;left:-70px;z-index:9;width:28px;height:51px;cursor:pointer}
.j_photo .big_next{position:absolute;top:165px;right:-70px;z-index:9;width:28px;height:51px;cursor:pointer}
.j_photo .big_box:hover .big_prev{left:20px}
.j_photo .big_box:hover .big_next{right:20px}
.n_case{padding:20px 0}
.n_case ul{margin:0 -20px;margin-bottom:40px}
.n_case ul li{position:relative;float:left;display:block;overflow:hidden;margin:18px;width:512px;height:225px;border:1px solid #dde0e4;background:#fff}
.n_case ul li .img_link{position:absolute;top:0;left:0;display:block;width:250px}
.n_case ul li .img_link{display:block;width:250px;height:225px}
.n_case ul li i{position:absolute;top:100px;left:223px;display:block;overflow:hidden;width:55px;height:55px;background:url(icon_f5.png) center no-repeat}
.n_case ul li .text_box{position:relative;margin-left:282px;padding-top:33px;width:200px;height:156px}
.n_case ul li .text_box h1 a{display:block;overflow:hidden;margin-bottom:15px;color:#0663be;font-size:14px;line-height:30px}
.n_case ul li .text_box p{height:77px;color:#a7a7ab;font-size:12px;line-height:20px}
.n_case ul li .text_box span{position:absolute;right:0;bottom:0;color:#97979d}
.n_case ul li .text_box h1 a:hover{text-decoration:underline}
.case_search{display:block;height:43px;border:1px solid #e4e7eb;line-height:43px}
.case_search strong{float:left;display:inline-block;padding:0 20px;background:#eaeaeb;color:#97979d;font-size:15px}
.case_search a{display:inline-block;padding:0 20px;background:url(line_case_search.png) right center no-repeat;color:#97979d;font-size:13px}
.case_search a.on,.case_search a:hover{color:#0074ca}
.n_service{padding:60px 0}
.n_service .about_title h1{font-weight:700}
.n_service .up_box dl{padding:30px 30px;border:1px dashed #cbcccd;border-radius:8px;background:url(line_service.png) center no-repeat;color:#4d4d4d;font-size:14px;line-height:24px}
.n_service .up_box dd{display:block;padding-left:15px;width:45%;background:url(icon_dd.png) left 9px no-repeat}
.n_service .un_box{padding-top:60px}
.n_service .un_box .about_title{border:none}
.n_service .un_box .content{padding:60px 0}
.n_faqs{padding:60px 0}
.n_faqs .title h1{display:block;margin-bottom:50px;color:#333846;text-align:center;font-weight:700;font-size:24px}
.n_faqs .title h1 strong{color:#0074ca;font-weight:700}
.n_faqs ul li{display:block;margin-bottom:15px;padding:20px;border:1px solid #dde0e4}
.n_faqs ul li h1{display:block;margin-bottom:15px;padding-left:34px;height:30px;background:url(icon_q.png) left center no-repeat;color:#3d424f;font-size:14px;line-height:30px}
.n_faqs ul li p{padding-left:34px;background:url(icon_a.png) left 0 no-repeat;color:#a7a7ab;font-size:14px;line-height:20px}
.n_faqs .page{border:none}
.n_job{padding:60px 0}
.n_job .content{border:1px solid #e0e0e3}
.n_job th{padding:0 20px;width:180px;border-right:1px solid #ececee;color:#3d424f;text-align:center;font-weight:700;font-size:14px}
.n_job td{padding:20px 40px}
.n_job td strong{display:block;margin-bottom:5px;color:#494848;font-weight:400}
.n_job td p{color:#838383;font-size:12px;line-height:24px}
.n_job tr{border-bottom:1px dotted #c9cacb}
.n_job .page{margin-right:40px;padding-top:20px;padding-bottom:20px;border:none}
.n_contact{padding:60px 0}
.n_contact .up_box .fl{overflow:hidden;width:630px}
.n_contact .up_box .fr{margin-top:0;width:400px}
.n_contact .up_box .fr .box{position:relative;display:table;padding:17px 0;width:400px;cursor:pointer}
.n_contact .up_box .fr .box .mark{position:absolute;top:50%;left:-11px;display:block;margin-top:-10px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
.n_contact .up_box .fr .box .text_box{display:table-cell;overflow:hidden;padding:0 20px;vertical-align:middle}
.n_contact .up_box .fr .box .text_box strong{display:block;margin-bottom:5px;color:#4d4d4d;font-size:16px}
.n_contact .up_box .fr .box .text_box p{margin-bottom:0;color:#4d4d4d;font-size:12px;line-height:19px}
.n_contact .up_box .fr .box.on{background:#0074ca}
.n_contact .up_box .fr .box.on .text_box{color:#fff}
.n_contact .up_box .fr .box.on .text_box p{color:#fff}
.n_contact .up_box .fr .box.on .mark{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}
.n_contact .un_box{margin-top:80px;background:url(bg_contact_un.png) center top no-repeat}
.n_contact .un_box dl dd{float:left;display:block;width:25%;height:100px;text-align:center}
.n_contact .un_box dl dd strong{display:block;padding:0 20px;padding-top:23px;color:#4d4d4d;font-size:16px}
.n_contact .un_box dl dd span{display:block;padding:0 20px;color:#4d4d4d;font-size:12px}
.n_contact .un_box dl dt{display:block}
.n_msg{padding:60px 0}
.n_msg .about_title{margin-bottom:40px;padding-top:10px;border-top:none;border-bottom:1px solid #efefef}
.n_msg .article p{color:#848282}
.n_msg .un_box{margin-top:30px;min-height:480px;background:url(bg_form.png) left center no-repeat}
.n_msg .un_box form{margin-left:570px;padding-top:15px}
.n_msg .un_box form .label{position:relative;display:block;margin-bottom:15px;padding-left:55px;height:40px;border:1px solid #d3d3d3;background:#fff;line-height:40px}
.n_msg .un_box form .label input{padding:0 5px;width:423px;height:40px;border:none;font-size:12px;line-height:40px}
.n_msg .un_box form .label strong{position:absolute;left:15px;display:block;color:#848282;font-weight:400;font-size:14px}
.n_msg .un_box form .textarea_box{height:125px}
.n_msg .un_box form .textarea{padding-right:20px;width:412px;height:125px;border:none;font-size:12px;line-height:40px;resize:none}
.n_msg .un_box form .submit{display:block;margin-top:30px;width:120px;height:40px;border-radius:3px;background:#0074ca;color:#fff;text-align:center;font-size:12px;line-height:38px}

.n_news{padding:60px 0}
.n_news ul li{display:block;padding:20px 0;height:180px;border-top:1px solid #efefef}
.n_news ul li .box{padding-top:10px;height:180px;background:0 0}
.n_news ul li .fl{position:relative;padding-top:20px;padding-left:155px;width:500px}
.n_news ul li .fl .date{position:absolute;left:0;float:left}
.n_news ul li .fl .date span{display:block;margin-top:20px;width:30px;height:30px;background:url(icon_news_jt.png) center no-repeat}
.n_news ul li .fl .date strong{display:block;display:block;color:#a9a9a9;font-size:26px;font-family:Arial}
.n_news ul li .fl a{display:block}
.n_news ul li .fl a h1{display:block;margin-bottom:15px;padding-top:0;color:#646464;font-size:16px}
.n_news ul li .fl a p{color:#97979d;font-size:12px;line-height:24px}
.n_news ul li .fr{display:block;width:224px;height:130px}
.n_news ul li .fr img{width:224px;height:130px}
.n_news li:hover .fl{padding-left:175px}
.n_news li:hover .fl h1{color:#0074ca}
.n_news .box:hover .date strong{color:#424242}
.n_news .box:hover .date strong::before{width:60px;background:#7D7D7D;transition:all .3s ease-out 0s}
.n_news .box:hover .date span{background:url(icon_news_jt_hover.png) center no-repeat #0074ca}

.n_news_wd_wd{padding:60px 0}
.n_news_wd ul li{width:48%;float:left;display:block;padding:20px 0;border-top:1px solid #efefef;font-size:16px;}
.n_news_wd ul li .box{padding-top:10px;height:180px;background:0 0}
.n_news_wd ul li .fl{position:relative;padding-top:20px;padding-left:55px;width:480px}
.n_news_wd ul li .fl a{display:block}
.n_news_wd ul li .fl a h1{display:block;margin-bottom:15px;padding-top:0;color:#069;font-size:18px}
.n_news_wd ul li .fl a p{color:#000;font-size:16px;line-height:24px}
.n_news_wd ul li .fr{display:block;width:224px;height:130px}
.n_news_wd ul li .fr img{width:224px;height:130px}
.n_news_wd li:hover .fl{
	padding-left:55px;
	font-weight: bold;color:#333333;
}
.n_news_wd li:hover .fl h1{color:#0074ca}
.n_news_wd .box:hover .date strong{color:#424242}
.n_news_wd .box:hover .date strong::before{width:60px;background:#7D7D7D;transition:all .3s ease-out 0s}
.n_news_wd .box:hover .date span{background:url(icon_news_jt_hover.png) center no-repeat #0074ca}

.n_article{padding:60px 0}
.n_article .ar_title{padding:0}
.n_article .ar_title h1{display:block;padding-bottom:30px;border-bottom:1px solid #dde0e4;color:#333846;text-align:center;font-size:24px;line-height:30px}
.n_article .ar_title h2{display:block;padding-top:10px;height:30px;color:#333846;text-align:center;font-size:12px;line-height:30px;line-height:30px}
.n_article .article{margin-bottom:20px;padding:30px 0 20px;min-height:400px;font-size:14px}
.n_article .article p{font-size:14px;line-height:28px}
.n_article .bnt_page{margin-bottom:10px;height:40px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;color:#8a8a8a;font-size:12px;line-height:40px}
.n_article .bnt_page a{color:#8a8a8a}
.n_article .bnt_page a:hover{color:#007cc2}
.n_article .back_box{margin:40px auto 0 auto;padding-bottom:80px}
.jiathis_style{margin-top:10px}
.page{margin:20px auto 20px auto;padding-top:50px;border-top:1px solid #e5e5e6}
.page .box{float:right}
.page a{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.page a{float:left;display:block;padding:0 12px;height:20px;background:url(bg_f5_li_m.jpg) center no-repeat;color:#fff;text-align:center;font-size:12px;line-height:20px;cursor:pointer}
.page a:hover{background:url(bg_f5_li.jpg) center no-repeat}
.page a.on{background:url(bg_f5_li.jpg) center no-repeat}
.page a span{background:url(bg_f5_li.jpg) center no-repeat}
a.page_next,a.page_prev{display:inline-block;width:50px}
.page a.page_prev{background:url(bnt_f5_prev.png) center no-repeat #0663be;cursor:pointer}
.page a.page_prev:hover{background:url(bnt_f5_prev.png) center no-repeat #57a5f5}
.page a.page_next{background:url(bnt_f5_next.png) center no-repeat #0663be}
.page a.page_next:hover{background:url(bnt_f5_next.png) center no-repeat #57a5f5}
.n_advantage_box .title{padding:40px 0;background:#fff}
.n_advantage_box dd{display:block;padding:90px 0;width:100%}
.n_advantage_box dd .main_box{position:relative}
.n_advantage_box dd .icon_box{position:absolute;top:0;width:182px}
.n_advantage_box dd .text_box{width:800px;min-height:190px}
.n_advantage_box dd .text_box p{margin-bottom:15px;color:#585d61;font-size:14px;line-height:24px}
.n_advantage_box dd .text_box p.t2{text-indent:2em}
.n_advantage_box dd .h1{display:block;margin-bottom:30px;font-size:18px}
.n_advantage_box dd.style1{background:#f9f9fc}
.n_advantage_box dd.style2{background:#fff}
.n_advantage_box dd.style1 .icon_box{right:0}
.n_advantage_box dd.style2 .icon_box{left:0}
.n_advantage_box dd.style2 .text_box{float:right}
.n_advantage_box dt{display:block;padding:90px 0;width:100%;background:#fff}
.n_advantage_box dt .main_box{position:relative;min-height:475px;background:url(bg_advantage_un.png) center top no-repeat}
.n_advantage_box dt .main_box .box{margin-left:340px;padding-top:80px}
.n_advantage_box dt .main_box img{display:block}
.n_advantage_box dd .main_box:hover .icon_box{top:10px}
.n_advantage_box dd .main_box .icon_box:hover{top:-10px}
/*!







wow  bounceInDown







wow  bounceIn







wow pulse animated







<img class=" wow pulse" src="images/logo_about.png" data-wow-iteration="infinite" data-wow-duration="1500ms">







class="wow fadeInRight" data-wow-delay="2s"



*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px);-ms-transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px);-ms-transform:translateY(-15px)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
}
@keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px);-ms-transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px);-ms-transform:translateX(10px)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);-ms-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);-ms-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);-ms-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-ms-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-ms-transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}
10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes slideInUp{from{visibility:visible;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp{from{visibility:visible;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);-ms-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9);-ms-transform:scale(.9)}
100%{-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);-ms-transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px);-ms-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px);-ms-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);-ms-transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px);-ms-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px);-ms-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);-ms-transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px);-ms-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);transform:translateX(10px);-ms-transform:translateX(10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);-ms-transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px);-ms-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);transform:translateY(10px);-ms-transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
}
@keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}
25%{-webkit-transform:scale(.95);transform:scale(.95);-ms-transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);-ms-transform:scale(.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px);-ms-transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);-ms-transform:translateY(2000px)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px);-ms-transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);-ms-transform:translateX(-2000px)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px);-ms-transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);-ms-transform:translateX(2000px)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px);-ms-transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);-ms-transform:translateY(-2000px)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);-ms-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);-ms-transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);-ms-transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);-ms-transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);-ms-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);-ms-transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-ms-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);-ms-transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-ms-transform:translateY(20px)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);-ms-transform:translateY(2000px)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
}
@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);-ms-transform:translateX(-20px)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);-ms-transform:translateX(-2000px)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
}
@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);-ms-transform:translateX(20px)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);-ms-transform:translateX(2000px)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);-ms-transform:translateY(-20px)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);-ms-transform:translateY(-2000px)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{opacity:1;-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0)}
}
@keyframes flipInX{0%{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg)}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg)}
100%{opacity:1;-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0)}
}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{opacity:1;-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}
}
@keyframes flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg)}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg)}
100%{opacity:1;-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0)}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{opacity:1;-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0)}
100%{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}
}
@keyframes flipOutX{0%{opacity:1;-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0)}
100%{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg)}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{0%{opacity:1;-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}
100%{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}
}
@keyframes flipOutY{0%{opacity:1;-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0)}
100%{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg)}
}
.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{0%{opacity:0;-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg)}
60%{opacity:1;-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg)}
80%{opacity:1;-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg)}
100%{opacity:1;-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0)}
}
@keyframes lightSpeedIn{0%{opacity:0;-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg)}
60%{opacity:1;-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg)}
80%{opacity:1;-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg)}
100%{opacity:1;-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0)}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{opacity:1;-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0)}
100%{opacity:0;-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg)}
}
@keyframes lightSpeedOut{0%{opacity:1;-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0)}
100%{opacity:0;-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg)}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);-webkit-transform-origin:center center;transform-origin:center center}
100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}
}
@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);-webkit-transform-origin:center center;transform-origin:center center;-ms-transform-origin:center center;-ms-transform:rotate(-200deg)}
100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;-ms-transform-origin:center center;-ms-transform:rotate(0)}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}
100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}
}
@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg)}
100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom;-ms-transform-origin:left bottom;-ms-transform:rotate(0)}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}
100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right bottom;transform-origin:right bottom}
}
@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;-ms-transform-origin:right bottom;-ms-transform:rotate(90deg)}
100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right bottom;transform-origin:right bottom;-ms-transform-origin:right bottom;-ms-transform:rotate(0)}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}
100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}
}
@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;-ms-transform-origin:left bottom;-ms-transform:rotate(90deg)}
100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom;-ms-transform-origin:left bottom;-ms-transform:rotate(0)}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}
100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right bottom;transform-origin:right bottom}
}
@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg)}
100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right bottom;transform-origin:right bottom;-ms-transform-origin:right bottom;-ms-transform:rotate(0)}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}
100%{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg);-webkit-transform-origin:center center;transform-origin:center center}
}
@keyframes rotateOut{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;-ms-transform-origin:center center;-ms-transform:rotate(0)}
100%{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg);-webkit-transform-origin:center center;transform-origin:center center;-ms-transform-origin:center center;-ms-transform:rotate(200deg)}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}
100%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}
}
@keyframes rotateOutDownLeft{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom;-ms-transform-origin:left bottom;-ms-transform:rotate(0)}
100%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;-ms-transform-origin:left bottom;-ms-transform:rotate(90deg)}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right bottom;transform-origin:right bottom}
100%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}
}
@keyframes rotateOutDownRight{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right bottom;transform-origin:right bottom;-ms-transform-origin:right bottom;-ms-transform:rotate(0)}
100%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg)}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}
100%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}
}
@keyframes rotateOutUpLeft{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom;-ms-transform-origin:left bottom;-ms-transform:rotate(0)}
100%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg)}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right bottom;transform-origin:right bottom}
100%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}
}
@keyframes rotateOutUpRight{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:right bottom;transform-origin:right bottom;-ms-transform-origin:right bottom;-ms-transform:rotate(0)}
100%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;-ms-transform-origin:right bottom;-ms-transform:rotate(90deg)}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);-ms-transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);-ms-transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);-ms-transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);-ms-transform:translateX(-2000px)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);-ms-transform:translateX(2000px)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);-ms-transform:translateY(-2000px)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{opacity:1;-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{opacity:0;-webkit-transform:translateY(700px);transform:translateY(700px)}
}
@keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-ms-transform:rotate(0);-ms-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-ms-transform:rotate(80deg);-ms-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-ms-transform:rotate(60deg);-ms-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{opacity:1;-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-ms-transform:rotate(60deg) translateY(0);-ms-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{opacity:0;-webkit-transform:translateY(700px);transform:translateY(700px);-ms-transform:translateY(700px)}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
.top_tel{overflow:hidden;padding:0!important;width:0;border:none!important}
.n_contact .md_box{overflow:hidden;overflow:hidden;height:300px!important;border:1px solid #bababa}
.n_contact .un_box{margin-top:40px}
#flip{margin-bottom:15px}
.digg4{margin:3px;padding:3px;text-align:center;font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif}
.digg4 span{margin:5px;padding:2px 5px;border:1px #CCC solid;color:#999}
.digg4 span:hover{color:#333}
.digg4 a,.digg4 span.miy{margin:2px;text-decoration:none}
.digg4 .disabledfy{font-family:Tahoma,Verdana}
.metpager_8 a,.metpager_8 span.miy{padding:2px 5px 2px 5px;border:1px solid #ddd;color:#aaa}
.metpager_8 a:hover{border:1px solid #a0a0a0}
.metpager_8 a:hover{border:1px solid #a0a0a0}
.metpager_8 span.current{margin:2px;padding:2px 5px 2px 5px;border:1px solid #e0e0e0;background-color:#f0f0f0;color:#aaa;text-decoration:none}
.metpager_8 span.disabled{margin:2px;padding:2px 5px 2px 5px;border:1px solid #f3f3f3;color:#ccc}
.coninfo{font-size:15px;line-height:30px}
.coninfo h3{margin-bottom:20px;color:red;text-align:center;font-weight:700;font-size:16px}
.pro_showcon{margin:0 auto;padding:20px 10px;width:1035px;background:#FFF}
.n_productshow{margin:0 auto}

.procon{width:1000px;margin:0 auto;line-height:25px;}
.procon p{margin:10px 0}