@charset "utf-8";
/******************************************************

 功能：主样式表
 
 ******************************************************/

/* 全局背景、字体、字号、颜色、行高、页边距等 */
html { -webkit-text-size-adjust: none; }
* { margin:0px; padding:0px; }
body { margin:0px; padding:0px; font-size:12px; color:#000; font-family:tahoma, arial, 微软雅黑, 宋体, sans-serif;overflow-x: hidden;}
/* CSS3盒子模型 */
ul, li, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, p { list-style-type:none; margin:0; padding:0; display:block; }
em, i { font-style:normal; }
em { display:inline-block; vertical-align:middle; }
fieldset { border:none; margin:0; padding:0; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
/* 公共匹配样式 */
* { outline:none; }
a, img { border:none; }
img { border:none; vertical-align:middle; }
/* 链接 */
a { text-decoration:none; color:#333; }
a:hover { color:#333; text-decoration:none; }
a:visited { text-decoration:none; color:#333; }
a:active { text-decoration:none; color:#333; }
input[type=button], input[type=reset], input[type=submit] { cursor:pointer; -webkit-appearance: none; }
.clear:after{clear:both;display:table;height:0;content:"";}
.left{float:left;}
.right{float:right;}
.box{width: 1200px; margin-left:auto; margin-right:auto;}
/*头部*/
.toubu{width:100%;height:100px;}
.toubu .logo{padding-top:20px;}
.toubu .logo img{height:60px;}
.toubu .yingwen{position:relative;z-index:99;}
.toubu .yingwen .dq{line-height:100px;cursor:pointer;font-size:16px;margin-left:20px;}
.toubu .yingwen .dq img{width: 30px;display: inline-block;padding-right:8px;}
.toubu .yingwen ul{width:150px;position:absolute;top:65px;left:0;background:#fff; box-shadow: 0 0px 8px rgb(0 0 0 / 34%);border: 1px solid #ddd;padding:8px 0;display:none}
.toubu .yingwen ul li a{display:block;line-height:34px;font-size:15px;padding-left:18px;}
.toubu .yingwen ul li a img{width: 30px;display: inline-block;padding-right:8px;}
.toubu .yingwen ul li a:hover{color:#ee6b41;}
.toubu .yingwen:hover ul{display:block}
.toubu .nav{}
.toubu .nav ul li{float:left;width:115px;text-align: center;}
.toubu .nav ul li a{display:block;line-height:100px;font-size:16px;}
.toubu .nav ul li a:hover{color: #ee6b41;background:#f8f8f8}
/*banner*/
.banner{width:100%;height:500px;}
.banner .swiper-slide a{display:block;height:500px;}
.banner .swiper-pagination-bullets{bottom:20px !important;}
.banner .swiper-pagination-bullet{width:14px;height:14px;}
.banner .swiper-pagination-bullet-active{background:#660000}
/*优势*/
.youshi{padding-top:78px;}
.youshi ul li{width:33.33%;float:left;min-height:310px;background:#f9f9f9;}
.youshi ul li:nth-child(2){background:#f4f4f4;}
.youshi ul li .img{text-align: center;padding-top:42px;}
.youshi ul li .img img{height:70px;}
.youshi ul li .name{font-size: 20px;color: #333333;text-align: center;padding-top:26px;}
.youshi ul li .intro{line-height:26px;padding:25px 36px 0;font-size: 14px;color:#555;}
/*关于我们*/
.about{padding-top:100px;background:url(../images/ab_bg.png)no-repeat right top;}
.about .zuo img{width:680px;}
.about .you{width:490px;}
.about .you .name{font-size: 26px;}
.about .you .name span{color: #ee6b41;font-weight:bold;}
.about .you .name p{font-size:18px;padding-top:5px;}
.about .you .intro{font-size: 14px;line-height: 200%;color:#5a5a5a;}
.about .you .more a{display:block;background-color:#ee6b41;width: 120px;height: 32px;line-height: 32px;text-align: center;color:#fff;border-radius:30px;margin-top:35px;}
.about .you .more a:hover{background:#ce4215;}
/*产品中心*/
.chanpin{width:100%;background-color: #f9f9f9;margin-top:80px;padding-top:80px;padding-bottom:70px;}
.chanpin .name{}
.chanpin .name .zuo{font-size: 26px;}
.chanpin .name .zuo span{color: #ee6b41;font-weight:bold;}
.chanpin .name .zuo p{font-size:18px;padding-top:5px;}
.chanpin .name .you a{display:block;margin-top:15px; height: 30px;width:120px;border:1px solid #999999;border-radius:30px; text-align: center;color: #999999;line-height: 30px;}
.chanpin .name .you a:hover{background:#ee6b41;border:1px solid #ee6b41;color:#fff;}
.chanpin ul{margin-top:50px;}
.chanpin ul li{padding: 15px;border: 1px solid #eeeeee;width: 253px;background:#fff;float:left;margin-right:20px;margin-bottom:20px;}
.chanpin ul li:nth-child(4n){margin-right:0;}
.chanpin ul li:hover{border: 1px solid #ee6b41;}
.chanpin ul li a{display:block;padding-bottom:5px;}
.chanpin ul li .img{border:1px solid #e5e5e5}
.chanpin ul li .img img{width:100%;height:251px;}
.chanpin ul li .name{font-size: 16px;color: #ee6b41;line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;white-space: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:12px;}
.chanpin ul li .intro{font-size: 14px;height:20px;line-height:20px; color: #666666;margin-top: 12px;overflow:hidden;text-overflow:ellipsis;white-space: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
/*新闻中心*/
.news{padding-top:72px;}
.news .name{}
.news .name .zuo{font-size: 26px;}
.news .name .zuo span{color: #ee6b41;font-weight:bold;}
.news .name .zuo p{font-size:18px;padding-top:5px;}
.news .name .you a{display:block;margin-top:15px; height: 30px;width:120px;border:1px solid #999999;border-radius:30px; text-align: center;color: #999999;line-height: 30px;}
.news .name .you a:hover{background:#ee6b41;border:1px solid #ee6b41;color:#fff;}
.news .nr{padding-top:95px;}
.news .nr .zuo{width:789px;}
.news .nr .zuo ul li{border-bottom: 1px solid #ececec;margin-bottom:12px;padding-bottom:12px;}
.news .nr .zuo ul li a{display: block;margin-bottom: 5px;font-size: 16px;color: #333333;}
.news .nr .zuo ul li a:hover{color: #ee6b41;}
.news .nr .zuo ul li p{color: #999999;padding-bottom:6px;}
/*版权*/
.banquan{background-color: #434343;padding-top:68px;margin-top:70px;}
.banquan .lx{border-bottom: 1px solid #666666;padding-bottom:35px;}
.banquan .lx .name{font-size: 26px;color:#d9d9d9}
.banquan .lx .name span{color: #ee6b41;font-weight:bold;}
.banquan .lx .zuo{width:495px;}
.banquan .lx .zuo .intro{font-size: 14px;line-height: 200%;color: #d9d9d9;padding-top:28px;}
.banquan .lx .zhong{width:250px;text-align: center;color: #d9d9d9;font-size: 14px;padding-top:70px;}
.banquan .lx .zhong p{font-size: 30px;line-height: 140%;}
.banquan .lx .you{}
.banquan .lx .you ul{padding-top:60px;}
.banquan .lx .you ul li{float:left;}
.banquan .lx .you ul li:nth-child(1){margin-right:20px;}
.banquan .lx .you ul li img{width:100px;}
.banquan .copy{color: #a19b94;font-size: 14px;padding:20px 0}
.banquan .copy a{color: #a19b94;}
/*营销工具*/
.fudong{width: 50px;position: fixed;top:50%;margin-top:-100px; right:0;z-index: 9999;display:block;}
.fudong li{width: 50px;height: 50px;border: 1px solid #ccc;text-align: center; background:#fff;margin-bottom:6px;}
.fudong li a{display:block;cursor: pointer;}
.fudong li i{display: block;line-height: 50px;color:#898989;font-size:18px;}
.fudong li:hover i{color:#0065b9}
.fudong .fanhui{right:0;position: relative;overflow: hidden;transition:all 0.6s;}
.fudong .weix{position: relative;}
.fudong .weix .weix_nr{width:170px;position:absolute;top:-50px;left:-172px;background:#fff;border:1px solid #ddd;text-align: center;padding-top: 30px;display: none}
.fudong .weix .weix_nr img{width:97px;}
.fudong .weix .weix_nr p{line-height: 36px;padding-bottom: 20px;font-size:14px;}
.fudong .weix:hover .weix_nr{display: block;}
.fudong .dh{position: relative;}
.fudong .dh .dh_nr{width:150px;height:50px;line-height:50px;font-size:14px; position:absolute;top:-1px;left:-152px;background:#fff;border:1px solid #ddd;text-align: center;display: none;}
.fudong .dh:hover .dh_nr{display: block;}
.dh1 i{display:block;width:50px;height:50px;background:url(../images/fkf-3.png) no-repeat center;background-size:30px 30px;}
.dh1:hover i{background:url(../images/fkf-33.png) no-repeat center;background-size:30px 30px;}
.dh2 i{display:block;width:50px;height:50px;background:url(../images/fkf-4.png) no-repeat center;background-size:30px 30px;}
.dh2:hover i{background:url(../images/fkf-44.png) no-repeat center;background-size:30px 30px;}
.dh3 i{display:block;width:50px;height:50px;background:url(../images/fkf-7.png) no-repeat center;background-size:30px 30px;}
.dh3:hover i{background:url(../images/fkf-77.png) no-repeat center;background-size:30px 30px;}
.dh4 i{display:block;width:50px;height:50px;background:url(../images/fkf-8.png) no-repeat center;background-size:30px 30px;}
.dh4:hover i{background:url(../images/fkf-88.png) no-repeat center;background-size:30px 30px;}
/*关于我们列表页*/
.about_lb{padding-top:60px;}
.about_lb .shang{}
.about_lb .shang .zuo{width:790px;}
.about_lb .shang .zuo .name{font-size: 26px;}
.about_lb .shang .zuo .name span{color: #ee6b41;font-weight:bold;}
.about_lb .shang .zuo .name p{font-size:18px;padding-top:5px;}
.about_lb .shang .zuo .intro{font-size: 14px;line-height: 200%;color: #5a5a5a;padding-top:70px;}
.about_lb .shang .you img{width:360px;}
.about_lb .xia{padding-top:40px;}
.about_lb .xia .zuo img{width:790px;}
.about_lb .xia .you{width:360px;}
.about_lb .xia .you .name{font-size: 26px;}
.about_lb .xia .you .name span{color: #ee6b41;font-weight:bold;}
.about_lb .xia .you .name p{font-size:18px;padding-top:5px;}
.about_lb .xia .you .intro{color: #5a5a5a;font-size: 14px;line-height: 28px;padding-top:25px;}
/*证书*/
.zhengshu{padding-top:80px;}
.zhengshu .name{font-size: 26px;}
.zhengshu .name span{color: #ee6b41;font-weight:bold;}
.zhengshu .name p{font-size:18px;padding-top:5px;}
.zhengshu .nr{padding-top:60px;}
.zhengshu .nr ul li{width:180px;float:left;margin-right:20px;}
.zhengshu .nr ul li img{width:180px;height:250px;}
/*产品列表页*/
.product_lb{}
.product_lb .nr{}
.product_lb .nr ul{margin-top:60px;}
.product_lb .nr ul li{padding: 15px;border: 1px solid #eeeeee;width: 253px;background:#fff;float:left;margin-right:20px;margin-bottom:20px;}
.product_lb .nr ul li:nth-child(4n){margin-right:0;}
.product_lb .nr ul li:hover{border: 1px solid #ee6b41;}
.product_lb .nr ul li a{display:block;padding-bottom:5px;}
.product_lb .nr ul li .img{border:1px solid #e5e5e5}
.product_lb .nr ul li .img img{width:100%;height:251px;}
.product_lb .nr ul li .name{font-size: 16px;color: #ee6b41;line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;white-space: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:12px;}
.product_lb .nr ul li .intro{font-size: 14px;color: #666666;margin-top: 12px;height:20px;line-height:20px; overflow:hidden;text-overflow:ellipsis;white-space: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.erji{padding-top:60px;}
.erji .zuo{font-size: 26px;}
.erji .zuo span{color: #ee6b41;font-weight:bold;}
.erji .zuo p{font-size:18px;padding-top:5px;}
.erji .you{padding-top:10px;}
.erji .you a{display:inline-block;line-height:40px;font-size: 16px;padding:0 16px;margin:0 15px;}
.erji .you a:hover{background:#f8f8f8;color: #ee6b41;}
.erji .you .on{background:#f8f8f8;color: #ee6b41;}
/*产品详情页*/
.product_xq{padding-top:60px;padding-bottom:70px;}
.product_xq .nr{}
#MagnifierWrap2{position: relative;width:500px;}
.MagnifierMain{position: relative;width:500px;height:500px;}
.MagnifierMain img{width: 100%;height:100%;border:1px solid #ddd;} 
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}
.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; }
.MagnifierImg{position: absolute;top:0; left: 0;}
.spec-items{position: relative;width:442px;height: 69px;overflow: hidden;padding-top: 10px;margin: 0 auto;}
.spec-items ul{width: 500%;position: absolute;top: 10px;left: 0;}
.spec-items ul *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.spec-items li{width: 65px;height: 65px;float: left;overflow: hidden;margin-right: 5px;border: 2px solid #eee;cursor: pointer;}
.spec-items li.on{border:2px solid #ee6b41;}
.spec-items li img{width: 100%; } 
span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 69px;line-height: 69px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
span.on{background-color: #ccc;color: #999;cursor: pointer;} 
span.spe_leftBtn{left: 0;}
span.spe_rightBtn{right: 0;}
.product_xq .top .you{width:650px;}
.product_xq .top .you .name1{font-size:28px;border-bottom:1px solid #ddd;padding-bottom:15px;color:#333;}
.product_xq .top .you .intro{font-size:14px;line-height:28px;color:#555;padding-top:20px;}
.product_xq .top .you .tel{color:#f00;font-size:14px;font-weight:bold;padding-top:30px;}
.product_xq .top .you .tel span{font-size: 25px;}
.product_xq .top .you .more a{display:block;width:180px;line-height:50px;background:#0065b9;text-align: center;font-size:18px;color:#fff;border-radius:5px;margin-top:25px;}
.product_xq .xq{padding-top:40px;}
.product_xq .xq .name{border-bottom:1px solid #ddd;height:50px;line-height:50px;overflow:hidden;}
.product_xq .xq .name span{display:inline-block;font-size:20px;font-weight:bold;padding:0 20px;border-bottom:1px solid #0065b9;color:#0065b9; line-height:49px;}
.product_xq .xq .content{padding-top:25px;font-size:14px;line-height:26px;color:#555;}
.product_xq .xq .content img{max-width:100%;}
/*新闻列表页*/
.news_lb{}
.news_lb .nr{padding-top:70px;}
.news_lb .nr ul li{border-bottom: 1px dotted #dbd4cd;padding-bottom:26px;margin-bottom:26px;}
.news_lb .nr ul li .time{width:75px;height:71px;background:#ee6b41;color:#fff;text-align: center;font-size: 13px;}
.news_lb .nr ul li .time p{font-size: 24px;font-weight:bold;line-height:36px;padding-top:7px;}
.news_lb .nr ul li .text{width:calc(100% - 115px);}
.news_lb .nr ul li .text .name a{display: block;font-size: 16px;color: #333333;line-height: 140%;}
.news_lb .nr ul li .text .name a:hover{color: #ee6b41;}
.news_lb .nr ul li .text .intro{padding-top:8px;font-size:14px;line-height:22px; color: #666666;}
/*新闻详情页*/
.news_xq{}
.news_xq .content{border-top:1px solid #d9d9d9;margin-top:50px;}
.news_xq .content .name{text-align: center;font-size: 20px;color: #333333;padding-top:50px;}
.news_xq .content .time{text-align: center;padding-top:20px;    color: #999999;}
.news_xq .content .intro{border: #E5E5E5 1px solid; line-height: 24px;font-size: 14px;color: #868686;background: #F5F5F5;padding: 10px;margin-top:20px;}
.news_xq .content .nr{font-size:14px; color: #555;line-height: 24px;padding-top:30px;padding-bottom:30px;}
.news_xq .content .nr img{max-width:100%;}
.f14464847355 a{font-size:14px;line-height:28px;}
.f14464847355 a:hover{color: #ee6b41;}
/*留言*/
.message{}
.message .box{background:url(../images/ly_bg.png)no-repeat right top;}
.message .nr{width:320px;margin-left: auto;margin-right: auto;padding-bottom:40px;}
.message .nr li{padding-bottom:10px;}
.message .nr li p{line-height:38px;color: #5a5a5a;}
.message .nr li .contact_lx1{border:1px solid #cccccc;height:40px;border-radius:3px;width:calc(100% - 22px);padding:0 10px;}
.message .nr li .contact_lx2{border:1px solid #cccccc;height:70px;border-radius:3px;width:calc(100% - 22px);padding:10px;}
.message .nr li .contact_lx3{display:block;width:100%; border:none;height:40px;font-size:14px;color:#fff;background:#ee6b41;border-radius:3px;margin-top:5px;}
/*联系我们*/
.contact{}
.contact .lxfs{padding-top:50px;}
.contact .lxfs ul li{width:373px;height:270px;float:left; background:#f9f9f9;margin-right:40px;text-align: center;}
.contact .lxfs ul li:nth-child(3n){margin-right:0;}
.contact .lxfs ul li .img{padding-top:50px;}
.contact .lxfs ul li .img img{width:50px;}
.contact .lxfs ul li .name{font-size:16px;color:#333;font-weight:bold;padding-top:40px;}
.contact .lxfs ul li .funame{font-size:16px;color:#666;padding-top:30px;padding-left:10px;padding-right:10px;}
.contact .ditu{padding-top:40px;}