/*rem初始值*/
@media screen and (min-width: 320px) {html{font-size:312.5%;}}
@media screen and (min-width: 360px) {html{font-size:351.5625%;}}
@media screen and (min-width: 375px) {html{font-size:366.211%;}}
@media screen and (min-width: 400px) {html{font-size:390.625%;}}
@media screen and (min-width: 414px) {html{font-size:404.2969%;}}
@media screen and (min-width: 440px) {html{font-size:429.6875%;}}
@media screen and (min-width: 480px) {html{font-size:468.75%;}}
@media screen and (min-width: 520px) {html{font-size:507.8125%;}}
@media screen and (min-width: 560px) {html{font-size:546.875%;}}
@media screen and (min-width: 600px) {html{font-size:585.9375%;}}
@media screen and (min-width: 640px) {html{font-size:625%;}}
@media screen and (min-width: 680px) {html{font-size:664.0625%;}}
@media screen and (min-width: 720px) {html{font-size:703.125%;}}
@media screen and (min-width: 760px) {html{font-size:742.1875%;}}
@media screen and (min-width: 800px) {html{font-size:781.25%;}}
@media screen and (min-width: 960px) {html{font-size:937.5%;}}
@media screen and (min-width: 1025px) {html{font-size:625%;}}
/*重置*/

