@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;}

#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}



/*=============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; display:none;}

.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 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:280px; left:50%; margin-left:-200px; }

.s_main_box .f4 .content .img_man:hover{ top:260px;}

.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 100px 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 { margin-left:370px;}

.s_main_box .f7 .content .up{ width:650px; padding-top:83px;}

.s_main_box .f7 .content .up h1{ color:#fff; font-size:18px; display:block; margin-bottom:13px;}

.s_main_box .f7 .content .up p{ color:#a2a2a4; font-size:12px; line-height:20px;}

.s_main_box .f7 .content .un{ margin-top:70px;}

.s_main_box .f7 .content .un .jj_scoll{ position:relative;  height:180px; white-space:nowrap; overflow: scroll; overflow-y:hidden;   }

#ascrail2000-hr{ background:url(../images/bg_jj_scoll.png) left center repeat-x; height:10px !important; width:100%; }

#ascrail2000-hr div{ height:10px !important;   } 



.n_zizhi{ overflow:hidden; margin-top:20px;}

.n_zizhi ul {}

.n_zizhi li{    display:inline-block;position:relative;  padding:3px; background:#5f564f;   margin-right: 25px;}

.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 .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  .ewm{ display:block; position:absolute; border:15px solid #fff; top:-55px; width:100px; 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}

.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_dd.png) 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;}

.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{ display: none;}

.n_contact .un_box{margin-top:40px;}