@charset "utf-8";
/**
 * @author:  DivesLiu, 57057434@qq.com
 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
:focus { outline:0;}
ol, ul { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-size:100%; }
table { border-collapse:separate; border-spacing:0;}
caption, th, td { font-weight:normal; text-align:left;}
a img { border:0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display:block;}

/* =Structure----------------------------------------------- */
body { font:12px/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif; color:#000; background:#fff;}
a { text-decoration:none; color:#000;}
a:hover { text-decoration:underline; }
.area { width:960px; margin:auto;}
.pt { padding-top:20px !important;}
.mb { margin-bottom:20px !important;}
.cl:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
.cl { min-height:1%;}
.red { color:#c33;}
.tright { text-align:right;}
.dis { display:none !important;}

/* = Layout----------------------------------------------- */
/* header */
header {background-color: #ff4135; border-bottom: 13px solid #000; height: 130px; min-width: 960px;}
header section {padding: 12px 0 2px;}
#logo { float:left; width: 362px; text-align: center; padding-top: 10px;}
#logo h1 {font-size: 37px; font-weight: bold; line-height: 45px; border-bottom: 1px solid #111;}
#logo h2 { color: #fff; font-size: 15px; font-weight: normal;}
#logo a:link {text-decoration: none;} 
#logo a:visited {text-decoration: none;} 
#logo a:active {text-decoration: none;} 
#logo a:hover {text-decoration: none;}
.topbanner {width: 578px; float: right;} 
.topbanner img {vertical-align: top;}
header nav { clear: both;height: 25px; text-align: right; color: #fff; font-size: 16px; line-height: 25px;}
header nav a {color: #fff; margin:0 8px;font-weight: bold;}
header nav a:hover {color: #fff;}
.main {background-color: #f6f5f5;}
.mtop {margin-bottom: 10px;}
.mleft {float: left;width: 580px;}
.bigpic {text-align: center;}
.mright {float: right;width: 370px; background-color: #fff;box-shadow: -4px 4px 6px #575757; height: 400px;}
.intro {padding: 20px 15px; font-size: 16px; color: #7d7a7a; padding-right: 5px; line-height: 18px;}
.intro p {margin-bottom: 15px;}
.intro p strong {color: #c00;}
.mright .op { padding:7px 15px;}
.mright .op a {width: 79px; height: 29px; background: url(../images/more.png) no-repeat 0 -58px; display: block; text-indent: -9999px;}
.mright h2 {color: #ee4000;font-size: 16px; padding-left: 15px;}
.mright h2 a {color: #ee4000; font-weight: bold;}

.mbox {width: 935px; height: 240px; background: url(../images/mbg.gif) no-repeat; margin: auto;}
.mlist {padding:15px 0 0;}
.mlist li {float: left; width: 285px; height: 202px; display: inline; margin:0 13px; background: url(../images/pic1.jpg) no-repeat;}
.mlist li.p2 {background: url(../images/pic2.jpg) no-repeat;}
.mlist li.p3 {background: url(../images/pic3.jpg) no-repeat;}
.mlist li a { width: 285px; height: 115px; display: block;text-indent: -9999px;overflow: hidden;}
.mlist li .op { padding-top:44px; padding-right: 5px;}
.mlist li .op a {width: 79px; height: 29px; float: right; background: url(../images/more.png) no-repeat 0 -29px; }
.mbot {width: 935px; height: 70px; background: url(../images/botbanner.jpg) no-repeat; margin: auto;}
.mbot a {float: right;width: 79px; height: 29px; margin:20px 20px 0 0; background: url(../images/more.png) no-repeat; text-indent: -9999px;overflow: hidden;}
footer {width: 935px; margin: auto; padding: 5px 0;}
footer nav {height: 36px; text-align: center; line-height: 36px; color: #fff; background: url(../images/botbar.gif) no-repeat;}
footer nav a {color: #fff; padding: 0 5px;}
footer address {text-align: right; padding: 5px 0; font-style: normal; color: #616060;}
.aleft {float: left;width: 462px; padding-left: 20px; padding-top: 9px;}
.aboutinfo {height: 300px;}
.aboutinfo h3 {font-size: 24px; color: #d80619; margin-bottom: 18px; font-weight: bold;}
.aboutinfo p {margin-bottom: 15px; color: #7d7a7a; font-size: 18px;}
.aboutcon h3 {font-size: 16px; color: #ee4000; height: 28px; font-weight: bold;}

.aright {width: 464px; float: right; padding-top: 9px;}
.aboutpic {border-left: 4px solid #d80619; text-align: center;}
.cleft {float: left;width: 580px;}
.contactinfo {padding: 65px 0 0 40px;}
.contactinfo h3 { margin-bottom: 10px; font-size: 18px; color: #d80619;}
.contactinfo p {font-size: 16px; margin-bottom: 40px; color: #7d7a7a;}
.cright {float: right;width: 370px; background-color: #fff;height: 420px;}
.contactcon {padding: 100px 0 0 40px;}
.contactcon p {margin-bottom: 30px; color: #000; font-size: 14px; }
.contactcon h5 {color: #e80505; font-size: 14px;}
.wholesale {width:925px; margin:0 auto 15px; padding: 10px 0;}
.wholesale h2 {font-size: 24px; color: #005827; border-bottom: 4px solid #005827; height: 45px; line-height: 45px; margin-bottom: 5px;}
.wholesale p {font-size: 18px; color: #7d7a7a; margin-bottom: 8px;}
.wholesale p strong {color: #ff4135;}
.wholesale p strong.corange {color: #c67604;}
.wholesale .pic {margin-bottom: 10px;}