.ylsd_body { background-color: #f5f5f5; }
.top { width: 100%; height: 100px; margin: 0px auto; background-color: #fff; }
.nav { width: 70%; height: 100px; float: right; margin-right: 0%; position: relative; }
.logo { margin-top: 0px; float: left; margin-left: 5%; height: 100px; overflow: hidden; }
.nav .nav_list { height: 100px; width: 100%; float: right; margin-right: 0%; }
.nav .nav_list .n0 { float: right; line-height: 100px; height: 100px; text-align: center; width: 100px; margin-right: 18px; }
.nav .nav_list .current { background: #1b62b7; }
.nav .nav_list .current a { color: #fff; display: block; }
.nav .nav_list .n0 a { font-size: 16px; color: #000; display: block; }
.nav .nav_list .n0 .n2 { display: none; color: #fff; line-height: 0px; font-size: 16px; }
.nav .nav_list .n0 .n2 img { margin: 20px auto 25px auto; }
.nav .nav_list .n0:first-child .n2 img, .nav .nav_list .n0:first-child .n1 img { margin-top: 35px; line-height: 100px; }
/*
.nav .nav_list .n0:last-child .n2 img, .nav .nav_list .n0:last-child .n1 img {
	margin-top: 35px;
	line-height: 100px;
}
*/
.nav_list_2 { display: none; position: absolute; top: 100px; right: 0px; width: 1010px; height: 186px; z-index: 999; }
.nav_list_2 li { width: 150px; float: left; background: url(../img/icon14.png) no-repeat center right 20px; height: 38px; line-height: 38px; }
.nav_list_2 li.sub { width: 300px; float: left; background: url(../img/icon14-1.png) no-repeat center right 20px; height: 38px; line-height: 38px; position: relative; display: block; }
.nav_list_2 li:first-child { font-size: 18px; font-weight: bold; color: #000; text-align: left; text-indent: 40px; width: 100%; margin-top: 30px; background: none; }
.nav_list_2 li a { font-size: 16px; color: #000; }
.nav_list_2 li:nth-child(4n+0) {
 margin-right: 550px;
}
.n0:nth-child(5) .nav_list_2 li:first-child {
 width: 100%;
}
.n0:nth-child(5) .nav_list_2 li {
 width: 300px;
 text-align: left;
 text-indent: 40px;
}
.n0:nth-child(5) .nav_list_2 li:nth-child(4n+0) {
 margin-right: 250px;
}
 .n0:nth-child(5) .nav_list_2 {
height:300px;
overflow:hidden;
}
.n0:nth-child(5) .nav_list_2 li {
float:none;
}
ul.nav_list_2 li.sub ul.nav3 { diplay:none; position: absolute; top:320px; left:-390px; }
ul.nav_list_2 li.sub:hover { background:#1b62b7; }
ul.nav_list_2 li.sub:hover a { color:#fff; }
ul.nav_list_2 li.sub:hover ul.nav3 { diplay:block; background:#fff; width:300px; border-left:2px #1b62b7 solid; position: absolute; top:0; left:290px; z-index: 9999; }
ul.nav_list_2 li.sub:hover ul.nav3 li { width:300px; background:none; }
ul.nav_list_2 li.sub:hover ul.nav3 li a { color:#666; }
ul.nav_list_2 li.sub:hover ul.nav3 li:first-child { margin-top:0; font-weight:normal; }
.swiper-pagination { height: 40px; line-height: 40px; text-align: center; top: 700px; display: block; position: absolute; }
.my-bullet { width: 10px; height: 10px; border-radius: 15px; display: inline-block; background-color: #fff; opacity: 1; margin: 8px; cursor: pointer; }
.my-bullet-active { background-color: #1b62b7; }
.banner { width: 100%; margin: 0px auto 0px auto; height: 744px; }
.index_main_100 { width: 70%; margin: 0px auto 0px auto; padding-bottom: 100px; }
.index_title { margin: 0px auto 40px auto; width: 100%; text-align: center; padding-top: 80px; }
.index_main_100 p { font-size: 16px; color: #666666; line-height: 35px; text-indent:32px; }
.index_main_100_b { width: 100%; }
.index_main_100_b li { float: left; position: relative; width: 49%; height: 215px; }
.index_main_100_b li a { display: block; width: 610px; height: 175px; transition: all 1s; padding: 20px; }
.index_main_100_b li img { width: 100%; }
.index_main_100_b li:last-child { float: right; }
.index_main_100_b li .h { position: absolute; display: none; width: 650px; height: 215px; left: -20px; top: -20px; }
.index_main_99 { margin: 0px auto; width: 100%; height: 811px; background: url(../img/pic6.png) no-repeat center center; }
.index_main_99_in { width: 80%; /*	min-height: 620px;*/
	margin: 0px auto 0px auto; }
.index_main_99_in_left { float: left; min-height: 620px; width: 55%; }
.index_main_99_in_right { float: left; margin-left: 2%; background-color: rgba(206, 214, 216, 0.6); width: 43%; }
.index_main_99_in_left_banner { width: 100%; margin: 0px auto 0px auto; height: 620px; }
.index_main_99_in_right li { width: 90%; float: left; margin: 5% 5% 0% 5%; height: 140px; background-color: #fff; }
.index_main_99_in_right li:last-child { margin-bottom: 5%; }
.index_main_99_in_right li .date { width: 90px; height: 100px; background: url(../img/icon13.png) no-repeat center top 60px #1b62b7; float: left; text-align: center; margin: 15px; }
.index_main_99_in_right li .date .day { font-size: 48px; color: #fff; }
.index_main_99_in_right li .date .year { font-size: 14px; color: #fff; }
.index_main_99_in_right li .right { float: left; width: 70%; margin-top: 15px; }
.index_main_99_in_right li .right .title { font-size: 18px; color: #000; height: 25px; overflow: hidden; }
.index_main_99_in_right li .right .des { font-size: 14px; color: #999999; line-height: 25px; height: 75px; overflow: hidden; }
.index_main_99_in_right .current { background-color: #1b62b7; }
.index_main_99_in_right .current .date { background: url(../img/icon20.png) no-repeat center top 60px #fff; }
.index_main_99_in_right .current .date .day, .index_main_99_in_right .current .date .year { color:#1b62b7; }
.index_main_99_in_right .current .right .title, .index_main_99_in_right .current .right .des { color:#fff; }
.index_main_98 { width: 100%; /*	background: url(../img/pic9.png) no-repeat center center;*/
	text-align: center; height: 660px; min-height: 660px; }
.index_main_98_left:hover, .index_main_98_right:hover { }
.index_main_98_left { float: left; width: 50%; height: 660px; transition: all 1s; overflow: hidden; background: url(../img/pic15.png) no-repeat center center; }
.index_main_98_left a { display:inline; }
.index_main_98_right { float: left; width: 50%; height: 660px; transition: all 1s; overflow: hidden; background: url(../img/pic16.png) no-repeat center center; }
.index_main_98 .title { font-size: 36px; height: 90px; line-height: 90px; color: #fff; padding-top: 190px; }
.index_main_98 p { font-size: 18px; color: #fff; line-height: 45px; }
.index_main_98_right p { text-align: left; width: 510px; margin: 0px auto; }
.border-box { position: relative; width: 90%; height: 90%; margin: 5%; }
.border-box::before, .border-box::after {
 position: absolute;
 content: ' ';
 width: 0;
 height: 0;
 border: 1px solid transparent;
 box-sizing: border-box;
 z-index: 99999;
}
.border-box::before {
 top: 0;
 left: 0;
	/* 鼠标离开后的回退效果，如果不设置回退效果，则鼠标离开后就直接很生硬的隐藏了 */
	transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}
.border-box::after {
 bottom: 0;
 right: 0;
 transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}
.border-box:hover:before, .border-box:hover:after { width: 100%; height: 100%; }
.border-box:hover::after {
 border-bottom-color: #fff;
 border-left-color: #fff;
 transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}
.border-box:hover::before {
 border-top-color: #fff;
 border-right-color: #fff;
 transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}
.foot { width: 100%; height: 560px; margin: 0px auto; }
.foot_1 { width: 100%; margin: 0px auto 0px auto; padding-top: 80px; height: 380px; background-color: #262626; }
.foot_1_in { width: 70%; margin: 0px auto; }
.foot_1_1 { width: 70%; float: left; height: 100%; }
.foot_1_1 ul { float: left; width: 25%; }
.foot_1_1 ul li { float: left; width: 100%; text-indent: 5px; line-height: 40px; }
.foot_1_1 ul li a, .foot_1_1 ul li a:hover { font-size: 14px; color: #999999; }
.foot_1_1 ul li:first-child { font-size: 16px; text-indent: 0px; color: #fff; }
.foot_1_2 { height: 100%; float: right; width: 30%; }
.foot_1_2 ul li { float: left; margin-left: 10%; text-align: center; width: 40%; height: 100%; font-size: 14px; line-height: 25px; color: #999999; }
.foot_1_2 ul li img { width: 100%; margin-bottom: 5px; }
.foot_2 { width: 1200px; margin: 55px auto 0px auto; text-align: center; height: 86px; }
.foot_3 { width: 100%; height: 145px; line-height: 145px; margin: 0px auto 0px auto; font-size: 14px; color: #fff; background-color: #000; }
.foot_3_in { width: 70%; margin: 0px auto; }
.foot_3 a, .foot_3 a:hover { font-size: 14px; color: #fff; display: inline; }
.foot_3_1 { float: left; }
.foot_3_2 { float: right; }
.banner_main { width: 100%; margin: 0px auto 0px auto; height: 540px; }
.main_big_title { width: 1200px; margin: 0px auto; text-align: center; font-weight: bold; height: 190px; line-height: 190px; }
.main_big_title .t1 { font-size: 30px; color: #000; display: inline; }
.main_big_title .t2 { color: #1b62b7; font-size: 30px; display: inline; }
.main_big_title .t3 { font-size: 32px; color: #cdcdcd; display: inline; }
.main_in_1 { width: 70%; height: 40px; line-height: 40px; margin: 0px auto; min-width:1300px; padding-bottom:40px; display: block; }
.main_in_1_left { width: 40%; float: left; font-size: 14px; color: #000; }
.main_in_1_left img { margin: 0px 15px 0px 10px; vertical-align: middle; }
.main_in_1_left a, .main_in_1_left a:hover { display: inline; font-size: 14px; color: #000; }
.main_in_1_nav { float: right; }
.main_in_1_nav li { float: left; margin-left: 10px; margin-bottom: 10px; height: 40px; line-height: 40px; padding: 0px 20px; background-color: #fff; }
.main_in_1_nav li a { font-size: 14px; color: #000; }
.main_in_1_nav .current { background-color: #1b62b7; }
.main_in_1_nav .current a { color: #fff; }
.pic_list { width: 70%; margin: 35px auto; }
.pic_list li { float: left; width: 48%; height: 340px; position: relative; margin-right: 2%; margin-bottom: 60px; }
.pic_list li:nth-child(2n+0) {
 margin-right: 0px;
}
.pic_list li .classname { position: absolute; top: 25px; left: 25px; width: 90px; background: #1b62b7; text-align: center; font-size: 14px; color: #fff; padding-bottom: 20px; }
.pic_list li .classname img { margin: 15px auto; }
.pic_list li .title { position: absolute; left: 160px; top: 40px; font-size: 24px; color: #fff; }
.pic_list li .button { }
.pic_list li .button a { display: block; font-size: 14px; color: #1b62b7; }
.pic_list li .button .chakan { width: 18%; height: 45px; line-height: 45px; border: 1px solid #1b62b7; border-radius: 8px; font-size: 14px; color: #1b62b7; text-align: center; position: absolute; top: 260px; }
.pic_list_button1 { background-color: #1b62b7; }
.pic_list li .button .zixun { width: 24%; height: 45px; line-height: 45px; background-color: #1b62b7; border: 1px solid #1b62b7; border-radius: 8px; font-size: 14px; color: #fff; text-align: center; position: absolute; top: 260px; left: 20%; }
.pic_list li .button .zixun a { color: #fff; }
.pic_list li .button .zixun img { margin-right: 10px; vertical-align: middle; }
.pic_list li .img { position: absolute; bottom: 0px; right: 10px; width: 48%; }
.pic_list li .img img { width: 100%; }
.pic_list li .bg { height: 240px; width: 100%; transition: all 1s; overflow: hidden; }
.pic_list li .bg:hover { -webkit-transform: scale(1.025, 1.025); transform: scale(1.025, 1.025); }
.pic_list li .bg img { height: auto; width: 100%; }
.page_info { width: 1200px; margin: 45px auto 80px auto; text-align: center; height: 40px; line-height: 30px; clear: both; }
.page_info a { display: inline; border: 1px solid #9a9a9a; border-radius: 2px; padding: 8px 14px; text-align: center; margin: 0px 10px 0px 0px; font-size: 14px; color: #9a9a9a; }
.page_info a.page-num-current { background-color: #9a9a9a; border: 1px solid #9a9a9a; color: #fff; }
.page_info .tiaozhuan { font-size: 14px; color: #9a9a9a; border: none; }
.page_info .tiaozhuan input:first-child { width: 30px; height: 30px; padding: 0px; text-align: center; }
.page_info .tiaozhuan input { border: 1px solid #9a9a9a; padding: 8px 14px; font-size: 14px; background: none; width: auto; cursor: pointer; color: #9a9a9a; }
.page_info a { font-size: 14px; color: #9a9a9a; display: inline; }
.page_info a:hover { color: #9a9a9a; }
.page_info span.page-status { display:none }
.pro_detail { width: 70%; min-width:1300px; background-color: #fff; margin: 0px auto; }
.pro_detail .pro_detail_1 { width: 96%; padding: 2%; }
.pro_detail .pro_detail_1 .pro_detail_1_left { width: 45%; float: left; margin-right: 5%; }
.pro_detail .pro_detail_1 .pro_detail_1_left img { width: 100%; }
.pro_detail .pro_detail_1 .pro_detail_1_right { width: 45%; float: left; }
.pro_detail .pro_detail_1 .pro_detail_1_right .classname { font-size: 18px; color: #1b62b7; font-weight: bold; }
.pro_detail .pro_detail_1 .pro_detail_1_right .title { font-size: 24px; color: #000; font-weight: bold; height: 70px; line-height: 70px; border-bottom: 1px solid #e8e8e8; }
.pro_detail .pro_detail_1 .pro_detail_1_right .des { font-size: 16px; color: #666666; padding-top: 20px; line-height: 30px; }
.pro_detail .pro_detail_1 .pro_detail_1_right .des .zixun { width: 24%; height: 45px; line-height: 45px; background-color: #1b62b7; border: 1px solid #1b62b7; border-radius: 8px; font-size: 14px; color: #fff; text-align: center; margin-top: 20px; }
.pro_detail .pro_detail_1 .pro_detail_1_right .des .zixun a { color: #fff; }
.pro_detail .pro_detail_1 .pro_detail_1_right .des .zixun img { margin-right: 10px; vertical-align: middle; }
.pro_detail_2 { font-size: 16px; margin-top: 20px; color: #333333; line-height: 35px; }
.pro_detail_2 p { font-size: 16px; margin-top: 20px; color: #333333; line-height: 35px; }
.pro_detail_3 { }
.pro_detail_3 ul li { width: 22%; float: left; height: 350px; margin-right: 4%; text-align: center; }
.pro_detail_3 ul li:last-child { width: 22%; margin-right: 0px; }
.pro_detail_3 ul li .title { font-size: 14px; color: #000; height: 45px; line-height: 45px; }
.pro_detail_3 ul li .img { width: 100%; height: 230px; display: table-cell; vertical-align: middle; border: 1px solid #cccccc; }
.pro_detail_3 ul li .img img { max-height: 96%; max-width: 96%; }
.pro_detail_3 ul li .button { text-align: center; display: block; width: 100%; }
.pro_detail_3 ul li .button a { display: block; font-size: 14px; color: #1b62b7; }
.pro_detail_3 ul li .button .chakan { width: 28%; height: 45px; line-height: 45px; border: 1px solid #1b62b7; border-radius: 8px; font-size: 14px; color: #1b62b7; text-align: center; margin-right: 15px; display: inline-block; }
.pic_list_button1 { background-color: #1b62b7; }
.pro_detail_3 ul li .button .zixun { width: 40%; height: 45px; line-height: 45px; background-color: #1b62b7; border: 1px solid #1b62b7; border-radius: 8px; font-size: 14px; color: #fff; text-align: center; display: inline-block; }
.pro_detail_3 ul li .button .zixun a { color: #fff; }
.pro_detail_3 ul li .button .zixun img { margin-right: 10px; vertical-align: middle; }
.pro_detail_3 .big_title { font-size: 24px; color: #000; height: 100px; line-height: 100px; font-weight: bold; }
.news_list { width: 70%; margin: 30px auto; min-width:1300px; }
.news_list li { width: 100%; float: left; margin: 0px auto 25px auto; height: 140px; background-color: #fff; }
.news_list li:last-child { margin-bottom: 5%; }
.news_list li .date { width: 90px; height: 100px; background: url(../img/icon13.png) no-repeat center top 60px #1b62b7; float: left; text-align: center; margin: 15px; }
.news_list li .date .day { font-size: 48px; color: #fff; }
.news_list li .date .year { font-size: 14px; color: #fff; }
.news_list li .right { float: left; width: 65%; margin-top: 15px; }
.news_list li .right .title { font-size: 24px; color: #000; height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_list li .right .des { font-size: 14px; color: #999999; line-height: 25px; height: 75px; overflow: hidden; }
.news_list li .right_2 { width: 18%; padding-top: 30px; font-size: 14px; color: #999999; line-height: 30px; float: right; }
.news_list .current { background-color: #1b62b7; }
.news_list .current .date { color: #fff; background: url(../img/icon20.png) no-repeat center top 60px #fff; }
.news_list .current .date .day, .news_list .current .date .year { color: #1b62b7; }
.news_list .current .right_2, .news_list .current .right .title, .news_list .current .right .des { color: #fff; }
.news_show { width: 70%; margin: 0px auto; box-sizing: border-box; padding: 80px 40px; background-color: #fff; min-width: 1300px; }
.news_show .title { font-size: 24px; text-align: center; color: #000; line-height: 50px; font-weight: bold; margin: 0px auto; }
.news_show .info { height: 50px; line-height: 50px; background-color: #f2f2f2; padding: 0px 20px; margin: 40px auto; font-size: 14px; color: #666666; width: 40%; text-align: center; }
.news_show .content { font-size: 16px; width: 95%; margin: 0px auto; color: #666666; line-height: 30px; }
.news_show .content p { margin-bottom: 20px; }
.news_show .content img { max-width: 100%; margin-top: 20px; }
.news_show .end { width: 100%; text-align: center; margin: 60px auto 0px auto; }
.honor { margin: 0 auto; width: 70%; background-color: #fff; min-width:1300px; }
.honor_h4 { width: 100%; margin: 0px auto; }
.honor_h4 li { float: left; width: 22%; padding: 2% 1.5%; border-bottom: 1px dashed #535353; }
.honor_h3 { width: 100%; margin: 0px auto; padding-bottom: 50px; }
.honor_h3 li { float: left; width: 30%; padding: 2% 1.6%; border-bottom: 1px dashed #535353; text-align:center; }
.honor_h4 li img, .honor_h3 li img { max-width: 100%; }
.honor_h4 li img { width:286px; height:408px; }
.honor_h3 li img { width:390px; height:270px; }
.honor_h3 li span { width:100%; line-height:45px; color:#666666 }
.gallery-top { height: 836px; width: 100%; position: relative; }
.gallery-top .info { position: absolute; left: 35%; top: 220px; }
.gallery-top .info .title { font-size: 36px; color: #fff; font-weight: bold; }
.gallery-top .info .canshu { font-size: 18px; margin-bottom: 30px; color: #fff; }
.gallery-top .info .more { font-size: 14px; color: #fff; }
.gallery-top .info .more a { font-size: 14px; color: #fff; }
.gallery-top .info img { position: absolute; top: -5px; left: 200px; }
.gallery-thumbs { height: 420px; float: left; top: 205px; left: 10%; z-index: 999; position: absolute; width: 330px; }
.gallery-thumbs .swiper-slide { height: 90px; width: 320px !important; border: 2px solid #fff; }
.gallery-thumbs .swiper-slide-thumb-active { background-color: #1b62b7; color: #fff; }
.gallery-thumbs { }
.gallery-thumbs .swiper-slide img { margin: 20px; height: 56px; float: left; }
.gallery-thumbs .swiper-slide .right { float: left; margin-top: 30px; }
.gallery-thumbs .swiper-slide .right .right1 { font-size: 16px; color: #fff; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 150px; }
.gallery-thumbs .swiper-slide .right .right2 { font-size: 12px; color: #fff; }
.gallery-top-title { margin:0px auto; position:absolute; top:50px; left:50%; z-index:999; margin-left:-80px; }
 @keyframes lefteaseinAnimate {  0% {
transform: translateX(2000px);
opacity: 0;
}
 100% {
transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes lefteaseinAnimate {  0% {
-webkit-transform: translateX(2000px);
opacity: 0;
}
 100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-o-keyframes lefteaseinAnimate {  0% {
-webkit-transform: translateX(2000px);
opacity: 0;
}
 100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-ms-keyframes lefteaseinAnimate {  0% {
-webkit-transform: translateX(2000px);
opacity: 0;
}
 100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-moz-keyframes lefteaseinAnimate {  0% {
-webkit-transform: translateX(2000px);
opacity: 0;
}
 100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
.efficiency { animation: lefteaseinAnimate 2s ease 1; -webkit-animation: lefteaseinAnimate 2s ease 1; -ms-animation: lefteaseinAnimate 2s ease 1; -o-animation: lefteaseinAnimate 2s ease 1; -moz-animation: lefteaseinAnimate 2s ease 1; animation-fill-mode:forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; }
 .border-box::before, .border-box::after {
 position: absolute;
 content: ' ';
 width: 0;
 height: 0;
 border: 1px solid transparent;
 box-sizing: border-box;
}
.border-box::before {
 top: 0;
 left: 0;
	/* 鼠标离开后的回退效果，如果不设置回退效果，则鼠标离开后就直接很生硬的隐藏了 */
	transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}
.border-box::after {
 bottom: 0;
 right: 0;
 transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}
.border-box:hover:before, .border-box:hover:after { width: 100%; height: 100%; }
.border-box:hover::after {
 border-bottom-color: #fff;
 border-left-color: #fff;
 transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}
.border-box:hover::before {
 border-top-color: #fff;
 border-right-color: #fff;
 transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}
.index_main_100_b li .index_main_b01 { background: url(../img/pic2.png) center center no-repeat; background-size: 100%; }
.index_main_100_b li .index_main_b02 { background: url(../img/pic3.png) center center no-repeat; background-size: 100%; }
.border-box01 { width: 100%; height: 100%; margin: 0; }