@charset "utf-8";

html{ width:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;-webkit-backface-visibility: hidden;}
body{background:#d71017;color:#333;font-size:16px; font-family:Helvetica,"微软雅黑",Arial,sans-serif; width:100%; min-width:1140px; }
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:12px; outline:none;font-family:Helvetica,"微软雅黑",Arial,sans-serif;}


@font-face {
  font-family: 'iconfont';  /* project id 333158 */
  src: url('//at.alicdn.com/t/font_333158_qeiw73vjtl29ms4i.eot');
  src: url('//at.alicdn.com/t/font_333158_qeiw73vjtl29ms4i.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_333158_qeiw73vjtl29ms4i.woff') format('woff'),
  url('//at.alicdn.com/t/font_333158_qeiw73vjtl29ms4i.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_333158_qeiw73vjtl29ms4i.svg#iconfont') format('svg');
}  


@font-face{
	font-family: 'dincond-medium-webfont';
	src: url('../font/dincond-medium-webfont.eot');
	src: url('../font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), 
	url('../font/dincond-medium-webfont.woff2') format('woff2'), 
	url('../font/dincond-medium-webfont.woff') format('woff'), 
	url('../font/dincond-medium-webfont.ttf') format('truetype'), 
	url('../font/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
}


.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;   -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

input.hover{ color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important}

a{text-decoration:none; color:#333}
a:hover{color:#f39800;}
.clearit{clear:both; }


.b{font-weight:bold}
.red{ color:#ff0000 !important}
.orange{ color:#f39800}
.orange:hover{ text-decoration:underline}
.black{ color:#222}
.blue{ color:#0294C5}
.green{ color:#69bd83 !important}
.green:hover{ color:#69bd83; text-decoration:underline}
.gray{ color:#888}
.font14{ font-size:14px}
.left{ float:left}
.right{ float:right}


#top-bar{ height:36px; line-height:36px; background-color:#f2f2f2;margin-bottom:475px;}
#top-bar .top-left{ float:left;}
#top-bar .top-left a{ color:#005acb; font-weight:bold}
#top-bar .top-left a:hover{ text-decoration:underline; color:#f39000}
#top-bar .top-right{ float:right; margin-top:7px;}

.wrapper{ width:1090px; margin:0 auto;}
.body-bg{ background:url(../../images/wdy-header.jpg) no-repeat center 36px;}
#nav{ height:50px; background-color:#c9312e}
#nav ul{ float:left}
#nav ul li{ float:left;}
#nav ul li a{ display:block; line-height:50px; float:left; padding:0px 30px; color:#fff; font-size:16px;}
#nav ul li a:hover{ color:#fffc00}
#nav ul li a.current{ background-color:#a9312e}
#nav dl{ float:right; margin-top:13px; margin-right:13px;width:180px; height:24px;background-color:#ff}
#nav dl input{ width:139px; height:14px; line-height:14px; float:left; border:0; padding:5px 8px; }
#nav dl button{ width:25px; border:0; text-align:center; height:24px; background-color:#fff;cursor:pointer}
#nav dl button i{ color:#aaa; }
#nav dl button:hover i{ color:#f39800}

.index{ background-color:#fff; padding:40px 40px 60px; border-radius:5px;}
.index .item-a{ position:relative;}
.index .item-a h2{ height:82px; background:url(../../images/wdy-title-bg.png) no-repeat center top; color:#fff;text-align:center; font-weight:normal; line-height:82px; font-size:30px; margin-bottom:20px;font-weight:bold}
.index .item-a h3{ font-size:20px; font-weight:bold; margin-bottom:20px;margin-top:30px}
.index .item-a p{ line-height:1.8}
.index .item-a .item-num{ }
.index .item-a .item-num .item{ position:relative; width:21.5%;float:left;color:#fff; overflow:hidden; margin-left:2.5%; background-color:#ed171a; padding:20px 30px; margin-top:20px; text-align:center; border-radius:5px; }
.index .item-a .item-num .item span{ display:block; font-size:18px;}
.index .item-a .item-num .item strong{ font-size:40px; font-family:"dincond-medium-webfont"}
.index .item-a .item-num .item em{ display:block; background-color:#e21013; width:20px; height:20px;border-radius:10px; position:absolute; right:-13px;top:50%; margin-top:-10px;}
.index .item-a .item-num .item i{ display:block; background-color:#e21013; width:20px; height:20px;border-radius:10px; position:absolute; left:-13px;top:50%; margin-top:-10px;}
.index .item-b{ margin-top:50px; background:url(../../images/wdy-bg2.png) no-repeat center 90px}
.index .item-b h2{ text-align:center; font-size:30px; font-weight:bold}
.index .item-b .intro{ text-align:center; border-bottom:2px #ddd solid; height:15px; margin-top:15px;}
.index .item-b .intro span{ display:inline-block; padding:0 20px; line-height:30px; height:30px; color:#e21013; background-color:#fff;}
.index .item-b ul{ background-color:#f2f2f2; padding:40px 40px 10px;  width:950px; margin:40px auto 0;border-radius:0 0px 5px 5px;}
.index .item-b ul li{ width:31.5%; float:left; margin-left:2.5%; background-color:#fff; margin-bottom:30px;border-radius:5px; overflow:hidden;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s;}

.index .item-b ul li .image{ overflow:hidden; position:relative}
.index .item-b ul li .image img{ width:100%; display:block;-webkit-transition: all 400ms; transition: all 400ms;}
.index .item-b ul li .image i{ font-size:60px; position:absolute; left:50%; margin-left:-30px;top:50%; margin-top:-35px; color:rgba(255,255,255,0.6); display:none}
.index .item-b ul li .title{ text-align:center; font-size:16px; padding-top:10px; }
.index .item-b ul li .info{ text-align:right; color:#888; font-size:14px; padding:8px 20px 20px}
.index .item-b ul li .info span{ float:left; }
.index .item-b ul li .info b{ color:#e21013; font-weight:normal}
.index .item-b ul li:hover{ }
.index .item-b ul li:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1);}


.view{ background-color:#fff; padding:40px;border-radius:5px;}
.view .video{ width:720px; margin:0 auto}
.view .item-a{margin-bottom:20px;}
.view .item-a h1{ font-size:30px; font-weight:bold; text-align:center;}
.view .item-a p{ margin-top:10px; text-align:center;}
.view .item-a p span{ color:#466fab; margin:0 10px}
.view .item-c{ position:relative; margin-top:30px; background-color:#f2f2f2; padding:40px;border-radius:5px;}
.view .item-c h2{ font-size:30px; margin-bottom:20px;font-weight:bold}
.view .item-c .content{ line-height:1.8;}
.view .item-c .content p{ margin-bottom:15px;}
.view .item-d{position:relative; margin-top:30px; }
.view .item-d h2{ height:82px; background:url(../../images/wdy-title-bg.png) no-repeat center top; color:#fff;text-align:center; font-weight:normal; line-height:82px; font-size:30px; margin-bottom:20px;font-weight:bold}

.pics{ position:relative; margin:30px auto 0px; width:800px; }
.pics .swiper-container{overflow:hidden; height:490px;}
.pics .swiper-slide{ text-align:center;}
.pics .swiper-slide img{max-width:800px; height:450px;}
.pics .swiper-slide .title{ margin-top:15px; font-weight:bold; font-size:14px;}
.pics .pagination{position: absolute; z-index: 20; bottom:40px; width: 100%; text-align: center;}
.pics .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8;  cursor: pointer;}
.pics .swiper-active-switch{background: #0090ff;}
.pics .arrow-left{ display:block;z-index:50; width:70px; height:70px; background:url(../../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.pics .arrow-right{display:block; z-index:50; width:70px; height:70px; background:url(../../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.pics:hover .arrow-left{ visibility:visible;filter:alpha(opacity=100);opacity:1; left:-70px}
.pics:hover .arrow-right{ visibility:visible;filter:alpha(opacity=100);opacity:1; right:-70px}


.footer{  padding-bottom:60px; text-align:center; position:relative; z-index:100;  line-height:180%; color:#fff}