@charset "utf-8";

/* 全局 */
body{font-size:14px;line-height:24px;color:#333; overflow-x:hidden; width:100%; display:block; min-height:120vh; overflow-y:auto}
body.ov{}
p{text-align: justify;}
.index_body{background:#F3F6FB;}
.w1700{width:1700px;height:auto;overflow:hidden;margin:0 auto;}
.w1600{width:1600px;height:auto;overflow:hidden;margin:0 auto;}
.w1500{width:1500px;height:auto;overflow:hidden;margin:0 auto;}
.w1400{width:1400px;height:auto;overflow:hidden;margin:0 auto;}
.w1200{width:1200px;height:auto;overflow:hidden;margin:0 auto;}
.w210{width:210px;height:auto;overflow:hidden;margin:0 40px 0 0;float:left;}
.w950{width:950px;height:auto;overflow:hidden;float:left;}
.wfull{width:100%;height:auto;overflow:hidden;margin:0 auto;}


.header{position:fixed;left:0;top:0;z-index:90;width:100%;height:100px;background:#fff;-webkit-box-shadow:0 0px 5px rgba(0,0,0,0.1);-o-box-shadow:0 0px 5px rgba(0,0,0,0.1);box-shadow:0 0px 5px rgba(0,0,0,0.1); display:block; }
.header.hid{ z-index:-10; display:none}
.header .w1200{ overflow: visible; }
.dian{ height: 100px; width:100% }

.header .logo{padding:20px 0 0 0px;float:left; line-height: 1; width: 170px; margin-right: 18px;}
.header .logo img{height:auto;display:block;margin:0 auto; float: left; }
.header .logo b{ font-size: 24px; font-weight: bold; color: #333; display: block; margin-top: 25px; }
.header .logo span{ font-size: 12px; color: #999; font-family: 'Arial'; text-transform:uppercase; display: inline-block; margin-top: 9px;}

/*nav*/
.header i{ display:block; float:right; line-height:100px; font-weight: bold; color: #133A7C; font-size: 15px;}
.header .nav{display:block;float:right;}
.header .nav a{display:block;color:#333;}
.header .nav li{float:left;display:block;text-align:center;color:#080808;height:100%;font-size:16px;height:100px;}
.header .nav li > a{padding:0 16px; line-height:100px;}
.header .nav li.ll1 > a{padding:0 26px; }
.header .nav li:hover > a,
.header .nav li.hovers > a{ background:#133A7C; color: #fff; }
.header .nav dl{display:none;position:absolute;width:100%;height:auto;top:100%;left:0;z-index:99;background-color:#102565;box-sizing:border-box;font-size:14px;}
.header .nav dl dd{position:relative;}
.header .nav dl dd:after{content:"";position:absolute;width:90%;height:1px;background:#445184;left:5%;bottom:0;z-index:1;}
.header .nav dl a{line-height:35px;color:#fff;}
.header .nav li:hover > a{}
.header .nav dl a:hover{background-color:#fff;color:#080808;}
.header .nav dl dd:hover:after{display:none;}

.header .nav .headcate_box{ position: absolute; width: 100%; height: auto; top: 100px; left: 0; z-index: 1; background:#fff; background:rgba(19,58,124,0.6); box-shadow:inset 0px 15px 15px -15px rgba(0,0,0,.2),inset 0px -15px 15px -15px rgba(0,0,0,.2); display: none; /*overflow: hidden;*/ -webkit-transition:all ease-out .4s; -o-transition:all ease-out .4s; transition:all ease：-out .4s; }
.header .nav .headcate_box a{ color:#FFF!important}
.header .nav .headcate{ padding:45px 0; position: relative; margin:0 auto;  }
.header .nav .headcate .swiper-slide{ width: 11.1%; }
.header .nav .headcate .text{ text-align: left; padding-left:16px; }
.header .nav .headcate .text b{ display: block; font-size: 10px; font-weight: bold; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; line-height: 1.3; position:relative; margin-bottom:12px; }
.header .nav .headcate .text b a{ color: #333; /*display:inline-block;*/white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 16px;width: calc(100% - 20px); position:relative; left:20px; }
.header .nav .headcate .text span{display: block;  font-size: 14px; /*display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;*/ line-height: 28px; margin-top: 11px; /*display:none;*/ }
.header .nav .headcate .text span a{ color: #555;  font-size:12px; overflow:hidden; }
.header .nav .headcate .text b a:hover{ color: #14377c; }

.header .nav .headcate .text b em{  cursor:pointer; display:inline-block; padding-left:2px; color:#FFF; width:15px; height:20px; position:absolute; top:2px; left:0px;}
.header .nav .headcate .text b em:before{content:'▼';}
.header .nav .headcate .text b em.b:before{ content:'▲';}


.header .nav .headcate .text span a:hover{ color: #14377c; }
.header .nav .headcate .swiper-button-next,.header .nav .headcate .swiper-button-prev{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.header .nav .headcate .swiper-button-prev{ left: 50%; margin-left: -657px; }
.header .nav .headcate .swiper-button-next{ right: 50%; margin-right: -657px; }
.header .nav .headcate .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled{/*opacity:1;*/}
.header .nav li:hover .headcate_box{ display: block; }

.wapmenu{width:50px;height:50px;line-height:50px;text-align:center;display:block;float:right;cursor:pointer;display:none;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.wapmenu:before{font-family:"iconfont";content:"\e8fb";font-size:22px;color:#1D7DD6;}
.wapmenu.zk:before{font-family:"iconfont";content:"\e615";font-size:22px;color:#1D7DD6;}
.navs{position:absolute;top:50px;left:0;z-index:10000;display:none;background:#fff;width:100%;border-top:1px solid #ccc;padding:10px 0px;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.2);-o-box-shadow:0 3px 5px rgba(0,0,0,0.2);box-shadow:0 3px 5px rgba(0,0,0,0.2);}
.navs li{width:100%;height:auto;line-height:40px;display:block;font-size:15px;margin-top:1px;position:relative;text-align:center;}
.navs li .i:after{position:absolute;line-height:40px;right:10%;top:0;font-family:"iconfont";content:"\e619";font-size:20px;}
.navs li a{color:#333;display:block;}
.navs li.curr .i:after{content:"\e616";}
.navs li dl{width:auto;height:auto;background:#f9f9f9;display:none;padding:10px 0;}
.navs li dl dd{width:100%;height:30px;line-height:30px;display:block;font-size:14px;margin-top:1px;}


.navul li div.ernav{ position:absolute; left:0%; top:100px; width:100%; display:none;background:#FFF}

.navul li div.ernav p{ width:100%; height:30px; line-height:30px; position:relative;}
.navul li div.ernav p a{ width:100%; height:100%; display:block;  text-align:center; font-size:14px;}
.navul li div.ernav p:hover a{ background:#133A7C; color:#FFF}





/* 搜索条 */
.header .search_box{float:right;width:70px;height:100px;font-size:14px;text-align:center;position:relative;margin-left:35px;margin-right:10px;display:block;}
.header .search_box .btn_search{line-height:100px;}
.header .search_box .btn_search:before{font-family:"iconfont";content:"\e62e";font-size:30px;color:#D5D5D5;}
/*.header .search_box .btn_search:after{content:"";position:absolute;width:1px;height:100px;left:0;top:0;background:#EFEFEF;z-index:2;}*/
.header .search_box .btn_search:hover:before,.header .search_box .btn_search.curr:before{color:#0B2876;}
.header .search_box .search{width:355px;height:auto;background:rgba(255,255,255,0.85);position:absolute;top:100px;right:0;z-index:50;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:12px 20px;display:none;}
.header .search_box .search input[type="text"]{border:1px solid #34469B;height:32px;line-height:32px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;box-sizing:border-box;padding:0 10px;font-size:16px;color:#333;}
.header .search_box .search input[type="submit"]{height:32px;line-height:32px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#34469B;color:#FFF;width:50px;margin-left:5px;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s; -webkit-appearance:none;}
.header .search_box .search input[type="submit"]:hover{background:#5888B3;}
.header .search_box .search .btn_cancel{float:right;display:inline-block;margin-left:10px;}
.header .search_box .search .btn_cancel:after{font-family:"iconfont";content:"\e615";line-height:32px;font-size:25px;cursor:pointer;}

.block_header{height: 0px;}

/* 尾部 */
.footer{clear:both; background: #060E21; font-size:14px;padding:40px 0 55px; color: #fff;}
.footer a{ color: #fff; }
.footer a:hover{ color: #fff; }
.footer .w1700{ position: relative; overflow: visible; height: auto; }
.footer .profile{ line-height: 30px; margin-top:10px; }
.footer .nav_foot{}
.footer .nav_foot a{ display: inline-block; padding:0 28px; line-height: 40px; position: relative; }
.footer .nav_foot a:after{ content: ''; position: absolute; top: 14px; right: 0; width: 1px; height: 14px; z-index: 1; background: #3A414F; }
.footer .nav_foot a:hover{ background: #DD751F; }
.footer .nav_foot a:hover:after{ display: none; }
.footer .nav_foot a:last-of-type:after{ display: none; }
.footer .nav_foot a:first-of-type{ padding-left: 0; }
.footer .copyright{  margin-top: 15px; }

.footer .links_box{ position: absolute; z-index: 1; bottom: 0; right: 155px; width: 260px; height: 47px; }
.footer .links_box span{ display: block; width: 100%; height: 100%; line-height: 47px; text-indent:18px; background: #133A7C; background:url(../images/ico_arrow_top.png) #133A7C 225px center no-repeat; }
.footer .links_box .links{ width: 100%; height: 100%; position: relative;  }
.footer .links_box .links .link_cell{ position: absolute; bottom: 47px; left: 0; width: 100%; height: auto; z-index: 2; display: none;}
.footer .links_box .links:hover .link_cell{ display:block}
.footer .links_box .links .link_cell a{ display: block; line-height:1.6; padding:10px 18px; position: relative; background: #133A7C;  }
.footer .links_box .links .link_cell a:hover{ background: #DD751F; }
.footer .links_box .links .link_cell a:after{ content: ''; position: absolute; left: 0; bottom: 0;z-index: 3; width: 100%; height: 1px; background: #5B73A4; }
/*.footer .links_box .links:hover .link_cell{ display: block; }*/
.footer .qrcode{ position: absolute; z-index: 1; bottom: 0; right: 0; }
.footer .qrcode img{ width: 138px; height: 138px; }

/*回到顶部*/
#goTopBtn{ width: 30px; height: 100px; position: fixed; right: 15px; bottom: 110px; z-index: 9; cursor: pointer; background: #133A7C; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;  }
#goTopBtn i{display: block; height: 25px; background: url(../images/ico_to_top.png) center center no-repeat; margin-top: 5px;}
#goTopBtn span{ color: #fff; /*writing-mode: vertical-lr; padding-left: 4px; */}

/* 禁止手机横屏 */
.nohengping{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:99999;text-align:center;font-size:18px;line-height:50px;background:url(../images/bg_404.jpg) top center no-repeat;display:none;}
.nohengping .t_box{width:100%;height:120px;position:fixed;top:50%;left:0;margin-top:-60px;z-index:999999}
.nohengping i{display:inline-block;}
.nohengping i:after{font-family:"iconfont";content:"\e67d";font-size:50px;}

/* 网站加载中 */
.loadingBg{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#f5f5f5;z-index:9999}
.loading{width:100%;height:40px;position:fixed;top:50%;left:0;margin-top:-20px;z-index:999;text-align:center;}

/* 首页框架 */

/* -------------------------------首页------------------------------------------- */

/* banner */
.banner_box{position:relative; display:block; clear:both;}
.img_a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;}
.banner{width:100%;padding-top:37.5%;position:relative;padding-bottom:75px;}
.banner .swiper-container{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.banner .swiper-container .swiper-slide{height:100%;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.banner .swiper-pagination{width:100%;bottom:30px;left:0;}
.banner .swiper-pagination-bullet{width:14px;height:14px;background:#fff;opacity:.8;margin:0 8px;}
.banner .swiper-pagination-bullet-active{opacity:1;background:#DD751F;}
.banner .swiper-button-next,.banner .swiper-button-prev{position:absolute;width:57px;height:99px;top:50%;margin-top:-49px;font-size:0;z-index:5;background-position:center center;-webkit-background-size:cover;background-size:auto auto;background-color:transparent; /*display: none;*/filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.banner .swiper-button-prev{background-image:url(../images/arrow-left_3.png);left:10px;margin-left:0px;}
.banner .swiper-button-next{background-image:url(../images/arrow-right_3.png);right:10px;margin-left:60px;}
.banner .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled{opacity:1;}
.banner:hover .swiper-button-prev{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.banner:hover .swiper-button-next{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}


/*关于我们*/
.about_box{}
.about_box .w1200{ overflow: visible; }
.about_box .about{ padding-top: 50px; }
.about .fr{ width: 36%; position: relative;}
.about .pic{ width: 100%; padding-top: 60%; position: relative; }
.about .pic .photo{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden;}
.about .pic .photo span{ display: block; width: 100%; height: 100%; background-size:cover;background-repeat:no-repeat;background-position:center center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.about .pic:hover .photo span{  -webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }

.about .text{ line-height: 1; width: 59%; }
.about .text b{ font-size: 18px; display: block;}
.about .text span{ display: block; color: #999999; margin-top:15px; }
.about .text p{ line-height: 2; color: #777; margin-top: 43px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.about .text .more{ width: 100px; height: 29px; line-height: 29px; background: #DD751F; color: #fff;  display: inline-block; text-align: center; margin-top: 65px; border: 1px solid #fff;}
.about .text .more:hover{ border: 1px solid #DD751F;  color: #DD751F; background: #fff; }

.counts{ background: #fff; height: 196px; -webkit-box-shadow:0 0px 5px rgba(0,0,0,0.1);-o-box-shadow:0 0px 5px rgba(0,0,0,0.1);box-shadow:0 0px 30px rgba(0,0,0,0.2); margin-top: 43px; padding-top: 63px;  }
.counts li{ float: left; width: 25%; text-align: center; line-height: 1; position: relative; }
.counts li b{ display: block; font-size: 40px;  font-family: "Arial"; font-weight: bold; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.counts li span{ display: block; margin-top: 10px; color: #999999; }
.counts li.li2 b:before{ content: '0'; }
.counts li.li3 b:after{ content: ' +'; }
.counts li:hover b{ color: #14377c; }
.counts li.li2:before,
.counts li.li3:before,
.counts li.li4:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #D8D8D8; }


/*设备与产品*/
.products_box{}
.products_box .products{ }
.products{ position: relative; }
.products .swiper-slide{}
.products .swiper-slide .pro{ width: 202px; height: 308px; position: relative;  margin:0 auto;  margin-top: 70px; margin-bottom:90px; margin-bottom:0px; }
.products .swiper-slide .mask{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-size:cover;background-repeat:no-repeat;background-position:center center; background-image:url(../images/pic_02.jpg); -webkit-transition: 0.1s linear; -o-transition: 0.1s linear; transition: 0.1s linear; }
.products .swiper-slide .pic{ position: absolute; width: 100%; height: 48px; left: 0; top: 38px; z-index: 2; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;}
.products .swiper-slide .pic .photo{ position: relative; width: 100%; height: 100%; background-size:contain;background-repeat:no-repeat;background-position:center center; }
.products .swiper-slide .text{ position: absolute; width: 100%; height: 155px; left: 0; top: 98px; z-index: 2; color: #fff; text-align: center; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;}
.products .swiper-slide .text .cell { position: relative; width: 100%; height: 100%;  }
.products .swiper-slide .text .cell b{ display: inline-block; text-align: center; -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: lr-tb; writing-mode: vertical-lr; height: 100%; font-size: 18px; padding-right: 5px; }
.products .swiper-slide .text .cell span{display: inline-block; text-align: center; -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: lr-tb;writing-mode: vertical-lr; height: 100%; padding-left: 5px; }
.products .swiper-slide .text .cell:after{ content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #FFFFFF; }
.products .swiper-slide .info{ position: absolute; left: 0; bottom: 27px; z-index: 2; width: 100%; height: auto; text-align: center; color: #fff; font-size: 12px; line-height: 2; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;}
.products .swiper-slide.even .mask,
.products .swiper-slide:hover .mask{ background-image:url(../images/pic_13.jpg); }
.products .swiper-slide.even .pic,
.products .swiper-slide:hover .pic{ top: 68px; }
.products .swiper-slide.even .text,
.products .swiper-slide:hover .text{ top: 128px; }
.products .swiper-slide.even .info,
.products .swiper-slide:hover .info{bottom: -100px;}
.products .swiper-slide .pro:before{content:'';position:absolute;border:#0D3885 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;}
.products .swiper-slide:hover .pro:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out;}
.products .swiper-pagination{width:100%;bottom:30px;left:0; display: none;}
.products .swiper-pagination-bullet{width:14px;height:14px;background:#ccc;opacity:.8;margin:0 8px;}
.products .swiper-pagination-bullet-active{opacity:1;background:#DD751F;}





/*解决方案*/
.solution_box{ background: url(../images/bg_solution.jpg) center center no-repeat; padding-bottom: 100px; }
.solution{ overflow: hidden; height: auto; line-height: 1; margin-top: 50px; }
.solution .fl{ width: 50%; padding-right: 5px;}
.solution .fr{ width: 50%; padding-left: 6px;  }
.solution .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; }
.solution .pic .photo{ position: relative; width: 100%; height: 100%; background-size:contain;background-repeat:no-repeat;background-position:center center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;  }
.solution .text{ position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; padding: 0 50px 35px; color: #fff; }
.solution .text b{ font-size: 18px; display: block; }
.solution .text p{ line-height: 1.8; margin-top: 12px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; }
.solution .mask{ position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; z-index: 2;
background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /*FireFox*/
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  /* Opear */
background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); 
}
.solution .e1 .mask{ height: 50%; }
.solution .e1{ padding-top: 89.9%; position: relative;}
.solution .e2,
.solution .e3{ padding-top: 44.1%; position: relative; }
.solution .e3{ margin-top:10px;}
.solution .e1:hover .pic .photo,
.solution .e2:hover .pic .photo,
.solution .e3:hover .pic .photo{ -webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }

/*新闻动态*/
.news_box{  padding-bottom:68px;}
.news_box .w1200{ overflow: visible; }
.news_box .news{ position: relative; }
.news .news_btns{ text-align: center; margin-top: 52px; }
.news .news_btns a{ display:inline-block; color: #999; border: 1px solid #eee; line-height: 36px; padding: 0 12px; font-size:18px; }
.news .news_btns a.even{ border: 1px solid #133A7C; background: #133A7C; color: #fff; }
.news .news_body{ position: relative; margin-top: 64px; height: 480px;}
.news .news_body .con{ display: none; position: absolute; width: 100%; height: auto; top: 0; left: 0;  }
.news .focus{ float: left; width: 50%; padding-right:43px; }
.news .lists{ float: left; width: 50%; padding-top:15px; }
.news .focus .pic{ width: 100%; padding-top: 55.6%; position: relative; }
.news .focus .pic .photo{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.news .focus .pic .photo span{ display: block; width: 100%; height: 100%; background-size:cover;background-repeat:no-repeat;background-position:center center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.news .focus:hover .pic .photo span{  -webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }
.news .focus .text{ position: relative; line-height: 1; text-align: left;  }
.news .focus .text b{font-size:18px; color: #333;  display: block; margin-top: 30px; width: 100%; webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; line-height: 1.3;}
.news .focus .text span{ color: #999; display: block; margin-top: 10px; }

.news .focus .text p{ color: #999; display: block; margin-top: 9px; line-height: 25px; width: 100%; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden; text-align: justify; }
.news .focus:hover .text b{ color: #14377c; }
.news .news_body li{ position: relative; width: 100%; height: auto; overflow: hidden; line-height: 1; margin-bottom: 40px;}
.news .news_body li:before{ content: ''; position: absolute; left: 80px; top: 6px; width: 1px; height: 64px; z-index: 1; background: #DBDBDB; }
.news .news_body li .date{ width: 80px; min-height: 80px; float: left; text-align: right; padding-right: 20px;  }
.news .news_body li .date b{ display: block; color: #333; font-size: 26px; margin-top: 15px; font-family: 'Arial'}
.news .news_body li .date span{ display: block; font-size: 12px; color: #999999; margin-top: 10px;font-family: 'Arial' }

.news .news_body li .text{ position: relative;  text-align: left; }
.news .news_body li .text b{font-size:18px; color: #333;  display: block; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; text-indent: 18px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; line-height: 1.3; }
.news .news_body li .text p{ color: #999999; display: block; margin-top: 5px; line-height: 25px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; text-align: justify; padding-left: 18px;   }
.news .news_body li:hover .text b{ color: #14377c; }
.news .news_body li:last-of-type{ margin-bottom: 0; }

/*投资者关系*/
.relation_box{ background: #133A7C; padding-top: 48px; padding-bottom: 25px; position: relative;}
.relation_box:before{ content: ''; position: absolute; left: 0; top: 100px; z-index: 1; width: 100%; height: 1px; background: #5B73A4; }
.relation_box .w1700{ overflow: visible; }
.relation_box .relation{ padding-top:55px; padding-bottom:30px; position: relative; }
.relation .swiper-slide .pic{  width: 80%; max-width: 167px; height: 68px; margin:0 auto; position: relative; }
.relation .swiper-slide .pic .photo{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.relation .swiper-slide .pic .photo span{ display: block; width: 100%; height: 100%; background-size:contain;background-repeat:no-repeat;background-position:center center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;
-ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}
.relation .swiper-slide:hover .pic .photo span{  /*-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);*/ }
.relation .swiper-button-next,.relation .swiper-button-prev{position:absolute;width:22px;height:26px;top:0;margin-top:-28px;font-size:0;z-index:5;background-position:center center;-webkit-background-size:cover;background-size:auto auto;background-color:transparent; /*display: none;*/ -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.relation .swiper-button-prev{background-image:url(../images/arrow-l2.png); left: auto; right:52px;margin-top:-20px;}
.relation .swiper-button-next{background-image:url(../images/arrow-r2.png); right:0px;margin-top:-20px;}
.relation .swiper-button-next.swiper-button-disabled,.business_body .swiper-button-prev.swiper-button-disabled{opacity:1;}
.relation .swiper-button-prev:hover,
.relation .swiper-button-next:hover{ border: 1px solid #fff; -webkit-border-radius:3px; -o-border-radius:3px;border-radius:3px; }

/*
-------------------------------内页-------------------------------------------
*/

/* banner */
.banner_ins{position:relative;width:100%;padding-top:23.95%; background-size: cover; background-repeat: no-repeat; background-position: center center;  }




/* 内页 */
.n_content{overflow:hidden;height:auto;padding:0px 0 0px 0;}

/* 内页左侧 */
.n_left{margin-top:29px;}

/* 内页左侧 */
.n_right{margin-top:29px;}

/* 当前位置 */
.locate_box{height:61px;line-height:60px; position: relative;}
.locate_box:after{ content: ''; position: absolute; top: 60px; left: 0; z-index: 1; width: 100%; height: 1px; background: #DFDFDF; }
.locate_box.mode2{background:#F7F7F7;}
.locate_box .location{font-size:14px;line-height:60px;text-align:right;position:relative;float:left;}
.locate_box .location a:before{ font-family:"iconfont"; content: "\e68e"; display:inline-block; margin-right:8px; font-size: 18px;}
.locate_box .location a:first-of-type:before{ content: "\e61d"; }
.locate_box .location span{ color: #999; display: inline-block; margin-left: 10px; margin-right: 10px; }

.locate_box .category{ float: right; }
.locate_box .category a{ position: relative; display: block; height: 60px; line-height: 60px; padding:0 20px; float: left; color: #555;  }
.locate_box .category a:after{ content: ''; position:absolute; top: 0; right: 0; z-index: 2; height: 60px; width: 1px; background: #DFDFDF; }
.locate_box .category a.even,
.locate_box .category a:hover{ background: #133A7C; color: #fff; }


/* 头部导航 */
.nav_detail{text-align:center;line-height:1;margin-top:28px;}
.nav_detail a{display:inline-block;padding:7px 28px;box-sizing:border-box;border:1px solid #E5E5E5;color:#555;}
.nav_detail a:hover,.nav_detail a.even{border:1px solid #2D97A1;background:#2D97A1;color:#fff;}


/* 左侧栏目模板 */
.left_menu_title{width:auto;height:62px;background:#CC0C0C;text-align:center;}
.left_menu_title h2{font-size:20px;font-weight:bold;color:#FFF;line-height:62px;}
.left_menu{background:#fff;padding:10px 0px 21px;}
.left_menu ul{height:auto;overflow:hidden;min-height:400px;}
.left_menu li{height:54px;line-height:53px;box-sizing:border-box;background:#FBFBFB;border:1px solid #D9D9D9;text-align:center;margin-bottom:8px;transition:all 0.2s;-webkit-transition:all 0.2s;}
.left_menu li a{font-size:16px;display:block;}
.left_menu li:hover,.left_menu .curr{border:none;color:#fff;background:url(../images/ico_j_2.png) no-repeat 84% 50% #D51B11;}
.left_menu li:hover a,.left_menu .curr a{color:#fff;}
.left_menu p{text-indent:33px;font-size:12px!important;line-height:30px;color:#666}
.left_menu p a{display:block;}
.left_menu p a:hover,.left_menu p a.curr{color:#e60000;}


/*产品列表*/
.products_ins_box{ margin-top: 30px;  margin-bottom: 50px;}
.products_ins_box .product_ins{ position: relative; height: auto; overflow: hidden; }
.product_ins li{ margin-bottom:30px; }
.product_ins .pic{ float: left; width: 37.5%; height: 300px; background: #F2F2F2; border:1px solid #EFEFEF; }
.product_ins .pic .photo{ width: 370px; height: 240px;  margin: 29px auto 0;  }
.product_ins .pic .photo span{display: block; width: 100%; height: 100%; background-size:contain;background-repeat:no-repeat;background-position:center center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;}
.product_ins .text{ float: right; width: 61.5%; height: 300px; background: #F5F5F5; padding:0 12% 0 3.5%; line-height: 1.3; -webkit-transition:all ease-out .3s; -o-transition:all ease-out .3s; transition:all ease-out .3s;  }
.product_ins .text b{ display: block; font-size: 24px; font-weight: bold; margin-top: 45px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.product_ins .text p{ margin-top: 25px; color: #555; line-height: 36px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden;}
.product_ins li:hover .text{ background: url(../images/logo_even.png) right bottom no-repeat; }
.product_ins li:hover .text b{ color: #fff; }
.product_ins li:hover .text p{ color: #fff; }
.product_ins li:hover .pic .photo span{ -webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }
.product_ins li:nth-of-type(2n+2) .pic{ float: right; }
.product_ins li:nth-of-type(2n+2) .text{ float: left; }


/*解决方案*/
.solution_ins_box{ padding-bottom: 0px; }
.profile_ins{ background: #EEEEF0; padding:105px 0; }
.profile_ins .pic{ width: 50%; float: right; position: relative; }
.profile_ins .pic .photo{ padding-left: 14.3%;  }
.profile_ins .text{ width: 50%; float: left; position: relative; padding-left: 7%; padding-right: 7%; line-height: 1.3;}
.profile_ins .text b{ font-size: 42px; display: block; margin-top:10px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden; color: #14377c; }
.profile_ins .text p{ line-height: 32px; color: #555; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden; margin-top: 18px;}
.profile_ins .text .more{ font-size: 20px; color: #14377c; display: inline-block; width: 125px; height: 24px; line-height: 22px; background: url(../images/arrow-rs2.png) center right no-repeat; margin-top: 40px;  }
.profile_ins .text .more:hover{ width: 150px;  }
.profile_ins .text em{ display: none; }
.solution_ins_div:nth-of-type(2n+2) .profile_ins{padding: 50px 0;}
.solution_ins_div:nth-of-type(2n+2) .profile_ins .pic{ float: left; padding-top:60px; }
.solution_ins_div:nth-of-type(2n+2) .profile_ins .text{ float: right; }
.solution_ins_div:nth-of-type(2n+2) .profile_ins .text .more{ margin-top: 30px; }
.solution_ins_div:nth-of-type(2n+2) .profile_ins .text em{ display: block; margin-top: 30px; }
.solution_ins_div:nth-of-type(2n+2) .profile_ins em{ display: block; }


.solution_ins{ padding-top: 40px; padding-bottom: 40px; }
.solution_ins .w1200{ overflow: visible; position: relative; }
.solution_ins .swiper-slide{ position: relative; padding-bottom: 15px; }
.solution_ins .swiper-slide .pic{ padding-top: 73.28%; position: relative; }
.solution_ins .swiper-slide .pic .photo{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.solution_ins .swiper-slide .pic .photo span{ display: block; width: 100%; height: 100%; background-size:contain;background-repeat:no-repeat;background-position:center center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.solution_ins .swiper-slide:hover .pic .photo span{  -webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }
.solution_ins .swiper-slide .text{ line-height: 1.3; text-align: center; background: #F6F6F6; height: 97px; padding:25px 10px 0; position: relative;  }
.solution_ins .swiper-slide .text b{ color: #333; display: block;  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;}
.solution_ins .swiper-slide .text span{ display: block; font-size: 12px; font-family: "Arial"; color: #999999; margin-top: 10px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.solution_ins .swiper-slide .text:after{ content: ''; position: absolute; bottom: -12px; left: 50%; margin-left:-12px; background: url(../images/ico_add.png) #EAEAEA center center no-repeat; width: 25px; height: 25px; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;  -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;   }
.solution_ins .swiper-slide:hover .text b{ color: #14377c;}
.solution_ins .swiper-slide:hover .text:after{ background: url(../images/ico_add.png) #ccc center center no-repeat; }
.solution_ins .swiper-button-next,.solution_ins .swiper-button-prev{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s; width: 44px; height: 44px;}
.solution_ins .swiper-button-prev{ left: 50%; margin-left: -687px; background: url(../images/arrow-l3.png) center center no-repeat; }
.solution_ins .swiper-button-next{ right: 50%; margin-right: -687px; background: url(../images/arrow-r3.png) center center no-repeat;}
.solution_ins .swiper-button-prev:hover{ background: url(../images/arrow-l3-e.png) center center no-repeat; }
.solution_ins .swiper-button-next:hover{ background: url(../images/arrow-r3-e.png) center center no-repeat; }
.solution_ins .swiper-button-next.swiper-button-disabled,.solution_ins .swiper-button-prev.swiper-button-disabled{/*opacity:1;*/}
.solution_ins .swiper-pagination{width:100%;bottom:0px;left:0; display: none;}
.solution_ins .swiper-pagination-bullet{width:14px;height:14px;background:#ccc;opacity:.8;margin:0 8px;}
.solution_ins .swiper-pagination-bullet-active{opacity:1;background:#DD751F;}


.case_box{ margin: auto; }
.case{ position: relative; padding-bottom: 15px; float: left; width: 23%; margin: 1%; }
.case .pic{ padding-top: 73.28%; position: relative; }
.case .pic .photo{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.case .pic .photo span{ display: block; width: 100%; height: 100%; background-size:contain;background-repeat:no-repeat;background-position:center center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.case:hover .pic .photo span{  -webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }
.case .text{ line-height: 1.3; text-align: center; background: #F6F6F6; height: 97px; padding:25px 10px 0; position: relative;  }
.case .text b{ color: #333; display: block;  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;}
.case .text span{ display: block; font-size: 12px; font-family: "Arial"; color: #999999; margin-top: 10px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.case .text:after{ content: ''; position: absolute; bottom: -12px; left: 50%; margin-left:-12px; background: url(../images/ico_add.png) #EAEAEA center center no-repeat; width: 25px; height: 25px; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;  -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;   }
.case:hover .text b{ color: #14377c;}
.case:hover .text:after{ background: url(../images/ico_add.png) #ccc center center no-repeat; }

/*新闻动态*/
.news_ins_box{ padding-bottom: 30px; }
.news_ins{ position: relative; padding-bottom: 10px;}
.news_ins li{ position: relative; padding:35px 0;  }
.news_ins li:after{ content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; z-index: 1;  background: #DADADA; }
.news_ins .pic{ float: left; width: 140px; height: 130px;  position: relative; margin-right: 40px; }
.news_ins .pic .photo{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.news_ins .pic .photo span{ display: block; width: 100%; height: 100%; background-size:cover;background-repeat:no-repeat;background-position:center center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.news_ins li:hover .pic .photo span{  -webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }
.news_ins .text{ line-height: 1.3; position: relative;  }
.news_ins .text .date{}
.news_ins .text .date .line{ width: 30px; display: inline-block; position: relative; height: 14px; webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.news_ins .text .date .line:after{ content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 40%; z-index: 1;  background: #CCC;}
.news_ins .text .date em{ color: #999; font-family: "Arial"; }
.news_ins .text b{ font-size: 24px; color: #333; display: block;  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; margin-top:9px;}
.news_ins .text p{ display: block; line-height: 2;  color: #999999; margin-top: 10px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_ins li:hover .text b{ color: #dd751f; }
.news_ins li:hover .text .date .line{ width: 50px; }



/*企业简介*/
.intro_ins_box{}
.intro_ins{margin-top:55px;}
.intro_ins .pic{ float: left; width: 50%; padding-left: 17px;  }
.intro_ins .pic .photo{ width: 543px; height: 474px; position: relative; }
.intro_ins .pic .photo span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.intro_ins .pic .photo:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;z-index: 2; background: rgba(0,0,0,.3); }
.intro_ins .pic .photo:after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;z-index: 2; background: url(../images/ico_play.png) center center no-repeat; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.intro_ins .pic:hover .photo:after{ -webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.intro_ins .text{ float: right; width: 50%; padding-left: 20px; }
.intro_ins .text p{ color:#999999; line-height: 30px; }


/*组织架构*/
.structure_ins_box{ height: 476px; background: url(../images/bg_structure.jpg) center top repeat; margin-top: 0px; }
.structure_ins{ color: #333; margin-top: 50px; }
.structure_ins .sbig{ text-align: center; font-size: 16px; }
.structure_ins .sbig .li{ width:14.28%; display: inline-block; position: relative; padding-bottom: 28px;}
.structure_ins .sbig .li span{ background: #fff; display: block; width: 95%; margin:0 auto; padding:20px 0;-webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.structure_ins .sbig .li:after{ content: ''; position: absolute; width: 1px; height: 28px; left: 50%; bottom: 0;z-index: 3; background: #fff; }
.structure_ins .slittle{ text-align: center; font-size: 16px; position: relative;}
.structure_ins .slittle .li{ width: 14.28%; width:12.5%; float: left; display: block; position: relative; padding-top: 38px;  }
.structure_ins .slittle .li:before{ content: ''; position: absolute; width: 100%; height: 1px; left: 0; top: 0;z-index: 2; background: #fff; }
.structure_ins .slittle .li:after{ content: ''; position: absolute; width: 1px; height: 38px; left: 50%; top: 0;z-index: 3; background: #fff; }
.structure_ins .slittle .li span{ background: #fff; display: block; width: 95%; margin:0 auto; padding:20px 0; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.structure_ins .slittle .li:first-of-type:before{ width: 50%;left: 50%; }
.structure_ins .slittle .li:last-of-type:before{ width: 50%;right: 50%; left: auto; }
.structure_ins .li:hover span{ font-size: 18px; }

/*业务组成*/
.business_ins_box{}


.business_ins_box{ background: url(../images/bg_solution.jpg) center center no-repeat; padding-bottom: 100px; }
.business_ins{ overflow: hidden; height: auto; line-height: 1; margin-top: 50px; }
.business_ins .fl{ width: 50%; padding-right: 5px;}
.business_ins .fr{ width: 50%; padding-left: 6px;  }
.business_ins .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; }
.business_ins .pic .photo{ position: relative; width: 100%; height: 100%; background-size:contain;background-repeat:no-repeat;background-position:center center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;  }
.business_ins .text{ position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; padding: 0 25px 35px; color: #fff; }
.business_ins .text b{ font-size: 18px; display: block; }
.business_ins .text p{ line-height: 1.8; margin-top: 12px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; }
.business_ins .mask{ position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; z-index: 2;
background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /*FireFox*/
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));

background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  /* Opear */
background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); }
.business_ins .e1 .mask{ height: 50%; }
.business_ins .e1{ padding-top: 89.9%; position: relative;}
.business_ins .e2,
.business_ins .e3,
.business_ins .e4{ padding-top: 44.1%; position: relative; }
.business_ins .e3,
.business_ins .e4{ margin-top:10px; width: 49%; float: left;}
.business_ins .e4{ margin-left: 2%; }
.business_ins .e1:hover .pic .photo,
.business_ins .e2:hover .pic .photo,
.business_ins .e3:hover .pic .photo{ -webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }
.business_ins .e4:hover .pic .photo{ -webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }








/* title */
.title_b_1{ text-align: center; line-height: 1; }
.title_b_1 b{ display: block; font-size:32px; color: #14377c; margin-top: 63px; font-weight: bold; position: relative;   padding-bottom: 16px;}
.title_b_1 b:after{ content: ''; position: absolute; bottom: 0; left: 50%; z-index: 1; width: 20px; height: 2px;  background: #DBDBDB;  margin-left: -10px;}
.title_b_1 span{ display: block; color: #999999; font-size: 14px;  margin-top: 10px; }

.title_b_2{ text-align: left; line-height: 1; }
.title_b_2 b{ display: inline-block; font-size:24px; color: #fff; font-weight: bold;}
.title_b_2 span{ display: inline-block; color: #fff; font-size: 18px; text-transform:uppercase; padding-left: 20px; }

.title_b_3{ text-align: center; line-height: 1; }
.title_b_3 b{ display: block; font-size:32px; color: #FFF; margin-top: 63px; font-weight: bold; position: relative;   padding-bottom: 16px;}
.title_b_3 b:after{ content: ''; position: absolute; bottom: 0; left: 50%; z-index: 1; width: 20px; height: 2px;  background: #FFF;  margin-left: -10px;}
.title_b_3 span{ display: block; color: #FFF; font-size: 14px;  margin-top: 10px;  }


.title_b_4{ text-align: left;line-height: 1; float: left; }
.title_b_4 b{ display: block; font-size:30px; color: #333; font-weight: bold;}
.title_b_4 span{ display: block; color: #999999; font-size: 14px; text-transform:uppercase; margin-top: 11px; }


/* more */

/*button*/

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out{
	100%{top:-18px;right:-18px;bottom:-18px;left:-18px;opacity:0;}
}
@keyframes hvr-ripple-out{
	100%{top:-18px;right:-18px;bottom:-18px;left:-18px;opacity:0;}
}
a.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#0B2876;}
a.hvr-ripple-out:before{content:'';position:absolute;border:#0B2876 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s;}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out;}

/* Round Corners */
a.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:border-radius;transition-property:border-radius;background:#720e9e;}
a.hvr-round-corners:hover,a.hvr-round-corners:focus,a.hvr-round-corners:active{border-radius:1em;}

/* else */
.hide{display:none;}
.show{display:block;}
.trans{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.lclamp_1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.lclamp_2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}


.about_box .about{ margin: 20px auto 20px auto; background: #00a1f3; overflow: hidden; position:relative; /*background: url(../images/bg.jpg) repeat-x top; */padding-top:0px;}
.about_l{ /*float: left; width: 35%; */ font-size: 16px; line-height: 200%; color: #b8dcfa; margin: auto;}
.about_l .about_dh{ font-size: 32px; color: #fff; text-align: center; padding: 60px 0px; }
.about_l p{ width: 85%;  margin:20px  auto; /*display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;*/}
.about_l a{ margin:20px  auto; width: 100px; border: #99d9fa 1px solid; line-height: 35px; text-align: center; display: block; color:#b8dcfa  }
.about_l a:hover{ background: #14377c; }
.about_r{/* float: right; width: 65%; */  margin: auto;}

#mediaplayer_display_button  { background-image:url(../images/bo.png)!important;
    height: 60px!important; width:60px!important;
    background-position:center!important;

    padding: 0px!important; background-size:cover!important;
}
.jwicon{ background:none!important}


.banner_nav{display: flex;align-items: center; text-align:center; height:100%; width:100%; position:absolute; left:0px; top:0px; z-index:3;}
.lefternavs{ text-align:center; display:block; width:100%; font-size:0px;}
.lefternavs i{ font-size:50px; display:block; padding-bottom:60px;}
.lefternavs a{ display:inline-block; border:1px solid #666; border-radius:8px; height:40px;color:#666;  line-height:40px; font-size:18px; margin:5px 10px; padding:0px 12px;}
.lefternavs a:hover,.lefternavs a.erhover{border:1px solid #133A7C; background:#133A7C; color:#FFF}
/*.locate_box{ display:none}*/