@charset "utf-8";/*==========top============*/#top .header{height:130px;}
#top .top_left{float:left;margin-top:30px}
#top .top_right{float:right;margin-top:45px;position:relative}
#top .top_right .top_tel{margin-right:150px;padding-right:15px;border-right:1px solid #d8d9db;height:42px;padding-left:20px;}
#top .top_right .top_tel strong{font-size:20px;display:block;color:#0663be;font-family: "Arial";}
#top .top_right .top_tel span{font-size:14px;color:#595b5f;display:block;margin-bottom:0;background: url(../images/icon_tel_top.png) 181px center no-repeat;text-align:right;}
#top .top_right .ewm_top_box{position:absolute;right:0;top:-7px}
#top .top_right .ewm_top_box img{display:block;margin-right:10px;float:left;width:53px;}
#top .top_right .ewm_top_box .text_box{color:#7a7b7d;line-height:18px;font-size:12px;margin-top:8px;}
#top #nav{background:url(../images/bg_nav.png) center no-repeat #2d3039;position:relative;z-index:3}
#top #nav ul{}
#top #nav li{float:left;}
#top #nav li .a{position:relative;display:block;width:137.5px;}
#top #nav li .a strong{font-size:14px;color:#fff;display:block;height:45px;line-height:45px;text-align:center;position:relative;z-index:2}
#top #nav li .a span{height:0;width:100%;display:block;position:absolute;top:0;left:0;background:#034b95;z-index:1}
#top #nav .on .a span{height:45px}
#top #nav li .a:hover span{height:45px}
#top #nav .title{position:relative}
#top #nav .title .list{display:none;position:absolute;top:45px;z-index:555;width:137.5px}
#top #nav .title .list a{display:block;height:40px;line-height:40px;text-align:center;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC0663BE', endColorstr='#CC0663BE');background:rgba(6,99,190,0.8);}
#top #nav .title .list a:hover{background:#034688}
/*==========banner============*/#banner_box{position:relative;z-index:1;margin-top:-1px;width:100%;height:517px}
#banner_box .main_box{position:relative}
.quake-slider{width:100%;height:517px;position:relative;overflow:hidden;/*background:url(../images/loading.gif) no-repeat center*/}
.quake-nav a{position:absolute;top:50%;text-decoration:none;width:47px;height:90px;margin-top:-65px;background-repeat:no-repeat;z-index:10000;cursor:pointer;text-indent:-9999px;-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(../images/arrow-left.png)}
.quake-next{right:40px;margin-right:2px;background-image:url(../images/arrow-right.png)}
.quake-prev:hover{background-image:url(../images/arrow-left-active.png)}
.quake-next:hover{background-image:url(../images/arrow-right-active.png)}
.quake-slider-caption-container-right{background-color:#000;position:absolute;z-index:101;padding:0;width:220px;height:310px;left:750px;padding-left:25px;margin-right:10px}
.quake-slider-caption-right{color:#fff;font-weight:700;font-size:22px;font-family:Arial;width:210px;height:385px;position:absolute;z-index:102;left:750px;padding:0;padding:10px;margin-right:10px}
.quake-slider-caption-container-left{background-color:#000;position:absolute;z-index:101;padding:0;width:220px;height:385px;left:0;padding-left:10px;margin-left:10px}
.quake-slider-caption-left{color:#fff;font-weight:700;font-size:22px;font-family:Arial;width:210px;height:385px;position:absolute;z-index:102;left:0;padding:0;padding:10px;margin-left:10px}
.quake-slider-caption-container-bottom{background-color:#000;position:absolute;z-index:101;padding:0;width:700px;height:50px;bottom:0;padding-left:20px;margin-bottom:10px}
.quake-slider-caption-bottom{color:#fff;font-weight:700;font-size:22px;font-family:Arial;width:700px;height:50px;position:absolute;z-index:102;bottom:0;padding-left:10px;padding-top:10px}
.quake-slider-caption-container-top{background-color:#000;position:absolute;z-index:101;padding:0;width:700px;height:50px;top:0;padding-left:10px;margin-top:10px}
.quake-slider-caption-top{color:#fff;font-weight:700;font-size:22px;font-family:Arial;width:700px;height:50px;position:absolute;z-index:102;top:0;padding:0;padding-top:10px;margin-top:10px;padding-left:10px}
.quake-nav-wrapper{width:700px;display:none;position:relative;z-index:102;top:0;left:0}
.quake-nav-container{margin:auto;margin-top:20px}
.quake-nav-control{width:22px;height:22px;cursor:pointer;display:inline-block;background-image:url(../images/circle.png);background-repeat:no-repeat;text-indent:-9999px;border:0;-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;outline:0}
.quake-nav-control.active{background-image:url(../images/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;width:98px;height:76px;overflow:hidden;background:url(../images/thumb_bg.png) no-repeat center center}
.quake-thumbnail-preview{width:84px;height:48px;margin:7px 0 0 7px;overflow:hidden;background-color:#fff}
.quake-thumbnail-preview img{border:none}
.quake-slider-images{width:100%;height:385px}
/*================footer===============*/.footer .up{position:relative;padding-top:60px;padding-bottom:60px;}
.footer .up .main_box{position:relative}
.footer .up{background:#0663be}
.footer .up .fr h1{font-size:16px;color:#fff;padding-left:40px;line-height:36px;margin-bottom:12px}
.footer .up .left{width:265px;position:relative;height:200px;padding-right: 65px;border-right:1px solid #3282d1;}
.footer .up .left h1{color:#fffefe;font-size:14px;display:block;margin-bottom:25px}
.footer .up .left p{margin-bottom:25px;color:#ffffff;font-size:12px;line-height:24px}
.footer .up .left a{display:block;font-size:12px;color:#0663be;border-radius:3px;background:#fff;height:36px;line-height:36px;width:180px;text-align:center;text-decoration:none;}
.footer .up .left a:hover{color:#fff;background:#feba48}
.footer .up .right{width:730px;}
.footer .up .right ul{margin-left:-40px;float:right}
.footer .up .right li{float:left;margin-left:58px;width:70px}
.footer .up .right li a{display:block;font-size:12px;color:#ffffff;line-height:23px}
.footer .up .right li a:hover{color:#fff;text-decoration:underline;}
.footer .up .right li h1{margin-bottom:15px;font-size:15px;color:#fff}
.footer .up .right img{height:120px;position:absolute;top:20px}
.footer .up .fot_nav{width: 80px;}
.footer .un{background:#0554a1;position:relative;line-height:60px;}
.footer .un h1{text-align:center;color:#4a8ccd;font-size:12px;line-height:60px;}
.footer .un h1 a{color:#4a8ccd}
.footer .un h1 a:hover{color:#fff}
#floating_box{position:fixed;display:none;bottom:60px;margin-top:-40px;right:-1px;z-index:9;}
.pf_ewm_box{width:40px;height:40px;display:block;margin:0 auto;background:url(../images/pic_piaofu.jpg) top center no-repeat;position:relative;overflow:visible;display: none;}
#gotop{width:40px;height:40px;display:block;margin:0 auto;background:url(../images/pic_piaofu.jpg) center -41px no-repeat #0663be;position:relative;overflow:hidden;}
.pf_ewm_box .ewm{position:absolute;top:0;right:41px;display:none;}
.pf_ewm_box:hover .ewm{display:block;}
#gotop:hover{background:url(../images/pic_piaofu.jpg) center -43px no-repeat #2e83d6;}
/*==========首页============*/.s_main_box .floor{margin:0px auto;padding:80px 0;}
.s_title{margin-bottom:25px;position:relative}
.s_title strong{color:#0663be;display:block;font-weight:bold;font-size:18px;font-family: "Arial";text-align:center;margin-top:3px;text-transform:uppercase}
.s_title h1{color:#333846;font-size:15px;display:block;text-align:center;}
.s_more{position:relative;height:40px;background:#f6f7fa;border:1px solid #e5e5e7;line-height:40px;text-align:center;color:#8e929e;display:block;margin-top:30px;font-size:12px;}
.s_more:hover{color:#fff;background:#0663be;border:1px solid #0663be;border-radius:3px;}
/*==========快捷链接============*/.link_box{position:relative;width:100%;margin-top:-120px;z-index:999;border-top:1px solid #9d968a;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99171413', endColorstr='#99171413');background:rgba(23,20,19,.6);display: none;}
.link_box .main_box{}
.link_box .title{display: none;position:relative;float:left;height:120px;padding:0 20px;width:80px;background:#0663be;}
.link_box .title strong{color:#fff;display:block;padding-top:35px;font-weight:bold;font-size:18px;font-family: "Arial";margin-top:3px;text-transform:uppercase}
.link_box .title h1{color:#fff;font-size:15px;display:block;}
.link_box .title .mark{position:absolute;right:-10px;top:52px;}
.link_box .content{float:right;}
.link_box a{display:block;float:left;background:url(../images/line_link.png) right center no-repeat;padding:0 38px;font-size:14px;text-align:center;color:#fff;height:120px;padding: 0 52px;}
.link_box a img{display:block;margin:20px auto 10px auto;}
.link_box a:hover img{}
.img_a_d_box{margin:35px auto}
.liucheng{overflow: hidden;}
.liucheng ul li{float: left; display: inline-block; transition-duration: 0.8s; width:72px;margin-right: 30px; text-align: center;}
.liucheng ul li:hover{ margin-top: 10px; }
.liucheng ul li:last-child{margin-right: 0;}
.liucheng ul li img{ margin-top: 38px; }
.liucheng ul li p{ font-size: 16px; margin-top: 8px; }
.container{width: 1200px;margin: 0 auto;}
/*=============f1产品================*/.s_main_box .f1{padding-top:50px;}
.s_main_box .f1 .title{margin-bottom:25px;}
.s_main_box .f1 .title h1{color:#333846;font-size:15px;display:block;}
.s_main_box .f1 .title h1 strong{color:#333846;font-weight:bold;font-size:18px;font-family: "Arial";text-align:center;text-transform:uppercase}
.s_main_box .f1 .hd{margin-bottom:45px;background:#333846;height:90px;overflow:hidden;border-top:1px solid #dde0e4;border-bottom:1px solid #dde0e4;}
.s_main_box .f1 .hd ul{background:#fff;height:90px;width:1098px;}
.s_main_box .f1 .hd li{width:366px;float:left;display:block;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;color: #333846;margin-bottom:5px;padding-top:27px;font-size:15px;}
.s_main_box .f1 .hd li a span{display:block;color: #959bac;font-size:10px;font-family: "Arial";text-transform:uppercase}
.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(../images/icon_pro1_on.png) 60px center no-repeat #0663be;}
.s_main_box .f1 .hd .li2.on a{background:url(../images/icon_pro2_on.png) 60px center no-repeat #0663be;}
.s_main_box .f1 .hd .li3.on a{background:url(../images/icon_pro3_on.png) 60px center no-repeat #0663be;}
.s_main_box .f1 .hd .li1 a{background:url(../images/icon_pro1.png) 60px center no-repeat;}
.s_main_box .f1 .hd .li1:hover a{background:url(../images/icon_pro1_on.png) 60px center no-repeat #0663be;}
.s_main_box .f1 .hd .li2 a{background:url(../images/icon_pro2.png) 60px center no-repeat;}
.s_main_box .f1 .hd .li2:hover a{background:url(../images/icon_pro2_on.png) 60px center no-repeat #0663be;}
.s_main_box .f1 .hd .li3 a{background:url(../images/icon_pro3.png) 60px center no-repeat;}
.s_main_box .f1 .hd .li3:hover a{background:url(../images/icon_pro3_on.png) 60px center no-repeat #0663be;}
.s_main_box .f1 .content_box{margin-bottom:45px;width:1100px;margin:0 auto;}
.s_main_box .f1 .content ul{margin:-15px -25px;}
.s_main_box .f1 .content li{width:237px;background:#fff;float:left;margin:15px 25px;}
.s_main_box .f1 .content li .box{border:1px solid #e3e4e6;width:235px;height:170px;overflow:hidden;}
.s_main_box .f1 .content li a{display:block;}
.s_main_box .f1 .content li:hover{}
.s_main_box .f1 .content li img{width:235px;height:170px;margin:0 auto;display:block;display:block;background:#fff;height:165px;border:1px solid #fff;}
.s_main_box .f1 .content li span{position:relative;z-index:2;display:block;text-align:center;background:#fff;line-height:48px;font-size:14px;color:#383838;}
.s_main_box .f1 .content li:hover img{-moz-transform:scale(1.051);-o-moz-transform:scale(1.051);-o-moz-transform:scale(1.051);-webkit-moz-transform:scale(1.051);transform:scale(1.051);}
.s_main_box .f1 .content li a:hover span{color:#fff;background:#0663be;}
/*=============f2分布================*/.s_main_box .f2{background:url(../images/bg_f2.jpg) center 0px no-repeat #0663be;padding:0;height: 445px;overflow:hidden;}
.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{height:170px;color:#4b4b4d;overflow:hidden;line-height:24px;font-size:12px;}
.s_main_box .f2 .content .left .up_box span{display:block;margin-bottom:25px;height:3px;background:#dcdddf;width:60px;}
.s_main_box .f2 .content .left .more{color:#8e929e;border-top:1px solid #e5e5e7;background:#fff;display:block;text-align:center;line-height:45px;height:45px;}
.s_main_box .f2 .content .left .more:hover{background:#57a5f5;color:#fff;}
.s_main_box .f2 .content .right{width:725px;position:relative;height: 445px;}
.s_main_box .f2 .content .right .box{width:223px;position:absolute;}
.s_main_box .f2 .content .right .box .img_box{position:relative;width:223px;}
.s_main_box .f2 .content .right .box strong{font-size:14px;display:block;text-align:center;margin-top:10px;color: #fff;}
.s_main_box .f2 .content .right .box img{display:block;margin:0 auto;}
.s_main_box .f2 .content .right .box1{position:absolute;left:0;top:80px;}
.s_main_box .f2 .content .right .box2{position:absolute;left:345px;top:155px;}
.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;left: -245px;bottom:0;}
/*=============f3关于================*/.s_main_box .f3{height:240px;width:100%;border-bottom:1px solid #e5e5e7;}
.s_main_box .f3 .mian_box{}
.s_main_box .f3 .s_title{margin-bottom:38px;position:absolute;left:0;top:40px;left:40px;z-index:2;}
.s_main_box .f3 .content{position:relative;}
.s_main_box .f3 .content .left{padding-left:150px;width: 490px;height:235px;background:url(../images/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{color:#8a8b8c;overflow:hidden;line-height:24px;font-size:12px;}
.s_main_box .f3 .content .left .box .t2{margin-top:-15px;}
.s_main_box .f3 .content .left .box h1{display:block;margin-bottom:25px;font-size:18px;color:#333846;}
.s_main_box .f3 .content .left .more{color:#0663be;padding-left:10px;}
.s_main_box .f3 .content .left .more:hover{text-decoration:underline;}
.s_main_box .f3 .content .right{width:380px;height:230px;overflow:hidden;position:relative;}
.s_main_box .f3 .content .right .bd img{display:block;width:445px;height:230px;}
.s_main_box .f3 .content .right .hd{opacity:0;position:absolute;width:100%;z-index:3;}
.s_main_box .f3 .content .right .prev{width:26px;top:90px;left:0;position:absolute;}
.s_main_box .f3 .content .right .next{width:26px;top:90px;right:0;position:absolute;}
.s_main_box .f3 .content .right:hover .hd{opacity:1;}
/*=============f4优势================*/.s_main_box .f4{background:url(../images/bg_f4.jpg) center 0px no-repeat #0663be;padding-top:60px;height: 945px;overflow:hidden;}
.s_main_box .f4 .content{position:relative;}
.s_main_box .f4 .content .img_man{position:absolute;top:140px;left:50%;margin-left:-220px;}
.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;cursor:copy;width: 265px;margin-top:110px;}
.s_main_box .f4 .content dd img{display:block;margin:0 auto;}
.s_main_box .f4 .content dd strong{color:#fff;margin-top:25px;font-size:16px;text-align:center;margin-bottom:15px;display:block;}
.s_main_box .f4 .content dd p{font-size:12px;color:#b9cae6;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;border-radius:3px;text-align:center;width:220px;line-height:50px;font-size:14px;height:50px;background:#fff;color:#0663be;}
.s_main_box .f4 .content .more:hover{background:#00a1f7;color:#fff;}
/*=============f5案例================*/.s_main_box .f5{}
.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;margin:0 16px;margin-bottom:40px;display:block;background:#0663be;height:310px;width:250px;float:left;}
.s_main_box .f5 .content .bd li i{display:block;position:absolute;left:50%;margin-left:-25.5px;bottom:-27px;height:55px;width:55px;background:url(../images/icon_f5.png) center no-repeat;overflow:hidden;}
.s_main_box .f5 .content .bd li a{display:block;}
.s_main_box .f5 .content .bd li a .img_box{height:225px;width:250px;overflow:hidden;}
.s_main_box .f5 .content .bd li a img{height:225px;width:250px;}
.s_main_box .f5 .content .bd li a span{color:#fff;font-size:14px;text-align:center;display:block;padding: 20px;}
.s_main_box .f5 .content .hd .box{display:block;width: 220px;margin:0 auto;}
.s_main_box .f5 .content .hd{position:relative;margin-top:40px;}
.s_main_box .f5 .content .hd ul{position:relative;padding:0 50px;display:table;text-align:center;}
.s_main_box .f5 .content .hd ul li{display:table-cell;background:url(../images/bg_f5_li_m.jpg) center no-repeat;cursor:pointer;height:20px;padding:0 12px;text-align:center;line-height:20px;color:#fff;font-size:12px;}
.s_main_box .f5 .content .hd ul li.on{background:url(../images/bg_f5_li.jpg) center no-repeat;}
.s_main_box .f5 .content .hd ul span{display:block;cursor:pointer;position:absolute;height:20px;width:50px;text-align:center;top:0;}
.s_main_box .f5 .content .hd ul .prev{cursor:pointer;background:url(../images/bnt_f5_prev.png) center no-repeat #0663be;left:0;}
.s_main_box .f5 .content .hd ul .prev:hover{background:url(../images/bnt_f5_prev.png) center no-repeat #57a5f5;}
.s_main_box .f5 .content .hd ul .next{background:url(../images/bnt_f5_next.png) center no-repeat #0663be;right:0;}
.s_main_box .f5 .content .hd ul .next:hover{background:url(../images/bnt_f5_next.png) center no-repeat #57a5f5;}
/*=============f6新闻================*/.s_main_box .f6{border-top:1px solid #e5e5e7;padding-bottom:20px;}
.s_main_box .f6 .s_title{margin-bottom:40px;}
.s_main_box .f6 .left .hd{position:absolute;width:100%;z-index:3;}
.s_main_box .f6 .left .prev{width:26px;top:130px;left:0;position:absolute;}
.s_main_box .f6 .left .next{width:26px;top:130px;right:0;position:absolute;}
.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;background:#ededed;margin-right:12px;border-radius:5px;}
.s_main_box .f6 .news_hd li a{display:block;width:190px;height:50px;background:url(../images/icon_f4_greyarrow.png) 155px center no-repeat;}
.s_main_box .f6 .news_hd li strong{display:block;text-align:left;padding-left:28px;padding-top:10px;}
.s_main_box .f6 .news_hd li span{display:block;text-align:left;padding-left:28px;}
.s_main_box .f6 .news_hd li:hover{background:#2f74c0;}
.s_main_box .f6 .news_hd li:hover a{background:url(../images/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(../images/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;border:1px solid #e0e0e2;overflow:hidden;width:515px;}
.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{color:#f5f9fb;font-size:14px;display:block;text-align:center;position:relative;width:100%;bottom:0;height:58px;line-height:58px;}
.s_main_box .f6 .news_bd .left h1 strong{font-size:14px;color:#58595d;}
.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;border:1px solid #e0e0e2;height:105px;margin-bottom:20px;}
.s_main_box .f6 .news_bd .fl{background:#0663be;position:relative;z-index:2;margin:-1px;height:107px;width:110px;}
.s_main_box .f6 .news_bd .fl strong{margin-top:22px;display:block;text-align:center;font-size:40px;color:#fff;font-family:"Arial";}
.s_main_box .f6 .news_bd .fl span{display:block;font-size:12px;text-align:center;color:#fff;font-family:"Arial";}
.s_main_box .f6 .news_bd .fr{width: 400px;padding-right:15px;padding-top:18px;}
.s_main_box .f6 .news_bd .fr h2 a{font-size:14px;color:#000000;line-height:27px;}
.s_main_box .f6 .news_bd .fr h2 a:hover{text-decoration:underline;color:#0663be;}
.s_main_box .f6 .news_bd .fr p{font-size:12px;color:#afafb0;line-height:20px;margin-top:5px;}
/*=============f7资质================*/
.s_main_box .f7{background:url(../images/bg_f7.jpg) center no-repeat;padding-bottom:0;height: 490px;overflow:hidden;}
.s_main_box .f7 .main_box{position:relative;}
.s_main_box .f7 .title{position:absolute;left:0;top:0;}
.s_main_box .f7 .content{}
.s_main_box .f7 .content .up{width:1100px;}
.s_main_box .f7 .s_title h1{color:#fff;}
.up{ overflow: hidden; }
.up li{ width: 538px; margin: 10px 0;  transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.up li:hover{}
.up div.info_wrap{ float: right; width: 286px; padding-right: 8px;}
.up div.InfoTime{ color: #555; }
.up li.n0{ float: left; }
.up li.n1{ float: right; }
.up li a.InfoPicture{ float: left; }
.up li img{ width: 223px; }
.up li a.InfoTitle{ font-size: 18px; color: #fff; font-weight: bold; }
.up li a.InfoTitle:hover{ color: #fff; }
.up li p{ color: #fff; line-height: 1.7em;font-size: 16px; }
.s_main_box .f7 .content .un{margin-top:20px;}
.n_zizhi{width:1100px; height:200px; margin:25px 0 25px 9px; overflow:hidden; position:relative;}
.n-zizhi .bd{position: relative; height: 100%;z-index: 0;width:1040px;margin:0 auto; }
.n_zizhi ul{}
.n_zizhi li{display:inline-block;position:relative;padding:3px;height:140px;width:203px;}
.n_zizhi li a{display:block;}
.n_zizhi li img{height:140px;display:block;}
.n_zizhi li span{display:block;line-height:36px;font-size:14px;color:#636363;text-align:center;}
.n_zizhi li:hover{background:#034b95;}
.n_zizhi li:hover span{color:#fff;}
.n_zizhi .prev,
.n_zizhi .next{ position:absolute; left:0; top:50%; margin-top:-46px; display:block; width:30px; height:48px; background:url(../images/bnt_prev_box.png) left center no-repeat; filter:alpha(opacity=20);opacity:0.2;   }
.n_zizhi .next{ left:auto; right:0; background:url(../images/bnt_next_box.png) right center no-repeat;}
.n_zizhi .prev:hover,
.n_zizhi .next:hover{ filter:alpha(opacity=50);opacity:0.8;  }
.n_zizhi .prevStop{ display:none;  }
.n_zizhi .nextStop{ display:none;  }
.n_zizhi .page{text-align:center;text-align:center;font-size:12px;color:#6d6c72;margin-top:20px;}
/*=============f8流程================*/.s_main_box .f8 .s_title{display:block;width:230px;margin-bottom:55px;padding:18px 0;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;text-align:center;font-size:14px;width:156px;margin:0 40px;padding:25px 0;}
.s_main_box .f8 .up_box .content .un dd strong{color: #252526;display:block;margin-bottom:8px;}
.s_main_box .f8 .up_box .content .un dd span{color: #828385;font-size:12px;line-height:18px;}
/*=============f9联系================*/.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{font-size:14px;line-height:30px;margin-bottom:35px;}
.s_main_box .f9 .up_box .content .up strong{color: #000000;display:block;}
.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-left:1px solid #e2e2e2;border-right:none;}
.s_main_box .f9 .up_box .content .un dd{border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;float:left;line-height:24px;font-size:14px;padding:30px 0;width:273px;}
.s_main_box .f9 .up_box .content .un dd strong{color: #4b4b4d;display:block;}
.s_main_box .f9 .up_box .content .un dd span{color: #89898a;font-size:12px;}
.s_main_box .f9 .un_box .line_box{margin:90px auto 0 auto;height:100px;width:400px;position:relative;border:1px solid #cccdd0;}
.s_main_box .f9 .un_box .line_box img{display:block;position:absolute;border:15px solid #fff;top:-55px;width:107px;height:100px;left:50%;margin-left:-75px;}
.s_main_box .f9 .un_box span{color: #89898a;font-size:12px;display:block;text-align:center;margin-top:30px;}
/*==========内容友情链接===========*/#j_friend_link1{width:100%;margin:0 auto;background-color:#fbfbfc;border-top:1px solid #efeff2;line-height:22px;padding:20px 0;}
#j_friend_link1 .fl{width:70px;color:#0663be;font-size:14px;font-weight:bold;}
#j_friend_link1 .fr{width:1030px;margin-right:-5px;}
#j_friend_link1 .fr a{color:#4b4b4c;margin-right:15px;}
#j_friend_link1 .fr a:hover{color:#0663be;text-decoration:underline;}
/*=======================================内页========================================*/.n_main_box{}
.n_main_box .main_box{width:1060px;}
.n_banner{display:block;width:100%;height:360px;}
.n_title{padding:20px 0;background:url(../images/bg_n_protitle.png) center bottom no-repeat;position:relative;}
.n_title h1{padding:0 0 0px 20px;background:url(../images/icon_n_title.png) left center no-repeat;font-size:24px;color:#333846;line-height:40px;font-weight:bold;}
.n_title h1 span{font-size:14px;color:#333846;line-height:40px;font-family: "Arial";text-transform:uppercase;padding-left:5px;font-weight:normal;padding-left:5px;}
.n_title .position{position:absolute;right:0;top: 33px;color:#a8abb1;background:url(../images/icon_home.png) left center no-repeat;padding-left:18px;}
.n_title .position span,.n_title .position a,.n_title .position i{font-size:12px;color:#a8abb1;}
.n_title .position em{font-size:12px;color:#0074ca;}
.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{display:block;width:131px;position:relative;border-right:1px solid #dde0e4;height:48px;font-size:14px;float:left;line-height:48px;text-align:center;color:#5b5c5e;}
.n_nav a span{display:block;height:0px;position:absolute;z-index:2;top:0px;left:-1px;width:133px;background:url(../images/bg_n_nav.png) center top no-repeat;}
.n_nav a strong{display:block;color:#646464;position:relative;z-index:4;}
.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{color:#333846;font-size:24px;display:block;text-align:center;}
.about_title strong{color:#0362b9;display:block;font-weight:bold;font-size:18px;font-family: "Arial";text-align:center;margin-top:10px;text-transform:uppercase}
.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{width:560px;height:300px;overflow:hidden;position:relative;}
.n_about_info .fl .bd img{display:block;width:560px;height:300px;}
.n_about_info .fl .hd{opacity:0;position:absolute;width:100%;z-index:3;}
.n_about_info .fl .prev{width:26px;top:125px;left:0;position:absolute;}
.n_about_info .fl .next{width:26px;top:125px;right:0;position:absolute;}
.n_about_info .fl:hover .hd{opacity:1;}
/*==============a_企业文化=====================*/.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;height:28px;line-height:28px;margin-bottom:0;width:100%;background:url(../images/icon_dd.png) left center no-repeat;margin-left:0 !important;padding-left:15px;}
.n_layout dd.dd strong{color:#646464;}
.n_layout .dt{display:block;margin-bottom:40px;line-height:30px;}
/*==============a_公司概况=====================*/.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{color:#333846;font-size:24px;display:block;text-align:center;}
.n_about_info .title strong{color:#0362b9;display:block;font-weight:bold;font-size:18px;font-family: "Arial";text-align:center;margin-top:10px;text-transform:uppercase}
/*==============a_合作伙伴=====================*/.n_partners{}
.n_partners ul{margin:0px -10px;}
.n_partners li{display:block;position:relative;float:left;margin:30px 9px;width:252px;}
.n_partners li a{display:block;}
.n_partners li img{height:80px;overflow:;width:250px;display:block;border:1px solid #ebedef;}
.n_partners li span{display:block;line-height:36px;font-size:14px;color:#4b4b4d;text-align:center;}
.n_partners li:hover img{border-radius:30px 0 30px 0;border:1px solid #0362b9;}
.n_partners li:hover span{color:#0362b9;}
.n_honor #main{width: 1090px;margin:auto}
.n_honor #main ul li{float:left;display:inline;list-style:none;margin:15px 0;width:272px; height:200px;}
.n_honor #main ul li .box{border:5px solid #ececec;width:230px;}
.n_honor #main ul li:hover .box{border:5px solid #417dc3;}
.n_honor #main ul li img{width:230px;display:block}
.n_honor #main ul li img.hover{filter:Alpha(opacity=90);-moz-opacity:.9;opacity:.9}
.n_honor #main ul li h3{padding:0 10px 0 10px;font-size:14px;color:#333846;text-align:center;display:block;line-height:40px;line-height:40px;background:#f5f6f6;}
.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(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}
.lb-prev{left:0;float:left}
.lb-next{right:0;float:right}
.lb-prev:hover{background:url(../images/prev.png) left 48% no-repeat}
.lb-next:hover{background:url(../images/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;-ms-border-bottom-left-radius:4px;-o-border-bottom-left-radius:4px;-ms-border-bottom-right-radius:4px;-o-border-bottom-right-radius:4px ;background: #000;}
.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{font-weight:700;line-height: 2em;font-size:13px;color:#fff;}
.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;line-height:25px;padding:0 0 2px 18px;text-align:center;top:14px;display:block;text-decoration:none;background:url(../images/pic_ilike.png) no-repeat -200px 0}
.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{background:url(../images/pic_ilike.png) no-repeat 0 -528px;padding:0 0 6px 28px;line-height:11px}
.iNum{background-position:12px -522px}
.iNum a{background-position:12px -550px;text-decoration:none}
.loading{text-align:center;padding:30px 0}
/*==============产品中心=====================*/.n_product{padding:60px 0;}
.n_product .content_box{}
.n_product ul{margin:-15px -20px 40px -20px;}
.n_product li{width:237px;float:left;margin:15px 19px;}
.n_product li .box{border:1px solid #e3e4e6;width:235px;height:170px;overflow:hidden;}
.n_product li a{display:block;}
.n_product li:hover{}
.n_product li img{width:235px;height:170px;margin:0 auto;display:block;display:block;}
.n_product li span{position:relative;z-index:2;display:block;text-align:center;line-height:48px;font-size:14px;color:#383838;}
.n_product li:hover img{}
.n_product li a:hover span{color:#fff;background:#0663be;}
/*==============产品详情=====================*/.n_product_show{padding:60px 0;}
.n_product_show .up_box .title{display:block;border-bottom:1px solid #efefef;padding-bottom:30px;text-align:center;font-size:24px;font-weight:bold;color:#333846;}
.pro_ar_box .content.up{background: url(../images/bg_pro_table.png) 297px center no-repeat;}
.pro_ar_box .content.up table{}
.pro_ar_box .content table td{padding-bottom:10px;color: #646464;font-size: 14px;background: url(../images/icon_ddpng) left 9px no-repeat;vertical-align: top;padding-left: 20px;}
.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{background:#0663be;display:inline-block;font-size:18px;color:#fff;padding:0 15px;}
.n_product_show .un_box .title span{display:inline-block;color:#0663be;padding-left:10px;font-size:16px;text-transform:uppercase;font-family: "Arial";}
.n_product_show .un_box .pro_ar_box{margin-bottom:60px;}
.n_product_show .un_box .pro_ar_box .content{border:1px solid #dde0e4;padding:40px 45px 40px 45px;}
.j_photo{width:522px;position:relative;margin:40px auto 40px auto;}
.j_photo .big_box{width:520px;height:375px;position:relative;border: 1px solid #dde0e4;overflow:hidden;}
.j_photo .big_box ul{position:absolute;left:0;top: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;height:120px;padding-top:10px;width:520px;margin-top:30px;display:none;}
.j_photo .min_pic{width:520px;position:relative;height: 120px;overflow: hidden;}
.j_photo .min_pic ul{position:absolute;left:0;top:0;margin-right:-10px;}
.j_photo .min_pic ul li{width:165px;height:118px;border: 1px solid #dde0e4;margin-right:9px;display:inline-block;}
.j_photo .min_pic ul li img{width:165px;height:118px;}
.j_photo .min_pic ul li.on{border:1px solid #0074ca;padding:0;}
.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;width:28px;height:51px;z-index:9;cursor:pointer;}
.j_photo .big_next{position:absolute;top:165px;right:-70px;width:28px;height:51px;z-index:9;cursor:pointer;}
.j_photo .big_box:hover .big_prev{left:20px;}
.j_photo .big_box:hover .big_next{right:20px;}
/*==============案例=====================*/.n_case{padding:60px 0;}
.n_case ul{margin:0 -20px;margin-bottom:40px;}
.n_case ul li{display:block;overflow:hidden;float:left;height:225px;background:#fff;margin:18px;position:relative;width:512px;border:1px solid #dde0e4;}
.n_case ul li .img_link{position:absolute;display:block;width:250px;left:0px;top:0;}
.n_case ul li .img_link{display:block;height:225px;width:250px;}
.n_case ul li i{display:block;position:absolute;left:223px;top:100px;height:55px;width:55px;background:url(../images/icon_f5.png) center no-repeat;overflow:hidden;}
.n_case ul li .text_box{position:relative;height: 156px;margin-left: 282px;width:200px;padding-top:33px;}
.n_case ul li .text_box h1 a{display:block;margin-bottom:15px;line-height:30px;color:#0663be;font-size:14px;overflow:hidden;}
.n_case ul li .text_box p{font-size:12px;color:#a7a7ab;line-height:20px;height:77px;}
.n_case ul li .text_box span{position:absolute;right:0px;bottom:0;color:#97979d;}
.n_case ul li .text_box h1 a:hover{text-decoration:underline;}
.case_search{display:block;height:43px;margin-bottom:40px;line-height:43px;border:1px solid #e4e7eb;}
.case_search strong{padding:0 20px;display:inline-block;background:#eaeaeb;color:#97979d;font-size:13px;}
.case_search a{display:inline-block;padding:0 20px;font-size:13px;color:#97979d;background:url(../images/line_case_search.png) right center no-repeat;}
.case_search a:hover,.case_search a.on{color:#0074ca;}
/*==============服务体系=====================*/.n_service{padding:60px 0;}
.n_service .about_title h1{font-weight:bold;}
.n_service .up_box dl{border:1px dashed #cbcccd;padding:30px 30px;color:#4d4d4d;font-size:14px;line-height:24px;border-radius:8px;background:url(../images/line_service.png) center no-repeat;}
.n_service .up_box dd{width:45%;display: block;background: url(../images/icon_dd.png) left 9px no-repeat;padding-left: 15px;}
.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{}
.n_faqs .title h1{color:#333846;font-weight:bold;font-size:24px;display:block;text-align:center;margin-bottom:50px;}
.n_faqs .title h1 strong{color:#0074ca;font-weight:bold;}
.n_faqs ul{}
.n_faqs ul li{display:block;padding:20px;border:1px solid #dde0e4;margin-bottom:15px;}
.n_faqs ul li h1{display:block;margin-bottom:15px;line-height:30px;height:30px;color:#3d424f;font-size:14px;padding-left:34px;background:url(../images/icon_q.png) left center no-repeat;}
.n_faqs ul li p{font-size:14px;color:#a7a7ab;line-height:20px;padding-left:34px;background:url(../images/icon_a.png) left 0 no-repeat;}
.n_faqs .page{border:none;}
/*==============招贤纳士=====================*/.n_job{padding:60px 0;}
.n_job .content{border:1px solid #e0e0e3;}
.n_job th{text-align:center;border-right:1px solid #ececee;font-size:14px;width:180px;padding:0 20px;color:#3d424f;font-weight:bold;}
.n_job td{padding:20px 40px;}
.n_job td strong{font-weight:normal;color:#494848;display:block;margin-bottom:5px;}
.n_job td p{line-height:24px;font-size:12px;color:#838383;}
.n_job tr{border-bottom:1px dotted #c9cacb;}
.n_job .page{border:none;padding-top:20px;margin-right:40px;padding-bottom:20px;}
/*=============联系方式=====================*/.n_contact{padding:60px 0;}
.n_contact .up_box .fl{width:630px;overflow:hidden;}
.n_contact .up_box .fr{width:400px;margin-top: 0px;}
.n_contact .up_box .fr .box{position:relative;width:400px;padding:17px 0px;display:table;cursor:pointer;}
.n_contact .up_box .fr .box .mark{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;display:block;position:absolute;left: -11px;top:50%;margin-top:-10px;}
.n_contact .up_box .fr .box .text_box{padding:0px 20px;overflow:hidden;vertical-align: middle;display: table-cell;}
.n_contact .up_box .fr .box .text_box strong{font-size:16px;color:#4d4d4d;display:block;margin-bottom:5px;}
.n_contact .up_box .fr .box .text_box p{font-size:12px;line-height:19px;color:#4d4d4d;margin-bottom: 0;}
.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(../images/bg_contact_un.png) center top no-repeat;}
.n_contact .un_box dl dd{display:block;height:100px;float:left;width:25%;text-align:center;}
.n_contact .un_box dl dd strong{font-size:16px;padding:0 20px;padding-top:23px;display:block;color:#4d4d4d;}
.n_contact .un_box dl dd span{font-size:12px;padding:0 20px;color:#4d4d4d;display:block;}
.n_contact .un_box dl dt{display:block;}
/*=============合作留言=====================*/.n_msg{padding:60px 0;}
.n_msg .about_title{padding-top:10px;margin-bottom:40px;border-top:none;border-bottom: 1px solid #efefef;}
.n_msg .article p{color:#848282;}
.n_msg .un_box{min-height:480px;margin-top:30px;background:url(../images/bg_form.png) left center no-repeat;}
.n_msg .un_box form{margin-left:570px;padding-top:15px;}
.n_msg .un_box form .label{display:block;background:#fff;margin-bottom:15px;border:1px solid #d3d3d3;position:relative;height:40px;line-height:40px;padding-left:55px;}
.n_msg .un_box form .label input{height:40px;border:none;width: 423px;padding:0 5px;line-height:40px;font-size:12px;background:none;}
.n_msg .un_box form .label strong{font-weight:normal;display:block;position:absolute;left:15px;font-size:14px;color:#848282;}
.n_msg .un_box form .textarea_box{height:125px;}
.n_msg .un_box form .textarea{height: 125px;padding-right:20px;border:none;line-height:40px;font-size:12px;resize:none;width: 412px;}
.n_msg .un_box form .submit{color:#fff;background:#0074ca;border-radius:3px;font-size:12px;display:block;margin-top:30px;width:120px;height:40px;line-height:38px;text-align:center;}
/*==============新闻=====================*/.n_news{padding:60px 0;}
.n_news ul{}
.n_news ul li{padding:40px 0;display:block;height: 180px;border-top: 1px solid #efefef;}
.n_news ul li .box{background: transparent;height: 180px;padding-top: 10px;}
.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;height:30px;width:30px;background:url(../images/icon_news_jt.png) center no-repeat;}
.n_news ul li .fl .date strong{font-family: "Arial";display:block;font-size:26px;color:#a9a9a9;display:block;}
.n_news ul li .fl .date strong::before{width: 35px;height: 1px;content: '';background: #7D7D7D;position: absolute;top: 15px;left: 90px;transition: all 0.3s ease-out 0s;}
.n_news ul li .fl a{display:block}
.n_news ul li .fl a h1{font-size:16px;padding-top:0px;color:#646464;display:block;margin-bottom:15px;}
.n_news ul li .fl a p{color: #97979d;line-height:24px;font-size:12px;}
.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;transition: all 0.3s ease-out 0s;background: #7D7D7D;}
.n_news .box:hover .date span{background:url(../images/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{padding-bottom:30px;font-size:24px;border-bottom:1px solid #dde0e4;display:block;text-align:center;line-height:30px;color:#333846}
.n_article .ar_title h2{height:30px;line-height:30px;font-size:12px;padding-top:10px;display:block;text-align:center;color:#333846;line-height:30px}
.n_article .article{padding:30px 0 20px;font-size:14px;min-height:400px;margin-bottom:20px}
.n_article .article p{font-size:14px;line-height:28px;}
.n_article .bnt_page{height:40px;margin-bottom:10px;line-height:40px;font-size:12px;color:#8a8a8a;border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
.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{transition: all 1s;-moz-transition: all 1s;/* Firefox 4*/-webkit-transition: all 1s;/* Safari 和 Chrome*/-o-transition: all 1s;/* Opera*/}
.page a{display:block;float:left;background:url(../images/bg_f5_li_m.jpg) center no-repeat;cursor:pointer;height:20px;padding:0 12px;text-align:center;line-height:20px;color:#fff;font-size:12px;}
.page a:hover{background:url(../images/bg_f5_li.jpg) center no-repeat;}
.page a.on{background:url(../images/bg_f5_li.jpg) center no-repeat;}
.page a span{background:url(../images/bg_f5_li.jpg) center no-repeat;}
a.page_prev,a.page_next{display:inline-block;width:50px;}
.page a.page_prev{cursor:pointer;background:url(../images/bnt_f5_prev.png) center no-repeat #0663be;}
.page a.page_prev:hover{background:url(../images/bnt_f5_prev.png) center no-repeat #57a5f5;}
.page a.page_next{background:url(../images/bnt_f5_next.png) center no-repeat #0663be;}
.page a.page_next:hover{background:url(../images/bnt_f5_next.png) center no-repeat #57a5f5;}
/*==============服务优势=====================*/.n_advantage_box .title{padding:40px 0;background:#fff;}
.n_advantage_box dd{display:block;width:100%;padding:90px 0;}
.n_advantage_box dd .main_box{position:relative;}
.n_advantage_box dd .icon_box{width:182px;position:absolute;top:0;}
.n_advantage_box dd .text_box{width:800px;min-height:190px;}
.n_advantage_box dd .text_box p{line-height:24px;margin-bottom:15px;font-size:14px;color:#585d61;}
.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;width:100%;padding:90px 0;background:#fff;}
.n_advantage_box dt .main_box{min-height:475px;position:relative;background:url(../images/bg_advantage_un.png) center top no-repeat;}
.n_advantage_box dt .main_box .box{padding-top:80px;margin-left: 340px;}
.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);-ms-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);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);-ms-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);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);-ms-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);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);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;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);-ms-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);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);-ms-transform:translateX(0);transform:translateX(0)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);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{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
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);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);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);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);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);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);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);-ms-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);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);-ms-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);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);-ms-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);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);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);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);-ms-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);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);-ms-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);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);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);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);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);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);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);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);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);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);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);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);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);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);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);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);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);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);-ms-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);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);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);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);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);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);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);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);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);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);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);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);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);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);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);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);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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}}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
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%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}
.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%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
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%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}
.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%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}
.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%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}
.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%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}
@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}
@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
.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);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);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);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);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);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);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);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);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);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);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);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);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%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}
@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-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);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-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);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}
.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);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);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);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
/*20170711*/.top_tel{width: 0;overflow: hidden;padding: 0 !important;border: none !important;}
.n_contact .md_box{overflow:hidden;border: 1px solid #bababa;height:300px !important;overflow:hidden;}
.n_contact .un_box{margin-top:40px;}
.content_des{width:1036px;border:1px dotted #e5e5e5;text-indent:24px;padding:10px;margin:0 0 20px 0px;}
.content_des p{font-size:14px;color:#868686;line-height:24px}
.area{width:1060px;height:auto;overflow:hidden;margin-bottom:15px;}
.area h3{width:102px;height:30px;background:#0260ae;color:#FFF;text-align:center;display:block;line-height:30px;font-size:16px;}
.area dl{padding:10px;border:1px solid #ccc;height:auto;overflow:hidden;}
.area dl dt{float:left;margin-left:28px}
.area dl dt a{font-size:14px;line-height:28px;color:#5a5a5a}
.area dl dt a:hover{color:#47cdff}
.xgxw{width:1060px;height:auto;overflow:hidden;margin-bottom:15px;}
.xgxw h3{width:102px;height:30px;background:#0260ae;color:#FFF;text-align:center;display:block;line-height:30px;font-size:16px;}
.xgxw ul{padding:10px;border:1px solid #ccc;height:auto;overflow:hidden;}
.xgxw dl{padding:15px;border:1px solid #ccc;height:auto;overflow:hidden;}
.xgxw ul li{float:left;display:inline;width:48%;margin-right:2%;line-height:30px;}
.xgxw ul li span{float:right;color:#5a5a5a}
.xgxw dl dt{float:left;display:inline;margin-right:2%;text-align:center;}
.xgxw dl dt img{border:1px solid #ccc;}
.link{width:620px;height:auto;margin:0px auto 15px;overflow:hidden;}
.link span{height:42px;line-height:42px;font-size:14px;background:#0260ae;color:#FFF;display:block;float:left;width:115px;text-align:center;margin-left:0px}
.link ul li{float:left;margin-left:28px;line-height:40px;}