@charset "utf-8";a,a:active{outline:0}
body,html{font-family:"open sans","pingfang sc","microsoft yahei","helvetica neue","hiragino sans gb","wenquanyi micro hei",arial,sans-serif;font-size:10px; width:100%; height:100% }
body{overflow-x:hidden;-webkit-overflow-scrolling:touch; -webkit-transition: all .3s ease .2s; transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; position: relative; right: 0px;}
abbr,article,aside,blockquote,body,button,command,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,input,li,mark,meter,nav,ol,output,p,pre,progress,section,summary,time,ul{margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
address,caption,cite,code,em,figcaption,h1,h2,h3,h4,h5,h6,pre,strong,th{font-weight:400;font-style:normal}
dd,dl,dt,li,ul{list-style:none}
fieldset,iframe,img{border:0}
table{border-collapse:collapse;border-spacing:0}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,video{display:block}
a{text-decoration:none;color:#333}
input,select{outline:0;border:0;font-family:"open sans","pingfang sc","microsoft yahei","helvetica neue","hiragino sans gb","wenquanyi micro hei",arial,sans-serif;}
button,textarea{font-family:"open sans","pingfang sc","microsoft yahei","helvetica neue","hiragino sans gb","wenquanyi micro hei",arial,sans-serif;}
input[type=text]{background-position-y:-1px}
address,cite,em,i,var{font-style:normal}
*{-webkit-tap-highlight-color:rgba(255,0,0,0)}
b,strong{font-weight:700}

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.clearit{display:block;clear:both;visibility:hidden;height:0}


@media screen and (max-device-width:380px){
	html,body{font-size:9px}
}
@media screen and (max-device-width:320px){
	html,body{font-size:8px}
}
@media screen and (max-device-width:320px){
	body{-webkit-text-size-adjust:none}
}
@media screen and (max-device-width:480px){
	body{-webkit-text-size-adjust:none}
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
	body{-webkit-text-size-adjust:none}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
	body{-webkit-text-size-adjust:none}
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

@font-face {
  font-family: 'iconfont';  /* project id 410579 */
  src: ;
  src:  format('embedded-opentype'),
   format('woff'),
   format('truetype'),
   format('svg');
}
          
.iconfont{font-family:"iconfont";font-size:1.4rem;font-style:normal;} 	


.banner2018{ width:100%;height:100%; position:fixed;top:60px; z-index:100; background-color:#ff0000}
.banner2018 div{transform: scale(1.5);opacity:0; position:absolute; width:100%;height:100%; background:url(/uploads/image/simages/newyear-phone.jpg) no-repeat center center; background-size:120% auto; margin-bottom:10px;transition:all 1.2s;}  
.banner2018.hover div{background-size:cover;transform: scale(1);opacity:1; }

.year30{ width:100%;height:100%; position:fixed;left:0;top:0px; z-index:1000; background-color:#fff;transition:all 0.8s;}
.year30 div{transform: scale(1.5);opacity:0; position:absolute; width:100%;height:100%; background: no-repeat center center; background-size:100% 100%; margin-bottom:10px;transition:all 1.2s;}  
.year30.hover div{background-size:cover;transform: scale(1);opacity:1; }

.newyear-bg{background:url(/uploads/image/simages/newyear-body.png) repeat-y center center;background-size:100% auto}
.newyear-header img{display:block;width:100%}
.newyear-index{background:url(/uploads/image/simages/newyear-index.png) repeat-y center center;background-size:98.4% auto;min-height:800px;padding:0 10%}
.newyear-index img{width:100%}
.newyear-footer{background:url(/uploads/image/simages/newyear-footer.jpg) no-repeat top center;background-size:100% auto;padding:7rem 0 5rem;font-size:1.6rem;color:#f7dcb4;text-align:center}

.share_div{width:0px;height:0px;overflow:hidden;}

.body-bg {display: none;position: fixed;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0;filter: alpha(opacity=0);cursor:  16 16, default;z-index: 800;}

#gotop{width: 49px;height: 49px;position: fixed;bottom: 25px;right: 25px;border-radius: 100%;background: #006db8;z-index: 999;transform: translatey(30px);-webkit-transform: translatey(30px);opacity: 0;display: none\9;}
#gotop.show{transform: translatey(0);-webkit-transform: translatey(0);opacity: 1;display: block\9;}
#gotop .ico{background-image: ;animation: arrow-up 2s linear infinite running;-webkit-animation: arrow-up 2s linear infinite running;width: 30%; height:30%; margin:35%; display: block; background-repeat: no-repeat; background-position: center center; background-size:cover; transition: 300ms; -webkit-transition: 300ms; position: relative;}
#gotop.hide{display: none !important;}

@keyframes arrow-up{0%{transform: translatey(0); -webkit-transform: translatey(0);} 25%{transform: translatey(3px); -webkit-transform: translatey(3px);} 50%{transform: translatey(0); -webkit-transform: translatey(0);} 75%{transform: translatey(-3px); -webkit-transform: translatey(-3px);} 100%{transform: translatey(0); -webkit-transform: translatey(0);}}
@-webkit-keyframes arrow-up{0%{transform: translatey(0); -webkit-transform: translatey(0);} 25%{transform: translatey(3px); -webkit-transform: translatey(3px);} 50%{transform: translatey(0); -webkit-transform: translatey(0);} 75%{transform: translatey(-3px); -webkit-transform: translatey(-3px);} 100%{transform: translatey(0); -webkit-transform: translatey(0);}}

#pages{ text-align:center; padding-top:15px; height:85px; font-size:1.4rem; line-height:1.4 !important}
#pages a{ display:inline-block; padding:7px 12px; background-color:#fff; color:#aaa; margin:0 1px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; border:1px #ddd solid;border-radius:3px; font-family:arial, helvetica, sans-serif}
#pages a:hover{ background-color:#746969; border-color:#746969; color:#fff}
#pages a.active{ background-color:#006db8;border-color:#006db8; color:#fff}
#pages span{display:inline-block; padding:10px 14px; color:#888; position:relative;top:-2px;}

/*header*/

.header{height: 60px;position:relative; z-index:999;background-color:#fff; box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.05);  }
.header .logo{display: block;background: transparent url(/uploads/image/simages/logo.png) center center no-repeat;background-size:100% auto;width:60%;  height:60px;float:left;  margin-left:10px;}
.header .logo a{ display:block; height:36px;}
.header .nav-icon{ float:right; height:60px;border-left: 1px solid #f0f0f0;}
.header .lag-icon{float:right; height:60px;border-left: 1px solid #f0f0f0;}
.header .lag-icon a{ display:block; line-height:60px;width:50px;text-align:center;font-size:1.4rem;color:#999}



.menu-handler{position:relative; z-index:11; float:right; width:60px; height:60px; padding:15px 15px 5px 15px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.menu-handler span{position:absolute; top:50%; left:15px; width:30px; height:2px; margin:auto; background:#999; border-radius:1px; transition:0.3s;}
.menu-handler span:before, .menu-handler span:after{content:''; display:block; position:absolute; left:0; width:30px; height:2px; background:#999; border-radius:1px; transition:0.3s, 0.3s;  transition-property: top, transform; transition-delay:0.3s, 0;}
.menu-handler span:before{top:-8px;}
.menu-handler span:after{top:8px;}
.nav-icon.active .menu-handler span{background:transparent;}
.nav-icon.active .menu-handler span:before{-webkit-transform:rotate(45deg); top:0;}
.nav-icon.active .menu-handler span:after{-webkit-transform:rotate(-45deg); top:0;}
.nav-icon.active .menu-handler span:before, .nav-icon.active .menu-handler span:after{transition-delay:0, 0.3s;}


#nav{ display:none;  position:absolute; top:100%; left:0; width:100%; background:#fff; box-shadow: 0 6px 6px 1px rgba(0,0,0,0.4); }
#nav ul{padding-bottom:80px; position:relative}
#nav ul li{border-bottom:1px solid #eee; line-height:50px; font-size:16px; text-indent:10px;opacity: 0;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);transition: -webkit-transform 800ms cubic-bezier(.19,1,.22,1) 400ms,opacity 600ms cubic-bezier(.19,1,.22,1) 0ms;transition: transform 800ms cubic-bezier(.19,1,.22,1) 400ms,opacity 600ms cubic-bezier(.19,1,.22,1) 0ms;}
#nav ul li span{display:block; height:50px; color:#333; position:relative}
#nav ul li span a{ color:#333}
#nav ul li span b:before{position: absolute; content: ''; display: block; width: 1px; height: 9px; background-color: #aaa; top: 20px; right: 34px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}
#nav ul li span b:after{position: absolute; content: ''; display: block; width: 9px; height: 1px; background-color: #aaa; top: 24px; right: 30px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}
#nav ul li span.show-div b:before{ -webkit-transform: rotate(45deg) scale(1.1); transform: rotate(45deg) scale(1.1);}
#nav ul li span.show-div b:after{ -webkit-transform: rotate(45deg) scale(1.1); transform: rotate(45deg) scale(1.1);}
#nav ul li div{display:none; text-indent:30px;}
#nav ul li dl{position:relative; line-height:44px}
#nav ul li dl:after{content:''; position:absolute; bottom:0; left:8%; width:84%; height:1px; background:#eee;}
#nav ul li dl:last-child{height:55px}
#nav ul li dl:last-child:after{ display:none}
#nav ul li dl dt{height:44px; color:#184799;}
#nav ul li dl dt a{ color:#184799}
#nav ul li dl dd{display:none; text-indent:50px;}

#nav ul li a{display:block; height:50px; color:#999;}
#nav ul li > a{color:#333;}
#nav ul li div > a{color:#184799;}

#nav.hover{ }
#nav.hover ul li{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#nav.hover ul li:nth-child(0) {transition-delay: 100ms;}
#nav.hover ul li:nth-child(1) {transition-delay: 200ms;}
#nav.hover ul li:nth-child(2) {transition-delay: 300ms;}
#nav.hover ul li:nth-child(3) {transition-delay: 400ms;}
#nav.hover ul li:nth-child(4) {transition-delay: 500ms;}
#nav.hover ul li:nth-child(5) {transition-delay: 600ms;}
#nav.hover ul li:nth-child(6) {transition-delay: 700ms;}
#nav.hover ul li:nth-child(7) {transition-delay: 800ms;}
#nav.hover ul li:nth-child(8) {transition-delay: 900ms;}

.index-topic{margin:4%;border-radius:5px;overflow:hidden}
.index-topic img{width:100%;display:block}

/*home*/
/*banner*/
.banner-box { position: relative;  }
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; position: relative; }
.banner .slides { position: relative; z-index: 20; }

.banner .slides li { height: 100%; line-height: 0; opacity: 0; transition: opacity 800ms linear; -webkit-transition: opacity 800ms linear; overflow: hidden; }
.banner .slides .bimg { line-height: 0; width: 100%; position: relative; transition: transform 8s ease; -webkit-transition: transform 8s ease; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); }
.banner .slides li.imgin { opacity: 1; }
.banner .slides li.imgin a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.bannertext { position: absolute; left:0; width:100%;top:25%;   z-index: 30; }
.bann { height:100%; position: relative; }
.banne-list { position: relative; }
.banne-list li {position: absolute; left:0; width:100%;  top: 0; text-align:center; }
.banne-list .txt{ position:relative; z-index:2}
.banne-list .text1{color: #fff;font-weight:400;font-size:2rem; font-weight:bold;text-shadow: 1px 2px 0 rgba(0,0,0,0.06);visibility:hidden; opacity:0;transition: all 0.8s;transform: translatey(-50px); -webkit-transform: translatey(-50px);transition-delay:0.1s; }
.banne-list .text2{color: #fff;font-weight:400;font-size:10px; line-height:1.2; max-width:300px; margin:10px auto 0;visibility:hidden; opacity:0;transition: all 0.8s;transform: translatey(-50px); -webkit-transform: translatey(-50px);transition-delay:0.3s;}
.banne-list .btn1{ display:block;margin-top:50px;line-height:50px; width:140px; border:1px #fff solid; color:#fff; font-size:18px; text-align:center;visibility:hidden; opacity:0;transition: all 0.8s;transform: translatey(-50px); -webkit-transform: translatey(-50px);transition-delay:0.3s;  }

.banne-list li.on{}
.banne-list li.on .text1{ visibility: visible; opacity: 1;transform: translatey(0); -webkit-transform: translatey(0);  }
.banne-list li.on .text2{ visibility: visible; opacity: 1;transform: translatey(0); -webkit-transform: translatey(0);  }
.banne-list li.on .btn1{visibility: visible; opacity: 1;transform: translatey(0); -webkit-transform: translatey(0); }

.bamnline { width:80px;  height: 1px; background: #fff; position:absolute; left:50%; margin-left:-40px; bottom:0;top:40px;}
.bamnline span { display: block; width: 0; height: 100%; background: #f39800; }
.bamnline.load span { width: 100%; transition: 7.6s linear; -webkit-transition: 7.6s linear; -moz-transition: 7.6s linear; }

.banner .flex-control-nav { position: absolute; left:0; text-align:center; width:100%; bottom:10px; z-index: 20; }
.banner .flex-control-nav li { display:inline-block; position:relative;margin: 0 5px !important; width:12px; height:12px  }
.banner .flex-control-nav li a{ display:inline-block; width:100%; height:100%; position:relative;width: 5px;height:5px;cursor: pointer;background: #fff;border-radius:14px;opacity:1; text-indent:-10000px; cursor:pointer  }
.banner .flex-control-nav li a.flex-active {background:#fff;opacity: 1; background:none; position:relative;top:-3px;width: 12px;height:12px; border:1px #fff solid }




.index-bussiness{ overflow:hidden; margin-top:3%; position:relative}
.index-bussiness a.more{ position:absolute; right:4%;top:15px; font-size:1.3rem; color:#999}
.index-bussiness ul{}
.index-bussiness ul li{ width:45.5%; float:left; margin-left:3%; margin-bottom:3%;border-radius:5px; overflow:hidden}
.index-bussiness ul li a{ display:block; width:100%;  overflow:hidden;  background-color:#fff; position:relative;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.06);}
.index-bussiness ul li .image{ position:relative; width:100%;  overflow:hidden}
.index-bussiness ul li .image img{ display:block; width:100%;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.index-bussiness ul li span{ position:absolute; width:100%; padding:10px; line-height:1.2; background-color:#184799; color:#fff; left:0px;bottom:0px; text-align:center;font-size:1.2rem}
.index-bussiness ul li strong{ position:absolute; width:100%; left:0; z-index:2; color:#fff; font-size:1.6rem; font-weight:normal;top:50%; margin-top:-0.8rem; text-align:center}


.index-news-slider{ width:92%; margin:2% auto; overflow:hidden}
.index-news-slider .swiper-slide img{ display:block; width:100%}
.index-news-slider .swiper-slide p{ margin-top:10px; line-height:1.4; font-size:1.4rem}

.index-news{ margin-top:2%; position:relative}
.index-news a.more{ position:absolute; right:4%;top:15px; font-size:1.3rem; color:#999}

.index-news-list{ margin:0 4%; padding-top:20px; border-top:1px #eee solid; margin-top:15px;}
.index-news-list ul li{ margin-bottom:1rem; padding-right:70px;  white-space: nowrap; overflow: hidden;text-overflow: ellipsis; text-align: left; position:relative; font-size:1.4rem; background:url(/uploads/image/simages/li.gif) no-repeat 0 center; padding-left:10px;}
.index-news-list ul li span{ color:#aaa; position:absolute; top:1px;right:0px; width:70px; text-align:right; font-size:1.2rem}


.index-news2{ padding:4% 4% 0; border-top:7px #eee solid;  margin-top:20px;}
.index-news2 h2{ border-bottom:1px #eee solid; height:50px;}
.index-news2 h2 a{ display:block; width:25%; float:left; text-align:center; height:50px; line-height:50px; font-weight:bold; font-size:1.4rem; background-color:#eee; border-right:1px #fff solid  }
.index-news2 h2 a.current{ background-color:#184799; color:#fff; border-bottom:3px #f39800 solid;height:50px;}
.index-news2 ul{ margin-top:20px;}
.index-news2 ul li{margin-bottom:1rem; padding-right:70px;  white-space: nowrap; overflow: hidden;text-overflow: ellipsis; text-align: left; position:relative; font-size:1.4rem; background:url(/uploads/image/simages/li.gif) no-repeat 0 center; padding-left:10px;}
.index-news2 ul li span{ color:#aaa; position:absolute; top:1px;right:0px; width:70px; text-align:right; font-size:1.2rem}
.index-news2 .more{ background-color:#eee; color:#184799; line-height:40px; text-align:center; display:block; font-size:1.4rem; margin-top:15px;}

.home-title{position:relative;height:50px;padding:16px;font-size:1.8rem;color:#333;line-height:20px}
.home-title::before{content:"";display:inline-block;width:5px;height:16px;margin-right:6px;background:#184799;vertical-align:-2px}
.home-title a{position:absolute;top:0;right:8px;height:100%;padding:0 8px;font-size:1.4rem;color:#999;line-height:54px}




.lazy-img { background: url(/uploads/image/simages/loading.gif) center no-repeat #e9e9e9;background-size: 20px 20px;width: 100%;height: 100%; min-height:90px;vertical-align: middle;}

.home-nav{background-color:#fff}
.home-nav .item{ width:25%; float:left; border-right:1px #eee solid; border-bottom:1px #eee solid; background-color:#fff;}
.home-nav .item a{ display:block; text-align:center;  font-size:1.4rem; color:#888; padding:10px 0; }
.home-nav .item a em{ position:relative; height:4rem; display:block; overflow:hidden; margin-bottom:3px; color:#f08300}
.home-nav .item a i{ display:block; font-size:3.6rem;  position:relative }

.search-form{ background-color:#f2f2f2; padding:6px 10px 8px; position:relative; overflow:hidden}
.search-form input{ border:0; width:100%; padding:9px 10px; font-size:1.3rem}
.search-form button{ border:0; position:absolute; right:10px;top:6px; width:34px; height:34px; color:#aaa; background:none}
.search-form button i{ font-size:2rem}


/*footer*/
.footer{line-height: 2; font-size:1.4rem; }
.footer .gotop{display: block; height: 55px; background: #eee  no-repeat center center; background-size: 27px auto; border-radius: 0; border: none;  margin: 0;}
.footer .footer-menu{ border-top:1px #eee solid }
.footer .footer-menu dl dl { border-top: 1px solid #eee;}
.footer .footer-menu dl dt { font-size: 1.6rem;height:45px;line-height:45px;padding-left:4%; position:relative}
.footer .footer-menu dl dt i{ font-size:1.8rem; margin-right:3px;}
.footer .footer-menu dl dt b:before{position: absolute; content: ''; display: block; width: 1px; height: 7px; background-color: #aaa; top: 19px; right: 33px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}
.footer .footer-menu dl dt b:after{position: absolute; content: ''; display: block; width: 7px; height: 1px; background-color: #aaa; top: 22px; right: 30px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}
.footer .footer-menu dl dt.show b:before{ -webkit-transform: rotate(45deg) scale(1.1); transform: rotate(45deg) scale(1.1);}
.footer .footer-menu dl dt.show b:after{ -webkit-transform: rotate(45deg) scale(1.1); transform: rotate(45deg) scale(1.1);}
.footer .footer-menu dl dd { color:#888; padding: 0 4%;display: none;}
.footer .footer-menu dl dt.show span{ background:  no-repeat;background-size: contain;}
.footer .footer-menu dl dd dd a{ border-top: 1px solid #eee;}
.footer .footer-menu dl dd a{display: block;height:38px;line-height:38px; color:#888}
.footer .footer-menu dl dd a i{ margin-left:5px;}
.footer .copyright{ background-color:#eee; padding:15px 4% 20px}
.footer .copyright .link{ text-align:center; line-height:20px;}
.footer .copyright .link span{ color:#ccc; margin:0 10px;} 
.footer .copyright .link i{ line-height:20px; margin-right:5px; position:relative;top:1px; font-size:1.4rem;}
.footer .copyright .link a{ color:#555}
.footer .copyright .text{ font-size:1.2rem; color:#888; border-top:1px #ddd solid; padding-top:10px; margin-top:10px; text-align:center}
.footer .copyright .text img.beian-pic{ width:20px; position:absolute; margin-left:5px; }
.footer .copyright .text b{ color:#008cd6;font-weight:normal}

.footer2 { text-align:center; background-color:#f2f2f2; padding:15px 4% 20px;font-size:1.4rem;color:#aaa}


/* winxin */
.popupblack{ background: repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 998; display: none;}
.popup { width: 220px; height: 256px; border: 5px solid #f1f1f1; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popup .t { height:40px; font-size:1.5rem; line-height:36px; padding-left:10px; color: #666; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popup .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popup .img { padding: 10px; }
.popup .img img { width: 100%; height: 100%; display: block; }
/* winxin end */



p.none{ text-align:center; min-height:400px; font-size:1.5rem; padding-top:20px; color:#aaa}


.page-title{ background-image: linear-gradient(120deg,#008fd7,#184799); color:#fff; font-size:1.6rem; padding:1.5rem 4%; text-align:center}

.wrapper{ padding:4%}



.about{padding:4% 4% 5%; font-size:1.3rem; }
.about h1{ font-size:2rem !important;}
.about p{ margin-bottom:1.3rem; line-height:1.6;color:#6a6a6a; }
.about img{ float:none !important;  max-width:100%; display:block; margin:0 auto 1.5rem !important}
 

/* --------------视频弹出播放---------------------- */
.video-play{ position:fixed; left:0;top:0; z-index:99999; width:100%; height:100%; display:none}
.video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#222;opacity:0.8; z-index:1 }
.video-play .box{ width:92%; position:absolute; left:4%;top:50%; margin-top:-150px; z-index:3; box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.35);}
.video-play .close-btn{ background: no-repeat center center; display:block; width:60px; height:60px; z-index:99; position:fixed; right:0;top:0; text-indent:-10000px}
#con_video_div{ background:#000}



.speech{ padding:4% 4% 10%; font-size:1.6rem;color:#6a6a6a;}
.speech .text{  line-height:1.8;}
.speech .text p{ margin-bottom:1.5rem;}
.speech .image{ width:70%; margin:0 auto }
.speech .image img{ width:100%}

.zuzhi{ text-align:center;padding:4% 4% 5%;}
.zuzhi img{ width:100%}

.member-nav{ text-align:center; margin:0 4%; padding-top:2rem}
.member-nav a{ display:inline-block; border:1px #ddd solid; padding:1rem 0rem; width:33.5%; float:left; margin:0 -1px; background-color:#fff; font-size:1.6rem; font-weight:400; position:relative}
.member-nav a:first-child{ border-radius:3px 0 0 3px}
.member-nav a:last-child{ border-radius:0 3px 3px 0}
.member-nav a.current{ background-color:#006db8; border-color:#006db8; color:#fff; z-index:2}
.member-nav a.current::before{content:"";display:inline-block;width: 0;height: 0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:5px solid #006db8; position:absolute; left:50%; margin-left:-8px;top:100%}

.leader-list1{padding:4%; }
.leader-list1 .item{ margin-bottom:2rem; background-color:#f2f2f2; }
.leader-list1 .item img{ width:38%; float:left; margin-right:3rem}
.leader-list1 .item strong{ display:block; font-size:1.8rem; margin-top:2.5rem}
.leader-list1 .item span{ font-size:1.6rem; color:#6a6a6a; margin-top:0.5rem; display:block}


.strategy{}
.strategy .strategy-text{background: #3f51b5;background: -webkit-linear-gradient(-45deg, #fff 0%,#eee 100%);color:#6a6a6a; position:relative; padding:4% 4% 5% }
.strategy .strategy-text h1{ position:relative; z-index:2; text-align:center; background: no-repeat center bottom; background-size:100% auto; padding-bottom:3rem;}
.strategy .strategy-text h1 strong{ font-size:2rem;display:block; }
.strategy .strategy-text h1 span{ display:block; font-size:1.6rem; margin-top:0.3rem}
.strategy .strategy-text h1 p{ color:#75b0ea; font-size:1.4rem; margin-top:10px; }
.strategy .strategy-text img{ position:absolute; right:4%;top:4%; width:25%}
.strategy .strategy-text .content-a{ margin-top:1rem; line-height:1.7; font-size:1.6rem; position:relative; z-index:2}
.strategy .content-b{ margin-top:2rem; text-align:center; padding-bottom:3rem}
.strategy .content-b img{ width:100%}
#particles-js{ width:100%; height:100%; position:absolute; left:0;top:0; z-index:1}


.history{}
.history  .history-top{  padding:4%; position:relative; background: no-repeat #f4f4f4 right bottom; background-size:auto 50%}
.history  .history-top .wrapper{}
.history  .history-top strong{ font-size:2.4rem; font-weight:300}
.history  .history-top span{ font-size:3rem; font-weight:bold; display:block; color:#ddd}
.history .item{transition: all 0.3s; -webkit-transition: all 0.3s; padding:0 4% ;padding-left:80px; position:relative}
.history .item h2{ font-size:1.8rem;color:#006db8; position:absolute; left:4%;top:18px; }
.history .item h2 span{ font-size:1.5rem; position:relative;top:-1px}
.history .item ul li{ position:relative; padding:5px 0  5px 10px;border-left:2px #ddd solid;}
.history .item ul li h3{ font-size:2rem; display:none }
.history .item ul li p{ line-height:1.5; color:#4a4a4a; font-size:1.3rem; }
.history .item ul li:after { content: ",,"; display: block; width:10px;height:10px; background: no-repeat; background-size:cover; position:absolute; left:-6px;top:11px; text-indent:-10000px}
.history .item ul li:first-child{ padding-top:23px}
.history .item ul li:first-child:after{top:29px} 
.history .item ul li:last-child{ padding-bottom:20px}



.honor-text{ padding:4%; line-height:1.8; font-size:1.6rem; text-indent:2rem; color:#6a6a6a}

.honor-slider{position: relative; background-color:#f2f2f2; padding:3rem 0 2rem; }
.honor-slider .swiper-container{padding-bottom: 5rem; position:relative}
.honor-slider .swiper-slide{ width:66%;background: #fff;box-shadow: 0 8px 30px #ddd;}
.honor-slider .swiper-slide img{display:block; width:100%; }
.honor-slider .swiper-pagination{width: 100%;bottom: 0rem;}
.honor-slider .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
.honor-slider .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc;background-color: #fff;}


.honor-list{ padding:4%; background-color:#fff}
.honor-list .item{ width:48%; float:left; margin-bottom:4%;  margin-left:4%}
.honor-list .item .image{ position:relative; overflow:hidden; position:relative}
.honor-list .item .image img{ width:100%; }
.honor-list .item .image em{ position:absolute; left:0;bottom:0; z-index:2; width:100%; height:50px; background: repeat-x; text-align:center; padding-top:20px; color:#fff; font-size:1.2rem}
.honor-list .item strong{ display:block; text-align:center; font-weight:normal;color:#6a6a6a; line-height:1.4;height:6rem; font-size:1.4rem; padding:1rem; background-color:#f2f2f2}

.member-list{padding:4%; }
.member-list .item{ margin-bottom:2rem; background-color:#f2f2f2; border-radius:3px; overflow:hidden}
.member-list .item img{ width:33.333333%; float:left; }
.member-list .item .title{ width:66%; float:right; padding:2rem;line-height:1.2 }
.member-list .item strong{ display:block; font-size:1.6rem; }
.member-list .item span{ font-size:1.3rem; color:#888; margin-top:0.7rem; display:block}

.member-view{}
.member-view .member-top{ padding:5%; background-color:#006db8;background: -webkit-linear-gradient(-45deg, #1783ce 0%,#006db8 100%); text-align:center }
.member-view h1{font-size:2rem;  font-weight:bold; color:#fff;  line-height:1.3;}
.member-view h1 p{ font-size:1.3rem; color:#fff;  font-weight:normal; margin-top:0.4rem; display:block}
.member-view .content{ padding:0 4%; margin-top:3rem; color:#5a5a5a }
.member-view .content h2{font-size:2rem;  position:relative; color:#1c64b7; margin-bottom:0.5rem }
.member-view .content h2 strong{ display:inline-block; position:relative; padding-right:16px;  font-weight:normal}
.member-view .content h2 strong:before {content:"";display:block;width: 0;height: 0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top:9px solid #1c64b7; position:absolute;right:0;top:50%; margin-top:-5px;;}
.member-view .con{line-height:1.8 !important; font-size:1.6rem !important; margin-top:1.5rem }
.member-view .content p{ margin-bottom:1rem !important;line-height:1.8 !important;font-size:1.6rem !important;}
.member-view .content img{ width:100%; height:inherit !important; margin:0 auto; display:block}


.business-list{padding:4%; padding-bottom:0 }
.business-list .info{ font-size:1.5rem; margin-bottom:1.5rem; color:#4a4a4a; text-indent:2em}
.business-list .item{ margin-bottom:2rem; background-color:#f2f2f2; border-radius:0 15px 0 0 }
.business-list .item img{ width:45%; float:left; margin-right:3rem}
.business-list .item strong{ display:block; font-size:1.4rem; margin-top:2rem; margin-right:10px; line-height:1.2}
.business-list .item span{ font-size:1.2rem; color:#6a6a6a; margin-top:0.5rem; display:block}
.business-list .item label{ display:inline-block; padding:0.5rem 1.2rem; border:0.8px #006db8 solid; color:#006db8; margin-top:1rem; font-size:1.3rem; border-radius:1.5rem}
.business-list .item label i{ line-height:1.3rem; font-size:2rem; position:relative;top:0.3rem}

.partner-list{ padding:4%; overflow:hidden}
.partner-list .info{ line-height:1.5; color:#4a4a4a; font-size:1.3rem;}
.partner-list ul{ margin-top:20px;}
.partner-list ul h3{ line-height:18px; font-size:18px; border-left:4px #f39800 solid; padding-left:15px;  margin-bottom:20px;}
.partner-list ul li{  line-height:50px; font-size:1.4rem; color:#4a4a4a; width:50%; float:left;  border:1px #ddd solid; background-color:#f5f5f5; position:relative; margin:-1px}
.partner-list ul li img{ display:block; width:100%}

.news-list { padding:1rem 4%;}
.news-list .item{ padding:1.3rem 0;  border-bottom:1px #f2f2f2 solid; position:relative}
.news-list .item .text{ margin-right:100px;}
.news-list .item .text strong{ color:#444; font-size:1.7rem; display:block; line-height:2.2rem; min-height:4.4rem; overflow:hidden; font-weight:normal}
.news-list .item .text span{ display:block; margin-top:0.5rem;  color:#aaa; font-size:1.3rem;} 
.news-list .item .image{ width:86px; position:absolute; right:0;top:1.3rem;}
.news-list .item .image img{ width:100%}
.news-list .item .image .lazy-img{ min-height:64.5px}


.news-list2 { padding:1rem 4%;}
.news-list2 .item{ padding:1.3rem 0;  border-bottom:1px #f2f2f2 solid; position:relative}
.news-list2 .item .text strong{ color:#222; font-size:1.7rem; display:block; line-height:2.2rem;overflow:hidden; font-weight:normal}
.news-list2 .item .text span{ display:block; margin-top:0.5rem;  color:#aaa; font-size:1.3rem;} 


.news-view{}
.news-view .news-top{ padding:4% 4% 0%; /*background-color:#006db8;background: -webkit-linear-gradient(-45deg, #1783ce 0%,#006db8 100%);*/  }
.news-view h1{font-size:2rem;  font-weight:600; color:#444; line-height:1.4;}
.news-view h1 p{ padding-left:30px; font-size:1.6rem;margin-top:0.7rem; display:block; color:#ee0000; font-weight:bold ; position:relative}
.news-view h1 p:before {content:"";display:block;width: 25px;height: 2px; background-color:#ee0000;position:absolute;left:0;top:0.8rem;}
.news-view p.news-info{font-size:1.3rem; color:#bbb;margin-top:1rem; font-weight:normal;}
.news-view p.news-info b{margin-left:2rem; font-weight:normal}
.news-view .content{ line-height:2 !important; font-size:1.6rem !important; padding:4%; color:#5a5a5a }
.news-view .content p{ margin-bottom:1rem !important;line-height:1.8 !important;font-size:1.6rem !important;}
.news-view .content span{ margin-bottom:15px;line-height:1.8 !important;font-size:1.6rem !important;}
.news-view .content img{ width:100%; max-width:500px; height:inherit !important; margin:0 auto; display:block}
.news-view .other{ border-top:2px #f2f2f2 solid; font-size:1.4rem;  padding:4%}
.news-view .other p{ margin-bottom:1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#888}
.news-view .download{ border-top:2px #f2f2f2 solid;  padding:4%}
.news-view .download h2{ font-size:1.6rem; color:#555; height:30px;font-weight:bold}
.news-view .download p{ padding:5px 0px;  margin:0}
.news-view .download p a{ color:#4ba0ff; font-size:1.4rem}
.news-view .download p i{margin-right:3px;}


.news-view .slider-wrapper{ padding:4% 4% 0;}
.news-view .swiper-container{ position:relative;}
.news-view .swiper-slide{overflow:hidden; text-align:center}
.news-view .swiper-slide img{max-width:100%; height:250px; margin:0 auto }
.news-view .swiper-slide .title{ margin-top:1rem; font-size:1.3rem; text-align:center; color:#888; padding:0 10%}
.news-view .swiper-pagination{width: 100%;bottom:auto !important;top:225px !important;}
.news-view .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 1px solid #fff;background-color: #fff;width: 10px;height: 10px;opacity:0.6;}
.news-view .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc;background-color: #fff;opacity:1;}


.bid-list{  padding:1rem 4%;}
.bid-list .item{  border-bottom:1px #f2f2f2 solid;}
.bid-list .item a{ display:block; position:relative;padding:1.3rem 0; }
.bid-list .date{ font-size:1.4rem; line-height:1.4rem; color:#bbb}
.bid-list .title{ display:block; font-size:1.8rem; margin-top:1rem; line-height:1.4; color:#222; margin-right:100px }
.bid-list .other{ margin-top:0.5rem; color:#aaa; font-size:1.2rem}
.bid-list .other span{ margin:0 0.3rem; color:#ccc}
.bid-list span.more{ display:block;position: absolute;right: 0;top: 4rem;background-color:#75b0ea;border-radius:3px; width:80px;color:#fff; line-height:36px; font-size:12px; text-align:center}
.bid-list span.more i{ font-size:20px; line-height:20px; position:relative;top:3px; font-weight:normal}
.bid-list span.off{ background-color:#ccc !important}

.bid-view{ min-height:480px}
.bid-view .title{ position:relative; padding:4%}
.bid-view .title h1{font-size:2rem;  font-weight:600; color:#444; line-height:1.4;}
.bid-view .title p{ font-size:1.3rem; color:#bbb;margin-top:1rem; font-weight:normal;}
.bid-view .bid-con{ padding:0 4% 4%}
.bid-view .item{ position:relative; font-size:1.6rem;line-height:1.8}
.bid-view .item .content{ margin-left:80px; padding:0.5rem 0; position:relative }
.bid-view .item .content p{ margin-bottom:1rem;}
.bid-view .item .content em{ background-color:#ececec; color:#9e9e9e; display:inline-block; line-height:2.4rem; padding:0 0.5rem; font-size:1.2rem;border-radius:3px; position:relative;top:-1px; margin-left:0.5rem;}
.bid-view .item .content img{max-width:100%;}
.bid-view .item label{ display:block; width:80px; position:absolute; left:0;top:0.5rem; text-align:right;font-weight:normal; color:#999}
.bid-view .file{ position:relative; padding:4%; font-size:16px; border-top:2px #f2f2f2 solid;}
.bid-view .file h2{ font-size:1.8rem;margin-bottom:2rem;}
.bid-view .file h2 em{ display:inline-block; text-align:center;position:relative;top:4px}
.bid-view .file h2 em i{ font-size:26px; font-weight:normal;}
.bid-view .file p{ margin-bottom:10px}
.bid-view .file p a{ color:#338af9}
.bid-view .file p a:hover{ text-decoration:underline}


.pic-list{ padding:4%; background-color:#f2f2f2}
.pic-list .item{ margin-bottom:2rem; padding:1.5rem;background-color:#fff;  box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.05);}
.pic-list .item .image{ position:relative; overflow:hidden; position:relative}
.pic-list .item .image img{ width:100%; }
.pic-list .item strong{ display:block; text-align:center; margin-top:1rem; font-weight:normal;line-height:1.5; font-size:1.6rem; padding:0 1rem}

.video-list{ padding:4%; background-color:#f2f2f2}
.video-list .item{ margin-bottom:2rem; padding:1.5rem;background-color:#fff;  box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.05); position:relative}
.video-list .item .image{ overflow:hidden; position:relative}
.video-list .item .image img{ width:100%;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration:1s; display:block}
.video-list .item .image:before{content:"";display:block;width: 100%;height:30px; background-color:#222;; position:absolute; left:0;top:0; z-index:2}
.video-list .item .image:after{content:"";display:block;width: 100%;height:30px; background-color:#222;; position:absolute; left:0;bottom:0px; z-index:2}
.video-list .item strong{ display:block; font-weight:normal; line-height:1.5; margin-top:1rem; font-size:1.6rem;text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.video-list .item i{ font-size:60px; display:block; position:absolute; left:50%; margin-left:-30px;top:50%; margin-top:-30px; color:#fff; z-index:3}
.video-list .item .mask{ width:100%; height:100%; position:absolute; left:0;top:0; background-color:#000;opacity: 0.3;}

.paper-list{padding:4% 4% 4% 0; }
.paper-list .item{margin-bottom:2rem; width:46%; float:left; margin-left:4%;box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.05); background-color:#fff}
.paper-list .item .title{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size:1.6rem; text-align:center; font-weight:normal;padding:1.2rem 1.5rem 1.5rem; color:#333;  }
.paper-list .item .image{ width:100%; overflow:hidden;}
.paper-list .item .image img{ width:100%; display:block}


.culture{ padding:4%}
.culture .item{ margin-bottom:10px; background-color:#f2f2f2;transition-duration: 0.3s;-webkit-transition-duration: 0.3s; }
.culture .item img{ width:30%; float:left; margin-right:20px;}
.culture .item .text{ padding:15px 0px; }
.culture .item .text strong{ color:#0774d5; font-size:18px; font-weight:normal;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;}
.culture .item .text p{ margin-top:5px; font-size:1.2rem}
.culture .item:hover{ background-color:#0d4d94; color:#fff}
.culture .item:hover .text strong { color:#fff}



.development{ padding:4%}
.development .title{ font-size:1.4rem; text-align:center; color:#aaa}
.development .title strong{ display:block; font-size:2.2rem; color:#222}
.development .content{ text-indent:2em; color:#4a4a4a; margin-top:10px; line-height:1.7; font-size:1.4rem}


.job-search{  padding:2% 2% 0; font-size:1.4rem; background-color:#f2f2f2 }
.job-search .box{ background-color:#fff; border:1px #eee solid; border-radius:4px; padding:10px 5px 10px 15px}
.job-search .item{ position:relative; margin-left:80px; }
.job-search .item label{ position:absolute; left:-80px;top:0.5rem; width:80px; text-align:center}
.job-search .item dl{ margin-top:0.5rem; }
.job-search .item dl dd{ float:left;width:31%; margin-right:2.33333%}
.job-search .item dl dd a{ display:block;float:left; color:#6a6a6a; padding:0.5rem 0; text-align:center; border:1px #eee solid; width:100%; margin-bottom:0.7rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-radius:3px;}
.job-search .item dl dd a.current{ background-color:#68b92e; border-color:#68b92e; color:#fff; }


.job-list{ min-height:380px; line-height:1.4;}
.job-list .table{font-size:1.5rem; width:100%;}
.job-list .table dl{display:-webkit-box; padding:0 3%;border-bottom:1px solid #eee; }
.job-list .table dl a{ display:block;display:-webkit-box; width:100%}
.job-list .table dt{padding:1.2rem 0.5rem 1.1rem;color:#888;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.job-list .table dd{padding:1.2rem 0.5rem 1.1rem; color:#6a6a6a;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.job-list .table dd b{  font-weight:400; color:#222}
.job-list .table dd span{ color:#bbb;font-size:1.4rem}


.job-view{ }
.job-top{ padding:4% 4% 0%;/*background-color:#006db8;background: -webkit-linear-gradient(-45deg, #1783ce 0%,#006db8 100%);*/  }
.job-top h1{font-size:2rem;font-weight:600; color:#444; line-height:1.4;}
.job-top p.news-info{font-size:1.3rem; color:#bbb;margin-top:1rem; font-weight:normal;}
.job-top p.news-info b{margin-left:2rem; font-weight:normal}
.job-view .job-info{ }
.job-view table{font-size:1.5rem; border:1px #eee solid; width:100%; line-height:1.6; background-color:#fff; margin-top:2rem}
.job-view th{padding:1rem 0.5rem 1.1rem;border-bottom:1px solid #eee; background-color:#fafafa; color:#888; }
.job-view td{padding:1rem 0.5rem 1.1rem;border-bottom:1px solid #eee;}
.job-view .item{ line-height:1.8!important; font-size:1.6rem !important; padding:20px 4%; color:#5a5a5a; background-color:#fff; }
.job-view .item p{ margin-bottom:10px !important;line-height:1.8 !important;font-size:1.6rem !important; text-indent:0 !important}
.job-view .item h3{font-size:1.6rem; color:#999;}
.job-view .item ul li{ margin-top:0.8rem;}
.job-view .item ul li a{ color:#338af9;}
.job-view .line{ background-color:#f2f2f2;height:5px;}


.contact-map{}
.contact-list { padding:4%; }
.contact-list .item{  padding:15px; background-color:#fff;}
.contact-list .item strong{ display:block; font-size:1.6rem; color:#006db8}
.contact-list .item span{ display:block; font-size:1.4rem; color:#aaa; font-family: dincond-mediumregular;}
.contact-list .item p{ margin-top:10px; line-height:1.8; color:#5a5a5a; font-size:1.4rem}
.contact-list .item p label{ font-weight:bold}


.weixin-list{padding-top:20px;background-color:#f2f2f2}
.weixin-list p{ font-size:1.4rem; font-weight:600;color:#ee0000;text-align:center;margin-bottom:2rem}
.weixin-list .item{width:45%;float:left; margin-left:3%;padding:1.2rem;background-color:#fff;margin-bottom:3%; border-radius:0.5rem;box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.06);}
.weixin-list .item img{width:100%;}
.weixin-list .item strong{text-align:center;font-size:1.5rem;display:block;font-weight:400}

.website-list{padding:3%;background-color:#fff}
.website-list .item{background: linear-gradient(#f5f5f5, #e8e8e8);margin-bottom:3%; border-radius:0.5rem; padding:12px 15px;overflow:hidden;/*box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.03);*/position:relative}
.website-list .item i{ display:block; background-color:#006db8; color:#fff; position:absolute;left:0;top:0;height:100%;line-height:5rem;padding:0 1.5rem;}
.website-list .item img{width:18%;float:left;border-radius:100px;display:block}
.website-list .item strong{width:82%;float:right;padding:10px 15px;display:block;font-weight:400;font-size:1.6rem;}
.website-list .item:last-child{margin-bottom:0}

/* 横屏提示 */
@keyframes rotation{10%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
50%{transform: rotate(0);-webkit-transform: rotate(0)}
60%{transform: rotate(0);-webkit-transform: rotate(0)}
90%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
100%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}}
@-webkit-keyframes rotation{10%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
50%{transform: rotate(0);-webkit-transform: rotate(0)}
60%{transform: rotate(0);-webkit-transform: rotate(0)}
90%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
100%{transform: rotate(90deg);-webkit-transform: rotate(90deg)}}
.mod-orient-layer{display: none;position: fixed;height: 100%;width: 100%;left: 0;top: 0;right: 0;bottom: 0;background: #000;z-index: 9997}
.mod-orient-layer__content{position: absolute;width: 100%;top: 45%;margin-top: -75px;text-align: center}
.mod-orient-layer__icon-orient{display: inline-block;width: 67px;height: 109px;background-image: ;transform: rotate(90deg);-webkit-transform: rotate(90deg);-webkit-animation: rotation infinite 2.5s cubic-bezier(0.71, -0.01, 0.07, 0.99);animation: rotation infinite 2.5s cubic-bezier(0.71, -0.01, 0.07, 0.99);-webkit-background-size: 67px;background-size: 67px}
.mod-orient-layer__desc{margin-top: 20px;font-size: 15px;color: #fff}
.mod-orient-layer__desc{margin-top: 20px;font-size: 15px;color: #fff}



.wdy-bg{ background:#fff;  }
.wdy-header img{ width:100%; display:block }
.wdy-index .item-num{ height:7rem; background-color:#d71017; color:#fff}
.wdy-index .item-num .item{ width:33.333333%; float:left; padding:1.5rem; text-align:center; font-size:1.4rem}
.wdy-index .item-num .item span{ display:block}
.wdy-index .item-num .item strong{ display:block; margin-top:0.3rem; font-weight:normal}
.wdy-index .item-a{ padding:0 3%; color:#5a5a5a; margin-top:1rem;padding-top:2rem}
.wdy-index .item-a h2{  font-size:2.2rem; font-weight:bold; line-height:1; padding-left:1rem; color:#333; border-left:4px #d71017 solid;}
.wdy-index .item-a .line{ height:1px; border-bottom:1px #eee solid; margin:2.5rem 0}
.wdy-index .item-a .content{ font-size:1.6rem; line-height:1.7; margin-top:1.5rem }
.wdy-index .item-a .content p{ margin-bottom:1.5rem;}
.wdy-index .item-b{ padding:0 3%; margin-top:2rem; background-color:#fff; padding-top:2rem}
.wdy-index .item-b h2{ font-size:2.2rem; font-weight:bold; line-height:1; padding-left:1rem; color:#333; border-left:4px #d71017 solid;}
.wdy-index .item-b .intro{ margin:2rem auto; line-height:4rem; background-color:#f5f5f5; font-size:1.4rem; color:#ee4433; padding:0 1.5rem;}
.wdy-index .item-b .list li{ width:48%; float:left; margin-left:4%; padding:0.5rem; background-color:#fff;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.05);  border:1px #eee solid;border-radius:3px; margin-bottom:1.5rem}
.wdy-index .item-b .list li .image{ position:relative}
.wdy-index .item-b .list li .image img{ width:100%}
.wdy-index .item-b .list li .image i{ display:none; position:absolute; font-size:40px; left:50%; margin-left:-20px;top:50%; margin-top:-20px; color:#ea4e4e}
.wdy-index .item-b .list li .title{ text-align:center;font-size:1.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:0.5rem}
.wdy-index .item-b .list li .info{ text-align:right; font-size:1.3rem;color:#888; padding:5px 10px 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wdy-index .item-b .list li .info span{ float:left;}
.wdy-index .item-b .list li .info em{ margin:0 3px}
.wdy-index .item-b .list li .info b{ color:#d71017; font-weight:normal}
.wdy-index .item-b .list li.current{ background-color:#ea4e4e}
.wdy-index .item-b .list li.current .info{ color:#fff}
.wdy-index .item-b .list li.current .image i{ display:block}
.wdy-index .item-c{ margin-top:2rem; text-align:center; display:none}
.wdy-index .item-c a{ display:inline-block; line-height:5rem; padding:0 4rem; background-color:#ea4e4e; color:#fff; font-size:2rem; font-weight:bold;border-radius:4px;box-shadow:inset 0px -4px 0px 0px rgba(0,0,0,0.15);}

.wdy-index .item-d{ padding:0 3%; margin-top:2rem; background-color:#fff; padding-top:2rem}
.wdy-index .item-d h2{ font-size:2.2rem; font-weight:bold; line-height:1; padding-left:1rem; color:#333; border-left:4px #d71017 solid; margin-bottom:2rem}
.wdy-index .item-d h2 span{ font-size:1.2rem; color:#888; font-weight:normal; margin-left:1rem}
.wdy-index .item-d .list li{ background-color:#fff; border:1px #eee solid;border-radius:3px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.05); overflow:hidden; margin-top:1.5rem; position:relative}
.wdy-index .item-d .list li .image{ position:relative; width:30%; float:left;}
.wdy-index .item-d .list li .image img{ width:100%; display:block}
.wdy-index .item-d .list li .text{ width:70%; float:left; padding:1rem}
.wdy-index .item-d .list li .title{font-size:1.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:0.5rem}
.wdy-index .item-d .list li .info{font-size:1.3rem;color:#888; padding:5px 6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wdy-index .item-d .list li .info span{}
.wdy-index .item-d .list li .info em{ margin:0 3px}
.wdy-index .item-d .list li .info b{ color:#d71017; font-weight:normal}
.wdy-index .item-d .list li .num{ position:absolute; font-size:16px; padding:33px 30px 0 5px;right:-30px;top:-30px;  color:#fff; background-color:#ee4433; width:60px; height:60px;  border-radius:20px; text-align:center;}


.wdy-footer{ background-color:#f5f5f5;margin-top:3rem; padding:4% 4% 7rem; color:#999; font-size:1.4rem}
.wdy-footer .left{ float:left; line-height:1.7}
.wdy-footer .right{ float:right}
.wdy-footer .right a{ display:inline-block; color:#fff; background-color:#54b739; line-height:3rem; font-size:1.2rem; padding:0 1rem; border-radius:1.5rem;}
.wdy-footer .right a i{ margin-right:2px}

.wdy-view{}
.wdy-view .item-a{ padding:2rem; background-color:#f5f5f5}
.wdy-view .item-a h1{ font-size:2.2rem; font-weight:normal; text-align:center;}
.wdy-view .item-a p{ width:94%; margin:1rem auto; line-height:4rem; border-radius:2rem; background-color:#fff; text-align:center; font-size:1.5rem; color:#999;box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.1);}
.wdy-view .item-a p span{ color:#ddd; margin:0 7px}
.wdy-view .item-a p b{ color:#ff0000;font-weight:normal; }
.wdy-view .item-b{}
.wdy-view .item-c{ padding:3rem 3%; border-bottom:5px #f2f2f2 solid}
.wdy-view .item-c h2{ font-size:2.2rem; border-left:5px #d71017 solid; font-weight:bold;  line-height:1; padding-left:10px;}
.wdy-view .item-c .content{ margin-top:2.5rem; color:#5a5a5a; line-height:1.6; font-size:1.6rem}
.wdy-view .item-c .content p{ margin-bottom:10px}
.wdy-view .item-d{ padding:2rem 3% 0;}
.wdy-view .item-d h2{ font-size:2.2rem; border-left:5px #d71017 solid; font-weight:bold; line-height:1; padding-left:10px;}
.wdy-view .item-d .slider-wrapper{ margin-top:3rem}
.wdy-view .item-d .swiper-container{ position:relative;}
.wdy-view .item-d .swiper-slide{overflow:hidden; text-align:center}
.wdy-view .item-d .swiper-slide img{max-width:100%; height:250px; margin:0 auto }
.wdy-view .item-d .swiper-slide .title{ margin-top:1rem; font-size:1.6rem; text-align:center;padding:0 10%;}
.wdy-view .item-d .swiper-pagination{width: 100%;bottom:auto !important;top:225px !important;}
.wdy-view .item-d .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 1px solid #fff;background-color: #fff;width: 10px;height: 10px;opacity:0.6;}
.wdy-view .item-d .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #ff322d;background-color: #fff;opacity:1;}

.page-nav{ height:6rem; background-color:#d71017; position:fixed; left:0;bottom:0; width:100%;z-index:999}
.page-nav a{ display:block; width:25%; float:left; color:#fff; text-align:center; padding-top:1rem; height:6rem; border-right:1px #ec3b33 solid}
.page-nav a i{ display:block; font-size:2rem;}
.page-nav a span{ display:block; margin-top:2px; font-size:1.2rem} 
.page-nav a.a4{ background-color:#992206; border-right:0}
.page-nav a.a5{ background-color:#888; border-right:0}

.back-btn{ line-height:6rem; background-color:#d71017; position:fixed; left:0;bottom:0; width:100%; font-size:1.8rem; color:#fff;text-align:center; z-index:999}
.back-btn i{font-size:2.4rem; margin-right:3px;position:relative;top:2px}

#votediv{ position:fixed; left:0;top:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,0.6); display:none}
#votediv .box{ width:90%; background-color:#fff; position:absolute; left:5%; padding:20px;top:5%;border-radius:4px; }
#votediv .box .close-btn{ position:absolute; right:10px;top:10px; display:block; width:36px; height:36px; font-family:arial, helvetica, sans-serif; line-height:30px; text-align:center; color:#888; font-size:20px}
#votediv .box h2{ font-size:2rem; margin-bottom:1.5rem}
#votediv .box .item-a p{ margin-bottom:0.5rem; font-size:1.2rem; width:49%; float:left; margin-left:2%; }
#votediv .box .item-a p label{ background-color:#f3f3f3; color:#5a5a5a; display:block; padding:1rem 1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-radius:4px; }
#votediv .box .item-a p label.change{ background-color:#efa2a2; color:#fff }
#votediv .box .item-b{ margin-top:1rem;}
#votediv .box .item-b input{ width:50%; height:4rem; padding:1rem; line-height:2rem; border:1px #eee solid; margin-right:10px}
#votediv .box .item-c{ margin-top:2rem}
#votediv .box .item-c .button{ width:100%;display:block; line-height:5rem; padding:0 4rem; background-color:#ea4e4e; color:#fff; font-size:2rem; font-weight:bold;border-radius:4px;box-shadow:inset 0px -4px 0px 0px rgba(0,0,0,0.15);}