i{font-style:normal}
@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:iconfont;}
.rel{position: relative;}
.abs{position: absolute;}
.elp{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
a{transition:0.3s;}
a:hover{color:#13b5b1;}
.container{padding:0;}
ul:after{clear:both;display:table;content:" ";}

body{padding-left:100px!important;}


#fp-nav{}
#fp-nav ul{}
#fp-nav ul li, .fp-slidesNav ul li{height:52px;margin:0px;margin-bottom:6px;width:3px;}
#fp-nav ul li:last-child{display:none;}
#fp-nav ul li .fp-tooltip{opacity:1;width:auto;right:13px;}
#fp-nav ul li .fp-tooltip.right{right:13px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width:1px;height:52px;background:#8b8b8b;border-radius:0;margin:0;top:0;left:auto;right:0;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width:3px;height:52px;background:#50c5bb;margin:0;border-radius:0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width:3px;height:52px;background:#50c5bb;margin:0;border-radius:0;}
/*.maod { position: fixed; right:2%;top:20%; width:auto; z-index:999}
.maod li{margin-bottom:6px; cursor:pointer;border-right:1px solid #eee;padding-bottom:28px;padding-right:10px;}
.maod li span{display:block;color:#fff;font-weight:bold;}
.maod li p{font-size:12px; height:10px; line-height:10px; display:block; display: none; text-align: right;margin-right:26px;}
.maodd{ color:#F00;}
.maod li.active {border-right:3px solid #50c5bb;}
.maod li.active span{color:#50c5bb;}*/



.yan_daohangtop{position:absolute;width:86%;left:50%;margin-left:-43%;top:6.84%;z-index:2;}
.banneryan{position:absolute;width:86%;left:50%;margin-left:-43%;height:77%;top:11.11%;overflow:hidden;}
.ban_b{position:absolute;width:2px;height:63px;left:50%;margin-left:-1px;text-align:center;bottom:3%;background:#50c5bb;}
.ban_b span{font-size:18px;color:#000;background:#dcdcdc;position:absolute;top:10px;left:50%;margin-left:-33px;}
/*.banneryan img{height:100%!important;width:auto;}*/

.about_daohang{text-align:center;margin-top:40px;}
.about_daohang a{margin:0 40px;}

.about{margin:45px 0 120px;}
.about p{color:#787878;}
    .about_tab{margin-top:135px;}
    .about_tab .img{}
    .about_tab img  {transition:0.3s; -webkit-filter: grayscale(100%);
                    -moz-filter: grayscale(1);
                    -ms-filter: grayscale(100%);
                    -o-filter: grayscale(100%);
                    filter: grayscale(100%);
                    filter: gray;}
    .about_tab .info{display:none;}
    .about_tab ul{text-align:center;}
    .about_tab ul li{display:inline-block;margin:0 40px;cursor:pointer;}
    .about_tab ul li p{margin:0;}
    .about_tab ul li:hover img,.about_tab ul li.on img{-webkit-filter: grayscale(0%);
                    -moz-filter: grayscale(0);
                    -ms-filter: grayscale(0%);
                    -o-filter: grayscale(0%);
                    filter: grayscale(0%);
                    filter: gray;}
    .about .img{display:none;}
    .about .info{}
    .about ul{}
    .about ul li{display:none;}
    .about ul li.on{display:block;}







.yan_staff{margin-bottom:70px;}
.yan_staff ul{}
.yan_staff ul li{}
.yan_staff ul li .pic{}
.yan_staff ul li .pic:after{padding-bottom:50%;}
.yan_staff ul li .pic img{width:100%;}
.yan_staff .owl-theme .owl-controls{margin-top:50px;}
.yan_staff .owl-theme .owl-controls .owl-page span.owl-numbers{margin:0 15px;color:#252525;background:none;border-radius:0;font-size:14px;opacity:1;padding:2px 4px;transition:0.3s;font-weight:bold;}
.yan_staff .owl-theme .owl-controls .owl-page.active span,.yan_staff .owl-theme .owl-controls.clickable .owl-page:hover span{color:#12b5b2;border-bottom:3px solid #12b5b2;}

.about_fz{width:86%;margin:0 auto;}
.about_fz{}
.about_fz ul{}
.about_fz ul li{height:506px;padding:66px 0;}
.about_fz ul li .pic{width:50%}
.about_fz ul li .pic:after{padding-bottom:66.18%;}
.about_fz ul li .pic img{width:100%;}
.about_fz ul li .info{width:38.72%;padding-top:120px;color:#343434;line-height:2em;}
.about_fz ul li .info p{font-size:14px;color:#343434;margin-bottom:0;line-height:2em;}
.about_fz .owl-theme .owl-controls{margin-top:85px;}
.about_fz .owl-theme .owl-controls .owl-page span.owl-numbers{margin:0 10px;padding:0;font-size:14px;color:#343434;background:none;opacity:1;padding-bottom:15px;border-radius:0;transition:0.3s;border-bottom:2px solid #eee;}
.about_fz .owl-theme .owl-controls .owl-page.active span,.about_fz .owl-theme .owl-controls.clickable .owl-page:hover span{color:#12b5b2;border-bottom:2px solid #12b5b2;}
.about_fz .owl-theme .owl-controls .owl-buttons div{border-radius:0;background:none;color:#232323;font-size:14px;font-weight:bold;opacity:1;transition:0.3s;padding:0;margin:50px 25px 110px;}
.about_fz .owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:0.8}

/*搜索*/
.search_right .news{width:100%;}
.search_right .news ul li .newright p{line-height:1.8em;height:5.4em;overflow:hidden;}




.active .yuan{top:18%;opacity: 1;transition-delay:0.5s;}
.active .sycontact_con{right:0;opacity: 1;transition-delay:0.5s;}
.active .synews{top:0;opacity: 1;transition-delay:0.5s;}
.active .synews .more{opacity: 1;transition-delay:0.5s;bottom:6%;}
.active .syaleft {opacity: 1;transition-delay:0.5s;top:18%;}
.active .syaright{opacity: 1;transition-delay:0.5s;bottom:16%;}
.active .times{opacity: 1;transition-delay:0.5s;top:53%;}

@media(min-height:768px) and (max-height:840px){
    .synews ul li{padding:12% 1.8%;}
}

@media (max-height:768px){
	.active .syaleft{top:15%;}
	.active .times{top:47%;}
	.active .syaright{bottom:6%;}

    .synews ul li{padding:8% 1.8%;}
    .synews ul li .syntxt p{display:none;}
    .active .synews .more{bottom:3%;}
    .active .yuan{top:5%;left:5%;}
    .navmenu_you{padding-top:5%;}
    .navmenu_you ul{width:60%;}
}
@media (max-width:1366px){
    
}