﻿@charset "utf-8";
* { padding: 0; margin: 0; font-family: 微软雅黑; }
body, article, section, h1, h2, hgroup, p, a, ul, ol, li, em, div, small, span, footer, canvas, figure, figcaption, input { padding: 0; margin: 0; }
body { background-color: #FFF; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 12px; }
img { border: none; vertical-align: middle; }
input:focus { outline: 0 none; -webkit-user-modify: read-write-plaintext-only; -webkit-tap-highlight-color: rgba(0,0,0,0); }
input[type=search] { -webkit-appearance: none; }
*[hidden] { display: none !important; }
a { text-decoration: none; cursor: pointer; outline: none; }
a.autotel { text-decoration: none; color: inherit; }
small, small em { font-size: 15px; font-style: normal; }
em { font-style: normal; }
ul { list-style: none; list-style-type: none; }
html{font-size:32px;}@media only screen and (min-width:320px){html{font-size:32px!important;}}@media only screen and (min-width:360px){html{font-size:36px!important;}}@media only screen and (min-width:375px){html{font-size:38px!important;}}@media only screen and (min-width:414px){html{font-size:41px!important;}}

/* 弹层样式 */
.layer_div{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:998;}
.layer_div .layer{width:300px;border-radius:3px;overflow:hidden;position:absolute;z-index:999;border:1px solid #ddd;}
.layer_div .layer .tit{height:40px;line-height:40px;font-size:15px;border-bottom:1px solid #e6e6e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-indent:14px;position:relative;}
.layer_div .layer .tit .layer_timer{position:absolute;right:15px;line-height:40px;font-size:14px;}
.layer_div .layer .tit .layer_timer .num{font-size:14px;}
.layer_div .layer .txt{font-size:15px;text-align:center;padding:26px 15px;}
.layer_div .layer .btn{width:100%;height:46px;line-height:46px;font-size:15px;text-align:center;margin:auto;letter-spacing:2px;}
.layer_div .layer .btn:active{opacity:0.8;}
.layer_div .layer .btn.b-1{width:148px;float:left;}
.layer_div .layer .btn.b-2{width:148px;float:left;}
.load_box{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999;}
@-webkit-keyframes loading{0%{ transform:scaleY(1);}50%{transform:scaleY(0.4);}100%{transform:scaleY(1);}}
.load_box .loading{text-align:center;width:100px;position:absolute;left:calc(50% - 50px);top:calc(50% - 14px);}
.load_box .loading i{display:inline-block;width:4px;height:24px;border-radius:2px;margin:0px 2px;}
.load_box .loading i:nth-child(1){-webkit-animation:loading 1s ease-in 0.1s infinite;}
.load_box .loading i:nth-child(2){-webkit-animation:loading 1s ease-in 0.2s infinite;}
.load_box .loading i:nth-child(3){-webkit-animation:loading 1s ease-in 0.3s infinite;}
.load_box .loading i:nth-child(4){-webkit-animation:loading 1s ease-in 0.4s infinite;}
.load_box .loading i:nth-child(5){-webkit-animation:loading 1s ease-in 0.5s infinite;}

/* 公共样式 */
.clear:after{content:".";display:block;height:0px;visibility:hidden;clear:both;}
.hover:hover{opacity:0.8;cursor:pointer;}
.left{float:left;}
.right{float:right;}
.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.auto{display:block;margin:auto;}
.link_more_btn{width:100%;height:80px;line-height:80px;color:#888;font-size:16px;text-align:center;}
.pro_type_img{width:1280px;height:500px;overflow:hidden;margin:auto;margin-top:5px;}
.pro_type_img img{width:100%;display:none;}

/* 内容标题、选项卡 */
.public_tit{width:1280px;margin:auto;margin-top:60px;text-align:center;height:40px;}
.public_tab{width:100%;padding:40px 0px 30px;}
.public_tab .tab_items{width:1280px;margin:auto;text-align:center;}
.public_tab .tab_items a{padding:7px 30px;color:#434343;font-size:16px;margin:0px 32px;}
.public_tab .tab_items a:hover{color:#2fc7a0;border-radius:18px;cursor:pointer;}
.public_tab .tab_items a.on{background-color:#2fc7a0;color:#fff;border-radius:30px;}
.publictab_line{width:100%;height:92px;display:none;}

/* 内容页banner */
.con_img_box{min-width:1280px;height:597px;}
.con_img_box img{width:100%;}

/* 右侧浮动 */
.right_div{position:fixed;right:0px;z-index:300;height:300px;width: 0;}
.right_div .r_box{width:0px;height:40px;line-height:40px;float:right;color:#fff;font-size:16px;letter-spacing:2px;display:block;clear:both;margin:10px 0px;}
.right_div .r_box:hover{cursor:pointer;}
.right_div .r_box.b1{background:url(../img/radius_ico1.png) no-repeat left center;}
.right_div .r_box.b2{background:url(../img/radius_ico2.png) no-repeat left center;}
.right_div .r_box.b3{background:url(../img/radius_ico3.png) no-repeat left center;}
.right_div .r_box.b4{background:url(../img/radius_ico4.png) no-repeat left center;}
.right_div .backtop{background:url(../img/radius_ico5.png) no-repeat center center;width:66px;}
.right_div .yoyobox{width:66px;height:70px;float:right;clear:both;position:relative;}
.right_div .yoyobox .yoyocode{width:140px;height:140px;position:absolute;left:-147px;top:-39px;z-index:2;background:url(../img/youyou1code.png) no-repeat center center;background-size:100%;display:none;}
.right_div .yoyobox .yoyo{width:60px;height:70px;position:absolute;left:-5px;top:0px;z-index:2;background:url(../img/youyou1.png) no-repeat center center;background-size:100%;}
.right_div .yoyobox .showyoyodiv{width:66px;height:70px;position:absolute;left:0px;top:0px;z-index:9;display:block;background:url(../img/yoyoopacity1.png) no-repeat center center;}
.right_div .yoyobox .showyoyodiv:hover{background:url(../img/yoyoopacity.png) no-repeat center center;opacity:0;}

/* 顶部 */
.top_div{width:100%;height:193px;background-color:#fff;}
.top_div .logo_box{width:1280px;height:132px;margin:auto;position:relative;}
.top_div .logo_box .logo{width:260px;height:70px;position:absolute;left:510px;top:31px;background:url(../img/logo_top.png) no-repeat center center;background-size:100%;display:block;}
.top_div .logo_box .searchbox{width:216px;height:40px;float:right;background-color:#f6f6f6;border-radius:20px;overflow:hidden;position:relative;margin-top:16px;margin-right:50px;}
.top_div .logo_box .searchbox input{height:100%;line-height:40px;border:0px;width:140px;color:#666;font-size:14px;padding:0px 15px;background-color:transparent;}
.top_div .logo_box .searchbox .searchbtn{width:46px;height:40px;background:url(../img/serach.png) no-repeat center center;background-size:30px;position:absolute;right:0px;top:0px;}
.top_div .logo_box .logo_topico{width:156px;height:32px;position:relative;left:60px;top:56px;z-index:2;}
.top_div .logo_box .logo_topico .ico{width:32px;height:55px;margin:0px 10px;float:left;}
.top_div .logo_box .logo_topico .ico.i1{background:url(../img/top_l_ico1.png) no-repeat top center;background-size:100%;}
.top_div .logo_box .logo_topico .ico.i1:hover{background:url(../img/top_l_ico1on.png) no-repeat top center;background-size:100%;}
.top_div .logo_box .logo_topico .ico.i2{background:url(../img/top_l_ico2.png) no-repeat top center;background-size:100%;}
.top_div .logo_box .logo_topico .ico.i2:hover{background:url(../img/top_l_ico2on.png) no-repeat top center;background-size:100%;}
.top_div .logo_box .logo_topico .ico.i3{background:url(../img/top_l_ico3.png) no-repeat top center;background-size:100%;}
.top_div .logo_box .logo_topico .ico.i3:hover{background:url(../img/top_l_ico3on.png) no-repeat top center;background-size:100%;}
.top_div .logo_box .logo_topico .ico.i1 .ico_con.con1{width:310px;height:180px;background:url(../img/top_tel.png) no-repeat top center;background-size:100%;position:absolute;left:-132px;top:40px;z-index:4;display:none;}
.top_div .logo_box .logo_topico .ico.i2 .ico_con.con2{width:165px;height:256px;background:url(../img/top_wechat.png) no-repeat top center;background-size:100%;position:absolute;left:-6px;top:40px;z-index:4;display:none;}
.top_div .logo_box .logo_topico .ico.i3 .ico_con.con3{width:310px;height:180px;background:url(../img/top_en.png) no-repeat top center;background-size:100%;position:absolute;left:-28px;top:40px;z-index:4;display:none;}
.top_div .logo_box .logo_topico .ico.i3 .ico_con .btn{width:233px;height:51px;background:url(../img/en_btn.png) no-repeat center center;background-size:100%;display:block;margin:auto;margin-top:86px;}
.top_div .nav_box_all{width:100%;position:relative;border-top:1px solid #f0f0f0;}
.top_div .nav_box{width:1200px;height:60px;margin:auto;}
.top_div .nav_box .box{height:55px;border-bottom:2px solid #fff;padding:0px 22px;display:block;color:#656565;font-size:15px;float:left;margin:0px 24px;line-height:60px;}
.top_div .nav_box .box.on{border-bottom:2px solid #2fc7a0;color:#0bb78e;}
.top_div .nav_box .box:hover{border-bottom:2px solid #fff;color:#0bb78e;cursor:pointer;}
.nav_two_all{width:100%;background-color:#fff;position:absolute;top:60px;left:0px;z-index:2;display:none;border-top:1px solid #f0f0f0;}
.nav_two_div{width:1280px;margin:auto;margin-bottom:30px;}
.nav_two_div .nav_t_box{float:left;text-align:center;margin-top:20px;}
.nav_two_div .nav_t_box .boxu{float:left;width:211px;overflow:hidden;}
.nav_two_div .nav_t_box .boxu .ttxt{color:#3d3d3d;font-size:16px;line-height:50px;display:block;}
.nav_two_div .nav_t_box .boxu .nav{color:#919191;font-size:14px;line-height:28px;display:block;}
.nav_two_div .nav_backs{float:right;width:500px;height:280px;overflow:hidden;margin-top:38px;}
.nav_two_div .nav_backs img{width:100%;}

/* 底部 */
.bottom_div{width:100%;background-color:#fff;}
.bottom_div .bottom_box{width:1280px;margin:auto;margin-bottom:40px;}
.bottom_div .bottom_box .box1{float:left;}
.bottom_div .bottom_box .box1 .logo{width:260px;height:70px;background:url(../img/logo.png) no-repeat center center;background-size:100%;display:block;margin-top:52px;}
.bottom_div .bottom_box .box1 .tel{width:250px;height:60px;background:url(../img/tel.png) no-repeat center center;background-size:100%;margin-top:56px;}
.bottom_div .bottom_box .box2{float:left;margin-top:56px;width:820px;}
.bottom_div .bottom_box .box2 .link{float:left;width:170px;}
.bottom_div .bottom_box .box2 .link .tit{color:#3d3d3d;font-size:16px;margin-bottom:15px;}
.bottom_div .bottom_box .box2 .link .nav{color:#919191;font-size:14px;display:block;line-height:36px;}
.bottom_div .bottom_box .box2 .link .nav:hover{opacity:0.8;cursor:pointer;}
.bottom_div .bottom_box .box3{float:left;width:200px;}
.bottom_div .bottom_box .box3 .codeimg{width:128px;height:128px;background:url(../img/codeimg.png) no-repeat center center;background-size:100%;margin:auto;margin-top:28px;}
.bottom_div .bottom_box .box3 .codetxt{width:128px;color:#a4a4a4;font-size:14px;text-align:center;line-height:20px;margin:auto;margin-top:11px;}
.bottom_div .bo_box4{width:100%;height:68px;line-height:68px;color:#919191;font-size:14px;background-color:#f2f4f4;}
.bottom_div .bo_box4 .boxs{width:1280px;margin:auto;position:relative;height:100%;}
.bottom_div .bo_box4 .boxs span{position:absolute;left:0px;top:0px;display:block;}
.bottom_div .bo_box4 .boxs a{color:#919191;display:block;position:absolute;right:0px;top:0px;}
.shop_link{width:100%;height:38px;margin-top:57px;}
.shop_link .link{width: 36px;height: 36px;display:inline-block;margin:0px 5px;}
.shop_link .link.l1{background:url(../img/shop_img1.png) no-repeat center center;}
.shop_link .link.l2{background:url(../img/shop_img2.png) no-repeat center center;}
.shop_link .link.l3{background:url(../img/shop_img3.png) no-repeat center center;}
.shop_link .link.l4{background:url(../img/shop_img4.png) no-repeat center center;}

/* 防伪查询、报事报修 */
.anti_search{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:250;background-color:#ddd;background-color:rgba(255,255,255,0.9);}
.anti_search .anti_box{width:800px;height:550px;position:relative;z-index:11;background-color:#fff;border:10px solid #f3f3f3;box-shadow:0px 0px 20px 10px #d3d3d3;}
.anti_search .anti_box .ico{width: 100%;height:150px;background:url(../img/anti_search.png) no-repeat center center;background-size:210px;margin:auto;margin-top:20px;}
.anti_search .anti_box .ico.repair{background:url(../img/zaixianbaoxiu.png) no-repeat center center;background-size:210px;}
.anti_search .anti_box .ico.call1{width: 100%;background:url(../img/contact_tit1.png) no-repeat center center;background-size:220px;}
.anti_search .anti_box .ico.call2{width:220px;background:url(../img/contact_tit2.png) no-repeat center center;background-size:220px;}
.anti_search .anti_box .ico.call3{width:250px;background:url(../img/contact_tit3.png) no-repeat center center;background-size:250px;}
.anti_search .anti_box .ico.call4{width:220px;background:url(../img/lijiyuyueico.png) no-repeat center center;background-size:220px;}
.anti_search .anti_box .ico.success{background:url(../img/successico.png) no-repeat center center;background-size:210px;}
.anti_search .anti_box .input{width:650px;height:64px;margin:auto;margin-top:65px;margin-bottom:50px;}
.anti_search .anti_box .input input{width:350px;height:16px;line-height:1;color:#afafaf;font-size:16px;padding:24px 30px;border:0px;background-color:#f5f5f5;float:left;border-radius:5px;}
.anti_search .anti_box .input .btn{width:220px;height:100%;line-height:64px;color:#fff;font-size:20px;text-align:center;background-color:#2fc7a0;border-radius:5px;float:right;}
.anti_search .anti_box .txt1{color:#535353;font-size:17px;text-align:center;margin-top:22px;}
.anti_search .anti_box .txt2{color:#ff681e;font-size:15px;text-align:center;display:block;width:200px;margin:auto;margin-top:50px;text-decoration:underline;}
.anti_search .closeico{width:36px;height:36px;background:#3dbfa0 url(../img/closeico.png) no-repeat center center;background-size:20px;border-radius:20px;position:fixed;right:0px;top:0px;z-index:260;}
.anti_search .anti_box.product{border:10px solid #fff;background-color:transparent;width:967px;height:714px;overflow:hidden;}
.anti_search .anti_box.product img{width:100%;}
.anti_search .anti_box.product .ptxt{width:100%;height:64px;position:absolute;bottom:0px;left:0px;z-index:2;background-color:#999;background-color:rgba(0,0,0,0.4);color:#fff;font-size:24px;line-height:64px;text-indent:20px;}
.anti_search .anti_box.product .swiper-slide{height:714px;}
.anti_search .anti_box .input_box{width:660px;margin:auto;}
.anti_search .anti_box .input_box .box{width:300px;height:50px;background-color:#f5f5f5;float:left;border-radius:5px;overflow:hidden;margin-left:20px;margin-bottom:20px;}
.anti_search .anti_box .input_box .box input{width:100%;height:16px;line-height:1;color:#666;font-size:16px;padding:17px 10px;border:0px;background-color:transparent;}
.anti_search .anti_box .input_box textarea{width:600px;height:66px;line-height:22px;color:#666;font-size:16px;border:0px;background-color:#f5f5f5;resize:none;padding:5px 10px;margin-left:20px;}
.anti_search .anti_box .btn_ser{width:200px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;border-radius:5px;background-color:#2fc7a0;margin:auto;margin-top:40px;}
/*视频*/
.anti_search .anti_box.product .video_box{width:100%;height:100%;background-color:transparent;text-align:center;position:relative;overflow:hidden;}
.anti_search .anti_box.product .video_box video{width:100%;position:absolute;left:0px;bottom:0px;line-height:436px;color:#888;font-size:14px;}/*height:436px;*/
.anti_search .anti_box.product .video_box embed{width:100%;position:absolute;left:0px;bottom:0px;line-height:436px;color:#888;font-size:14px;}/*height:436px;*/

/*下拉菜单*/
.ddllistbox{}
.ddllistbox .box{width:100%;height:30px;line-height:30px;text-align:center;overflow:hidden;color:#555;font-size:14px;}
.ddllistbox .box:hover{background-color:#eee;}
.ddllistbox .box.on{background-color:#ddd;}
.ddllayerbox{position:fixed;width:100%;height:100%;left:0px;top:0px;z-index:400;}

/*图片放大效果*/
.animation_img{animation: animation_img1 0.4s ease 0s 1;-moz-animation: animation_img1 0.4s ease 0s 1;-webkit-animation: animation_img1 0.4s ease 0s 1;-o-animation: animation_img1 0.4s ease 0s 1;}
@keyframes animation_img1{from {background-size:100%;}to {background-size:110%;}}
@-moz-keyframes animation_img1{from {background-size:100%;}to {background-size:110%;}}
@-webkit-keyframes animation_img1{from {background-size:100%;}to {background-size:110%;}}
@-o-keyframes animation_img1{from {background-size:100%;}to {background-size:110%;}}
/*图片缩小效果*/
.animation_img_s{animation: animation_imgsx 0.2s linear 0s 1;-moz-animation: animation_imgsx 0.2s linear 0s 1;-webkit-animation: animation_imgsx 0.2s linear 0s 1;-o-animation: animation_imgsx 0.2s linear 0s 1;}
@keyframes animation_imgsx{from {background-size:110%;}to {background-size:100%;}}
@-moz-keyframes animation_imgsx{from {background-size:110%;}to {background-size:100%;}}
@-webkit-keyframes animation_imgsx{from {background-size:110%;}to {background-size:100%;}}
@-o-keyframes animation_imgsx{from {background-size:110%;}to {background-size:100%;}}

@media screen and (max-width: 768px) {
    .right_div{
        display: none;
    }
}