body,h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin: 0; padding: 0;}
body,button, input, select, textarea { font:14px arial, sans-serif; color: #4E4949;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; } 
ul, ol { list-style: none; }
a { text-decoration: none; color: #181818; }
a:hover { text-decoration: none; }
legend { color: #000; } 
fieldset, img { border: 0;vertical-align:middle }
button, input, select, textarea { font-size: 100%; }
button, input[type=submit], input[type=reset], input[type=button] { cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 


/*首页字体*/
@font-face {font-family: 'Vijaya';src: url('../fonts/VIJAYA.TTF')/*tpa=http://annathai.com/static/anna/tpl/www/fonts/VIJAYA.TTF*/;}

/*index banner*/
.index_banner{position: relative; width: 100%; height: 100%; margin: 0; overflow: hidden;}
.index_banner .swiper-slide{ width: 100%; height: 100%; background-size:100% 100% !important; }
.index_banner .swiper-slide .text_box{ width: 50%; height: 100%; 
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items:center;
	overflow:hidden;
	box-sizing: border-box;}
.index_banner .swiper-slide .text_box .text_note{ width: 380px; min-height: 290px; background: url(../images/flower.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/flower.png*/ center center no-repeat;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items:center;
    align-items:center;
 }
.index_banner .swiper-slide .text_box h3{ margin-bottom: 30px; line-height: 60px; font-family: vijaya; color:#515250; font-size:80px; font-weight: normal;}
.index_banner .swiper-slide .text_box p{ font-size:26px; color:#515250;}
.index_banner .swiper-slide .img_box{float:left; width: 50%; height: 100%; padding: 0 3.3%; 
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items:flex-end;
    align-items:flex-end;
    box-sizing: border-box;
    }
.index_banner .swiper-slide .img_box img{ max-width: 100%;}
.index_banner .swiper-slide:nth-child(odd) .text_box{ float: left;-webkit-justify-content: flex-end;justify-content: flex-end;padding: 0 6%;}
.index_banner .swiper-slide:nth-child(even) .text_box{ float: right;-webkit-justify-content: flex-start ;justify-content: flex-start ;padding: 0 8%; text-align: right;}
@media (min-width:320px) and (max-width:999px){
	.index_banner .swiper-slide:nth-child(odd) .text_box,
	.index_banner .swiper-slide:nth-child(even) .text_box{ float: none; width: 100%; height: 55%; }
	.index_banner .swiper-slide .text_box .text_note{ width: 100%; background: none; -webkit-align-items:flex-end;align-items:flex-end;}
	.index_banner .swiper-slide .text_box h3{ margin-bottom: .3rem; line-height: 1rem; font-size:1.1rem}
	.index_banner .swiper-slide .text_box p{ margin: .3rem 0; font-size:.4rem}
	.index_banner .swiper-slide .img_box{ float:none; width: 100%; height: 45%; padding: 0;}
	.index_banner .swiper-slide .img_box img{ max-width: 62%;}
	.index_banner .swiper-slide:nth-child(odd) .img_box{-webkit-justify-content: flex-end;justify-content: flex-end;}
	.index_banner .swiper-slide:nth-child(even) .img_box{-webkit-justify-content: flex-start;justify-content: flex-start;}
}




/*首页分页*/
.paging_index{ position:absolute; top:50%; right:10px; width:15px; z-index:10; text-align:center;}
.paging_index span{ display:block; margin:10px 0 !important; width:8px; height:8px;  border-radius:100%; background:#CCCCCC; opacity:1;}
.paging_index span.swiper-pagination-bullet-active{ background:#AB7D56;}
.banner_index_next{ position: absolute; bottom: 10px; left: 50%; width: 64px; margin-left: -32px; padding-bottom: 15px; color:#FFF; background: url(../images/next.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/next.png*/ center bottom no-repeat ; cursor: pointer;}



/*左侧导航*/
.menu_btn{ position: fixed; left: 195px; top: 20px; z-index: 999; width: 21px; height: 17px; background: url(../images/menu_btn.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/menu_btn.png*/ center center no-repeat;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.menu_btn_move{ left: 20px;}
.menu_pc{ position: fixed; left: 0; top: 0; z-index: 999; width: 175px; height: 100%; padding: 30px 38px 30px 0; background:url(../images/menu_bg_pc.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/menu_bg_pc.png*/ left top no-repeat; background-size:100% 100% ; box-sizing: border-box; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.menu_pc_move{ left:-175px;}
.menu_pc .close_menu{ position: absolute; right: 30px; top: 20px; width:18px; height: 18px; background: url(../images/close.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/close.png*/ center center no-repeat;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.menu_pc .close_menu:hover{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg); }
.menu_pc .logo{ text-align: center;}
.menu_pc .nav{ position:absolute; top: 50%; left: 0; width: 137px; margin-top: -125px; padding: 0 20px; box-sizing: border-box;}
.menu_pc .nav li{ width: 100%; height: 50px; padding-left: 10px; line-height: 50px; color:#FDE8CA; border-bottom: 1px solid #AEA992; box-sizing: border-box;}
.menu_pc .nav li:last-child{ border: none;}
.menu_pc .nav li:before{ display: inline-block;vertical-align: middle; width: 0px; height: 1px; margin-right: 0px; content: ''; background: #FDE8CA;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.menu_pc .nav li a{ display: inline-block; vertical-align: middle; color:#FFF}
.menu_pc .nav li.on:before,
.menu_pc .nav li:hover::before{ width: 5px; margin-right: 3px;} 
.menu_pc .nav li.on a,
.menu_pc .nav li:hover a{ color:#FDE8CA}
.menu_pc .qrcode{position: absolute; bottom: 30px; left: 0; width: 137px; text-align: center;}
.menu_pc .qrcode>img{ max-width: 86px; border-radius: 5px;}
.menu_pc .qrcode p{ margin: 0; color:#F8F8F7; font-size:12px}
.menu_pc .qrcode a{}
.menu_pc .qrcode a img{ max-height:25px; max-width: 25px;}
@media (min-width:1921px) and screen {
	.menu_pc{ width: 200px; }
}
@media (min-width:320px) and (max-width:1024px){
	.menu_btn{ display: none;}
	.menu_pc{ display: none;}
}

/*mobile menu*/	
.menu_btn_mobile{display: none; position: fixed;right:-.5rem; top:.3rem; z-index: 999; width: .5rem; height: .5rem; background: url(../images/menu_btn_mobile.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/menu_btn_mobile.png*/ center center no-repeat; background-size:100% auto ;transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;}
.menu_btn_mobile_ani{right:.3rem;transition: all .8s ease;-moz-transition: all .8s ease;-webkit-transition: all .8s ease;-o-transition: all .8s ease;transition-delay:.5s;}
.menu_btn_mobile_move{ right:-.5rem;}
	
.logo_mobile{display: none; position: fixed; left:-.7rem; top: .1rem; z-index: 999; width:.7rem ;transition: all .8s ease;-moz-transition: all .8s ease;-webkit-transition: all .8s ease;-o-transition: all .8s ease;transition-delay:.5s;}
.logo_mobile img{ max-width: 100%;}
.logo_move{left:.2rem}
.menu_mobile{display:none;position: fixed;right: -3.6rem; top: 0; z-index: 999; width: 2.5rem; height: 100%; background: url(../images/menu_bg_mobile.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/menu_bg_mobile.png*/ top right no-repeat; background-size:auto 100%; ;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.menu_mobile_move{ right:0;transition-delay:.3s;}
.menu_mobile .nav{position: absolute; top: .6rem; right: 0; width:68%; padding: 0 .15rem; box-sizing: border-box;}
.menu_mobile .nav li{ width: 100%; height: .6rem; line-height: .6rem; text-align: right; border-bottom:1px solid #9A9377;}

.menu_mobile .nav li a{ color:#FFF; font-size:.26rem}
.menu_mobile .close_menu{ position: absolute; right: 70%; top: .1rem; width: .3rem; height: .3rem; margin-right: -.65rem; background: url(../images/close_mobile.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/close_mobile.png*/ center center no-repeat; background-size:100% auto;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.menu_mobile .close_menu:hover{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
@media (min-width:1000px) and (max-width:1024px){
	.menu_btn_mobile{ width: .35rem; height: .35rem;}
	.menu_mobile .close_menu{width:.2rem; height:.2rem; margin-right:-.4rem;}
	.menu_mobile{ width: 1.5rem; background-size:100% 100% ;}
	.menu_mobile .nav li{ height: .4rem; line-height: .4rem;}
	.menu_mobile .nav li a{ font-size:.16rem}
}
@media (min-width:768px) and (max-width:999px){
	.menu_mobile .close_menu{ width: .23rem; height: .23rem; margin-right: -.5rem;}
	.menu_mobile{ width: 2rem;}
	.menu_mobile .nav li{ height: .45rem; line-height: .45rem;}
	.menu_mobile .nav li a{ font-size:.18rem}
	
}

@media (min-width:320px) and (max-width:1024px){
	.menu_btn_mobile{ display: block;}
	.logo_mobile{ display: block;}
	.menu_mobile{ display: block;}
}


/*关于我们*/
.about_case{ width: 100%; height: auto; overflow: hidden; }
.about_box{position: relative; width: 100%; height: auto; font-family: Vijaya !important;}
.about_box img{ width: 100%;}
.about_box img.mobie_img{ display: none;}
.about_box h4{ margin-bottom: 0; font-size:50px; font-weight: normal;font-family: Vijaya !important;}
.about_box p{margin: 0; line-height: 25px;font-family: Vijaya !important; font-size:20px;}
.about_box>div{
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		overflow:hidden;
		position: absolute;
		width: 50%;
		height: 100%;}
.about_box>div>div{ width: 70%;}		
.about_box .text01{ right: 50%; top: 0;}
.about_box .text02{ left: 50%; top: 0;}
.about_box .text03{ right: 50%; top: 0;}
@media (min-width:320px) and (max-width:1024px){
	.about_box img.pc_img{ display: none;}
	.about_box img.mobie_img{ display: block;}
	.about_box div{ width: 100%;}
	.about_box>div>div{ width: 100%;}
	.about_box>div{ display: block; padding:.3rem; box-sizing: border-box;}
	.about_box .text01{ right: 0; top: 0;}
	.about_box .text02{ left: 0; top: 0;}
	.about_box .text03{ right: 0; top: 0;}
	.about_box .text01>div{ padding-top: 1.4rem;}
	.about_box .text02>div{ padding-top: .8rem;}
	.about_box h4{ margin-bottom: .15rem; font-size:.5rem}
	.about_box p{ line-height: .3rem; font-size:.26rem ;}
}

/*产品列表*/
.banner{ width: 100%;}
.banner img{ width: 100%;}
.pro_list{ width: 100%; height: auto; margin:0 0 50px 0; overflow: hidden;}
.pro_list h2{ height:120px; margin: 70px 0; line-height:120px;text-align: center; font-family:Vijaya; font-size:48px; color:#66410B; font-weight: normal; background:url(../images/cate_title.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/cate_title.png*/ center center no-repeat ; background-size:auto 100%; ;}
.pro_list ul{ width: 68%; margin: auto; border-bottom: 1px solid #E0E0E0; overflow: hidden;}
.pro_list ul li{ float: left; width: 31.33%; margin:0 1%; padding: 40px 0; box-sizing: border-box;}

.pro_list ul li .pic_box{ position: relative; width: 100%; height: 0; padding-top: 90%;}
.pro_list ul li .pic_box a{ position: absolute; top: 0; left: 0;   width: 100%; height: 100%; 
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		overflow:hidden;}
.pro_list ul li .pic_box a img{ display:inline-block;max-width: 100%;max-height: 100%; vertical-align:middle;}
.pro_list ul li .pic_box a span{ position: absolute; left: 0;right:0;top:0;bottom: 0; z-index: 990; width: 100%; height: 100%;  overflow: hidden; cursor:pointer}
.pro_list ul li .pic_box a span:before{content: ''; position: absolute;top: 0; left: 0; z-index: 995; width: 100%; height: 0; background: rgba(255,255,255,.8);transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;}
.pro_list ul li .pic_box a span:after{content: ''; position: absolute;bottom: 0; left: 0; z-index: 995; width: 100%; height: 0; background: rgba(255,255,255,.8);transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;}
.pro_list ul li .pic_box a span i{ position: absolute;top:0;right:0;bottom:0;left:0; z-index: 999; opacity: 0; background: url(../images/look.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/look.png*/ center center no-repeat; background-size:8% auto ;transition: all .2s ease;-moz-transition: all .2s ease;-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition-delay:.2s;}
.pro_list ul li .pic_box a:hover span:before,
.pro_list ul li .pic_box a:hover span:after{height: 50%;}
.pro_list ul li .pic_box a:hover span i{opacity: 1; background-size:15% auto ;}
.pro_list ul li .title{ display: block; width: 100%; height: 40px; line-height: 20px; text-align: center; font-size:18px; color:#191919; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;overflow:hidden;}
.pro_list ul li p{ margin: 0; text-align: center; font-size:14px; color:#373737}

@media (min-width:768px) and (max-width:1024px ) {
	.pro_list ul{ width: 94%;}
}


@media (min-width:320px) and (max-width:767px){
	.pro_list{ margin:0 0 .4rem 0;}
	.pro_list h2{ height: 1.2rem; margin: .4rem 0; line-height: 1.2rem; font-size:.55rem}
	.pro_list ul{ width: 100%;}
	.pro_list ul:last-child{ border: none;}
	.pro_list ul li{ width: 46%; margin:0 2%;}
	.pro_list ul li .pic_box a span{ display: none;}
	.pro_list ul li .title{ font-size:.25rem}
	.pro_list ul li p{ font-size:.22rem}
	
}

/*产品详情*/
.pro_show{ width: 100%; height: auto; overflow: hidden;}
.pro_show li{ width: 100%; padding-bottom: 215px; background-size:100% auto !important; 
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		overflow:hidden;}
.pro_show li:nth-child(odd){ background: #FFF url(../images/lang_odd.jpg)/*tpa=http://annathai.com/static/anna/tpl/www/images/lang_odd.jpg*/ bottom center no-repeat;}
.pro_show li:nth-child(even){ background: #F6F3E6 url(../images/lang_even.jpg)/*tpa=http://annathai.com/static/anna/tpl/www/images/lang_even.jpg*/ bottom center no-repeat;}
.pro_show li:first-child{ padding-top: 100px;}
.pro_show li:last-child{ padding-bottom: 0; background-image:none ;}
.pro_show li>div{ width: 50%; padding: 0 50px; box-sizing: border-box;
		overflow:hidden;}
.pro_show li .content{ padding: 0 100px;}
.pro_show li>div img{ max-width: 100%;}
.pro_show li>div p{ line-height: 25px;}
.pro_show li .pic_mibile{ display: none;}
@media (min-width:1000px) and (max-width:1024px){
	.pro_show li>div{ padding: 0 .1rem;}
	.pro_show li .content{ padding: 0 .2rem;}
}
@media (min-width:320px) and (max-width:999px){
	.pro_show li{ display: block; padding:.5rem 0;}
	.pro_show li .pic_mibile{ display: block;}
	.pro_show li:first-child{ padding-top: .5rem;}
	.pro_show li:nth-child(even) .pic{ display: none;}
	.pro_show li>div{ width: 100%; padding: 0 .5rem;}
	.pro_show li .content{ padding: 0 .3rem;}
	.pro_show li>div p{ margin: .15rem 0; line-height: .3rem;}
}

/*上下文切换按钮*/
.chang_btn{display: none; position: fixed;right: 15px; top: 50%; margin-top: -102.5px;}
.chang_btn a{ display: block; width: 65px; height: 65px; margin-bottom: 5px; border:1px solid #D6D6D6; border-radius: 100%; text-align: center; line-height: 65px; color:transparent; box-sizing: border-box;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.chang_btn a:last-child{ margin-bottom: 0;}
.chang_btn a.go_prev{background:url(../images/go_prev.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/go_prev.png*/ center center no-repeat;}
.chang_btn a.go_next{ background:url(../images/go_next.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/go_next.png*/ center center no-repeat;}
.chang_btn a.backlist{ background:url(../images/backlist.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/backlist.png*/ center center no-repeat ;}
.chang_btn a:hover{ color:#6A675B; border-color: #928E7D; background: none; }
@media (min-width:320px) and (max-width:767px){
	.chang_btn{top: auto; bottom: 15px; margin-top: 0;}
	.chang_btn a{ width: .8rem; height: .8rem; line-height: .8rem; background-size:auto 35% !important ;}
	
}


/*安全查询*/
.securit_box{ width:100%; height: auto; padding-top:15%; /*position: relative; width: 100%; height: 100%; background: url(../images/securit_bg.jpg) center center no-repeat; background-size:100% auto !important;*/}
/*.securit_box .search_box{position: absolute; top: 35%; left: 50%; margin-left: -255px;}*/
.securit_box .search_box{ margin: 0 auto; width: 510px; height: auto; overflow: hidden; }
.securit_box .search_box h3{ font-size: 50px; font-weight: normal; color:#2B2B2B}
.securit_box .search_box p{ margin: 0 0 15px 0; font-size:18px; color:#3F3C29;}
.securit_box .search_box .label{ margin-bottom: 25px; font-size:0}
.securit_box .search_box .search_key{ display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 400px; height: 48px; margin-right: 10px; padding: 10px 15px; line-height: 28px; font-size:16px; border: 3px solid #AB575C; box-sizing: border-box; border-radius: 5px; box-shadow: 1px 3px 5px #bbb; outline:none; background: none;}
.securit_box .search_box .search_key:focus{ box-shadow:0 0 10px #AB575C;}
.securit_box .search_box .submit{ float: right; display: block; width: 100px; height: 48px; font-size:18px; color:#FFF; text-shadow: 2px 2px 0 #823C40; border-radius: 5px; border: none;box-shadow: 1px 3px 5px #bbb; background: #AB575C; outline: none;}
.securit_box .search_box .submit:active{position:relative;top:1px;padding-top: 3px; box-shadow: none;}
.securit_box .result_box{ display: none; }
.securit_box .result_box h6{ width: 85px; height: 25px; margin-bottom: 20px; line-height: 25px; text-align: center; font-weight: normal;font-size:16px; border-radius: 50px; box-shadow: 1px 3px 5px #BBB ; background: #FFF;}
.securit_box .result_box .result_text{ width: 510px; min-height: 156px; padding: 10px; line-height: .2rem; text-indent: 2em; font-size:.18rem;color:#AB575C; border: 3px solid #AB575C; border-radius: 5px; box-shadow: 1px 3px 5px #BBB; box-sizing: border-box; background-color: rgba(255,255,255,.7);}
@media (min-width:1000px) and (max-width:1024px){
	/*.securit_box{ background-size:100% 100% !important;}*/
}
@media (min-width:768px) and (max-width:999px){
	/*.securit_box{ background: url(../images/securit_bg_mobile.jpg) center center no-repeat; background-size:100% 100% !important ;}*/
}
@media (min-width:320px) and (max-width:767px){
	/*.securit_box{ background: url(../images/securit_bg_mobile.jpg) center center no-repeat;}*/
	.securit_box .search_box{ position:static; width: 100%; height: 100%; margin: 0;}
	.securit_box .search_box .input_box{ width: 100%; height: 50%; padding: 1rem .5rem 0; box-sizing: border-box;}
	.securit_box .search_box h3{ width: 100%; font-size:.5rem}
	.securit_box .search_box p{ font-size:.26rem}
	.securit_box .search_box .label{ width: 100%; box-sizing: border-box;}
	.securit_box .search_box .label .search_key{ display: block; width: 60%; height:.6rem; padding:.15rem .1rem; margin-bottom: .3rem; line-height: .5rem; font-size:.22rem}
	.securit_box .search_box .submit{ display: block; width: 35%; height:.6rem; line-height: .5rem; font-size:.25rem}
	.securit_box .result_box{ padding: 0 .5rem;}
	.securit_box .result_box h6{ width: 1.5rem; height: .4rem; line-height: .4rem; font-size:.24rem}
	.securit_box .result_box .result_text{ width: 100%; min-height: 2.5rem; background: rgba(255,255,255,.5); text-indent: 1em; line-height: .3rem; font-size:.26rem}
	
}


/*contact*/
.contact_box{ width: 100%; height: 100%;background: url(../images/contact_bg.jpg)/*tpa=http://annathai.com/static/anna/tpl/www/images/contact_bg.jpg*/ center center no-repeat; background-size:100% auto !important;
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		overflow:hidden;}
.contact_box .contact_info{ }
.contact_box .contact_info h3{position: relative; margin-bottom: 20px; text-align: center; font-family: Vijaya; font-size:50px; font-weight:normal; color:#585856}
.contact_box .contact_info h3:after{content:'';position: absolute;left: 50%;bottom: 0; width: 20px; height: 3px; margin-left: -10px; background: #585856;}
.contact_box .contact_info>p{ margin:0; margin-bottom: 20px; text-align: center; font-size:30px; font-family: Vijaya; color:#717171;}

.contact_box .contact_info .tab_btn{ width: 100%; margin-bottom: 40px; text-align: center; font-size:0;}
.contact_box .contact_info .tab_btn li{ display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 125px; height: 42px; line-height: 42px; color:#A1A0A0; font-size:14px; border-radius: 5px 20px 5px 20px; cursor: pointer;}
.contact_box .contact_info .tab_btn li.on{ color:#FFF; background: #AC575C;}


.slide_box{ width: 700px; padding: 50px; box-sizing: border-box; background: rgba(255,255,255,.5); border-radius: 20px 50px 20px 50px; overflow: hidden;}
.contact_slide{ width: 100%; overflow: hidden;}
.contact_slide ul{ width: 100%; height: auto;  overflow: hidden;}
.contact_slide ul li{ width: 100%; margin-bottom: 20px; border-bottom:2px dotted #C0C0C0;}
.contact_slide ul li:last-child{ margin-bottom: 0;}
.contact_slide ul li p{ margin:0; margin-bottom: 5px; padding-left:15px; line-height: 20px; font-family: arial; font-style:oblique; font-size:16px; color:#807F7F}
.contact_slide ul li p:first-child{ background: url(../images/dian.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/dian.png*/ left 7px no-repeat;}

@media (min-width:1000px) and (max-width:1024px){
	.contact_box{ background-size:100% 100% !important;}
}
@media (min-width:768px) and (max-width:999px){
	.contact_box{ background: url(../images/contact_bg_mobile.jpg)/*tpa=http://annathai.com/static/anna/tpl/www/images/contact_bg_mobile.jpg*/ center center no-repeat; background-size:100% 100%  !important ;}
}
@media (min-width:320px) and (max-width:767px){
	.contact_box{ background: url(../images/contact_bg_mobile.jpg)/*tpa=http://annathai.com/static/anna/tpl/www/images/contact_bg_mobile.jpg*/ center center no-repeat; background-size:100% auto  !important ;}
	.contact_box .contact_info{ width: 90%;}
	.contact_box .contact_info h3{ margin-bottom: .2rem; font-size:.8rem}
	.contact_box .contact_info>p{ margin-bottom: .2rem; font-size:.3rem}
	
	.contact_box .contact_info .tab_btn{ margin-bottom: .2rem;}
	.contact_box .contact_info .tab_btn li{ width: 33.33%; height: .7rem; line-height: .7rem;}
	.slide_box{ width: 100%; padding: .4rem;}
	.contact_slide ul li{ margin-bottom: .3rem;}
	.contact_slide ul li p{ font-size:.2rem; line-height: .3rem;}
	.contact_slide ul li p:first-child{ background: url(../images/dian.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/dian.png*/ left 5px no-repeat;}
}


/*官方图片*/
.Official_pictures{	width: 68%;	margin: auto;}
.Official_pictures img{ max-width: 100% !important;}

/*2018/3/6追加，复制自鑫浪防伪查询页面*/

/* --  提示  -- */
.point_c { color: #333; padding:.1rem .05rem 1rem 0; border-top: 1px solid #ccc;}
.point_c p { padding: .1rem .08rem .06rem;}
.point_c span {	display: block;	color: #ff4a42;	padding: .2rem .08rem .16rem;}
.point { background: url(../images/xt.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/xt.png*/ left .16rem top repeat-y; background-size: .016rem;}
.point h2 {	margin: 0.2rem auto; padding: 0 .1rem 0 .32rem;	font-size: .16rem;background: url(../images/dot1.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/dot1.png*/ center left 0.08rem no-repeat;
	background-size: .16rem;}
.point h3 {	margin-bottom: .14rem; padding: 0 .1rem 0 .32rem; color: #666; font-size: .15rem !important; background: url(../images/dot2.png)/*tpa=http://annathai.com/static/anna/tpl/www/images/dot2.png*/ center left .1rem no-repeat; background-size: .12rem;}

/* --  旧版标签防伪  -- */
.box {min-height: 100%;}
#result { color: #444; text-align: center;}
#result label { display: block; width: 100%; margin: 0.02rem auto 0.06rem; color: #f5514a; text-align: center;}

/* --  防伪  -- */
.ewm {	position: relative; display: block; padding: .2rem; height: 2.5rem; marginm: .2rem 0;line-height: .16rem; color: #f75a53;
		border: 3px solid #AB575C; border-radius: 5px; box-shadow: 1px 3px 5px #BBB; box-sizing: border-box; background-color: rgba(255,255,255,.7);}
.ewm img {	width: 1.3rem;	margin: 0 auto .04rem;}
.fw {position: relative;width: 88%;line-height: .16rem;	margin: .18rem auto;padding: .2rem .1rem .1rem;	color: #242424;	font-size: .14rem;
	border: 0.01rem solid #f29100;	border-radius: 0.06rem;	background-color: #fff;	overflow: hidden;}
.fw_t {position: absolute;top: 0;left: 0;width: 100%;height: .1rem;border-top-left-radius: 0.04rem;	border-top-right-radius: 0.04rem;background-color: #f29100;}
.fw_c {position: relative;width: 100%;padding: 0.03rem 0;overflow: hidden;}
.fw_tex {position: absolute;top: 0.024rem;left: 0;}
/* -- 字体间距 -- */
.zt4_3 { letter-spacing: 0.05em; margin-right: -0.05em;}


/* -- 2018-03-01 -- */
.bioq {	float:right; display: inline-block; position: relative;}
.bioq_text {float: left; color: #AB5C65; width: 70%; line-height: .2rem; font-size: .18rem;}
.bianhao { position: absolute; top: .45rem; left: 0.04rem; display: block; width: .15rem; height: .15rem; border: #FF0000 solid 1px; color: #222;	font-size: .13rem;}
.sbarcode1 { display: block; position: absolute; top: 1.63rem; left: 0;	width: 100%; color: #222; font-size: .13rem; text-align: center; border: #FF0000 solid 1px;}
/*新版二维码*/
.point_c.pic .bioq { display: block; position: relative; width:43%; float: right;}
.point_c.pic .bioq img { width: 98%; height: auto;}
.point_c.pic .bioq_text { width: 56%;}
.shuz {	position: absolute; display: block;	width: 98%; line-height: .2rem; color: #222; text-align: center; letter-spacing: 0.5em; text-indent: -0.25em; border: #FF0000 solid 2px;}
@media (min-width:320px) and (max-width:767px){
	.bioq_text { line-height: .3rem;}
	.shuz { width: 98%; letter-spacing: 0.1em; text-align: center; border-width: 1px; bottom: 0rem; font-size: .2rem; font-weight: normal;}
	}
.bottom_div{
    background: #000000;
    padding: 5px 0;
    text-align: center;
    margin-top: 10px;
}
.bottom_fixed{
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    width: 100%;
}
.bottom_div p{
    font-size: 14px;
    color: #999999;
    display: block;
    margin: 0;
}
.bottom_div a{
    font-size: 14px;
    color: #999999;
    text-decoration: none;
}