body { margin:0 ; padding:0; overflow-x:hidden;
}
img{ max-width:100%}
.wapbar{ width:1080px; margin:0 auto; display:block;position:relative}
.mainwapwid{ background:#E9EBEE; width:1080px; margin:0 auto; display:block;position:relative; margin-top:10px; padding-top:10px; padding-bottom:10px}
.barwidnei{ width:1060px; margin:0 auto; display:block;position:relative}
.wapbar:after,.mainwapwid:after,.barwidnei:after{ clear:both; height:0; overflow: hidden; display:block; visibility:hidden; content:”.”}
.mobibanner{ display:none}
.topabou{background: url(//www.tupianku.com/view/full/14192/toppaimg-2.jpg); width:1080px; height:48px; margin:0 auto; display:block; position:relative;font-family:”Open Sans”, Arial, Helvetica, sans-serif; font-size:12px; line-height:48px;color:#ccc;}
.topabou .welc{ float: left; width:300px;}
.topabou .aboutmenu{ float:right; text-align:left; width:400px;}
.topabou .aboutmenu ul,.topabou .aboutmenu li{ margin:0; padding:0}
.topabou .aboutmenu li{list-style:none; display:inline;}
.topabou .aboutmenu li a{color:#ccc;text-decoration:none;padding-left:15px; padding-right:15px;}
.topabou .aboutmenu li a:hover{ color:#f6f6f6; text-decoration:underline}
.topabou strong{color:#ccc; }

.topbanner{ display:block; background: url(//www.tupianku.com/view/full/14192/toongbg-2.jpg);width:100%; height:78px;margin:0 auto;overflow:hidden;}
.guenntbox{ float:left; text-align:left; padding-top:20px}
.logobanner{display:block; float:left; margin-top:40px; margin-left:30px; text-align:left}
.logobanner img{ max-width:100%;}

.menunav{width:1080px;height:64px; background: url(//www.tupianku.com/view/full/14192/topmenu-2.jpg);height:64px; line-height:64px; margin:0 auto; overflow:hidden;}
.menunav ul,.menunavli{ margin:0; padding:0; font-family:”Open Sans”,Arial, Helvetica, sans-serif; text-transform:uppercase;font-size:14px;}

.menunav li{list-style:none; display:inline-block; font-family:”Open Sans”,Arial, Helvetica, sans-serif;}
.menunav li a{color:#fff; font-weight:bold;text-decoration:none; display:block; padding-left:20px; padding-right:20px;font-size:14px}
.menunav li a:hover{color:#fff; text-decoration:underline}
.menunav .noe{ background:none}

.advbanner{ width:100%; display:block; position:relative; margin:0 auto; margin-top:10px}
.advbanner img{ max-width:100%; height:auto}

.leftwid{display:block; float:left; width:210px;}
.rightwid{display:block; width:835px; float:right;}
.rigprofeabox{ float:right; width:210px; display:block; position:relative}
.lefttitbg{ width:210px; height:46px; background:url(//www.tupianku.com/view/full/14192/catetitbg-2.jpg);color:#FFF; line-height:46px; text-align:center; font-size:16px; font-family:”Open Sans”,Arial, Helvetica, sans-serif; margin:auto;overflow:hidden; }

#fenle{width:210px;border-top: none;font-family:”Open Sans”,Arial, Helvetica, sans-serif;background:#F5F5F5; margin-bottom:15px}
#fenle ul{ padding:0; margin:0;}
#fenle ul ul{padding:0; margin:0;}
#fenle ul li{list-style: none;text-align:left; margin:0; padding:0; border-bottom:1px solid #ddd}
#fenle ul ul li{text-align:left;list-style: none;}
#fenle li a {color:#404040;text-decoration: none;line-height:30px; font-size:13px; display:block; background: url(//www.tupianku.com/view/full/14192/cateico01.png) no-repeat; background-position:10px 10px; display:block; padding-left:20px; font-weight:700}
#fenle li a:hover{ color:#fff;background: url(//www.tupianku.com/view/full/14192/cateico01.png)#7C7C7C no-repeat; background-position:10px 10px;display:block;text-decoration:underline}

#fenle ul ul li{border-bottom:none; }
#fenle ul ul li a {color:#333; text-decoration: none; text-align:left; font-size:11px; padding-left:20px;line-height:26px; font-weight:normal; background: url(//www.tupianku.com/view/full/14192/icodot3.png)no-repeat; background-position:10px 10px; }
#fenle ul ul li a:hover {color:#3B5998;text-decoration: none;background: url(//www.tupianku.com/view/full/14192/icodot3.png)no-repeat; background-position:10px 10px; }

.photobox{border:1px solid #DFE0E4; background:#FFF; margin-top:5px;margin-bottom:10px;display:block;position:relative; padding-top:10px; padding-bottom:10px}

.desboxmar{ width:97%; margin:0 auto;font-family: Arial, Helvetica, sans-serif ;font-size:14px; line-height:150%; padding-bottom:15px;font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:150%; text-align:left; padding-top:10px;}
.desboxmar p{ margin:0; padding:0}
.desboxmar img{ max-width:100%; height:auto}
.desboxmar ul,.desboxmar li,.desboxmar ol{ margin:0; padding:0; margin-left:20px;}
.desboxmar strong{ color:#3E5C9A}
.desboxmar p{ margin:0; padding:0}

.promtbox{ border:1px solid #dddddd; background:#fff; padding:10px; width:190px; margin:0 auto; margin-top:14px; margin-bottom:15px}

.hotbg{width:208px; font-family: “Open Sans”, Arial, Helvetica, sans-serif; font-size:12px; background:#FFF; border:1px solid #DFE0E4; padding-top:15px; margin:0 auto}
.hotbg a,.hotbg a span img{ color:#000; text-decoration:none; font-size:12px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;-webkit-font-smoothing: antialiased;
}
.hotbg a:hover{ color:#3B5998; text-decoration:underline;opacity:0.8}
.hotbg img{ border:1px solid #dddddd; margin-bottom:8px; vertical-align: middle}
.hotbg strong{ color:#CC0000; font-size:16px; line-height:22px; margin-right:10px}
.hotbg span img{ border:none; margin-top:5px }
.hotbg a:hover span img{opacity:0.8}

.boxpro{width:180px; float:left;font-family: “Open Sans”, Arial, Helvetica, sans-serif; padding-bottom:10px;padding-top:10px; margin-left:20px; color:#F00; text-align:center }
.boxpro .promobox img{border:1px solid #ccc;max-width:180px; max-height:180px;}
.boxpro .titpro{ height:32px;word-wrap:break-word; text-align:center; overflow:hidden; line-height:130%; font-size:12px; margin-top:5px}
.boxpro a{ color:#000; text-decoration:none}
.boxpro a:hover{color:#3B5998; text-decoration: underline}
.boxpro .pics{ color:#3B5998; margin-bottom:7px; font-weight:bold}
.boxpro a{ color: #333; text-decoration:none}
.boxpro a:hover{ text-decoration:underline}

.boxpro .buyphot img{ border:none; text-align:center}
.boxpro a,.boxpro a img{
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;-webkit-font-smoothing: antialiased;
}

.boxpro a:hover,.boxpro a:hover img{opacity:0.9}

.boxpro span img{ border:0}

.politit{line-height:45px; height:45px; }
.politit,.rightitbg{display:block; background:url(//www.tupianku.com/view/full/14192/indon-2.jpg);color: #FFF; font-family:”Open Sans”, Arial, Helvetica, sans-serif;overflow:hidden;}
.politit strong,.rightitbg{ padding-left:10px; font-weight:bold}
.rightitbg h1{ margin:0; padding:0; line-height:20px; font-size:16px}
.rightitbg{padding-top:10px; padding-bottom:10px;}

.maytit{color: #000; font-family:Verdana, Geneva, sans-serif; font-size:16px; text-align:left; line-height:30px; padding:18px 0px 27px 14px; background:#F6F6F6}

#policybox {display:block; position:relative; margin: 0 auto; margin-bottom:16px}
#policybox section {display: block;padding:0;text-align:left;position:relative;line-height:150%;font-size:14px;display:block; font-family:”Open Sans”, Arial, Helvetica, sans-serif; border:1px solid #eee; background:#FFF}
#policybox input {display:none;}
#policybox label {display: inline-block;color:#fff;background:#7C7C7C }
#policybox label:hover {cursor:pointer;background: url(//www.tupianku.com/view/full/14192/indon-2.jpg);; color:#fff; }
#policybox input:checked + label {cursor: pointer;background: url(//www.tupianku.com/view/full/14192/indon-2.jpg);color:#fff;}
#policybox label,#policybox input:checked + label {margin:0 auto; padding:0;height:40px; line-height:40px; font-family:Verdana, Geneva, sans-serif;font-size:12px; text-transform:uppercase; padding-left:20px; padding-right:20px;font-weight:bold;cursor: pointer; text-align:center;}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
display: block;
}

.shipfoot{ background: url(//www.tupianku.com/view/full/14192/botshd01-2.jpg)no-repeat center top ; height:78px; margin-top:10px; padding-top:20px}
.shipfoot img{ max-width:95%; height:auto}
.copyli{ background:url(//www.tupianku.com/view/full/14192/copylibg-2.jpg) no-repeat top center; padding-top:30px; font-family:”Open Sans”, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; margin-bottom:20px}
.copyli strong{ color:#3B5998}

#botbg{width:1080px; display:block; position:relative; margin:0 auto; margin-bottom:20px; font-size:12px;font-family:”Open Sans”, Arial, Helvetica, sans-serif; }
#botbg h2{ color:#3B5998; font-size:16px; margin:0; padding:0; line-height:40px; text-transform:uppercase; border-bottom:1px solid #ddd; text-align:center}
#botbg .infolink{ margin-top:8px; text-align:center; color:#666}
#botbg .infolink ul{ margin:0; padding:0;font-size:12px; line-height:180%;}
#botbg .infolink li{ margin:0; padding:0; list-style:none; text-align: center}
#botbg .infolink li a{color:#666;text-decoration:none;}
#botbg .infolink li a:hover{ color:#FC0; text-decoration: underline}

.infone{float:left; margin-left:10px; margin-top:15px; width:210px; margin-right:10px;}

.infone img{ margin-top:15px;}
.viewmore{float:right; margin-top:100px; display:block}
.desbox:after,.desboxmar:after,.photobox:after,#botbg:after{
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.photoim{ width:100%; margin:0 auto; padding-top:10px; padding-bottom:18px; display:block}

#gallery_outer_3 .mainimage{left:0}
#gallery_outer_3 #gallery{box-sizing:border-box;text-align:center}
#gallery_outer_3 .g_image{display:inline-block;height:100px; width:100px;margin-right:7px;padding-top:10px;}
#gallery_outer_3 .g_image .thumbimage{margin:10px 3px}
#gallery_outer_3 .mainimage img{max-height:100%;max-width:100%;position:relative;}
.g_image .thumbimage li{margin:0; padding:0;border:1px solid #ccc;margin-right:3px; padding-bottom:1px; display:inline-block;list-style:none; width:100px;height:100px; transition:opacity .5s;opacity:.9;position:relative;cursor:pointer;color:#fff;text-align:center;background:#fff;}
.g_image .thumbimage li img{max-width:100px;max-height:100px;width:100px;height:100px;position:relative; top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

#gallery [type=radio]:checked~.thumbimage li{border:1px solid #415E9B;opacity:1}
#gallery_outer_3{position:relative;clear:both;margin:0 0 20px 0;}
.g_image [type=radio]{display:none}

.mainimage{position:absolute;top:0;margin:0;background:rgba(0,0,0,0);overflow:hidden;text-align:center;opacity:0;cursor:pointer;animation-name:lightboxout;animation-duration:.5s}
@keyframes lightbox{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@keyframes lightboxout{from{transform:scale(1.5)}to{background:rgba(0,0,0,0);transform:scale(1)}}
#gallery [type=radio]:checked~.thumbimage{color:#fff;z-index:1}
#gallery [type=radio]:checked~.mainimage{opacity:1;z-index:2;padding:0}
#gallery_outer_1 .g_image[data=””]{display:none}
#gallery [type=checkbox]:checked~.mainimage{right:0;z-index:100;background:#fff}
#gallery [type=checkbox]:checked~.mainimage img{display:block;margin:0 auto}

.mainimagecb{display:none}

#gallery_outer_3{height:auto;width:80%; margin:0 auto ; margin-bottom:16px}

@media (min-width:980px) {.photoim{ width:100%; height:auto; margin:0 auto; display:block; padding-top:20px}

}

@media (max-width: 979px) {

#gallery_outer_3{height:auto;width:86%; margin:0 auto }
#gallery_outer_3 .mainimage,
#gallery_outer_3 .mainimage div{height:550px;width:100%}
#gallery_outer_3 #gallery{height:auto;width:78%; margin:0 auto;padding-top:550px}

}

@media (max-width:797px){

#gallery_outer_3 .mainimage,
#gallery_outer_3 .mainimage div{height:600px;width:100%}
#gallery_outer_3 #gallery{height:auto;width:100%;padding-top:600px}
}
@media (min-width: 979px) {
#gallery_outer_3 .mainimage,
#gallery_outer_3 .mainimage div{height:600px;width:100%}
#gallery_outer_3 #gallery{height:auto;width:100%;padding-top:600px}
}

@media (min-width:601px){
#gallery_outer_3 #gallery [type=checkbox]:checked~.mainimage{animation-name:lightbox;animation-duration:.5s;padding:0;position:fixed;width:100vw;left:0;right:0;height:100vh;background:rgba(0,0,0,.6)}
#gallery_outer_3 #gallery [type=checkbox]:checked~.mainimage>div{background:#fff;position:static;box-sizing:content-box;top:0;max-height:80vh;width:100%;height:auto;max-width:60vw;margin:auto;margin-top:10vh;padding:10px;box-shadow:0 5px 13px rgba(0,0,0,.4);}
#gallery_outer_3 #gallery [type=checkbox]:checked~.mainimage>div img{max-height:80vh;top:0;transform:none}
#gallery_outer_3 #gallery [type=checkbox]:checked~.mainimage>div::after{background:#fff;border-radius:4px;color:#000;content:”Click to Close”;font-size:16px;padding:4px 20px;position:relative;bottom:20px;border:1px solid #333;font-family:Arial,Helvetica,sans-serif;}
}
#gallery_outer_3 .g_image[data=””]{display:none}

@keyframes tabOut{from{opacity:1}to{opacity:0}}
@keyframes tabIn{from{opacity:0}to{opacity:1}}

@media (max-width:800px){#gallery_outer_3{height:auto;width:86%; margin:0 auto }}

@media (max-width:600px){.photoim{ width:96%; margin:0 auto}

@keyframes slide{ from{left:100%} to{left:0} }

#gallery_outer_3{height:auto}
#gallery_outer_3 .g_image{width:100%;height:auto}
#gallery_outer_3 #gallery{height:auto;padding:0}
#gallery_outer_3 .mainimage{display:none;position:static;animation:none;max-width:100%;height:auto;min-width:0}
#gallery_outer_3 .mainimage div img{max-width:100%;height:auto;position:relative;top:0;transform:none}
#gallery_outer_3 #gallery [type=radio]:checked~.mainimage{display:block}
#gallery_outer_3 #gallery,#gallery_outer_3 .mainimage,#gallery_outer_3 .mainimage div{height:auto}
#gallery_outer_3 .g_image .thumbimage{display:none}
#gallery [type=radio]:checked~.mainimage div img{animation-name:slide;animation-duration:.4s}

.leftarrow,.rightarrow{width:50%;display:block}
.leftarrow span,.rightarrow span{font-size:60px; font-family: Arial, Helvetica, sans-serif; font-weight:bold}

#gallery_outer_3{height:auto;width:100%; margin:0 auto }
}

.clicbox{ font-family: Verdana, Geneva, sans-serif; font-size:12px; text-align:center; margin-bottom:6px; margin-top:8px; color:#000}

@media (min-width:980px){

#policybox section {display:none;}
.politit{ display:none}

}

.pawbar{ width:96%; margin:0 auto; display:block; position:relative}

@media only screen and (max-width:980px){
.image_gallery,.item_desc{width:100%}
.tabs .tab,.tabs label{order:initial;transition:.3s all;display:block}
}
@media only screen and (max-width:540px){
.thumbnails .gallery_content,.white-box{height:400px}.thumbnails li{width:70px;height:70px}
}

@media (min-width:980px)
{
#policybox section {display:none;}
.politit{ display:none}
}
@media screen and (max-width: 980px) {
.advprobox img{ max-width:100%; }
.wapbar{ width:98%; margin:0 auto}

.logobg{ width:100%;}

.mobibanner{ display:block; width:100%}
.mobibanner img{ max-width:100%}
.guenntbox{ float:left}
.logobanner{display:block; float:left; margin-top:20px; margin-left:10px; text-align:left}

.mainwapwid{width:100%;padding-bottom:5px}
.barwidnei{ width:98%;}

.leftwid,.rigprofeabox,.topbanner{ display:none}
.rightwid{ width:100%; margin:0 auto; display:block; float:none}
.viewmore{ display:none}
#policybox label{ display:none}
#policybox section {display: block; }
.politit{ display: block}
.boxpro{width:22%;float:left;font-family: “Open Sans”, Arial, Helvetica, sans-serif; padding-bottom:10px;padding-top:10px; margin-left:15px; color:#F00; text-align:center }
.boxpro .promobox img{ border:0; width:100%; height:auto;}
.menunav li a{color:#fff; font-weight:bold;text-decoration:none; display:block; padding-left:10px; padding-right:10px;font-size:14px}
.menubg{width:100%;margin:0 auto;overflow:hidden;}
.menubg li a{padding-left:5px; padding-right:5px; font-size:12px}
.menunav{ width:100%}
#botbg{ display:none}
.shipfoot{ background-size:100%; height:auto}
}
@media screen and (max-width: 768px) {

.guenntbox{ float:none; width:100%; text-align:center}
.logobanner{ float:none; width:100%; margin-top:20px; margin-bottom:15px;margin-left:3px; text-align:center}

.boxpro{width:22%;float:left;font-family: “Open Sans”, Arial, Helvetica, sans-serif; padding-bottom:10px;padding-top:10px; margin-left:5px; color:#F00; text-align:center }
.boxpro .promobox img{ border:0; width:100%; height:auto;}
.shipfoot{ background-size:100% ;}
}

@media screen and (max-width: 600px) {
.shipfoot{ background-size:150% ;}
.boxpro{width:45%;float:left;font-family: “Open Sans”, Arial, Helvetica, sans-serif; padding-bottom:10px;padding-top:10px; margin-left:8px; color:#F00; text-align:center }
.boxpro .promobox img{ border:0; width:100%; height:auto;}
}

@media screen and (max-width: 480px) {
.boxpro{width:45%;float:left;font-family: “Open Sans”, Arial, Helvetica, sans-serif; padding-bottom:10px;padding-top:10px; margin-left:15px; color:#F00; text-align:center }
.boxpro .promobox img{ border:0; width:100%; height:auto;}
.shipfoot{ background-size:150% ;}
}

@media screen and (max-width:320px) {
.boxpro{width:42%;float:left;font-family: “Open Sans”, Arial, Helvetica, sans-serif; padding-bottom:10px;padding-top:10px; margin-left:15px; color:#F00; text-align:center }
.boxpro .promobox img{ border:0; width:100%; height:auto;}
.shipfoot{ background-size:150% ;}
}