/* 初始化-----------------------------------------------*/
body{font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial,'微软雅黑','PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei','Microsoft JhengHei', 'Source Han Sans SC', 'Noto Sans CJK SC','Source Han Sans CN', 'Source Han Sans TC', 'Noto Sans CJK TC',SimSun, sans-serif;color: #555;background-color: #F1F1F1;min-width: 320px;}
body, button, input, textarea{font-size: 12px;line-height: 1.531;outline: none;margin: 0;padding: 0;border: 0;}
p, ul, ol, dl, dt, dd, form, blockquote{margin: 0;padding: 0;}
a{text-decoration: none;color: #333333;}
a:hover{text-decoration: underline;}
ul, ol{list-style: none;}
h1, h2, h3, h4, h5, h6{font-size: 12px;margin: 0;padding: 0;}
input, select{vertical-align: middle;}
em, b, i{font-style: normal;font-weight: normal;}
img{vertical-align: middle;border: 0;}
label{cursor: pointer;}

/* 主体框架-----------------------------------------------*/
#wrapper{width: 100%;min-width: 320px;margin: 0 auto;max-width: 640px;background-color: #F5F5F5;overflow: hidden;}

/* -- header --*/
#header{zoom: 1;overflow: hidden;background-color: #ff5722;height: 45px;margin-bottom: 1px;color: #FFF;text-align: center;font-size: 16px;}
#header a{color: #FFF;}
#header em {line-height: 45px;padding:0 5px;display: inline-block;}
#header .logo {float: left;text-align:left;}
#header .logo img{width:100%;max-width:260px;vertical-align: top;}
#header a{display: block;width: 45px;height: 45px;}
#header a.back{float: left;background: url(images/icon_head.png) no-repeat -135px top;}
#header a.home{float: right;background: url(images/icon_head.png) no-repeat left top;}
#header a.siteMap{float: right;background: url(images/icon_head.png) no-repeat -45px top;}
#header a.order{float: right;background: url(images/icon_head.png) no-repeat -90px top;}
#header .topSearch{float: left;width: 50%;margin: 8px 0 0 8px;}
#header .topSearch .searchBox{border: 1px solid #FFF;text-align: left;}

/* -- mainNav --*/
#mainNav{font-size: 13px;background-color: #FFF;}
#mainNav ul{zoom: 1;overflow: hidden;}
#mainNav li{float: left;width: 25%;}
#mainNav li a{display: block;text-align: center;border-right: solid #EEEEEE 1px;border-bottom: solid #EEEEEE 1px;line-height: 55px;}
#mainNav li a.last{border-right: none;}

/* 首页样式-----------------------------------------------*/
/* -- indexSearch --*/
#indexSearch{background-color: #EEEEEE;height: 30px;padding: 10px;}
#indexSearch .searchBox{border: 1px solid #DDDDDD;}

/* page-----------------------------------------------*/
#page{padding-bottom: 30px;background-color: #FFF;}
#page h1{border-bottom: 1px solid #EEEEEE;color: #333333;font-size: 14px;font-weight: bold;padding: 0 0 10px 10px;}
#page .content{color: #878787;line-height: 200%;padding: 10px;}
#page .content img{max-width: 100%;}

/* productList-----------------------------------------------*/
.productList{font-size: 13px;zoom: 1;overflow: hidden;background-color: #FFF;}
.productList dl{float: left;width: 50%;background: #ff5722;color: #fff;}
.productList dd{text-align: center;border-right: solid #EEEEEE 1px;border-top: solid #EEEEEE 1px;padding: 10px;}
.productList dd.clearBorder{border-right: none;}
.productList dd .img{margin-bottom: 10px;}
.productList dd .name{margin-bottom: 6px;}
.productList dd .name a{font-size:18px;font-weight:bold;color:#fff;}
.productList dd .price{color: #fff;}

/* product-----------------------------------------------*/
#product{padding-bottom: 30px;background-color: #FFF;}
#product .img{border-bottom: 1px solid #EEEEEE;padding: 10px;text-align: center;}
#product .img .swiper-slide img{width: 100%;}
#product .img .gallery-thumbs{height: 80px;box-sizing: border-box;padding: 10px 0;}
#product .img .gallery-thumbs .swiper-slide{width: 25%;height: auto;opacity: 0.4;}
#product .img .gallery-thumbs .swiper-slide img{width: 100%;}
#product .img .gallery-thumbs .swiper-slide-thumb-active{opacity: 1;}
#product .info{padding: 10px;line-height: 180%;}
#product .info h1{font-size: 16px;color: #333333;}
#product .info .defined{color: #999999;padding: 5px 0;}
#product .info .price{color: #FF0000;font-size: 16px;}
#product .info .price-line{color: #999;text-decoration:line-through;font-size: 12px;}
#product .info .btnBuy{margin-top: 20px;}
#product .info .btnBuy .addToCart{background: #ff5722 url(images/btn_addtocart.png) no-repeat 20px 50%;color: #FFFFFF;padding: 8px 25px 8px 50px;text-decoration: none;cursor: pointer;font-size: 16px;-webkit-appearance: none;}
#product .info .tel{margin-top: 20px;zoom: 1;overflow: hidden;line-height: 35px;background-color: #ff5722;font-weight: bold;font-size: 14px;}
#product .info .tel dt{float: left;width: 82px;height: 35px;text-align: right;padding-right: 3px;background-color: #E0E0E0;color: #333;}
#product .info .tel dd{float: left;width: 150px;height: 35px;color: #FFF;padding-left: 10px;}
#product .info .tel dd a{color: #FFF;}
#product .content{padding: 15px 0;}
#product .content img{max-width: 100%;}
#product .content h3{height: 35px;line-height: 35px;color: #777;font-weight: bold;font-size: 14px;border-bottom: 1px solid #EEE;padding-left: 10px;}
#product .content ul{padding: 10px;color: #888888;line-height: 200%;}

/* articleList-----------------------------------------------*/
.articleList{background-color: #FFF;}
.articleList dl{border-top: solid #EEEEEE 1px;padding: 12px;height: 50px;}
.articleList dt{margin-bottom: 5px;font-size: 13px;}
.articleList dd{color: #999999;}
.articleList dd em{margin-right: 8px;}

.culture ul li{border-bottom: 1px dashed #ddd;padding-bottom: 10px;}
.course ul li{border-bottom: 1px dashed #ddd;padding-bottom: 10px;}

/* case_category-----------------------------------------------*/
.caseList{font-size: 13px;zoom: 1;overflow: hidden;background-color:#FFF;}
.caseList dl{float: left;width: 50%;}
.caseList dd{text-align: center;border-right: solid #EEEEEE 1px;border-top: solid #EEEEEE 1px;padding: 10px;}
.caseList dd.clearBorder{border-right: none;}
.caseList dd .img{margin-bottom: 10px;height:180px;overflow:hidden;}
.caseList dd .name{margin-bottom: 6px;}
.caseList dd .price{color: #999999;}

/* case-----------------------------------------------*/
#case{padding: 20px 0;background-color:#FFF;}
#case h1{color: #333333;font-size: 18px;font-weight: bold;text-align:center;}
#case h2{border-bottom: 1px solid #EEE;color:#777;font-size:14px;margin-bottom:10px;padding:0 10px 10px 10px;}
#case .info{padding: 2px 10px 20px 10px;color: #999999;font-size: 13px;text-align:center;}
#case .desc{margin-bottom:20px;font-size:13px;line-height:180%;padding:0 10px;}
#case .desc b{font-weight:bold;}
#case .content{color: #666666;line-height: 180%;padding:0 10px;}
#case .content img{max-width:100%;}

/* article-----------------------------------------------*/
#article{padding-bottom: 30px;background-color: #FFF;}
#article h1{border-bottom: 1px solid #EEEEEE;color: #333333;font-size: 16px;font-weight: bold;padding: 0 0 10px 10px;}
#article .info{padding: 10px;color: #999999;font-size: 13px;}
#article .content{color: #878787;line-height: 200%;padding: 10px;}
#article .content img{max-width: 100%;width: 100%!important;height: 100%;}

/* 站点地图-----------------------------------------------*/
#catalog{zoom: 1;overflow: hidden;}
#catalog li a{display: block;background: #FFF url(images/icon_arrow_right.png) no-repeat right center;border-bottom: 1px solid #EEE;line-height: 50px;height: 50px;padding-left: 10px;}

/* 提示信息-----------------------------------------------*/
#douMsg{text-align: center;padding: 50px 0;background-color: #FFF;}
#douMsg dt{color: #ff5722;font-size: 16px;margin-bottom: 30px;font-weight: bold;}
#douMsg dd{color: #666;}
#douMsg dd .back{display: block;width: 100px;line-height: 30px;background-color: #ff5722;color: #FFF;margin: 30px auto;}

/* 全局样式-----------------------------------------------*/
/* -- incBox --*/
.incBox{margin-bottom: 5px;background-color: #FFF;}
.incBox h3{font-weight: bold;font-size: 16px;color: #ff5722;padding: 15px 10px 8px 10px;}
.incBox h3 .more{float: right;font-size: 13px;color: #777777;}

/* -- urHere --*/
.urHere{background-color: #EEE;color: #555;padding: 10px;height: 24px;font-weight: bold;font-size: 15px;}
.urHere a{color: #ff5722;}
.urHere b{margin: 0 8px;}

/* -- tree --*/
.treeBox{zoom: 1;overflow: hidden;padding: 10px 5px;background-color: #FFF;}
.treeBox a{display: block;float: left;margin:6px;border: solid #EEEEEE 1px;padding: 3px 6px;width:26%;text-align: center;}
.treeBox a.cur{background-color: #ff5722;color: #FFF;border: solid #FFF 1px;}

/* -- searchBox --*/
.searchBox{position: relative;background-color: #FFF;height: 28px;padding-left: 10px;}
.searchBox .keyword{width: 90%;color: #999;height: 20px;line-height: 20px;margin: 4px 0;}
.searchBox .btnSearch{position: absolute;right: 0;border: 0;background: #E0E0E0 url(images/btn_search.gif) no-repeat;width: 28px;height: 28px;text-indent: -999px;cursor: pointer;}

/* -- common --*/
.clear{clear: both;height: 0;line-height: 0;font-size: 0;}
.cue{color: red;font-size: 12px;}
.none{display: none;}
.pointer{cursor: pointer;}
.fixex{position: fixed;left: 0;bottom: 0;z-index: 10000;width: 100%;}

/* -- form --*/
.btn{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display: inline-block;background-color: #ff5722;color: #EEE;padding: 8px 5px;text-transform: capitalize;cursor: pointer;font-weight: bold;text-align: center;font-size: 14px;-webkit-appearance: none;width: 100%;}
.btnGray{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display: inline-block;border: 1px solid #CCCCCC;color: #555555;padding: 6px 5px;cursor: pointer;font-weight: bold;text-align: center;font-size: 14px;-webkit-appearance: none;width: 100%;}
.btnMini{display: inline-block;border: 1px solid #CCCCCC;color: #555555;padding: 4px 20px;cursor: pointer;font-weight: bold;text-align: center;-webkit-appearance: none;}
.btnRed{border: 1px solid #e4393c;color: red;}
.btnPayment{display: inline-block;background-color: red;color: #FFF;padding: 4px 20px;text-transform: capitalize;cursor: pointer;font-weight: bold;text-align: center;font-size: 14px;-webkit-appearance: none;}

/* -- captcha --*/
.smsCaptchaBox{position: relative;height: 39px;}
.smsCaptchaBox .textInput{position: absolute;left: 0;top: 0;}
.smsCaptchaBox .btnCaptcha{position: absolute;right: 0;top: 0;}
.btnCaptcha{display: inline-block;background-color: #ff5722;border: 0;color: #FFF;padding: 10px 22px;text-transform: capitalize;cursor: pointer;font-size: 13px;}
.btnCaptcha[disabled], .btnCaptcha:disabled, .btnCaptcha.disabled{color: #FFF;background-color: #b2b2b2;opacity: 1;}
.select{border: 1px solid #DDDDDD;}

/* -- color --*/
.cRed{color: #F40;}
.cOra{color: #f30;}
.cGre{color: #0c6;}
.cBlu{color: #69c;}
.cGra{color: #999;}

/* -- input --*/
.textInput{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 8px 5px;border: 1px solid #DDDDDD;font-size: 14px;-webkit-appearance: none;width: 100%;}
.textArea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 8px 5px;border: 1px solid #DDDDDD;font-size: 14px;-webkit-appearance: none;width: 100%;}
.textAreaAuto{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border: 1px solid #DDDDDD;padding: 0;font-size: 12px;line-height: 20px;resize: none;min-height: 40px;-webkit-appearance: none;width: 100%;}

/*- inputFile -*/
.inputFile{width: 80px;}
.inputFile .inputFileShow{height: 80px;line-height: 80px;text-align: center;color: #555;background-color: #F5F5F5;}
.inputFile .inputFileShow img{width: 100%;height: 80px;}
.inputFile .inputFileBtn{width: 100%;background-color: #EEE;color: #999;line-height: 25px;cursor: pointer;text-align: center;-webkit-appearance: none;}
/* tableBasic*/.tableBasic{font-size: 13px;padding: 5px 10px;background-color: #FFF;}
.tableBasic dl{overflow: hidden;zoom: 1;padding: 3px 0;}
.tableBasic dl dt{float: left;width: 70px;}
.tableBasic dl dd{margin-left: 70px;}

/*- form-control -*/
.form-control{border: 1px solid #E9E9E9;padding: 6px 3px;}
@media (min-width: 768px){.form-control{display: inline-block;width: auto;}}

/* formBasic*/
.formBasic{font-size: 13px;padding: 15px 10px;background-color: #FFF;}
.formBasic dl{overflow: hidden;zoom: 1;margin-bottom: 15px;}
.formBasic dl .td{display: inline-block;margin-right: 20px;}
.formBasic dl dt{margin-bottom: 3px;}
.formBasic dl dt i{color: #F00;margin-left: 5px;font-weight: bold;}
.formBasic dl dd label{margin-right: 25px;line-height: 38px;}
.formBasic dl dd .newline{margin-top: 10px;}
.formBasic dl .captcha{text-transform: uppercase;width: 100px;}
.formBasic dl .select{height: 38px;}

/* -- pager --*/
.pager{text-align: center;padding: 10px;height: 36px;background-color: #FFF;margin-top: 1px;}
.pager a, .pager span, .pager em{display: inline-block;color: #525252;padding: 0 15px;line-height: 36px;}
.pager em{color: #AAAAAA;}

/* -- pager class two --*/
.pager ul{display: inline-block;*display: inline;border-left: 1px solid #dddddd;}
.pager ul li{display: inline;}
.pager ul li a{float: left;padding: 0 14px;line-height: 38px;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;border-left-width: 0;}
.pager ul li a:hover{background-color: #f5f5f5;}
.pager ul .active a{background-color: #f5f5f5;color: #999999;cursor: default;}

/* -- screen --*/
.screen{padding: 5px 15px;background-color: #FFF;border-bottom: 1px solid #EEE;}
.screen dl{padding: 7px 0;}
.screen dl dt{display: inline-block;font-weight: bold;}
.screen dl dd{display: inline-block;}
.screen dl dd a{display: inline-block;background-color: #555;color: #fff;padding: 1px 5px;margin-right: 5px;margin-bottom: 5px;}
.screen dl dd a.cur{background-color: #ff5722;color: #fff;}

.v_page{margin: 10px;padding:10px;}
.v_page a{margin:5px 0;display: inline-block;}

/* footer-----------------------------------------------*/
#footer{background-color: #FFF;}
#footer .goTop{display: block;margin: 0 auto 20px auto;width: 60px;text-align: center;background: url(images/icon_gotop.png) no-repeat center 40px;padding-top: 48px;}
#footer ul{background-color: #EEEEEE;padding: 15px 0;text-align: center;color: #999999;}
#footer a{color: #555555;}
#footer li{padding: 5px 0;}
#footer .footNav a{margin: 0 5px;color: #ff5722;}
#footer .powered{font-size: 11px;}