@charset "utf-8";
/* CSS Document */
html,body {margin: 0 auto;}
body { color: #555;margin: 0px;padding: 0px;  font-size: 16px;font-family: "Microsoft YaHei";text-align: left;}
a {	text-decoration: none;}
a:link,a:visited {	color: #333;}
a:hover {color: #5aa74d;	text-decoration: none;}
* {margin: 0px;padding: 0px;font-family: "Microsoft YaHei";outline: none}
ul,li {list-style-type: none;margin: 0px;padding: 0px;}
img {border: 0px;vertical-align: middle;}
.clear {	clear: both;}
input,select {vertical-align: middle;}
.no {	display: none;}
table {margin: 0px auto;table-layout: fixed;}
.block {display: block;}
.max_img {cursor: pointer;width: 100%; height: 100%; overflow: hidden;position: relative;z-index: 1;}
.max_img img {width: 100%; height: 100%; bottom: 0; top: 0;position: relative;left: 0;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;-o-transition: -o-transform 0.5s;transition: transform 0.5s;}
li:hover .max_img img,div:hover.max_img img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
/*---------------------------------------首页------------------------------------------*/
.top_l{width: 390px; line-height: 120px;}
.top_r{width: 680px;}
.top_ul ul li{ float: left; width: 16.666%; text-align: center; height:100px; padding-top: 12px; border-bottom: 8px #FFFFFF solid; line-height: 112px;}
.top_ul ul li.on,.top_ul ul li:hover{background: #f4f6f7;border-bottom: 8px #d7dee4 solid;}
.top_icon{line-height:40px; position: absolute; right:22px;}
.top_icon a{width:40px; text-align: center;display: inline-block;}
.swiper-container{position: relative;z-index: 1;}
.con_tit{text-align: center; width: 400px; margin: 0 auto;}
.con_tit h1{font-size: 20px; font-weight: bold; color: #999999; display: block; height: 40px; line-height: 40px; border-bottom: 2px solid #f6f6f6;}
.con_tit p{font-size: 12px; line-height: 20px; color: #999999;}
.con_a{padding-top: 220px;height: 740px;}
.con_ul{padding-top: 140px;}
.con_ul ul li {float: left; height: 160px; width: 20%; text-align: center;}
.con_ul ul li h1{font-size: 24px; font-weight: normal; margin-top: 35px;}
.con_ul ul li p{font-family: arial;text-transform: uppercase; color: #999999; margin-top: 10px;}
.con_b{background: url(../images/21syb_bg3.png) no-repeat center;}
.con_img ul li{width:25%; float: left; text-align: center; line-height: 670px;}
.win_c{margin: 0 auto;  position: relative;  max-width: 1600px;width: 92%;}
.con_img ul li:nth-child(2){text-align: right;}
.con_l{width: 50%;}
.con_r{width: 50%;}
.bg_a{background: #ebecf0;}
.bg_b{background: #f2f2f2;}
.bg_c{background: #c0c8cb;}
.bg_a .con_p{padding-left: 180px;}
.bg_b .con_p{padding-left: 280px;}
.con_p{padding-top: 225px;}
.con_p h1{font-size: 24px; margin-bottom: 25px; font-weight: normal;}
.con_p p{line-height: 30px;}
.con_r a{display: block;}
.img_a{height: 655px; width: 70%; text-align: center; line-height: 655px;}
.con_r.li{width: 30%;}
.bottom{padding-top: 80px; padding-bottom: 70px; border-bottom: 1px solid #b6bec1;}
.bo_l p{line-height: 48px;}
.bo_l img{margin-bottom: 20px;}
.bo_r{width: 650px;padding-top: 50px; margin-right: 65px;}
.bo_r p{line-height: 30px; font-size: 16px; text-align: justify;}
.bootom_tit{line-height: 85px; text-align: center; height: 85px;}
.media_a{ border: 1px solid transparent; float: right; margin-right: 10px; margin-top:7px; border-radius: 4px;}
.trans-3{display: block;width: 19px; margin-bottom: 4px; background: #555; height: 2px; border-radius: 1px;}
.trans-3{ transition: all 0.35s linear;}
.box.on .trans-3:nth-child(1){-webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg); transform: matrix(1,0,0,1,0,6) rotate(45deg);}
.box.on .trans-3:nth-child(3){-webkit-transform: matrix(1,0,0,1,0,-6) rotate(-45deg); transform: matrix(1,0,0,1,0,-6) rotate(-45deg);}
.box.on .trans-3:nth-child(2){width: 0;}
.box.on .trans-3{background: #555;}
.media_b,.media_a,.box_top{display: none;}
.nesw_ul{text-align: center;height: 80px;  border-bottom: 1px solid #d7dee4;}
.nesw_ul ul li{ display: inline-block; width: auto; margin: 0px 18px; line-height: 77px; text-align: center; border-bottom: 3px solid #FFFFFF;font-size: 18px;}
.nesw_ul ul li.on,.nesw_ul ul li:hover{border-bottom: 3px solid #5aa74d;  font-weight: bold;}
.nesw_ul ul li.on a,.nesw_ul ul li:hover a{color: #5aa74d;}
.tit_ul ul {margin-right: -30px;}
.tit_ul ul li{ width: 33.33%; float: left;}
.tit_ul ul li a{display: block; margin-right: 30px;}
.tit_ul ul li h1{font-size: 18px; font-weight: bold; line-height: 50px; border-bottom: 1px solid #d7dee4;}
.tit_ul ul li p{line-height: 24px; margin-top: 10px; color: #999999;}
.tit_ul ul li span{padding-top: 10px; display: block; color: #999999;}
.nesw_tit{padding-top:40px;}
.nesw_tit ul li{padding: 35px; margin-bottom: 45px; transition: ease-in-out 0.3s; border: #e0dede 1px solid;background: url(../images/21syb_icon6.png) no-repeat 97% center;}
.nesw_tit ul li .nesw_l{width: 70%;}
.nesw_tit ul li .nesw_r{width: 15%;  padding-left: 30px; border-left:1px solid #e0dede;}
.nesw_tit ul li .nesw_l h1{font-size: 18px; margin-bottom: 10px;}
.nesw_tit ul li .nesw_l p{line-height: 24px;}
.nesw_tit ul li .nesw_r h1{font-size: 30px; color: #999999; font-weight: normal; margin-bottom: 5px;}
.nesw_tit ul li .nesw_r p{color: #999999; margin-bottom: 20px;}
.nesw_tit ul li:hover a,.nesw_tit ul li:hover .nesw_r p,.nesw_tit ul li:hover  .nesw_r h1{color: #FFFFFF;}
.nesw_tit ul li:hover  .nesw_r{border-left: 1px solid #FFFFFF;}
.nesw_tit ul li:hover{border: #5aa74d 1px solid;background:#5aa74d url(../images/21syb_icon9.png) no-repeat 97% center;}
.bottom.li{background: #f5f5f5;}
.bootom_tit.li{background: #f5f5f5;}
.anniu_a{text-align: center;}
.anniu_a a{display: inline-block; margin: 0px 2px; text-transform: uppercase; height: 30px; line-height: 30px;padding: 0px 10px; border: 1px solid #cccccc;}
.anniu_a a:hover,.anniu_a a.on{background: #3c3a3b; color: #FFFFFF;}
.ul_l{width: 50%; background: #FFFFFF; text-align: center; line-height: 600px;}
.ul_r{width: 50%; padding-top: 100px; position: relative;height:500px;}
.nesw_a ul li{ background: #f7f7f7; margin-bottom: 60px; transition: ease-in-out 0.3s;}
.ul_r i{position: absolute; z-index: 99; display: block; left: -45px; width: 85px; height: 3px; background: #5AA74D; top: 50%;}
.ul_r h1{font-size: 100px; padding-left: 140px; color: #999999; margin-bottom: 10px; font-weight: normal;}
.ul_r  p{padding-left: 140px; font-size: 24px; color: #000000; margin-bottom: 40px;}
.ul_r  span{padding-left:140px;}
.nesw_a ul li:hover .ul_r h1{color: #5AA74D;}
.ban_a img{width: 100%;}
.wz{background: #f7f7f7; color: #999999; line-height: 60px; height: 60px;}
.wz a{color: #999999;}
.cp_l{width: 730px; background: #FFFFFF; padding-bottom: 30px;}
.pc-slide {width:630px;margin: 0 auto;}
.view .swiper-container {height: 500px;}
.preview {width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container {width: 530px;height: 112px; margin: 0 auto;}
.preview .swiper-slide {overflow:hidden; width: 112px;height: 112px;margin: 0px 10px;}
.preview .slide6 {width: 112px;}
.preview .arrow-left {background: url(../images/21syb_ll.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width:28px;height: 28px;z-index: 10;}
.preview .arrow-right {background: url(../images/21syb_rr.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 28px;height: 28px;z-index: 10;}
.preview img{border: 1px solid #ebeef1; }
.preview .active-nav img {padding: 0;border: 1px solid #000;}
.preview .swiper-slide img{height: 98%; width: 98%;}
.cp_div{border: 1px solid #e0dede;background: #f7f7f7;}
.swiper-slide img{width: 100%;}
.cp_r{padding-left: 50px; width: 418px; padding-top: 60px;}
.cp_r h1{font-size: 24px;}
.cp_r span{display: block; margin-top: 30px; width: 200px; height: 45px; line-height: 45px; text-align: center; background: #FFFFFF; border: 5px solid #D7DEE4; border-radius:30px;}
.cp_r span img{margin-right: 10px;}
.cp_r p{margin-top: 20px;}
.cp_tit{border: 1px solid #e0dede;}
.cp_h{height: 75px; line-height: 75px; border-bottom: 1px solid #e0dede; padding-left: 35px; font-size: 18px; font-weight: bold;}
.cp_xw{padding: 50px;}
.cp_xw p{line-height: 30px;}
.cp_xx ul{margin-right: -35px;}
.cp_xx ul li{ float: left;width: 25%;}
.cp_xx ul li a{display: block; margin-right: 35px;text-align: center;}
.cp_xx ul li p{margin-top: 20px;}
.cp_xx ul li .max_img{border: 1px solid #E0DEDE; }