﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
html{-webkit-text-size-adjust:none;}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, ferm, p, blockquote, fieldset, input { padding: 0; margin: 0; border:0}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td {font-style: normal; font-weight: normal;}
strong { font-weight: bold;}
ul, ol { list-style: none outside none;}
fieldset, img { border: medium none; vertical-align: middle;}
caption, th {  text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}
body { font-family:"Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-size: 12px; color: #666; background: #FFFFFF none repeat scroll 0 0; min-width: 1200px;}
input, select, texterea { font-family:"Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-size: 12px;}
i, cite, em { font-style: normal;font-weight: bold;}
input,button,select,texterea{ outline:none}
.clearfix { clear:both }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block; }
a { color: #000000; text-decoration: none; outline: medium none; -webkit-transition-property:color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; }
a:link, a:visited, a:active { text-decoration: none;}
a:hover { color: #1e68ad; text-decoration: none;}
a.gray{color: #999999;}
a.gray:hover{color: #1e68ad;}
.left{ float:left}
.right{ float:right}
.hidden{ display:none;}
.split{color:#dddddd;font-size:11px; padding:0 5px}
.wrapper { width: 1200px; margin:0 auto;max-width : 1200px;box-sizing: border-box; position: relative;}
/*scrollbar*/
::-webkit-scrollbar {width: 8px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.03);border-radius: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb {border-radius: 8px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: rgba(0, 0, 0, .2);}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, .3);}
/*header*/
.header{position: fixed;top: 0;left: 0;z-index: 10; width: 100%;height:100px; background-color:rgba(0,0,0,.3); margin:0 auto;}
.header .logo{font-size: 30px;font-weight: bold;}
.header .logo img{ width:256px; height:56px}
/* .header.headerrFix{background-color:rgba(255,255,255,1)!important;z-index: 100;box-shadow: 0 10px 30px rgba(0, 0, 0, .3);}
.header.headerrFix .navbar .navbar-list li a{color:#000000!important;}
.header.headerrFix .navbar .navbar-list li a:hover,.header.headerrFix .navbar .navbar-list li.on a{color:#1e68ad!important} */

.banner .swiper .swiper-button-next, .banner .swiper .swiper-button-prev{color: #666666!important;}
.banner .swiper .swiper-button-next:after, .banner .swiper .swiper-button-prev:after{font-size: 25px!important;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;}
.banner .swiper-pagination-bullet-active{background:#000000;}
/*navbar*/
.navbar .navbar-list{display: flex;align-items: center;}
.navbar .navbar-list li{display: flex;align-items: center;height: 100px; margin-right: 40px; text-align:center;position:relative; z-index: 1000;}
.navbar .navbar-list li:last-child{margin-right: 0;}
.navbar .navbar-list li a{font-size:14px; color:#ffffff;}
.navbar .navbar-list li a:hover,.navbar .navbar-list li.on a{color:#ffffff;}
.navbar .navbar-list li:hover .navbar-sub{display: block;}
.navbar .navbar-sub{ display:none; width:140px; /*left: 50%;*/transferm: translateX(-50%); top:80px;  position:absolute; background:#ffffff;border-radius: 6px;box-shadow: 0 10px 30px rgba(0,0,0,.2);  line-height:45px; z-index:1}
.navbar .navbar-sub li{ zoom:1;height: 45px; margin-right: 0;}
.navbar .navbar-sub li a{display:block; width:140px;color:#000000;  height:45px; line-height:45px; font-size:14px; }
.navbar .navbar-sub li a:hover{color:#1e68ad;  }
.navbar .navbar-sub li.on a{color:#1e68ad}

/*title*/
.xs-title{width:100%;padding:15px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.xs-title-txt{width:250px;font-size:25px;color: #000000; display:flex;flex-direction: column;justify-content: center;align-items: center; position:relative;height:35px;}
.xs-title-desc{display: flex;justify-content: center;align-items: center; position:relative;font-size:14px;color:#818181;height:60px;}
.xs-title-desc::before{left: -130px;background-image: linear-gradient(to right,#EFEDE6, #D4D4D4);}
.xs-title-desc::after{right: -130px;background-image: linear-gradient(to left,#EFEDE6, #D4D4D4);}
.xs-title-desc::after,.xs-title-desc::before{content:'';display:block;position:absolute;width:100px;height:2px;border-radius: 5px;}
/*class*/
.xs-class{padding: 70px 0;}
.xs-class .swiper-slide{border-radius: 12px; position: relative;}
.xs-class .swiper-slide img{border-radius: 12px;width: 224px;height:288px;position: absolute;left: 0;bottom: 0;}
.xs-class .swiper-slide a{display: block;width: 224px;height:308px;position: relative;}
.xs-class .swiper-slide a::before{content:'';height: 10px;width: 205px;position: absolute;top: 10px;left: 10px;z-index: 2;background-color: #FFCCCB;border-radius: 12px 12px 0 0;}
.xs-class .swiper-slide a::after{content:'';height: 10px;width: 190px;position: absolute;top: 0;left: 20px;z-index: 1;background-color: #FFE6E5;border-radius: 12px 12px 0 0;}
.xs-class .swiper-slide p{display: flex;align-items: center;justify-content: center; position: absolute;bottom: 0;left: 0; width: 224px;height: 50px;border-radius: 0 0 12px 12px;background-color: rgba(0, 0, 0, .5);color: #ffffff;font-size: 14px;z-index: 10;}
.xs-class .swiper-button-prev{left:-40px}
.xs-class .swiper-button-next{right:-20px}
.xs-class .swiper-button-next, .xs-class .swiper-button-prev{color: #666666!important;}
.xs-class .swiper-button-next:after, .xs-class .swiper-button-prev:after{font-size: 30px!important;}
/*about*/
.xs-about{width: 100%; height: 450px;background-size: cover;}
.xs-about .title{padding: 50px 0;text-align: center;font-size: 30px;color: #ffffff;}
.xs-about .desc{width: 577px;text-align: left;font-size:14px;color: #ffffff;line-height: 2;}
.xs-about .desc a{color: #ffffff;}
.xs-about .desc a:hover{color: #000000;}
.xs-about .more{margin-top: 15px;}
.xs-about .more a {width: 90px;height: 35px;border-radius: 6px; display: flex;align-items: center;justify-content: center; border: 1px #ffffff solid; color: #ffffff;}
.xs-about .more a:hover{background-color: #ffffff; color: #1e68ad;}
/*news*/
.xs-news{height: 535px;}
.xs-news-item{float: left; height: 270px;}
.xs-news-item1{width: 395px;background: #f5f5f7;height: 425px;float: left;}
.xs-news-item1 .img{width: 100%;height: 255px;}
.xs-news-item1 .img img{width: 100%;height: 100%;}
.xs-news-item1 .title{color: #333333;font-size: 16px; padding: 15px;line-height: 24px;margin-top: 10px;}
.xs-news-item1 .title a{color: #333333;}
.xs-news-item1 .desc{color: #999999;padding: 0 15px;line-height: 2;}
.xs-news-item1 .desc a{color: #999999;}
.xs-news-item2{padding-left: 35px;margin-left: 18px;width: 378px;height: 425px;float: left;/*margin:0 15px;padding: 0 25px;*/background:url(img/news-b.jpg) no-repeat left top;/*border-radius:0 12px 0 0;  background-image: linear-gradient(180deg,#DCEEFC, #ffffff);*/}
.xs-news-item2 ul{list-style-type: disc;    width: 350px;float: left;}
.xs-news-item2 ul li{margin:  20px 0;font-size: 14px;}
.xs-news-item2 ul li:hover .desc{display: block;}
.xs-news-item2 ul li .desc{display: none;margin-top: 5px; color: #999999; font-size: 12px;line-height: 1.6;}
.xs-news-item3{width: 372px;margin-right: 0;    float: right;height: 425px;overflow: hidden;}
.xs-news-item3 dl{clear: both;height:120px;margin-bottom: 19px;padding-bottom: 15px; border-bottom: 1px #e4e4e4 solid;}
.xs-news-item3 dl dt{float: left;width: 174px;height: 115px;margin-right: 20px;}
.xs-news-item3 dl dt img{width: 100%;height: 100%;}
.xs-news-item3 dl dd.title{font-size: 14px;margin-bottom: 12px;font-weight: bold;}
.xs-news-item3 dl dd.title a{color: #333333;}
.xs-news-item3 dl dd.desc{font-size: 12px;color: #999999;}
.xs-news-item3 dl dd.desc a{color: #999999;    line-height: 20px;}
/*footer*/
.footer{width: 100%;margin-top: 70px;background-color: #F0F0F0;color: #aaaaaa;}
.footer .wrapper{padding: 40px 0;}
.footer .logonav{font-size: 14px;}
.footer .logo{margin-bottom: 15px;}
.footer .nav{margin-bottom: 15px;}
.footer .nav a{margin-right: 40px;}
.footer .qrcode{padding: 15px 15px 5px 15px;border-radius: 6px;box-shadow: 0 10px 30px rgba(0, 0, 0, .1); background-color: #ffffff;text-align: center;}
.footer .qrcode img{width: 85px;height: 85px;}
.footer .qrcode p{margin: 10px 0;}
.footer .copyright{border-top: 1px #e4e4e4 solid; height: 45px;line-height: 45px;text-align: center;color: #aaaaaa;}
.footer .copyright a{color: #aaaaaa;}
.footer .copyright a:hover{color: #1e68ad;}

/*channel*/

.channel-images{width: 100%;height: 500px;}
.channel-images img{width: 100%;height: 100%;}
.channel-postion{border-bottom: 1px #dddddd solid;}
.channel-postion .wrapper{display: flex;justify-content: space-between; align-items: center;}
.channel-postion .navigation ul{display: flex;height: 70px;}
.channel-postion .navigation li{display: flex;justify-content: center; align-items: center; width: 120px;}
.channel-postion .navigation li a{color: #000000;font-size: 16px;}
.channel-postion .navigation li.on,.channel-postion .navigation li.on a{font-weight: bold;position: relative;color:#1e68ad ;}
.channel-postion .navigation li.on::after{content: '';width: 100%; height: 2px;background-color:#1e68ad ; position: absolute;bottom: -1px;left: 0;}

.channel-about{height: 440px;padding-top: 50px; background-image: url(img/bg_about.png);background-position: right top;}
.channel-about-title{height: 80px;line-height: 80px;font-size: 20px;font-weight: bold;color: #000000;}
.channel-about-text{float: left; width: 650px;height: 290px;font-size: 14px;line-height: 1.8;}
.channel-about-video{float: right; width: 380px;height: 220px;display: flex;align-items: center;margin-left: 50px;}
.channel-about-video video{width: 100%;height: 100%;margin-top: 180px; padding: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, .5);}

.channel-number{clear: both; height: 322px;background-image: url(img/bg_tianhui.jpg);background-size: cover;}
.channel-number .wrapper{height: 100%;}
.channel-number-item{width: 300px;height: 100%;display: flex;justify-content: center;align-items: center; flex-direction: column;}
.channel-number-item span{display: flex;align-items: center;justify-content: center;color: #ffffff;}
.channel-number-item span:nth-child(1){font-size: 40px;font-weight: bold;}
.channel-number-item span:nth-child(2){font-size: 15px;}


.channel-number2{clear: both;height: 400px;background-color: #0362D1; color: #ffffff;}
.channel-number2-inner{width: 100%;height: 200px;display: flex; align-items: center;}
.channel-number2-item{width: 33%;margin-right: 75px;margin-left: 75px;}
.channel-number2-item span{display: flex;align-items: center;justify-content: center;color: #ffffff;}
.channel-number2-item span:nth-child(1){font-size: 35px;font-weight: bold;position: relative;}
.channel-number2-item span:nth-child(2){font-size: 20px;margin-top: 5px;}
.channel-number2-item span:nth-child(1):before{content:'';position: absolute;left: 0;top: 0; width: 30px;height: 85px;background-image: url(img/icon_msl.png);}
.channel-number2-item span:nth-child(1):after{content:'';position: absolute;right: 0;top: 0; width: 30px;height: 85px;background-image: url(img/icon_msr.png);}

.channel-navigation{display: flex; padding: 25px 0;}
.channel-navigation ul li{float: left;margin-right: 15px;}
.channel-navigation ul li a{padding: 10px 20px;border: 1px #e4e4e4 solid;}
.channel-navigation ul li a:hover{border: 1px #1e68ad solid;color:#1e68ad ;}
/*contact*/
.ferm-control{width: 100%;font-size: 14px; border: 1px #e4e4e4 solid;padding: 10px;line-height: 1.6; margin-bottom: 15px; border-radius: 6px;}
.ferm-group-btn .btn{width: 100px;height: 40px;font-size: 14px;font-weight: bold;background-color: #0C5CA7;color: #ffffff; border: 0; border-radius: 6px; text-align: center;}

.channel-feedback{padding:  70px 0;}
.channel-feedback-item:nth-child(1){width: 600px;margin-right: 50px;}
.channel-feedback-item:nth-child(1) .info{color: #EFEFEF;font-size: 35px;}
.channel-feedback-item:nth-child(1) .title{color:#0C5CA7;font-size: 20px;font-weight: bold;margin-bottom: 45px;}
.channel-feedback-item:nth-child(1) dl{clear: both;}
.channel-feedback-item:nth-child(1) dl dt{float: left;width: 50px;height: 80px;margin-right: 20px;}
.channel-feedback-item:nth-child(1) dl dt img{width: 50px;height: 50px;}
.channel-feedback-item:nth-child(1) dl dd.title{color: #000000;font-size: 16px;font-weight: bold; margin-bottom: 5px;}
.channel-feedback-item:nth-child(1) dl dd.desc{color: #666666;font-size: 14px;}
.channel-feedback-item:nth-child(2){width: 550px;margin-top: 80px;}

.channel-map{width: 100%;height: 700px;margin-bottom: -70px;}
.channel-map .map-title{margin-top: -13px;line-height: 35px;text-align: left;font-size: 14px;color: #000000;}
.channel-map .map-address{line-height: 1.8;text-align: left;font-size: 12px;}
.channel-map .map-phone{line-height: 1.8;text-align: left;font-size: 12px;}
.channel-map a{display: none;}
.channel-map .logo-text{display: none!important;}
.channel-map .tmap-scale-line{display: none!important;}
.channel-map .tmap-scale-text{display: none!important;}
/*content*/
.content{}
.content .title{color: #000000; font-size: 18px;margin: 40px 0 10px 0; text-align: center;}
.content .updatetime{font-size: 12px;margin-bottom: 40px; text-align: center;}
.content .info{line-height: 2;font-size: 14px;}
.content .info img{max-width: 100%;margin: 15px 0; border-radius: 6px;}
.content .prevnext{font-size: 14px;}
.content .prevnext a{font-size: 14px;}

/*list*/
.channel-list{padding-top: 25px;}
.channel-list dl{clear: both;height: 150px;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px #e4e4e4 solid;}
.channel-list dl dt{float: left;width: 220px;height: 150px;margin-right: 40px;}
.channel-list dl dt img{width: 100%;height: 100%;}
.channel-list dl dd.title{font-size: 17px;color: #000000;}
.channel-list dl dd.updatetime{color: #999999;font-size: 14px;margin: 20px 0;}
.channel-list dl dd.desc{color: #666666;font-size: 14px;line-height: 1.6;}
.channel-list dl a:hover .title{color:#1e68ad ;}
/*product*/
.channel-list.product{    width: 100%;overflow: hidden;padding-top: 40px;}
.channel-list.product ul li{border-radius: 12px; position: relative;width: 224px;height: 288px;float: left;margin-left:15px;margin-bottom: 40px;}
.channel-list.product ul li img{border-radius: 12px;width: 224px;height: 288px;position: absolute;left: 0;bottom: 0;}
.channel-list.product ul li a{display: block; width: 224px;height: 288px;position: relative;}
.channel-list.product ul li p{display: flex;align-items: center;justify-content: center; position: absolute;bottom: 0;left: 0; width: 224px;height: 50px;border-radius: 0 0 12px 12px;background-color: rgba(0, 0, 0, .5);color: #ffffff;font-size: 14px;z-index: 10;}
.channel-list.product ul li:nth-child(4n){margin-right: 0;}

/*honor*/
.channel-honor .wrapper{padding: 60px 0;}

.pages{width:100%;display:flex;justify-content:center;align-items:center;margin:15px}
.pages span{display:inline-block;width:36px;height:36px;line-height:36px;border:1px solid #d8d8d8;text-align:center;font-family:Arial;font-size:14px;margin:0 2px}
.pages span a{color:#333;display:block}
.pages span a:hover{background:#d70c18;color:#fff}
.pages span.JZD_PAGE_PREVIOUS{width:80px;padding-left:10px;height:36px;border:1px solid #d8d8d8;background:url(//filecdn.ify.cn/skin/mrfa10876/img/lastBg.jpg) 10px center no-repeat}
.pages span.JZD_PAGE_NEXT{width:80px;padding-right:10px;height:36px;border:1px solid #d8d8d8;background:url(//filecdn.ify.cn/skin/mrfa10876/img/nextBg.jpg) 65px center no-repeat}
.pages span.JZD_PAGE_DANGQIANYE{background:#d70c18;border:1px solid #d70c18;color:#fff}
.pages span.JZD_PAGE_NEXT a:hover{width:80px;height:36px;background:#d70c18;color:#fff}
.pages span.JZD_PAGE_PREVIOUS a:hover{width:80px;height:36px;background:#d70c18;color:#fff;margin-left:-10px}
.pages span.JZD_PAGE_SHUZIYE.JZD_PAGE_DISABLED{background:#d70c18;color:#fff}
.pages span.JZD_PAGE_GONG,span.JZD_PAGE_DANGQIANYE,span.JZD_PAGE_FIRST,span.JZD_PAGE_LAST,span.JZD_PAGE_SELECT,span.JZD_PAGE_SELECT_YE,span.JZD_PAGE_TIAOJILU,span.JZD_PAGE_XIEGANG,span.JZD_PAGE_YE,span.JZD_PAGE_YECI,span.JZD_PAGE_ZHONGYE,span.JZD_PAGE_ZHUANGDAO,span.JZD_PAGE_ZONGSHU{display:none}
/*product-content*/
.product-content {width: 100%;height: calc(100% - 40px - 130px); /*padding: 40px 200px 130px 200px;*/box-sizing: border-box;background-repeat: no-repeat;background-size: 100% 130px;background-position: left bottom ;}
.product-content  img{width: 100%;}
.product-footer{height: 130px;}
.product-content .swiper-button-next, .product-content .swiper-button-prev{width: 30px;height: 55px;background-image: url(img/bg_product_swiper.png);background-repeat: no-repeat;}
.product-content .swiper-button-next:after,.product-content .swiper-button-prev:after{content:'';}
.product-content .swiper-button-next{background-position: -30px 0;right:30px;}
.product-content .swiper-button-prev{background-position: 0 0;left:30px;}


/*scene*/
.scene{width: 100%;overflow: hidden;}
.scene ul {}
.scene ul li{height: 350px;margin: 60px 0;}
.scene ul li .left{float: left; width: 565px;height: 350px;}
.scene ul li .title-img{width: 565px;height: 60px;padding-bottom:30px;margin-bottom: 30px; border-bottom: 1px #e4e4e4 solid;}
.scene ul li .title-img img{width: 100%;height: 100%;}
.scene ul li .title{font-size: 20px; color:#1e68ad;font-weight: bold; margin-bottom: 30px;}
.scene ul li .title a{font-size: 20px; color:#ad292c;font-weight: bold;font-family:"宋体,"; }
.scene ul li .title a:hover{color:#ad292c;}
.scene ul li .desc{line-height: 2;font-size: 12px;color: #999999;padding-right: 30px;}
.scene ul li .desc a{color: #999999;}
.scene ul li .more{margin-top: 40px;}
.scene ul li .right{float: right;width: 600px;height: 350px;}
.scene ul li .right img{width: 100%;height: 100%;}
.scene-content{width: 100%;height: 100%;}
.scene-content img{/*width: 100%;*/}

/*layer*/
.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}
html #layuicss-layer{display:none;position:absolute;width:1989px}
.layui-layer,.layui-layer-shade{position:fixed;pointer-events:auto}
.layui-layer-shade{top:0;left:0;width:100%;height:100%}
.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3)}
.layui-layer-close{position:absolute}
.layui-layer-content{position:relative}
.layui-layer-border{border:1px solid #b2b2b2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}
.layui-layer-load{background:url(img/loading-1-layer.gif) center center no-repeat #eee}
.layui-layer-ico{background:url(img/icon-layer.png) no-repeat}
.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;vertical-align:top}
.layui-layer-move{display:none;position:fixed;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;background-color:#fff;z-index:2147483647}
.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}
.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}
@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transferm:scale(.5);transferm:scale(.5)}
100%{opacity:1;-webkit-transferm:scale(1);transferm:scale(1)}
}
@keyframes layer-bounceIn{0%{opacity:0;-webkit-transferm:scale(.5);-ms-transferm:scale(.5);transferm:scale(.5)}
100%{opacity:1;-webkit-transferm:scale(1);-ms-transferm:scale(1);transferm:scale(1)}
}
.layer-anim-00{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}
@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transferm:scale(.1) translateY(-2000px);transferm:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transferm:scale(.475) translateY(60px);transferm:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transferm:scale(.1) translateY(-2000px);-ms-transferm:scale(.1) translateY(-2000px);transferm:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transferm:scale(.475) translateY(60px);-ms-transferm:scale(.475) translateY(60px);transferm:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}
@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transferm:translateY(2000px);transferm:translateY(2000px)}
100%{opacity:1;-webkit-transferm:translateY(0);transferm:translateY(0)}
}
@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transferm:translateY(2000px);-ms-transferm:translateY(2000px);transferm:translateY(2000px)}
100%{opacity:1;-webkit-transferm:translateY(0);-ms-transferm:translateY(0);transferm:translateY(0)}
}
.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}
@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transferm:scale(.1) translateX(-2000px);transferm:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transferm:scale(.475) translateX(48px);transferm:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transferm:scale(.1) translateX(-2000px);-ms-transferm:scale(.1) translateX(-2000px);transferm:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transferm:scale(.475) translateX(48px);-ms-transferm:scale(.475) translateX(48px);transferm:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}
@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transferm:translateX(-100%) rotate(-120deg);transferm:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transferm:translateX(0) rotate(0);transferm:translateX(0) rotate(0)}
}
@keyframes layer-rollIn{0%{opacity:0;-webkit-transferm:translateX(-100%) rotate(-120deg);-ms-transferm:translateX(-100%) rotate(-120deg);transferm:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transferm:translateX(0) rotate(0);-ms-transferm:translateX(0) rotate(0);transferm:translateX(0) rotate(0)}
}
.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}
@keyframes layer-fadeIn{0%{opacity:0}
100%{opacity:1}
}
.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}
@-webkit-keyframes layer-shake{0%,100%{-webkit-transferm:translateX(0);transferm:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transferm:translateX(-10px);transferm:translateX(-10px)}
20%,40%,60%,80%{-webkit-transferm:translateX(10px);transferm:translateX(10px)}
}
@keyframes layer-shake{0%,100%{-webkit-transferm:translateX(0);-ms-transferm:translateX(0);transferm:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transferm:translateX(-10px);-ms-transferm:translateX(-10px);transferm:translateX(-10px)}
20%,40%,60%,80%{-webkit-transferm:translateX(10px);-ms-transferm:translateX(10px);transferm:translateX(10px)}
}
.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.layui-layer-title{padding:0 80px 0 20px;height:50px;line-height:50px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;overflow:hidden;border-radius:2px 2px 0 0}
.layui-layer-setwin{position:absolute;right:15px;top:17px;font-size:0;line-height:initial}
.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px}
.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2e2d3c;cursor:pointer}
.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2d93ca}
.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}
.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}
.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}
.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}
.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}
.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}
.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px}
.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}
.layui-layer-btn{text-align:right;padding:0 15px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}
.layui-layer-btn a{height:28px;line-height:28px;margin:5px 5px 0;padding:0 15px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}
.layui-layer-btn a:hover{opacity:.9;text-decoration:none}
.layui-layer-btn a:active{opacity:.8}
.layui-layer-btn .layui-layer-btn0{border-color:#1e9fff;background-color:#1e9fff;color:#fff}
.layui-layer-btn-l{text-align:left}
.layui-layer-btn-c{text-align:center}
.layui-layer-dialog{min-width:300px}
.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}
.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;width:30px;height:30px}
.layui-layer-ico1{background-position:-30px 0}
.layui-layer-ico2{background-position:-60px 0}
.layui-layer-ico3{background-position:-90px 0}
.layui-layer-ico4{background-position:-120px 0}
.layui-layer-ico5{background-position:-150px 0}
.layui-layer-ico6{background-position:-180px 0}
.layui-layer-rim{border:6px solid #8d8d8d;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}
.layui-layer-msg{min-width:180px;border:1px solid #d3d4d3;box-shadow:none}
.layui-layer-hui{min-width:100px;background-color:#000;background-color:rgba(0,0,0,.6);color:#fff;border:none}
.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}
.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}
.layui-layer-page .layui-layer-content{position:relative;overflow:auto}
.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}
.layui-layer-nobg{background:0 0}
.layui-layer-iframe iframe{display:block;width:100%}
.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}
.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(loading-0.gif) no-repeat}
.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(loading-1.gif) no-repeat}
.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(img/loading-2-layer.gif) no-repeat}
.layui-layer-tips{background:0 0;box-shadow:none;border:none}
.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:8px 15px;font-size:12px;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}
.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}
.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed}
.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}
.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}
.layui-layer-tips i.layui-layer-TipsB{top:-8px}
.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:5px;border-bottom-style:solid;border-bottom-color:#000}
.layui-layer-tips i.layui-layer-TipsR{left:-8px}
.layui-layer-tips i.layui-layer-TipsL{right:-8px}
.layui-layer-lan[type=dialog]{min-width:280px}
.layui-layer-lan .layui-layer-title{background:#4476a7;color:#fff;border:none}
.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #e9e7e7}
.layui-layer-lan .layui-layer-btn a{background:#fff;border-color:#e9e7e7;color:#333}
.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#c9c5c5}
.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}
.layui-layer-molv .layui-layer-btn a{background:#009f95;border-color:#009f95}
.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92b8b1}
.layui-layer-iconext{background:url(icon-ext.png) no-repeat}
.layui-layer-prompt .layui-layer-input{display:block;width:260px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border:1px solid #e6e6e6;color:#333}
.layui-layer-prompt texterea.layui-layer-input{width:300px;height:100px;line-height:20px;padding:6px 10px}
.layui-layer-prompt .layui-layer-content{padding:20px}
.layui-layer-prompt .layui-layer-btn{padding-top:0}
.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}
.layui-layer-tab .layui-layer-title{padding-left:0;overflow:visible}
.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:300px;padding:0 20px;text-align:center;overflow:hidden;cursor:pointer}
.layui-layer-tab .layui-layer-title span.layui-this{height:51px;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff;z-index:10}
.layui-layer-tab .layui-layer-title span:first-child{border-left:none}
.layui-layer-tabmain{line-height:24px;clear:both}
.layui-layer-tabmain .layui-layer-tabli{display:none}
.layui-layer-tabmain .layui-layer-tabli.layui-this{display:block}
.layui-layer-photos{background:0 0;box-shadow:none}
.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}
.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;vertical-align:top}
.layui-layer-imgnext,.layui-layer-imgprev{position:fixed;top:50%;width:27px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}
.layui-layer-imgprev{left:30px;background-position:-5px -5px}
.layui-layer-imgprev:hover{background-position:-33px -5px}
.layui-layer-imgnext{right:30px;background-position:-5px -50px}
.layui-layer-imgnext:hover{background-position:-33px -50px}
.layui-layer-imgbar{position:fixed;left:0;right:0;bottom:0;width:100%;height:40px;line-height:40px;filter:Alpha(opacity=60);background-color:rgba(2,0,0,.35);color:#fff;overflow:hidden;font-size:0}
.layui-layer-imgtit *{display:inline-block;vertical-align:top;font-size:12px}
.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}
.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}
.layui-layer-imgtit em{padding-left:10px;font-style:normal}
@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transferm:scale(.7);transferm:scale(.7)}
30%{-webkit-transferm:scale(1.05);transferm:scale(1.05)}
0%{-webkit-transferm:scale(1);transferm:scale(1)}
}
@keyframes layer-bounceOut{100%{opacity:0;-webkit-transferm:scale(.7);-ms-transferm:scale(.7);transferm:scale(.7)}
30%{-webkit-transferm:scale(1.05);-ms-transferm:scale(1.05);transferm:scale(1.05)}
0%{-webkit-transferm:scale(1);-ms-transferm:scale(1);transferm:scale(1)}
}
.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}
@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}
}

.layui-layer-setwin .layui-layer-close2{top: 0;right: 0;}
.openVideo{width: 100%;height: 100%; background-image: url(img/openVideos.jpg);background-size: 100% 100%;background-repeat: no-repeat;position: relative;}
.openVideo .video{width: 100%;height: 460px;position: relative;top: 280px;left: 0;background-color: #000000;}
.openVideo .video video{width: 100%;height: 460px;position: relative;}

.openVideo .kuang{position: absolute;top:-28px;left:50%;transform: translateX(-50%);}
.openVideo .video-btn{position: absolute;bottom: 15px;left:40%;transferm: translateX(-50%);z-index:1982}
.openVideo .video-btn img{margin: 0 -25px;height:170px;cursor: pointer;}

.openVideo .topBg{position:absolute;top:0;left:0;right:0;width:100%;height:280px;background-color:rgba(0,0,0,.8)}
.openVideo .bottomBg{position:absolute;bottom:0;left:0;right:0;width:100%;height:calc(100% - 460px - 280px);background-color:rgba(0,0,0,.8)}
.openVideo .leftBg{position:absolute;top:280px;left:0;width:calc((100% - 890px)/ 2);height:460px;z-index:10;background-color:rgba(0,0,0,.8)}
.openVideo .rightBg{position:absolute;top:280px;right:0;width:calc((100% - 890px)/ 2);height:460px;z-index:10;background-color:rgba(0,0,35,.8)}




.ferm-group{width:100%;margin-bottom:15px;}
.ferm-group input{width:100%;height:45px;border:1px #e4e4e4 solid;border-radius:5px;padding-left: 15px;font-size: 14px;}
.ferm-group texterea{padding-top: 10px;width:100%;height:110px;border:1px #e4e4e4 solid;border-radius:5px;padding-left: 15px;font-size: 14px;font-family:"Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
.ferm-group-btn button{width: 103%;height: 45px;background-color: #0c5ca7;border: 0;color: #ffffff;font-size: 16px;border-radius:5px;}

