body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif}
a{color:#333}
a:hover{text-decoration:none;color:#666}
@media (min-width:1200px){.container{width:1200px}
.index-about .col-md-5{width:48%;padding-left:10px;padding-right:10px}
.index-about .col-md-7{width:52%;padding-left:10px;padding-right:10px}
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.mt20{margin-top:20px}
.mt40{margin-top:40px}
.top{height:36px;line-height:36px;color:#333;border-bottom:1px solid #ccc}
.top a{margin:0 10px;color:#333}
.navbar-default{background-color:#fff}
.navbar-brand{float:left;padding:0px 15px;width: 100%;height: auto;}
.navbar-slogn{width:246px;height:55px;margin-top:40px}
.navbar-slogn b{display:block;font-size:20px;font-weight:400;color:#333;line-height:26px}
.mob{display:none !important;}
.navbar-slogn span{display:block;font-size:16px;color:#666;line-height:26px}
.navbar-slogn:before{content:'';float:left;width:1px;height:55px;background-image:radial-gradient(#d0d0d0,#fff);margin:0 24px}
.navbar-tel{margin-top:40px;position:relative;padding-left:70px}
.navbar-tel:before{content:'';position:absolute;left:0;top:0;display:block;width:55px;height:55px;background:url(yancss_sprites.png) no-repeat -10px -170px}
.navbar-tel span{display:block;font-size:16px;line-height:24px;color:#666}
.navbar-tel b{display:block;font-size:30px;font-weight:400;font-family:Impact;line-height:36px;color:#07727e}
.navbar-default .navbar-nav>li>a{color:#fff;font-size:16px}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:transparent}
.navbar-collapse{background:#07727e}
.product{padding:40px 0;background:url(7f367707d8ca44139b82eb6a8c663a20.gif) no-repeat top center}
.title{background:url(title_bg.png) no-repeat center center}
.title h3{color:#333;font-weight:700;margin:0 0 5px}
.title span{display:block;font-size:12px}
.rela{width:150px;height:340px;overflow:hidden;position:fixed;right:10px;top:35%;background:#fff;border:1px solid #cecbcb}
.rela_top{width:100%;height:35px;line-height:35px;font-size:12px;color:#fff;background:#333;text-align:center}
.rela_hot{margin-top:10px;border-bottom:1px solid #cecbcb;padding-bottom:5px;text-align:center}
.rela_hot a{width:85px;height:30px;overflow:hidden}
.rela_hot p{font-size:14px;color:#333;margin:5px 0}
.rela_hot b{font-size:20px;color:#fd0c0c}
.rela_bottom{width:120px;overflow:hidden;margin:10px auto}
.rela_bottom img{width:120px;height:120px}
.rela_bottom p{font-size:14px;text-align:center;color:#666;margin:5px auto}
.mains{width:600px;height:500px;margin:10px auto;overflow:hidden}
.mains img{width:100%;height:500px}
.product-list{margin:30px 0 20px}
.product-list a{display:inline-block;height:30px;line-height:30px;background:#f1f1f1;border:1px solid #c9c9c9;color:#333;padding:0 10px;margin:0 5px}
.product-list a:hover{background:#07727e;color:#fff;text-decoration:none}
.product-item-box{border:1px solid #ccc}
.product-item-title{height:72px;line-height:72px;background:url(yanproduct_title.jpg) no-repeat;color:#fff;margin:0}
.product-item{list-style:none;padding:10px 10px}
.product-item li{height:40px;line-height:40px;border-bottom:1px dashed #ccc;padding-left:22px;font-size:16px;font-weight:700}
.product-img{width:100%;height:240px}
.product-name{font-weight:700;margin-bottom:20px;font-size:16px;height:20px;line-height:20px;overflow:hidden}
.main .col-md-4 .thumbnail img,.product .thumbnail img{height:190px}
.ys-title{height:211px;background:url(yanys_title.jpg) no-repeat top center;color:#fff;text-indent:140px;font-size:20px}
.ys-title h4{font-size:36px;margin-top:30px}
.ys-title span{display:block}
.ys01,.ys02{height:330px;margin-top:60px;padding:0 60px;background:url(ys01_bg.jpg) no-repeat}
.ys02{background:url(ys02_bg.jpg) no-repeat}
.ys-text{background:url(icon_star.jpg) no-repeat 55px 8px;padding-left:75px;font-size:16px;color:#555;line-height:30px;margin:15px 0 -10px}
.about{padding:30px 0;background:url(about_bg.jpg) no-repeat top center}
.about-con{padding:30px 0}
.about-con p{color:#333;line-height:30px}
.news{padding:30px 0}
.news-con h3{padding:30px 0}
.news-con{margin-top:30px}
.news-list{padding:10px 0;list-style:none}
.news-list li{height:30px;line-height:30px;border-bottom:1px dashed #999;background:url(icon_dot.jpg) no-repeat left center;padding-left:12px}
.news-more{width:90px;height:28px;line-height:28px;border:1px solid #c20009;color:#c20009;margin-bottom:10px}
.news-more:hover{color:#fff;background:#c20009}
.contact{padding:30px 0;background:#f1f1f1}
.contact-con{margin-top:30px}
.contact-tel{margin-top:50px;background:url(icon_contact.jpg) no-repeat left top;padding-left:35px;font-size:18px;line-height:27px;color:#333}
.footer{background:#3b3b3d;color:#fff;padding:30px 0 0}
.footer a{color:#fff;line-height:30px}
.footer-logo{margin-top:40px}
.footer-ewm{width:130px;float:right;margin-top:-50px}
.footer-con b{display:block;font-size:16px}
.footer-con b:after{content:'';display:block;width:35px;height:1px;background-color:#fff;margin:15px 0}
.footer-con ul{overflow:hidden}
.footer-con ul li{float:left;width:33%}
.footer-con p{line-height:30px;margin-bottom:0}
.copyright{color:#999}
.flink{padding:5px 0}
.flink a,.flink span{margin:0 5px}
.sidebar-contact,.sidebar-list{border:1px solid #ccc}
.sidebar-list b{display:block;height:72px;line-height:65px;background:url(yanproduct_title.jpg) no-repeat;text-align:center;font-size:28px;color:#fff;font-weight:400}
.sidebar-list ul{padding:10px 20px;list-style:none}
.sidebar-list ul li{height:40px;line-height:40px;border-bottom:1px dashed #999;background:url(icon_list.jpg) no-repeat 10px center;padding-left:30px;font-size:15px}
.sidebar-contact{background:url(sidebar_contact.jpg) no-repeat;padding-top:70px}
.sidebar-contact-con{border-top:1px solid #ccc;padding:10px}
.site-position{height:65px;line-height:65px;background:#f1f1f1}
.site-position h3{margin:0;line-height:65px;color:#07727e}
.news-list-item{padding-bottom:10px;border-bottom:1px dashed #ccc;margin-bottom:10px}
.news-list-title{background:url(wenben.jpg) no-repeat left center;padding-left:20px;height:30px;line-height:30px}
.news-list-title a{font-size:16px}
.news-list-item p{color:#999;clear:both}
.main-author{border-bottom:1px dashed #ccc;margin:10px 0 20px;padding-bottom:10px}
.main-author span{margin:0 10px}
.main-con img{display:block;max-width:100%!important;height:auto!important;margin:0 auto}
.pagination>li>a,.pagination>li>span{color:#666}
.pagination>li>a:focus,.pagination>li>a:hover{color:#fff;background-color:#07727e;border-color:#ddd}
.pagination>.thisclass>a,.pagination>.thisclass>a:focus,.pagination>.thisclass>a:hover,.pagination>.thisclass>span,.pagination>.thisclass>span:focus,.pagination>.thisclass>span:hover{z-index:2;color:#fff;cursor:default;background-color:#07727e;border-color:#ddd}
.slideBox{width:100%;overflow:hidden;position:relative}
.slideBox .hd{height:12px;overflow:hidden;position:absolute;left:50%;bottom:5%;z-index:1;transform:translateX(-50%)}
.slideBox .hd ul{overflow:hidden;zoom:1;float:left}
.slideBox .hd ul li{float:left;margin-right:10px;width:12px;height:12px;line-height:12px;border-radius:50%;text-align:center;background:#fff;cursor:pointer}
.slideBox .hd ul li.on{background:#07727e;color:#07727e}
.slideBox .bd{position:relative;height:100%;z-index:0}
.slideBox .bd li{zoom:1;vertical-align:middle}
.slideBox .bd img{width:100%;display:block}
.form-label label{width:100%}
.form-label input{width:100%}
.form-textarea select,.form-textarea textarea{width:100%;border:none;line-height:40px;min-height:40px!important}
.single-item .slick-dots{list-style:none;position:absolute;left:0;bottom:20px;overflow:hidden;width:100%;text-align:center}
.single-item .slick-dots li{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:#fff;text-indent:-9999px}
.single-item .slick-dots li.slick-active{background-color:#07727e}
.sidebar-title{width:100%;height:80px;background:url(yanlist_title_bg.jpg) no-repeat;background-size:100% 100%;color:#fff;display:flex;flex-direction:column;justify-content:center}
.sidebar-title b{display:block;font-size:20px}
.sidebar-title span{display:block;font-size:14px;font-family:Impact;text-transform:uppercase;color:rgba(255,255,255,.4);letter-spacing:1px}
.sidebar-category{background-color:#f7f7f7;margin-bottom:0}
.sidebar-category li{line-height:70px;border-bottom:1px dashed #ededed;position:relative}
.sidebar-category li:after{content:'\3009';display:block;font-size:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#999}
.sidebar-category li a{display:block;padding:0 20px;font-size:16px;color:#333}
.contact-side{display:flex;flex-direction:column;justify-content:center;background:url(yanlist_contact_bg.jpg) no-repeat;background-size:100% 100%;color:#fff;padding:20px 0}
.contact-side span{display:block;font-size:14px}
.contact-side span:before{content:'';display:block;width:55px;height:55px;background:url(yancss_sprites.png) no-repeat -180px -83px;margin:0 auto 15px}
.contact-side b{display:block;font-size:24px;font-weight:400;font-family:Impact}
.contact-side img{width:130px;margin-top:15px}
.index-product{padding:40px 0}
.index-product-title{position:relative;overflow:hidden;z-index:1}
.index-product-title b{display:block;font-size:20px;line-height:20px;color:#07727e}
.index-product-title span{display:block;font-size:12px;line-height:20px;color:#ccc;text-transform:uppercase}
.index-product-title a{line-height:50px;font-size:16px;color:#999}
.index-product-item{margin-bottom:10px}
.index-product-item span{display:block;font-size:16px;line-height:40px}
.index-product-item div{position:relative}
.index-product-item div p{position:absolute;left:0;top:0;content:'';width:100%;height:100%;background:rgba(2,78,154,.7);font-size:16px;color:#fff;display:none;flex-direction:column;justify-content:center}
.index-product-item div p:before{content:'';display:block;width:67px;height:66px;background:url(yancss_sprites.png) no-repeat -10px -10px;margin:0 auto 20px}
.index-product-item:hover p{display:flex}
.index-ys{background:url(yanys_bg.jpg) no-repeat;background-size:100% 100%;padding-top:50px}
.index-ys-title{position:relative}
.index-ys-title b{display:block;font-size:32px;color:#fff;padding-top:10px}
.index-ys-title b:after{content:'';display:block;width:70px;height:2px;margin:15px auto 40px;background-color:#fff}
.index-ys-title span{display:block;width:100%;font-size:30px;font-family:Impact;color:#fff;opacity:.1;text-transform:uppercase;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:0}
.index-title b{color:#333}
.index-title b:after{background-color:#07727e}
.index-title span{color:#333}
.index-ys-con{position:relative;height:558px}
.index-ys-menu{position:absolute;left:50%;bottom:50px;transform:translateX(-50%);overflow:hidden;width:675px}
.index-ys-menu li{float:left;width:225px;height:160px;background-color:#fff;display:flex;flex-direction:column;justify-content:center}
.index-ys-menu li span{display:block;font-size:20px;color:#333}
.index-ys-menu li i,.index-ys-text-title span{display:block;font-size:10px;font-style:normal;color:#ccc;text-transform:uppercase}
.index-ys-menu li.on{background:#07727e}
.index-ys-menu li.on i,.index-ys-menu li.on span{color:#fff}
.index-ys-menu li:before{content:'';display:block;width:63px;height:54px;background:url(yancss_sprites.png) no-repeat -97px -10px;margin:0 auto 12px}
.index-ys-menu li:nth-child(1):before,.index-ys-text li:nth-child(1) .index-ys-text-title:before{width:63px;height:54px;background-position:-97px -10px}
.index-ys-menu li:nth-child(2):before,.index-ys-text li:nth-child(2) .index-ys-text-title:before{width:54px;height:54px;background-position:-85px -170px}
.index-ys-menu li:nth-child(3):before,.index-ys-text li:nth-child(3) .index-ys-text-title:before{width:63px;height:53px;background-position:-93px -96px}
.index-ys-menu li:nth-child(1).on:before{background-position:-10px -96px}
.index-ys-menu li:nth-child(2).on:before{background-position:-159px -170px}
.index-ys-menu li:nth-child(3).on:before{background-position:-180px -10px}
.index-ys-text li{position:relative}
.index-ys-text li .pull-left{width:50%;height:558px;padding:36px;background:#fff}
.index-ys-text-title{padding-left:90px;border-bottom:2px solid #e6e6e6;padding-bottom:30px;margin-bottom:30px;position:relative}
.index-ys-text-title:before{content:'';display:block;position:absolute;left:0;top:0;background:url(yancss_sprites.png) no-repeat -97px -10px}
.index-ys-text-title b{display:block;font-size:30px;color:#07727e}
.index-ys-text p{font-size:16px;line-height:30px;color:#333}
.index-ys-text:nth-child(1) li{background:url(ys1.jpg) no-repeat right top}
.index-ys-text:nth-child(2) li{background:url(ys2.jpg) no-repeat right top}
.index-ys-text:nth-child(3) li{background:url(ys3.jpg) no-repeat right top}
.ys-ad-name{margin-top:65px;width:250px;height:64px;line-height:64px;background-color:#fff;font-size:24px;font-weight:700;color:#07727e;margin-right:50px;text-align:center;margin-bottom:60px}
.ys-ad-slogn b{display:block;font-size:32px;color:#fff;margin-top:55px}
.ys-ad-slogn ul li{float:left;margin-right:24px;font-size:18px;color:#fff}
.ys-ad-slogn ul li:before{content:'';display:block;width:25px;height:25px;background:url(yancss_sprites.png) -263px -10px;float:left;margin-right:14px}
.ys-tel:before{content:'';display:block;width:55px;height:55px;background:url(yancss_sprites.png) -180px -83px;margin:22px auto 5px}
.ys-tel b{display:block;font-size:30px;font-weight:400;font-family:Impact;color:#fff;margin-bottom:5px}
.ys-tel a{display:block;width:160px;height:30px;line-height:30px;background:#fff;border-radius:20px;text-align:center;font-size:16px;color:#07727e}
.index-case{background-color:#f7f7f7;padding:50px 0;position:relative}
.index-case-item img{width:100%;height:200px}
.index-case-item span{display:block;height:50px;line-height:50px;padding:0 20px;background-color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.1);font-size:16px;position:relative;margin-bottom:5px}
.index-case-item span:after,a.index-more:after{content:'\3009';display:block;width:20px;height:20px;font-size:12px;line-height:20px;text-indent:7px;background-color:#07727e;border-radius:50%;color:#fff;position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.index-case-contact{width:310px;height:52px;line-height:52px;position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);background-color:#07727e;border-radius:50px;color:#fff;padding:0 20px}
.index-case-contact b{font-size:24px;font-weight:400;font-family:Impact;position:relative;padding-left:35px}
.index-case-contact b:before{content:'';display:block;width:55px;height:55px;background:url(yancss_sprites.png) -180px -83px;transform:scale(.52);position:absolute;left:-14px;top:-12px}
.index-case-contact span{font-size:16px;float:right}
.index-about{padding:80px 0 50px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}
.index-about-title{position:relative;padding-top:26px}
.index-about-title:before{content:'About us';text-transform:uppercase;font-size:100px;line-height:76px;color:#333;font-family:Impact;opacity:.1;position:absolute;left:0;top:0}
.index-about-title b{display:block;font-size:32px;color:#333}
.index-about-title span{display:block;font-size:14px;color:#333;margin-top:5px}
.index-about-title span:after{content:'';display:block;width:64px;height:2px;background-color:#07727e;margin:20px 0 10px}
.index-about p{color:#666;line-height:30px;font-size:14px;text-indent:2em}
a.index-more{display:block;width:152px;height:40px;line-height:40px;background-color:#07727e;position:relative;border-radius:50px;color:#fff;padding:0 20px 0 30px;font-size:16px}
a.index-more:after{background-color:#fff;color:#07727e;font-size:16px}
.index-news{padding:50px 0}
.index-news-first{margin-bottom:10px;padding-bottom:20px;border-bottom:1px dashed #ededed}
.index-news-first .pull-left{font-size:16px;color:#333;margin-bottom:5px}
.index-news-first .pull-right{font-size:14px;color:#ccc;margin-bottom:5px}
.index-news-first p{font-size:14px;line-height:24px;color:#666}
.index-news-first .col-md-8>a{color:#07727e}
.index-news-item{height:54px;line-height:54px;overflow:hidden;border-bottom:1px dashed #ededed}
.index-news-item a{font-size:16px}
.index-news-item a:before{content:'·';float:left;font-size:40px;line-height:54px;margin-right:10px}
.index-news-item span{font-size:14px;color:#ccc}
.index-news .index-more{margin:30px auto 0}
@media (min-width:768px){.navbar-header{width:100%}
.navbar-default .navbar-nav>li{position:relative}
.navbar-default .navbar-nav>li:after{content:'';display:block;width:1px;height:16px;background:#5c83d1;position:absolute;right:0;top:20px}
.navbar-default .navbar-nav>li>a{color:#fff;padding:18px 51px}
.index-product-title:after{content:'';display:block;position:absolute;right:90px;bottom:18px;z-index:10;width:70%;height:15px;background:url(title_line.png) repeat-x}
.index-product-item img{width:100%;height:230px}
}
@media (max-width:767px){body{padding-bottom:60px}

.navbar-default .navbar-toggle{margin-top: 13px;}
.container > .navbar-header{}
.pcpc{display:none !important;}
.mob{display:block !important;height: 35px;margin-top: 4px;}
.navbar-brand{height:60px;padding:10px 15px;max-width: 50%;}
.navbar-brand h1,.navbar-brand h2{width:187px;height:40px;background-size:100% 100%}
.product-list a{margin:10px 10px}
.main .col-md-4 .thumbnail img,.product .thumbnail img{height:auto}
.ys-title{text-indent:60px;font-size:16px}
.ys-title h4{font-size:24px;margin-top:30px}
.ys01,.ys02{height:auto;margin-top:20px;padding:0 30px;background:0 0}
.slideBox{height:auto}
.index-case-item img,.slideBox .bd img{height:auto}
.index-ys-title b{font-size:24px}
.index-ys-title span{font-size:20px}
.index-news-first .pull-left,.index-news-first .pull-right{margin-top:10px}
.footer .col-md-3{margin-top:20px}
.footer-ewm{width:130px;float:none;margin:0 auto}
#foot{z-index:99;position:fixed;left:0;bottom:0;width:100%;height:60px;background:#07727e}
.foot-relative{width:100%;height:100%}
.foot a{float:left;width:25%;color:#fff}
.foot a i{display:block;width:100%;text-align:center;font-size:.4rem;line-height:.45rem;padding-top:5px}
.foot a i img{width:28px;height:28px}
.foot a h3{width:100%;text-align:center;margin-top:5px;font-size:16px}
}
.contact-box{background:#fff;-webkit-box-shadow:0 5px 8px rgba(201,201,201,.35);box-shadow:0 5px 8px rgba(201,201,201,.35)}
.contact-box .img,.contact-box .txt{display:table-cell;vertical-align:middle;width:50%}
.contact-box .txt{padding:1rem 1.5rem}
.contact-box .txt strong,.contact-form h4{font-weight:700;font-size:15px;}
.contact-form p{color:#999}
.contact-box .txt hr{background:#07727e;width:80px;display:table;height:3px;margin:12px 0 0}
.contact-box .txt p{margin-top:12px;margin-bottom:10px}
.contact-box .txt p font{color:#07727e;font-size:1.25rem;font-weight:700}
.contact-box.contact-box-s{margin:3rem auto;overflow:hidden}
.form-label{background:#f2f7f8;height:40px;line-height:40px;margin-bottom:1rem;position:relative;padding:0 1rem}
.form-label span{position:absolute;left:1rem;top:0;color:#999}
.form-label span b{color:#07727e;margin-right:3px}
.form-label input{background:0 0;padding-left:90px;border:none}
.form-textarea{background:#f2f7f8;margin-bottom:1rem}
.form-textarea select,.form-textarea textarea{background:0 0;padding:10px;min-height:75px;color:#999}
.form-label textarea:focus{color:#333}
.form-main .sub{background:#07727e;color:#fff;height:40px;width:120px;border-radius:8px;}