@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; }

/* 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{ max-width: 1200px; margin-left:auto; margin-right:auto;}

/*头部*/
.shoujinav_box{display:none}
.shoujinav{display:none}
.header_box{display: block}
.header{width: 100%;height: 80px;background:#fff; position:fixed;top:0;left:0;z-index: 999;box-shadow:0 0 5px rgba(0,0,0,0.15);display:block;}

.header .logo img{ height: 80px;}

.header .yuyan{width:110px;height:40px;line-height:40px;position: relative;border:1px solid #ddd; margin-top:20px;background: url(../images/ico_lag.png) no-repeat 20px center;}

.header .yuyan .name{line-height:40px;font-size: 15px;padding-left:44px;cursor: pointer;}

.header .yuyan1{position: absolute; top:40px; left:0;width:110px; background: #fff;z-index: 99999;border:1px solid #ddd;padding-bottom:5px;padding-top: 5px; display: none;}

.header .yuyan1 ul li{line-height:34px;text-align: center; font-size: 15px;padding-left:34px;}

.header .yuyan1 ul li:nth-child(1){background: url(../images/cn.png) no-repeat 12px 10px;}

.header .yuyan1 ul li:nth-child(2){background: url(../images/us.png) no-repeat 12px 10px;}

.header .yuyan1 ul li a:hover{color:#102a83 !important;text-decoration: underline}

.header .yuyan:hover .yuyan1{display: block;}

.header .yuyan:hover{}
.f16576371181 {height:80px;text-align:center;margin-right:20px;}
.f16576371182 {height:80px;line-height:80px;position:relative;z-index:1;display:inline-block;}
.f16576371183 {float:left;position:relative;display:inline;}
.f16576371184 {float:left}
.f16576371184 .f16576371185 {display:block;padding: 0 25px; font-size: 16px;}
.f16576371184 .f16576371185:hover {color:#102a83 !important;text-decoration: underline}
.f16576371186 {display:none;width:230px;left:-60px;top:80px;position:absolute;background-color:#333;text-align:center;padding-top:5px;padding-bottom:5px;}
.f16576371187{line-height:40px; height:40px; }
.f16576371187 .f16576371188 {display:block;padding-left:10px;padding-right:10px; color:#fff;font-size:14px;}
.f16576371187 .f16576371188:hover{text-decoration: underline}
.f16576371181 .f16576371183:nth-child(2) .f16576371186{display:none !important}
/*banner*/

.banner .swiper-slide a{display: block;width: 100%;height:600px;}

.banner .swiper-pagination{bottom: 25px !important;}

.banner .swiper-pagination-bullet{width: 10px;height: 10px;opacity:0.5;background:#fff}

.banner .swiper-pagination-bullet-active{ background: #102a83;opacity: 1;}

/*关于我们*/

.about{background:#fff;margin-top: 40px;}

.about .zuo{width: 485px; margin-left: 40px;}

.about .zuo .name{font-size:26px; color: #000;padding-top:50px;}

.about .zuo .xian{width: 20px;height: 2px;background: #555; margin-top:18px;}

.about .zuo .intro{font-size: 14px;line-height: 26px; color: #555;padding-top: 20px;}

.about .zuo .more a{display: block;width: 212px;height: 44px;line-height: 44px;border: 1px solid #000; background: url(../images/jt01.png) no-repeat center;margin-top: 30px;}

.about .zuo .more a:hover{background:#102a83 url(../images/jt02.png) no-repeat center; border: 1px solid #102a83;}

/*产品中心*/

.chanpin{ background: #fff;margin-top:40px;padding-bottom: 60px;}

.chanpin .title{ text-align: center;padding-top: 50px;}

.chanpin .title li{ display: inline-block; width:24%;height: 48px;line-height: 48px; background:#f2f2f2; text-align: center; font-size: 16px;cursor: pointer;}

.chanpin .title .on{background:#102a83 !important; color: #fff;}

.chanpin .title .on a{color:#fff}

.chanpin_content{padding-top:60px;padding-left: 25px;}

.chanpin_content ul li{border: 1px solid #eeeeee;width: 355px;padding-bottom:20px; margin-left: 20px; margin-bottom: 20px; float: left;}

.chanpin_content ul li .img{padding: 15px;}

.chanpin_content ul li .img img{width: 325px;height:252px;}

.chanpin_content ul li .name{line-height: 40px;height: 40px;font-size: 16px; color: #000; text-align: center;}

.chanpin_content ul li:hover{border: 1px solid #102a83;}

.chanpin .more a{ display: block;width: 196px;height: 44px;line-height: 44px; text-align: center; border:1px solid #000; font-size: 16px; margin-left: auto;margin-right: auto; margin-top: 40px;}

.chanpin .more a:hover{background:#102a83;color: #fff; border: 1px solid #102a83;}

/*新闻*/

.xinwen{ background: #fff; margin-top:40px;padding-bottom: 45px;}

.xinwen .top{font-size:26px; color: #000;padding-top:40px; text-align: center;padding-bottom: 30px;}

.xinwen ul{padding-left: 25px;}

.xinwen ul li{width: 348px; margin-left: 25px; float: left;border: 1px solid #ddd;padding-bottom:20px}

.xinwen ul li .img img{width: 348px;height: 228px;}

.xinwen ul li .name{padding-left: 12px;padding-right: 12px; height:30px;line-height:30px;font-size: 16px; margin-top: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.xinwen ul li .intro{padding-left: 12px;padding-right: 12px;color: #777;line-height: 20px;height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;font-size: 14px; margin-top: 10px;}

.xinwen ul li:hover{border: 1px solid #102a83;}

.xinwen ul li:hover .name{color: #102a83;}

/*版权*/

.banquan{width: 100%;background:#444444;padding-top:60px;padding-bottom:50px;margin-top:80px;}

.banquan .zuo{}

.banquan .zuo .top a{display: inline-block;font-size: 15px;color:#fff;padding-right:40px;}

.banquan .zuo .copy{font-size: 14px;color: #d9d9d9;line-height:34px;padding-top: 30px;}

.banquan .zuo .copy{color: #d9d9d9;}

.banquan .you{}

.banquan .you ul li{}

.banquan .you ul li img{width:120px;height:120px;border:4px solid #fff;border-radius:6px;}

.banquan .you ul li span{display: block;text-align: center;color:#fff;font-size: 14px;padding-top: 10px;}

/*面包屑*/

.ny_banner{width:100%;height:300px;display:flex;justify-content: center;align-items: center;flex-flow: column;color:#fff;}

.ny_banner span{display:block;font-size:36px;line-height:50px;text-transform:uppercase;}

.ny_banner p{font-size: 26px;line-height: 36px;}

.mbx{height:54px;line-height:54px;background:#f2f2f2}

.mbx .zuo{color: #666666;font-size:14px;}

.mbx .zuo a{color: #666666;}

.mbx .zuo a:hover{text-decoration:underline;}

.mbx .zuo i{display: inline-block;padding:0 10px;}

/*联系我们*/

.contact_lb{width:100%;padding-top:50px;padding-bottom:100px;}

.contact_lb .nr{}

.contact_lb .nr .name{font-size: 30px;color: #5a5a5a;}

.contact_lb .nr .intro{padding-top:25px;}

.contact_lb .nr .intro ul li{width:33.33%;float:left;padding-bottom:30px;}

.contact_lb .nr .intro ul li .zuo{width:45px;padding-top:10px;}

.contact_lb .nr .intro ul li .you{width:calc(100% - 50px);}

.contact_lb .nr .intro ul li .you p{color: rgb(90, 90, 90);font-size: 18px;line-height: 180%;}

.contact_lb .nr .intro ul li .you span{display:block; color: rgb(90, 90, 90);font-size: 15px;line-height: 180%;}

.contact_lb .nr .map{padding-top:30px;}

/*新闻列表*/

.news_lb{padding-top: 60px;}

.news_lb ul li{border-bottom: 1px dashed #d9d9d9;margin-bottom: 26px;padding-bottom: 30px;}

.news_lb ul li .zuo{width:24%;}

.news_lb ul li .zuo img{width:100%;}

.news_lb ul li .you{width:74%;}

.news_lb ul li .you .name a{margin-bottom: 5px;display: block;font-size: 20px;color: #666666;line-height: 140%;}

.news_lb ul li .you .name a:hover{color:#102a83;}

.news_lb ul li .you .time{font-size: 14px;padding-top: 1px;color: #cccccc;}

.news_lb ul li .you .intro{font-size: 14px; line-height: 24px !important;padding-top: 10px;color: #ababab;}

/*新闻详情*/

.news_xq{padding-top: 60px;}

.news_xq .name{line-height: 40px;font-size: 21px;color: #434343; text-align: center;}

.news_xq .time{ font-size: 13px; color: #666666; text-align: center; margin-top:10px;}

.news_xq .intro{line-height: 24px;background: #F5F5F5; border:1px solid #E5E5E5;font-size: 13px;color: #868686;padding: 5px; text-indent: 2em; margin-top:20px;}

.news_xq .content{    line-height: 25px;font-size: 14px;padding-top: 20px; padding-bottom: 20px;}

.f14464847355 a{display: block; line-height:26px; font-size: 13px;    color: #666666;}

/*关于我们*/

.jianjie{padding-top:68px;}

.jianjie .name{font-size: 26px;text-align:center;}

.jianjie .intro{font-size:14px;line-height:200%; text-align:center;padding-top:26px;}

.jianjie .intro img{max-width:100%;}

.jiben{background:#f7f7f7;margin-top:200px;padding-bottom:40px;}

.jiben .zuo{width:660px;}

.jiben .zuo .name{font-size: 26px;padding-top:60px;}

.jiben .zuo .intro{font-size: 14px;line-height:180%;padding-top:25px;}

.jiben .zuo .intro li{background:url(../images/dian.jpg)no-repeat left 10px;padding-left:35px;}

.jiben .zuo .intro li strong{font-size:18px;display:inline-block;margin-bottom:5px;color:#102a83}

.jiben .you{position:relative;top:-100px;}

/*产品列表页*/

.product_lb{padding-top: 40px;}

.product_lb .name{text-align: center}

.product_lb .name span{display:block;color:#666;font-weight: bold;font-size: 16px;text-transform: uppercase;}

.product_lb .title{text-align:center;padding-top:30px;}

.product_lb .title a{display:inline-block;padding:0 30px; margin:0 10px;margin-bottom:10px; line-height:44px;font-size:16px;background: #f1f1f1;border: 1px solid #ddd;}

.product_lb .title a:hover{background:#1c4587;color:#fff;border: 1px solid #1c4587;}

.product_lb .title .on{background:#1c4587;color:#fff;border: 1px solid #1c4587;}

.product_lb ul{padding-top:35px}

.product_lb ul li{width:285px;float:left; margin-right:20px;margin-bottom:15px;}

.product_lb ul li:nth-child(4n){margin-right:0}

.product_lb ul li a{display:block;padding: 15px;border: 1px solid #d9d9d9;}

.product_lb ul li a:hover{border: 1px solid #1c4587;}

.product_lb ul li .img{width:100%;padding-top:76%;position: relative}

.product_lb ul li .img img{width:100%;height:100%;position:absolute;top:0;left:0}

.product_lb ul li .name1{}

.product_lb ul li .name1 span{display:block;color: #5a5a5a;font-size:14px;padding-top: 8px;text-align: center;}

/*产品详情页*/

.product_xq{padding-top:40px;padding-bottom:70px;}

.product_xq .nr{}
.product_xq .nr .zuo{width:500px;}
.product_xq .nr .zuo img{width:100%;}

#MagnifierWrap2{position: relative;width:500px;}

.MagnifierMain{position: relative;width:500px;height:380px;}

.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:54px;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: 50px;float: left;overflow: hidden;margin-right: 5px;border: 2px solid #eee;cursor: pointer;}

.spec-items li.on{border:2px solid #1c4587;}

.spec-items li img{width: 100%; } 

span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 54px;line-height:54px;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 .name{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:#102a83;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 #102a83;color:#102a83; 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%;}
@media only screen and (max-width:750px){
/*手机端头部*/
.header_box{display: none}	
.header{display:none}
.shoujinav_box{height:60px;display:block}
.shoujinav{width:100%;height:60px;position:fixed;top:0;left:0;z-index:99999999;background:#fff;display:block;}
.shoujinav .top1{ padding-left:15px;}
.shoujinav .top1 a{display: block;float:left;padding-top:5px;}
.shoujinav .top1 img{height:50px;}
.sj_erji{padding-left: 20px;padding-bottom: 10px;}
.sj_erji a{font-size:12px;color:#fff;opacity:0.6;display:inline-block;padding-right: 20px; padding-bottom:10px;}
.sj_nav{background:#102a83;display:none;padding-bottom:32px;width:100%;position:absolute;left:0;top:60px}
.sj_nav ul{padding:15px 25px 10px;}
.sj_nav ul li{border-bottom:1px solid rgba(255, 255, 255, 0.1);padding: 12px 0;}
.sj_nav ul li:last-child .erji{display:none !important}
.sj_nav ul li .yiji{font: 400 15px Open Sans, Arial, Helvetica, sans-serif;color: #ffffff;}
.sj_nav ul li .on{color:#fff}
.sj_nav ul li i{display:inline-block;font-size: 14px;color:#ffffff;float:right;padding-left:30px;}
.sj_nav ul li dl{border-top:1px solid rgba(255, 255, 255, 0.1);margin-top:12px;padding-top:10px;padding-bottom:10px;}
.sj_nav ul li dl dd{display:inline-block;padding:8px 0;margin:0}
.sj_nav ul li dl dd a{display:block;font: 400 13px Open Sans, Arial, Helvetica, sans-serif;color:#ffffff;padding-right: 15px;}
.sj_nav ul li dl dd:last-child{border-bottom:none;padding-bottom:0}
.sj_nav .yuyan{padding-left:25px;color:#fff;font-size:15px;padding-top:10px;opacity:0.8}
.sj_nav .yuyan a{display:inline-block;color:#fff;}
.sj_nav .yuyan i{display:inline-block;padding:0 5px;}
/*banner*/
.banner .swiper-slide a{height:180px;}
.banner .swiper-pagination{bottom: 10px !important;}
.banner .swiper-pagination-bullet{width: 8px;height:8px;}
/*关于我们*/
.about{background: #f6f6f6;padding-left: 15px;padding-right: 15px;margin-top:0;}
.about .zuo{width:100%; margin-left:0;}
.about .zuo .name{font-size:24px; color: #000;padding-top:30px;}
.about .zuo .xian{width: 20px;height: 2px;background: #555; margin-top:18px;}
.about .zuo .intro{font-size: 14px;line-height: 26px; color: #555;padding-top: 20px;}
.about .zuo .more a{display: block;width:160px;height:40px;line-height: 40px;border: 1px solid #000; background: url(../images/jt01.png) no-repeat center;margin-top:20px;}
.about .zuo .more a:hover{background:#102a83 url(../images/jt02.png) no-repeat center; border: 1px solid #102a83;}
.about .you{padding-top:20px;}
.about .you img{width:100%;}
/*产品中心*/
.chanpin{margin-top:30px;padding-bottom:40px;}
.chanpin .title{padding-top: 50px;}
.chanpin .title li{ width:auto;height:40px;line-height:40px;font-size: 14px;margin-bottom:10px;padding:0 10px;}
.chanpin_content{padding-top:30px;padding-left:15px;padding-right:15px;}
.chanpin_content ul li{width:49%;padding-bottom:10px; margin-left:0;margin-right:2%; margin-bottom:2%;box-sizing: border-box}
.chanpin_content ul li:nth-child(2n){margin-right:0}
.chanpin_content ul li .img{padding:0;width:100%;position:relative;padding-top:78%;}
.chanpin_content ul li .img img{width:100%;height:100%;position:absolute;top:0;left:0}
.chanpin_content ul li .name{line-height: 20px;height:40px;overflow:hidden;margin-top:10px; font-size: 14px;padding:0 8px;}
.chanpin .more a{width: 180px;height: 40px;line-height: 40px;font-size: 14px;margin-top: 30px;}
/*新闻*/
.xinwen{margin-top:40px;padding-bottom: 45px;}
.xinwen .top{font-size:24px;padding-top:40px;padding-bottom: 30px;}
.xinwen ul{padding-left:15px;padding-right:15px;}
.xinwen ul li{width:100%; margin-left:0; border: 1px solid #ddd;padding-bottom:20px;margin-bottom:25px;}
.xinwen ul li .img img{width: 100%;height: auto;}

/*版权*/
.banquan{padding-top:40px;padding-bottom:30px;margin-top:60px;}
.banquan .zuo{width:100%;padding-left:15px;padding-right:15px;box-sizing: border-box}
.banquan .zuo .top a{font-size: 14px;padding-right:15px;}
.banquan .zuo .copy{font-size: 14px;line-height:24px;padding-top:20px;}
.banquan .you{width:100%;padding-left:15px;padding-right:15px;box-sizing: border-box;padding-top:30px;}
.banquan .you ul li img{width:120px;height:120px;margin-left: auto;margin-right: auto;display:block; border:4px solid #fff;border-radius:6px;}
/*面包屑*/
.ny_banner{height:150px;}
.ny_banner span{font-size:26px;line-height:26px;}
.ny_banner p{font-size:20px;line-height: 36px;}
.mbx{height:50px;line-height:50px;padding-left:15px;}
.mbx .zuo{font-size:12px;}
.mbx .zuo i{padding:0 5px;}
/*联系我们*/
.contact_lb{padding-top:30px;padding-bottom:0px;}
.contact_lb .nr{padding-left:15px;padding-right:15px;}
.contact_lb .nr .name{font-size:26px;color: #5a5a5a;}
.contact_lb .nr .intro{padding-top:25px;}
.contact_lb .nr .intro ul li{width:100%;padding-bottom:20px;}
.contact_lb .nr .intro ul li .you p{font-size: 16px;}
.contact_lb .nr .intro ul li .you span{font-size: 14px;}
.contact_lb .nr .map{padding-top:10px;}
.contact_lb .nr .map iframe{width:100% !important;height:200px !important}
/*新闻列表*/
.news_lb{padding-top:30px;padding-left:15px;padding-right:15px;}
.news_lb ul li .zuo{width:100%;}
.news_lb ul li .you{width:100%;padding-top:20px;}
/*新闻详情*/
.news_xq{padding-top:30px;padding-left:15px;padding-right:15px;}
/*关于我们*/
.jianjie{padding-top:30px;padding-left:15px;padding-right:15px}
.jianjie .name{font-size: 24px;}
.jianjie .intro{line-height:26px;padding-top:25px;}
.jiben{margin-top:50px;padding-bottom:40px;}
.jiben .zuo{width:100%;box-sizing: border-box;padding-left:15px;padding-right:15px;}
.jiben .zuo .name{font-size: 24px;padding-top:40px;}
.jiben .you{display:none}
/*产品列表页*/
.product_lb{padding-top: 40px;}
.product_lb .name{text-align: center}
.product_lb .name span{display:block;color:#666;font-weight: bold;font-size: 16px;text-transform: uppercase;}
.product_lb .title{text-align:center;padding-top:0;}
.product_lb .title a{padding:0 10px; margin:0;margin-bottom:10px; line-height:40px;font-size:14px;}
.product_lb ul{padding-top:25px;padding-left:15px;padding-right:15px;}
.product_lb ul li{width:49%;float:left; margin-right:2%;margin-bottom:2%;}
.product_lb ul li:nth-child(4n){margin-right:0}
.product_lb ul li:nth-child(2n){margin-right:0}
.product_lb ul li a{display:block;padding:0;border: 1px solid #d9d9d9;}
.product_lb ul li .img{width:100%;padding-top:76%;position: relative}
.product_lb ul li .img img{width:100%;height:100%;position:absolute;top:0;left:0}
.product_lb ul li .name1{}
.product_lb ul li .name1 span{margin-top:6px;line-height:20px;height:40px;overflow:hidden;margin-bottom:6px;}
/*产品详情页*/
.product_xq{padding-top:30px;padding-bottom:40px;}
.product_xq .nr{padding-left:15px;padding-right:15px;}
.product_xq .nr .zuo{width:100%;}
.product_xq .top .you{width:100%;padding-top:25px;}
.product_xq .top .you .name{font-size:24px;}
.product_xq .top .you .intro{font-size:14px;line-height:26px;}
.product_xq .top .you .more a{display:block;width:160px;line-height:42px;font-size:16px;}
.product_xq .xq{padding-top:30px;}
.product_xq .xq .content{padding-top:25px;font-size:14px;line-height:26px;color:#555;}
	

}