@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
a{text-decoration:none;} 
img{margin: 0px; padding: 0px; border:0; vertical-align: middle;}
li,ul{list-style:none;}
.clear{ clear: both; width: 100%; height: 0px; font-size: 0px; overflow:hidden;}
body { width: 100%; height:100%; min-width:1144px;width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); font: 12px "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;}

.header{ position:fixed; top:0; left:0; z-index:100; width: 100%; min-width:1200px; height: 74px; background: #fff;border-bottom: 1px solid #e2e2e2;}
.header .logo{ float: left; width: 329px;height: 74px;}
.header .hd_right{ float: right; width: 871px;height: 74px;}
.header .hd_right .nav{ width: 610px; float: left; /*margin-right: 70px;*/border-left: 1px solid #e2e2e2;}
.header .hd_right .nav ul li{ float: left; width: 74px; line-height: 74px; text-align: center; border-right: 1px solid #e2e2e2;}
.header .hd_right .nav ul li.no{ border-right:0;}
.header .hd_right .nav ul li a{ display: block; color: #7c7c7c; font-size: 14px;}
.header .hd_right .nav ul li.on a,.header .hd_right .nav ul li a:hover{ background: #010205; color: #fff;}
.header .hd_right .nav ul li a .cn{ display: none; }
.header .hd_right .nav ul li a .en{text-transform: uppercase; font-size: 12px; }
.header .hd_right .nav ul li.on a .cn,.header .hd_right .nav ul li a:hover .cn{ display: block;}
.header .hd_right .nav ul li.on a .en,.header .hd_right .nav ul li a:hover .en{ display: none;}
.header .hd_right .hd_right_r{ width: 260px; float: left;}
.header .hd_right .hd_right_r ul li{ float: left;width: 64px; line-height: 74px; text-align: center;border-left: 1px solid #e2e2e2;}
.header .hd_right .hd_right_r ul li a{ display: block;}
.header .hd_right .hd_right_r ul li.hd_wx{ position: relative; cursor:pointer;}
.header .hd_right .hd_right_r ul li span{ display: block;}
.header .hd_right .hd_right_r ul li.hd_wx .box{ display: none; position: absolute; left:-50px; top: 74px; z-index: 100; width:154px; padding:5px; background:#fff; border:1px solid #ddd; background: #fff;}
.header .hd_right .hd_right_r ul li.hd_wx .box h2{ font-size:12px; font-weight:normal; line-height:24px; text-align:center;}

.header .hd_right .hd_right_r ul li.hd_qq{ cursor:pointer; position: relative;}
.header .hd_right .hd_right_r ul li span{ display: block;}
.header .hd_right .hd_right_r ul li.hd_qq .box{ display: none; position: absolute; left:-30px; top: 74px; z-index: 100; width:100px; padding:5px 10px; background:#fff; border:1px solid #ddd; border-top:0; background: #fff;}
.header .hd_right .hd_right_r ul li.hd_qq .box img{ margin-right:5px;}
.header .hd_right .hd_right_r ul li.hd_qq .box a{ color:#000;}
.header .hd_right .hd_right_r ul li.hd_tel{ cursor:pointer; position: relative;}
.header .hd_right .hd_right_r ul li span{ display: block;}
.header .hd_right .hd_right_r ul li.hd_tel .box{ display: none; position: absolute; right:0; top: 74px; z-index: 100; width:154px; padding:5px 10px; background:#fff; border:1px solid #ddd; background: #fff;}
.header .hd_right .hd_right_r ul li.hd_tel .box h2{ line-height:24px; color:#333; font-size:14px; text-align:right;}
.header .hd_right .hd_right_r ul li.hd_tel .box p{text-align:right; font-size:16px; line-height:40px;}
.header .hd_right .hd_right_r ul li.hd_tel .box p b{ font-weight:normal; font-size:20px; color:#0036a0;}

.page{ position:relative; width: 100%; min-width:1200px; height:1080px; overflow:hidden; background:url("../ys_images/page_img01.jpg") no-repeat top center;}
.page .page_main{ position:absolute; top:0; left:50%; z-index:8; margin-left:-960px; width:1920px;height:1080px; overflow:hidden;}
.page .page_main .covervid-video{width:100%; }
.page_main_bg{position:absolute; top:0; left:50%; z-index:9; margin-left:-960px; width:1920px;height:1080px; overflow:hidden; background:rgba(0,0,0,0);}
.page .content{ position:relative;z-index:10; width:1000px; margin:0 auto; padding-top:210px;}
.page .content .page_logo{ position:absolute; top:260px; opacity:1; width:100%;text-align:center;}
.page .content .page_txt1{ width:100%; position:absolute; top:660px;opacity:0;text-align:center;}
.page .content .page_txt2{width:100%;position:absolute; top:1080px;opacity:0;text-align:center;}
.page .content .page_txt2 .next_btn{ margin-top:20px;-webkit-animation:positionchange 2s ease running infinite both;
-moz-animation:positionchange 2s ease running infinite both; 
animation:positionchange 2s ease running infinite both;}
@keyframes positionchange{
    0%{ transform:translateY(-5px);}
	25%{ transform:translateY(0);}
	50%{ transform:translateY(5px);}
	75%{ transform:translateY(0px);}
	100%{ transform:translateY(-5px);}
	}
@-webkit-keyframes positionchange{
    0%{ transform:translateY(-5px);}
	25%{ transform:translateY(0);}
	50%{ transform:translateY(5px);}
	75%{ transform:translateY(0px);}
	100%{ transform:translateY(-5px);}
	}
@-moz-keyframes positionchange{
    0%{ transform:translateY(-5px);}
	25%{ transform:translateY(0);}
	50%{ transform:translateY(5px);}
	75%{ transform:translateY(0px);}
	100%{ transform:translateY(-5px);}
	}
.work{ width: 100%; min-width:1200px; overflow:hidden; padding-top: 0px; padding-bottom:90px; background:url("../ys_images/work_bg.png") no-repeat right top;}
.work_asp{ width: 100%; min-width:1200px; overflow:hidden; padding-top: 100px; background:url("../ys_images/work_bg.png") no-repeat right top;}
.work .content{ width:1144px; margin:0 auto;}
.work .title{ width: 100%; margin-bottom: 75px; text-align: center;}
.work .title h2{ width: 100%; font-size: 57px; color: #000; font-weight: normal; margin-bottom:20px; }
.work .title p{ width: 100%; color: #6e6e6e; font-size: 12px;margin-bottom:20px;}
.work .title h3{width: 100%; font-size: 18px; color: #000;font-weight: normal;}
.work .box{ padding-bottom:50px;}
.work .box ul li{ position: relative; float: left; width: 552px;height: 313px; margin:10px;  background: #fff;  cursor:pointer;}
.work .box ul li a{ display: block;}
.work .box ul li .pic{width: 552px;height: 313px; overflow: hidden;}
.work .box ul li .pic img{width: 552px;height: 313px;transition:1s ease;-ms-transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;}
.work .box ul li .bigpic img{width:572px;height: 333px;}
.work .box ul li .post_info_bg{position: absolute; top:0px; left:0px; z-index:9;width: 552px;height: 313px;background:rgba(0,0,0,0.6); text-align:center; opacity:0;transition:1s ease;-ms-transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;}
.work .box ul li .post_info{ position: absolute; top: 30px; left: 30px;z-index:10;width: 491px;height:130px; padding-top:120px;  text-align:center; opacity:0; border:1px solid #fff;
-webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-ms-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.work .box ul li .post_info .play_in span{ position: absolute;
left: 50%;
top: 1px;
height: 0px;
background: #fff;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;}
.work .box ul li .post_info .play_in span{ height:2px;}
.work .box ul li .post_info .play_in {position: absolute;top: 45%;left: 0;width: 100%;margin-left: -10px;margin-top: -14px;text-align: center;}
.work .box ul li .post_info .play_in span.line1 {
width: 0px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.work .box ul li .post_info .play_in span.line2 {
top: 31px;
width: 0px;
margin-left: -1px;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
transform: rotate(-32deg);
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.work .box ul li .post_info .play_in span.line3 {
top: 17px;
width: 0px;
margin-left: 23px;
-webkit-transform: rotate(212deg);
-moz-transform: rotate(212deg);
-ms-transform: rotate(212deg);
-o-transform: rotate(212deg);
transform: rotate(212deg);
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.work .box ul li a:hover .post_info .play_in span.line1{
	width:30px;
}
.work .box ul li a:hover .post_info .play_in span.line2{
	width:28px;
}
.work .box ul li a:hover .post_info .play_in span.line3{
	width:28px;
}



.work .box ul li .post_info .post_tt{position: absolute;
left: 5%;
top: 45%;
margin-top: 0px;
width: 90%;
text-align: center;
font-weight: 300;
letter-spacing: 0.075em;
transform: matrix(1, 0, 0, 1, 0, 10);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-ms-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); color:#fff; font-size:18px; line-height:40px;}
.work .box ul li a:hover .post_info_bg{opacity:1;}
.work .box ul li a:hover .post_info{opacity:1;top: 20px; left: 20px;width: 511px;height:150px;}
.work .box ul li a:hover .pic  img{width:572px;height: 333px;transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}

.work .box .more{ width:180px; height:76px; margin:40px auto 50px auto; text-align:center;}
.work .box .more span{ display:block;border:#000  solid 1px;padding: 20px 50px;font-size: 2em;border-radius: 5px; color:#000; font-size:16px; cursor:pointer;}
.work .box .more span:hover{-ms-animation:colorchange 1s ease both;
-0-animation:colorchange 0.5s ease both;
-webkit-animation:colorchange 0.5s ease both;
-moz-animation:colorchange 0.5s ease both; 
animation:colorchange 0.5s ease both;}
.work_more_show{ display:none;}


/*作品分类*/
.work_content_p{ width:100%;  padding-top:100px;}
.work_content{  position:relative; width:1144px; padding:0 20px; background:#fff; border:1px solid #b0b0b0; border-radius:10px; margin:20px auto; }
.work_content .title{ position:absolute; left:50%; margin-left:-100px; top:-74px; width:200px; height:50px; line-height:50px; color:#747373; font-size:36px;font-family:"微软雅黑";  padding-bottom:24px; background:url("../ys_images/icon_arrow_up.png") no-repeat center bottom;}
.work_content .title a{color:#747373;}
.work_content .tab_nav{ width:876px; margin:0 auto; padding:30px 0 10px 0;}
.work_content .tab_nav ul li{ float:left;width:120px; height:30px; line-height:30px;  display:inline; margin:0 10px; text-align:center; color:#000; font-size:18px; font-family:"微软雅黑";  cursor:pointer;}
.work_content .tab_nav ul li a{ display:block;width:120px; height:30px; padding-bottom:13px;color:#000;}
.work_content .tab_nav ul li.selected a{ background: url("../ys_images/tab_selected_bg.png") no-repeat center bottom; color:#003abc;}
.work_box{width:1144px; margin:0 auto; padding:20px 0;}
.work_box ul li{ position: relative; float: left; width: 552px;height: 313px; margin:10px;  background: #fff;  cursor:pointer;}
.work_box ul li a{ display: block;}
.work_box ul li .pic{width: 552px;height: 313px; overflow: hidden;}
.work_box ul li .pic img{width: 552px;height: 313px;transition:1s ease;-ms-transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;}
.work_box ul li .bigpic img{width:572px;height: 333px;}
.work_box ul li .post_info_bg{position: absolute; top:0px; left:0px; z-index:9;width: 552px;height: 313px;background:rgba(0,0,0,0.6); text-align:center; opacity:0;transition:1s ease;-ms-transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;}
.work_box ul li .post_info{ position: absolute; top: 30px; left: 30px;z-index:10;width: 481px;height:130px; padding-top:120px;  text-align:center; opacity:0; border:1px solid #fff;
-webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-ms-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.work_box ul li .post_info .play_in span{ position: absolute;
left: 50%;
top: 1px;
height: 0px;
background: #fff;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;}
.work_box ul li .post_info .play_in span{ height:2px;}
.work_box ul li .post_info .play_in {position: absolute;top: 45%;left: 0;width: 100%;margin-left: -10px;margin-top: -14px;text-align: center;}
.work_box ul li .post_info .play_in span.line1 {
width: 0px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.work_box ul li .post_info .play_in span.line2 {
top: 31px;
width: 0px;
margin-left: -1px;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
transform: rotate(-32deg);
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
 .work_box ul li .post_info .play_in span.line3 {
top: 17px;
width: 0px;
margin-left: 23px;
-webkit-transform: rotate(212deg);
-moz-transform: rotate(212deg);
-ms-transform: rotate(212deg);
-o-transform: rotate(212deg);
transform: rotate(212deg);
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.work_box ul li a:hover .post_info_bg{opacity:1;}
.work_box ul li a:hover .post_info .play_in span.line1{
	width:30px;
}
.work_box ul li a:hover .post_info .play_in span.line2{
	width:28px;
}
.work_box ul li a:hover .post_info .play_in span.line3{
	width:28px;
}



.work_box ul li .post_info .post_tt{position: absolute;
left: 5%;
top: 45%;
margin-top: 44px;
width: 90%;
text-align: center;
font-weight: 300;
letter-spacing: 0.075em;
transform: matrix(1, 0, 0, 1, 0, 10);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-ms-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000); color:#fff; font-size:18px; line-height:40px;}

.work_box ul li a:hover .post_info{opacity:1;top: 20px; left: 20px;width: 511px;height:150px;}
.work_box ul li a:hover .pic  img{width:572px;height: 333px;transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}


.kindshide{width: 100%;text-align: center; }
.kindshide a{background: #e6e6e6 url("../ys_images/icon_up.png") no-repeat center 7px;width: 106px; padding-top:10px;height: 30px;border-radius: 5px;border-bottom-right-radius:0;border-bottom-left-radius:0;text-align: center;line-height: 30px;display: inline-block; cursor:pointer; color:#585757;}


.news{ width:100%; min-width:1200px; padding:60px 0 150px 0; background:#c3e2ee url("../ys_images/news_bg.png") no-repeat center top;}
.news .content{ width:870px; margin:0 auto;}
.news .title{ width: 100%; margin-bottom: 55px; text-align: center;}
.news .title h2{ width: 100%; font-size: 57px; color: #000; font-weight: normal; margin-bottom:20px; }
.news .title p{ width: 100%; color: #6e6e6e; font-size: 12px;margin-bottom:20px;}
.news .title h3{width: 100%; font-size: 18px; color: #000;font-weight: normal; }
.news .box .bd{ margin-bottom:40px;}
.news .box .bd ul li{ padding:15px 0;border-bottom:1px solid #a0b6be;
}
.news .box .bd ul li i{ display:inline-block; margin-right:30px; width:50px; height:18px; background:url("../ys_images/icon_news.png") no-repeat 0 0; }
.news .box .bd ul li span{color:#757575;margin-right:30px;}
.news .box .bd ul li a{ color:#647177; font-size:14px;}
.news .box .bd ul li a:hover{ color:#000; font-size:14px;}
.news .box .newspic .pic{ float:left; width:280px; height:166px; margin-right:15px;}
.news .box .newspic .pic a{ display:block;width:270px; height:156px; padding:5px; background:#fff;}
.news .box .newspic .text{ float:left; width:560px;}
.news .box .newspic .text h2{ font-size:14px; line-height:26px;}
.news .box .newspic .text h2 a{color:#000; font-size:14px;}
.news .box .newspic .text .time{ margin:7px 0;}
.news .box .newspic .text p{ line-height:24px;}
.news .box .newspic .text p a{color:#000; font-size:12px;}
.news .box .newspic .text p a:hover{ text-decoration:underline;}
.news .box .hd{ text-align:center;}
.news .box .hd ul{ display:inline-block;}
.news .box .hd ul li{ float:left; margin:0 5px;  width:30px; height:30px; line-height:30px; text-align:center; color:#fff; background:#8ea1a8; border-radius:15px; cursor:pointer;}
.news .box .hd ul li.on{background:#5b676c;}

.about{ width:100%; padding:80px 0; background:#c3e2ee;min-width:1200px; min-height:700px;}
.about .content{ width:1070px; margin:0 auto;}
.about .title{ width: 100%; /*margin-bottom: 75px;*/ text-align: center;}
.about .title h2{ width: 100%; font-size: 57px; color: #000; font-weight: normal; margin-bottom:20px; }
.about .title p{ width: 100%; color: #6e6e6e; font-size: 12px;margin-bottom:20px;}
.about .title h3{width: 100%; font-size: 18px; color: #000;font-weight: normal; }
.about .box .intro{/*border-bottom:1px dashed #d5d2cb;*/ padding-bottom:0px; margin-bottom:75px; }
.about .box .intro .about_logo{ width:100%; text-align:center; margin-bottom:40px;}
.about .box .intro .main .m_left{ width:370px; float:left; margin-right:50px;}
.about .box .intro .main .m_left .pic{ text-align:center; padding-bottom:10px;}
.about .box .intro .main .m_left .pic img{ width:145px;}
.about .box .intro .main .m_left .about_video{ width:370px; height:245px;  /*margin-bottom:25px; background:#c3c3c3;*/}
.about .box .intro .main .m_left .about_video h3{ color:#000; font-size:14px; line-height:30px; text-align:center;}
.about .box .intro .left{ width:400px; float:left;}
.about .box .intro .left dl{ width:164px; float:left; margin-right:36px;}
.about .box .intro .left dl dt{ width:154px; padding:5px; background:#fff;}
.about .box .intro .left dl dt img{ width:154px; height:154px;}
.about .box .intro .left dl dd{ color:#000; font-size:14px; line-height:30px; text-align:center;}

.about .box .intro .main .m_right{ width:650px; float:right;}
.about .box .intro .main .m_right .pic{ width:100%; margin-bottom:20px;}
.about .box .intro .main .m_right p{ margin-bottom:15px; line-height:26px; font-size:14px;}
.about .box .leader dl{ width:500px; float:left; display:inline; margin:0 50px;}
.about .box .leader dl dt{ width:100%; text-align:center; margin-bottom:35px;}
.about .box .leader dl dt img{ margin-bottom:10px;}
.about .box .leader dl dt h3{ line-height:24px;color:#585858; font-weight:normal; font-size:14px;}
.about .box .leader dl dd p{ line-height:24px; color:#585858;}
.about .box .more{ width:360px; height:76px; margin:100px auto 20px auto; text-align:center;}
.about .box .more span{ float:left; margin:0 20px; display:block;border:#000  solid 1px;padding: 20px 50px;font-size: 2em;border-radius: 5px; color:#000; font-size:16px; cursor:pointer; 
}
.about .box .more span:hover{-ms-animation:colorchange 1s ease both;
-0-animation:colorchange 0.5s ease both;
-webkit-animation:colorchange 0.5s ease both;
-moz-animation:colorchange 0.5s ease both; 
animation:colorchange 0.5s ease both;}
@keyframes colorchange{
    0%{ background:#fff;}
	30%{ background:#ddd;color:#fff;}
	100%{background:#000; color:#fff;}
	}
@-webkit-keyframes colorchange{
    0%{ background:#fff;}
	30%{ background:#ddd;color:#fff;}
	100%{background:#000;color:#fff;}
	}
@-moz-keyframes colorchange{
    0%{ background:#fff;}
	30%{ background:#ddd;color:#fff;}
	100%{background:#000;color:#fff;}
	}
@-ms-keyframes colorchange{
    0%{ background:#fff;}
	50%{ background:#ddd;color:#fff;}
	100%{background:#000;color:#fff;}
	
	}
@-0-keyframes colorchange{
    0%{ background:#fff;}
	50%{ background:#ddd;color:#fff;}
	100%{background:#000;color:#fff;}
	}

.contact{ width:100%; padding:80px 0; background:#c3e2ee;}
.contact .content{ width:1200px; margin:0 auto;}
.contact .title{ width: 100%; margin-bottom: 75px; text-align: center;}
.contact .title h2{ width: 100%; font-size: 57px; color: #000; font-weight: normal; margin-bottom:20px; }
.contact .title p{ width: 100%; color: #6e6e6e; font-size: 12px;margin-bottom:30px;}
.contact .title h3{width: 100%; font-size: 18px; color: #000;font-weight: normal; }

.contact .box p{ font-size:14px; line-height:30px;}
.contact .box .contact_main{ width:800px; margin:0 auto 65px auto;}
.contact .box .contact_main .left{ width:400px; float:left;}
.contact .box .contact_main .left dl{ width:164px; float:left; margin-right:36px;}
.contact .box .contact_main .left dl dt{ width:154px; padding:5px; background:#fff;}
.contact .box .contact_main .left dl dt img{ width:154px; height:154px;}
.contact .box .contact_main .left dl dd{ color:#000; font-size:14px; line-height:30px; text-align:center;}
.contact .box .contact_main .right{ width:400px; float:left;}
.contact .box .contact_main .right p{ font-size:14px; line-height:28px;}
.map{ width:1070px; height:570px; margin-top:15px; background:#fff;}
.map img{ width:1070px;height:570px;}

.footer{ width:100%; min-width:1200px; height:90px; background:#000; line-height:90px; text-align:center; color:#fff;}
.footer a{ color:#fff;}


.mask{display:none; position:absolute;width:100%;height:100%;background:#000;position:fixed;top:0px;left:0px;z-index:200;}
/*join*/
#join_content{display:none; position: fixed; z-index:201;width:1070px; height:600px; top:50%; left:50%; margin:-300px 0 0 -535px;}
.join_content{ position:relative; width:1070px; background:#fff; margin:50px auto;}
.join_content .del_btn{ position:absolute; width:38px; height:38px; right:-45px; top:-45px; cursor:pointer;}
.join_content .join_content_box{ width:990px; height:540px; padding:30px 40px;overflow-y:scroll;}
.join_content .join_content_box .title{ height:40px; margin-bottom:20px; line-height:40px; text-align:center;font-size:40px; font-family:"微软雅黑";}
.join_content .join_content_box .pic{width:990px; margin-bottom:20px; text-align:center;}
.join_content .join_content_box .box h2{ height:40px; line-height:40px; color:#333; font-size:18px; font-family:"微软雅黑";}
.join_content .join_content_box .box p{ line-height:24px; font-size:14px;}
/*news*/
#news_content{display:none; position: fixed; z-index:201;width:1070px; height:620px; top:50%; left:50%; margin:-310px 0 0 -535px;}
.news_content{ position:relative; width:1070px; background:#fff; margin:50px auto;}
.news_content .del_btn{ position:absolute; width:38px; height:38px; right:-45px; top:-45px; cursor:pointer;}
.news_content .news_content_box{ width:1070px; height:560px; }
.news_content .news_content_box .title{ height:40px; margin-bottom:20px; line-height:40px; text-align:center;font-size:18px; font-family:"微软雅黑";}
.news_content .news_content_box .pic{width:990px; margin-bottom:20px; text-align:center;}
.news_content .news_content_box .box h2{ height:40px; line-height:40px; color:#333; font-size:18px; font-family:"微软雅黑";}
.news_content .news_content_box .box p{ line-height:24px; font-size:14px;}
/*work*/
.video_content{ width:920px; margin:0 auto; padding-bottom:100px;}
.video_content .video_content_box{ width:860px; height:525px; padding:28px; margin-bottom:40px; border:1px solid #e5e5e5; background:#f3f3f3;}
.video_content .text h2{ height:40px; line-height:40px; color:#333; font-size:18px; font-family:"微软雅黑";}
.video_content .text p{ line-height:24px; font-size:14px; color:#6f6f6f;}
/*aboutus*/
#aboutus_content{display:none; position: fixed; z-index:201;width:1070px; height:600px; top:50%; left:50%; margin:-300px 0 0 -535px;}
.aboutus_content{ position:relative; width:1070px; background:#fff; margin:50px auto;}
.aboutus_content .del_btn{ position:absolute; width:38px; height:38px; right:-45px; top:-45px; cursor:pointer;}
.aboutus_content .aboutus_content_box{ width:990px; height:540px; padding:30px 40px;overflow-y:scroll;}
.aboutus_content .aboutus_content_box .title{ height:40px; margin-bottom:20px; line-height:40px; text-align:center;font-size:40px; font-family:"微软雅黑";}
.aboutus_content .aboutus_content_box .leader{ margin-bottom:30px;}
.aboutus_content .aboutus_content_box .leader dl{ width:460px; float:left; margin-right:50px;}
.aboutus_content .aboutus_content_box .leader dl.no{ margin-right:0;}
.aboutus_content .aboutus_content_box .leader dl dt{ width:100%; text-align:center; margin-bottom:35px;}
.aboutus_content .aboutus_content_box .leader dl dt img{ margin-bottom:10px;}
.aboutus_content .aboutus_content_box .leader dl dt h3{ line-height:24px;color:#585858; font-weight:normal; font-size:14px;}
.aboutus_content .aboutus_content_box .leader dl dd p{ line-height:24px; color:#585858;}
.aboutus_content .aboutus_content_box .pic{width:100%;margin-bottom:30px; text-align:center;}
.aboutus_content .aboutus_content_box .pic img{ width:973px;}
.aboutus_content .aboutus_content_box .pic p{ line-height:24px; font-size:14px;}
.aboutus_content .aboutus_content_box .text{ width:100%;margin-bottom:30px; padding:20px 0; text-align:center; background:#ededed; font-size:18px; color:#000; line-height:30px;}


.fullSlide{ width:100%;min-width:1200px; position:relative;  height:600px; background:#000;   }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:1px; overflow:hidden; background:#fff;
	filter:alpha(opacity=100);opacity:1;  line-height:999px; border-radius:10px;
}
.fullSlide .hd ul .on{ background:#0D68AE;  }

.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px;background:url(../ys_images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

.video-box{ position:relative; width:100%; height:473px; _clear:both; _display:inline; }