﻿

a,article,body,canvas,div,em,figcaption,figure,footer,h1,h2,hgroup,input,li,ol,p,section,small,span,ul{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:0}

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:0;top:0;width:100%;height:100%;z-index:2000 !important}

.layer_div .layer{width:300px;border-radius:3px;overflow:hidden;position:absolute;z-index:999;border:1px solid #ddd; margin-left: 0px !important;}

.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:.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:0;top:0;width:100%;height:100%;z-index:999}

@-webkit-keyframes loading{

0%{transform:scaleY(1)}

50%{transform:scaleY(.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:0 2px}

.load_box .loading i:nth-child(1){-webkit-animation:loading 1s ease-in .1s infinite}

.load_box .loading i:nth-child(2){-webkit-animation:loading 1s ease-in .2s infinite}

.load_box .loading i:nth-child(3){-webkit-animation:loading 1s ease-in .3s infinite}

.load_box .loading i:nth-child(4){-webkit-animation:loading 1s ease-in .4s infinite}

.load_box .loading i:nth-child(5){-webkit-animation:loading 1s ease-in .5s infinite}

.clear:after{content:".";display:block;height:0;visibility:hidden;clear:both}

.hover:hover{opacity:.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{margin:auto;margin-top:60px;text-align:center;height:40px}

.public_tit img{margin:0 auto}

.public_tab{width:100%;padding:40px 0 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:0 32px}

.public_tab .tab_items a:hover{color:#2c6cb3;border-radius:18px;cursor:pointer}

.public_tab .tab_items a.on{background-color:#2c6cb3;color:#fff;border-radius:30px}

.publictab_line{width:100%;height:92px;display:none}

.con_img_box{min-width:1280px;height:597px}

.con_img_box img{width:100%}

.right_div{position:fixed;right:0;z-index:300;height:300px;width:0}

.right_div .r_box{width:0;height:40px;line-height:40px;float:right;color:#fff;font-size:16px;letter-spacing:2px;display:block;clear:both;margin:10px 0}

.right_div .r_box:hover{cursor:pointer}

.right_div .r_box.b1{background:url(../image/radius_ico1.png) no-repeat left center}

.right_div .r_box.b2{background:url(../image/radius_ico2.png) no-repeat left center}

.right_div .r_box.b3{background:url(../image/radius_ico3.png) no-repeat left center}

.right_div .r_box.b4{background:url(../image/radius_ico4.png) no-repeat left center}

.right_div .backtop{background:url(../image/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(../image/youyou1code.png) no-repeat center center;background-size:100%;display:none}

.right_div .yoyobox .yoyo{width:60px;height:70px;position:absolute;left:-5px;top:0;z-index:2;background:url(../image/youyou1.png) no-repeat center center;background-size:100%}

.right_div .yoyobox .showyoyodiv{width:66px;height:70px;position:absolute;left:0;top:0;z-index:9;display:block;background:url(../image/yoyoopacity1.png) no-repeat center center}

.right_div .yoyobox .showyoyodiv:hover{background:url(../image/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(../image/logo_top1.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:0;width:140px;color:#666;font-size:14px;padding:0 15px;background-color:transparent}

.top_div .logo_box .searchbox .searchbtn{width:46px;height:40px;background:url(../image/serach.png) no-repeat center center;background-size:30px;position:absolute;right:0;top:0}

.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:0 10px;float:left}

.top_div .logo_box .logo_topico .ico.i1{background:url(../image/top_l_ico1.png) no-repeat top center;background-size:100%}

.top_div .logo_box .logo_topico .ico.i1:hover{background:url(../image/top_l_ico1on.png) no-repeat top center;background-size:100%}

.top_div .logo_box .logo_topico .ico.i2{background:url(../image/top_l_ico2.png) no-repeat top center;background-size:100%}

.top_div .logo_box .logo_topico .ico.i2:hover{background:url(../image/top_l_ico2on.png) no-repeat top center;background-size:100%}

.top_div .logo_box .logo_topico .ico.i3{background:url(../image/top_l_ico31.png) no-repeat top center;background-size:100%}

.top_div .logo_box .logo_topico .ico.i3:hover{background:url(../image/top_l_ico3on1.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(../image/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(../image/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(../image/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(../image/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}



.nav_two_all{width:100%;background-color:#fff;position:absolute;top:60px;left:0;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(../image/logo_top1.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(../image/tel1.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:.8;cursor:pointer}

.bottom_div .bottom_box .box3{float:left;width:200px}

.bottom_div .bottom_box .box3 .codeimg{width:128px;height:128px;background:url(../image/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:0;top:0;display:block}

.bottom_div .bo_box4 .boxs a{color:#919191;display:block;position:absolute;right:0;top:0}

.shop_link{width:100%;height:38px;margin-top:57px}

.shop_link .link{width:36px;height:36px;display:inline-block;margin:0 5px}

.shop_link .link.l1{background:url(../image/shop_img1.png) no-repeat center center}

.shop_link .link.l2{background:url(../image/shop_img2.png) no-repeat center center}

.shop_link .link.l3{background:url(../image/shop_img3.png) no-repeat center center}

.shop_link .link.l4{background:url(../image/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;-webkit-transform: translateY(7vh);}

.anti_search .anti_box .ico{width: 100%;height:140px;background:url(../image/anti_search.png) no-repeat center center;background-size:140px;margin:auto;margin-top:20px;}

.anti_search .anti_box .ico.repair{background:url(../image/zaixianbaoxiu.png) no-repeat center center;background-size:140px;}

.anti_search .anti_box .ico.call1{width: 100%;background:url(../image/contact_tit1.png) no-repeat center center;background-size:140px;}

.anti_search .anti_box .ico.call2{width:220px;background:url(../image/contact_tit2.png) no-repeat center center;background-size:140px;}

.anti_search .anti_box .ico.call3{width:250px;background:url(../image/contact_tit3.png) no-repeat center center;background-size:140px;}

.anti_search .anti_box .ico.call4{width:220px;background:url(../image/lijiyuyueico.png) no-repeat center center;background-size:140px;}

.anti_search .anti_box .ico.success{background:url(../image/successico.png) no-repeat center center;background-size:210px;}

.anti_search .anti_box .input{width:650px;height:64px;margin:auto;margin-top:45px;margin-bottom:30px;}
.anti_search .anti_box .clear{ display:none;}
.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;box-sizing: content-box;}

.anti_search .anti_box .input .btn{width:220px;height:100%;line-height:64px;color:#fff;font-size:20px;text-align:center;background-color:#2c6cb3;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(../image/closeico.png) no-repeat center center;background-size:20px;border-radius:20px;position:fixed;right:0px;top:0px;z-index:260;-webkit-transform: translateY(7vh);}

.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:10px;}

.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;box-sizing: content-box;}

.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;font-family: Arial;box-sizing: content-box;}

.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:#2c6cb3;margin:auto;margin-top:20px;}

/*视频*/

.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 .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:0;top:0;z-index:400}

.animation_img{animation:animation_img1 .4s ease 0s 1;-moz-animation:animation_img1 .4s ease 0s 1;-webkit-animation:animation_img1 .4s ease 0s 1;-o-animation:animation_img1 .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 .2s linear 0s 1;-moz-animation:animation_imgsx .2s linear 0s 1;-webkit-animation:animation_imgsx .2s linear 0s 1;-o-animation:animation_imgsx .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}

}