@charset "utf-8";
/* CSS Document */
body{ font-family: Arial, Helvetica, sans-serif;font-size:14px; color:#262f2a; line-height:20px; background-color:#fff;}
img{ border:none;}
.clear{ clear:both;}
a{ text-decoration:none;  transition: all 0.5s ease;}
.top{ color:#d3be7f; }
h2{ font-size:16px; font-weight:bold;}
h3{ font-size:14px;font-weight:bold}
table{ text-align:center;}
table th{ font-weight:bold; background-color:#d9e6f1; text-align:center;}
.mailto{ background:url(../images/index_03_03.jpg) no-repeat; padding-left:30px; color:#696868; font-size:18px; margin-bottom:21px;}
.top .text{ background-color:#e8e7e7; border:none; width:248px; line-height:34px; color:#888888; padding-left:10px;float:left;}
.top .sbtn{ width:36px; height:36px; border:none; background:url(../images/sarch-btn.jpg) no-repeat; float:left;}
.top .img-logo{ margin-top:18px;}
#nav li{ float:left; text-transform:capitalize;}
#nav a{ color:#fff; font-size:16px; padding:20px 30px;}
#nav .nav-me a:hover,#nav .active{ color:#d04e4e;}
@media screen and (min-width:768px){
	 #nav{ background-color:#2e3e4b;}
}
@media screen and (min-width:415px){
	.top{padding:23px 0px 40px;}
	.logo{ float:left;}
	.search-form{ float:right;}
	}
@media screen and (max-width:414px){
	.logo{ width:171px; margin:0 auto;}
	.search-form{width:284px;margin:10px auto; }
	.mailto{ margin-bottom:5px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#nav a{font-size:14px; padding:17px 14px;}
}
.slogan{ float:left; padding:50px 0px 0px 25px; width:50%;}
/*移动设备导航*/
.select-menu {
  display: none;
  border: 1px solid #c8c8c8;
  background-color: #e4e4e4;
  width: 100%;
  height: 30px;
  padding: 5px;
  cursor: pointer;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.select-menu:focus {
  border-color: #999;
}
.select-menu option {
  padding: 5px;
  cursor: pointer;
}
.select-menu option.main_item {
  font-weight: bold;
}
.weltitle{ background:url(../images/welcome.jpg) center top no-repeat; height:34px; margin:53px 0px 48px;}
.listhome{ margin-bottom:15px;}
.listhome .listimg{ width:100%; height:auto;}
.listhome a.img { display: block;overflow: hidden;position: relative;border:6px solid #2e3e4b; border-bottom:none;}
.listhome a.img:before {
    background:#000;
    content: "";
    height: 100%;
    left: -100%;
    opacity: 0.5;
    position: absolute;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}
.listhome a.img:hover:before{left: 0;}
.listhome a.img:after {
	background:url(../images/ico-b.png) no-repeat;
    content: " ";
    display: inline-block;
    height: 50px;
    left: 55%;
    margin-left: -40px;
    margin-top: -40px;
    opacity: 0.6;
    position: absolute;
    top: -20%;
    transition: all 0.7s ease-in-out 0s;
    width: 50px;
}

.listhome a.img:hover:after{ left:55%; top:60%;}
.listhome .p_tit{ background:#2e3e4b; text-align:center; font-weight:bold; font-size:16px; height:57px; line-height:57px;}
.listhome .p_tit a{ color:#fff; text-decoration:none;}
.listhome .p_tit a:hover{ color:#d04e4e;}
.listhome .listul{ background:#d04e4e; margin:0px; padding:10px 15px; list-style:none;}
.listhome .listul li{ color:#fff; background:url(../images/li-bg.png) left 5px no-repeat; padding-left:18px; font-size:14px; margin:5px 0px; text-transform:capitalize;}
.listhome .listul li a{ color:#fff;}
.listhome .listul li span{ font-size:10px;}
@media screen and (min-width:1024px){.listul{ height:203px;}}
@media screen and (min-width:768px) and (max-width: 980px){.listul{ height:125px;}}
@media screen and (width: 320px) {.listul{ height:325px;}}
@media screen and (min-width: 331px) and (max-width: 360px){.listul{ height:245px;}}
@media screen and (min-width: 370px) and (max-width: 450px) {.listul{ height:199px;}}
@media screen and (min-width: 568px) and (max-width: 680px) {.listul{ height:199px;}}
@media screen and (min-width: 730px) and (max-width: 760px) {.listul{ height:139px;}}
@media screen and (max-width:767px){.banner{ margin-top:15px;}}
@media screen and (max-width:450px){
	.listhome .p_tit{ font-size:12px; height:40px; line-height:40px;}
	.listhome .listul li{ font-size:12px;}
}
.vi-off{  margin-top:20px; font-size:14px; line-height:25px;}
.vi-off .offertit{background:url(../images/offer1.jpg) center center no-repeat;height:29px; margin-bottom:30px; margin-top:40px;}
.video{ }
.arecpj img{ width:100%; height:auto;}
@media screen and (min-width:768px){
	 .vi-off{ color:#fff; background:url(../images/index_15.jpg) center center no-repeat;padding:54px 0px 48px;}
	 .vi-off .offertit{ background:url(../images/offer.png) center center no-repeat; margin-top:0px;}
}
@media screen and (min-width:1024px){.vi-off{ margin-top:30px;}}
.recenttit{ background:url(../images/recent-tit.jpg) center top no-repeat; height:35px; margin:53px 0px 48px;}
.arecpj{ padding:5px 5px 7px; background-color:#efefef; color:#444444; display:block; text-align:center; font-size:14px;}
.arecpj img{ margin-bottom:7px;}
a:hover.arecpj{ background-color:#d04e4e; color:#fff;text-decoration:none}

.lnmtop50{ margin-top:50px;}
.lntit{ background:url(../images/ln-tit.jpg) center center no-repeat; height:31px; margin-bottom:40px;}
.newstit{ display:block; margin-bottom:8px; color:#2e3e4b; font-weight:bold;}
.nbot32{ margin-bottom:32px;}
@media screen and (max-width:768px){
	.arecpj{ margin-bottom:15px;}
	.nbot32 img{ margin-bottom:12px;}
}
.homeget{ background:#d04e4e url(../images/getin.jpg) center center no-repeat; height:64px;}
.mailbody{ background-color:#efefef; padding:30px 18px 32px; border:1px solid #dedede; border-top:none; margin-bottom:20px;}
.mailbody .sendnow{ background-color:#2e3e4b; border:none; color:#fff; width:158px; height:40px; line-height:40px; text-align:center; font-size:18px; font-family: "Oswald";}
.mailbody .sendnow:hover{ background-color:#d04e4e;}
#footer{ background-color:#2e3e4b; color:#FFF;}
#footer ul{ margin:0px; padding:0px; list-style:none;}
#footer ul li{ background:url(../images/footli.png) left 11px no-repeat; padding:5px 0px 5px 15px;}
#footer ul li a{ color:#fff;}
#footer .lineheight{ line-height:25px;}
#footer .flogo{ background-color:#d04e4e; text-align:center; height:100%;}

#footer .line{ border-right:1px solid #4f606c;}

#footer .mtop{ margin-top:40px;}
#footer .ptb60 a{ color:#fff;}
#footer .ptb60 a:hover{ color:#d04e4e;}
@media screen and (max-width:980px){
	#footer .ptb60{ padding-top:20px; padding-bottom:20px;}
	#footer .ptb60 img{ margin-bottom:20px;}
	}
@media screen and (min-width:1024px){
	#footer .ptb60{ padding-top:63px; padding-bottom:63px; height:303px;}
	#footer .ptb60 img{ margin-bottom:40px;}
	#footer .plr30{ padding-left:30px; padding-right:30px;}
	#footer .pl30{ padding-left:30px;}
	}
#footer .ftitle{padding-left:41px; color:#d04e4e; font-family: "Oswald"; font-size:24px; margin-bottom:15px; height:32px; line-height:32px;}
@media screen and (width:1024px){#footer .ftitle{ font-size:20px;}}
#footer .cutit{ background:url(../images/f_cu.jpg) left center no-repeat; }
#footer .faqtit{background:url(../images/f_faq.jpg) left center no-repeat;}
#footer .qgtit{background:url(../images/f_qg.jpg) left center no-repeat;}
#footer .ptb60 .red{  color:#d04e4e;}
@media screen and (min-width:568px) and (max-width:1023px){.res-left{ float:left; width:50%;border-top:1px solid #4f606c;}.res-clear{ clear:both;}}
/*product page*/

.banner2{ margin-bottom:42px; background-color:#efefef; text-align:center; }

.catetit{ background:#2e3e4b; color:#fff; height:54px; line-height:54px; padding:0px 20px; font-size:20px; font-family: "Oswald"; }
.catetlist{ background-color:#d04e4e;margin-bottom:30px;}
.catetlist ul{ list-style:none; margin:0px; padding:20px;}
.catetlist ul li{ padding:2px 0px; background: url(../images/footli.png) left 7px no-repeat; padding-left:15px; font-weight:bold; font-size:14px; color:#FFF; transition: all 0.5s ease; text-transform:capitalize;}
@media screen and (min-width:600px) and (max-width:767px){.catetlist ul li, .res-pro{ float:left; margin-right:0.1%; width:49.9%;} .catetlist ul li li{ width:93%;}}
.catetlist a{ color:#FFF;}
.catetlist li ul{ list-style: disc; margin:10px 0px 15px; padding:0px;}
.catetlist li ul li{ margin-left:15px; background:none; padding-left:0px; font-weight:normal; float:none;}
.border{ border:2px solid #2e3e4b; padding:20px 13px;margin-bottom:30px;}
@media screen and (min-width:768px){.textcenter{ text-align:center;}}
@media screen and (max-width:768px){ .banner2{ margin-top:10px; margin-bottom:10px;} .banner2 img{ width:100%; height:auto;}}
.border img{ margin-bottom:10px}
.textcenter a{ color:#2e3e4b; font-size:14px;}
.border ul{ margin:0px; padding:0px; list-style:none;}
.border ul li{ border-bottom:1px dotted #969ea5; padding-bottom:15px; margin-bottom:15px;}
.border ul li a{ font-weight:bold;}
.h1div{ border-bottom:6px solid #d04e4e; padding-bottom:10px; margin-bottom:20px;}
.h1div h1{ font-size:22px; margin:0px; padding:0px; text-transform:capitalize;font-family: "Oswald";}
.h1div .tright{ text-align:right;text-transform:capitalize;}
.plist{ background-color:#2e3e4b; display:block; padding:3px 3px 10px 3px; color:#fff !important; text-align:center; margin-top:30px;}
a:hover.plist{ background-color:#d04e4e;}
.plist img{ margin-bottom:10px;}
.newsa{ display:block; padding-bottom:10px;}
/*news page*/
.newstit{ display:block; margin-bottom:10px; font-size:14px; text-transform:capitalize;}
.newslist{ border-bottom:1px dotted #c7c7c7; padding:30px 0px;}
@media screen and (max-width:768px){.newslist img{ margin-bottom:10px;}}
.redmore{ color:#d04e4e;}
.page a:hover{ background-color:#d04e4e !important; color:#fff !important;}

/*faq page*/
.faqqt{ background: url(../images/faq_q.jpg) left center no-repeat; padding:8px 0px 7px 50px; font-size:16px; font-weight:bold;}
.faqad{background: url(../images/faq_a.jpg) left top no-repeat;padding-left:50px; margin-top:10px;}

/*contact us*/
.ustitle{ font-size:28px; margin-bottom:20px;font-family: "Oswald";}
.uspred{ color:#d04e4e; font-size:14px; font-weight:bold; margin-bottom:22px;}
.adddiv{ background:url(../images/contact_03.jpg) left 7px no-repeat; padding-left:35px; margin-bottom:25px;}
.adddiv ul{ margin:0px; padding:0px; list-style:none;}
.adddiv ul li{ padding:6px 0px; font-size:14px;}
.adddiv  .red{  color:#d04e4e;}
h2{ background-color:#d04e4e; color:#fff; padding:5px; font-size:14px;}
.artbody a{color:#d04e4e;}
.artbody ul{ margin:0px; padding:0px; list-style:none;}
.artbody ul li{ background:url(../images/libg_03.jpg) left 5px no-repeat; padding:3px 0px 3px 25px; margin:0px 18px;}
.artbody img{ max-width:100%; height:auto;}
@media screen and (min-width:768px){
.meleft{ float:left;}
.meright{ float:right;}
}

.live800{bottom: 0; position: fixed; right: 2px;}
@media (max-width:767px){
.live800{display: none;}
}