@charset "utf-8";
@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;
    src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);
    src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),
    url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
    url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')
}
input[type="submit"], input[type="reset"], input[type="button"], button {  -webkit-appearance: none;  }


html{font-family: Tahoma,"arial","微软雅黑","宋体",'FontAwesome';background-color:#fff;font-size:14px;}
body{ background-color: #fff; font-size:14px;line-height:1.5;color:#626669;}
body,li,ul,ul>li,ul>li>ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,dl>dt,dl>dd,figure,form,a,button{margin:0;border:0;padding:0;list-style:none;}
img{vertical-align:bottom;}
div{margin:0px auto;}
em{font-style:normal;}
.single-over{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clamp-voer{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.container{width:1100px;margin:0px auto;}.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}

.currlocatinon{line-height:80px;border-bottom:3px solid #edecea;}.currlocatinon  .nav_x{float:right;margin-right:20px;}.nav_x:before{ content: "\f015"; font-family:FontAwesome; }.currlocatinon  .curr{color:#333;font-size:16px;font-weight:bold; text-transform: capitalize; padding-left: 20px;}
.pagerlist{text-align:center;clear:both;padding:3px;margin:5px;}.pagerlist a,.pagerlist span{margin:2px;padding:2px 5px;border:1px solid #ccc;}.pagerlist .current{background-color:#ccc;color:#fff;}.pagerlist .disabledfy{font-family:Tahoma,Verdana;cursor:pointer;background:no-repeat}
.marginTop{ margin-top: 40px;}.marginTopByTandC{ margin-bottom: 20px;}
a{ text-decoration: none;color: #626669 }
a:hover{color:#e36c09}

.lsidebar{  position: relative; padding-top: 40px; }
.mainBox{ margin-top: 40px;  background-color: #fff; padding-bottom: 40px; }
.lsidebar:before{ content: ""; position: absolute; width:10px; height: 100%;    background-color:#c4975c;    top:0px; right:980px;   }
.lsideBox{ width:200px; float: left; background-color: #fff; }
.rmainBox{ width:880px; float: right;  background-color: #fff; }
.page{ padding: 20px; }
.showpage{line-height: 2;}

.headtop-box,.headtop-top-box{ height: 34px; line-height: 34px; background-color: #f1f1f1;}
.headtop-top-box{ float: left; width:900px;}

.tophead-top{ float: right;}
.toptop-txt{ float: left;}
.toptop-txt0{ position: relative;}
.toptop-txt0 em{color:#e36c09; }
.toptop-txt0:before{ content: url("../images/phone.jpg"); position: absolute; top:0px; left:-34px;}
.topbtnbar{ display: inline-block; float: left;}
.headtop-lang-box{ display: inline-block; float: left;width:200px;}
.langchange li{float: left; margin-left: 15px;}
.langchange li img{ vertical-align: middle; margin-right: 5px;}
.naver-box{ background-color: #fff; border-bottom: 1px solid #eee;}
.naver-logo-box{ padding: 10px 0;}
.flex>div.naver-navbar-box { margin-left: 50px; position:relative;   }
.naver-navbar-box .navul1{ max-width: 100%; width:100%; justify-content: space-between; position: absolute; z-index: 99; left:0; top:50%; transform: translateY(-50%); }
.naver-navbar-box .navli1{ position: relative; flex: auto; }
.naver-navbar-box .nava1{display: block; line-height: 88px; height: 88px; font-size: 16px; border-bottom: 2px solid #fff; text-align: center;}
.naver-navbar-box .navli1.active .nava1
,.naver-navbar-box .navli1:hover .nava1{  border-bottom-color:#e36c09}
.naver-navbar-box .navul2{ position: absolute; top:200%; z-index: 999; min-width: 100%; max-width: 200%; visibility: hidden; opacity: 0; transition: 500ms;}
.naver-navbar-box .navli1:hover .navul2{ top:100%; visibility: visible; opacity: 1;}
.naver-navbar-box .navli2{ background-color: #dcdcdc; border-top: 1px solid #fff; }
.naver-navbar-box .nava2{ display: block; height: 45px; line-height: 45px; padding: 0 10px;}
.naver-navbar-box .navli2:hover{background-color: #e36c09;}
.naver-navbar-box .navli2:hover .nava2{ color:#fff;  }

.index-pro{background:url("../images/index_pro.jpg") no-repeat center top; padding-top: 180px; }
.sideul2proclass{ text-align: center; white-space: nowrap;}
.sideli2proclass{ display: inline-block; margin: 0px 5px;}
.proclassa2 { height: 40px; line-height: 40px; padding: 0px 10px; display: block; background-color: #dcdcdc; }
.proclassa2:hover { background-color: #ec6201;color:#fff;}
.subbox-pro .list{ margin-top: 20px;}
.subbox-pro .item{ width:25%; float: left; margin-bottom: 10px;}
.subbox-pro .itemdiv{ margin: 5px; text-align: center; border: 1px solid #dcdcdc;}
.subbox-pro .itemdiv:hover{ border: 1px solid #ec6201;}
.subbox-pro .itemdiv .title{ line-height: 3; display: block;}

.index-brand{background:url("../images/index_brand.jpg") no-repeat center top; min-height: 388px;padding-top: 130px;}
.index-brand_container{ overflow: hidden; }
.index-brand_container .brandlist{ white-space: nowrap; width:800%; }
.index-brand .branditem{ float: left; margin-right: 10px;}
.index-about{ background: url("../images/index_about.jpg") no-repeat center top; height: 552px; }
.index-about_container{ position: relative;}
.index-about .content { position: absolute; top: 220px; width:500px; right: 40px; color:#FFFFFF; line-height: 2;}
.index-about a.more{ line-height: 2.5; padding: 0px 18px; display: block; float: left; border: 1px solid #FFFFFF; color: #FFFFFF; margin-top: 10px;}
.index-about a.more:hover{ background-color: #003F97; color:#fff;}

.index-hj{ background:url("../images/index_hj.jpg") no-repeat center top; height: 542px;padding-top: 170px; }
.hjlist{ white-space: nowrap; width:800%;}
.index-hj_container{ overflow: hidden; }
.index-hj .hjitem{ float: left; margin-right: 10px;}
.index-hj .img-t-box{ line-height: 3; text-align: center; }

.index-news{  background:url("../images/index_news.jpg") no-repeat center top;min-height: 510px; position: relative;}
.index-news_container{  padding-top: 130px;}
.index-news .newspic{ float: left; width:560px;}
.index-news .newsli-box{ float: right; width:430px; width:calc( 100% - 560px - 110px ); border-left: 1px solid #eee; padding-left: 20px;}
.index-news .itemnews{ margin-top:16px; margin-bottom: 0px; padding-bottom: 20px; border-bottom: 1px dashed #ccc;}
.index-news .title-box{ position: relative;}
.index-news .newstitle{ line-height: 2; }
.index-news .newstitle a{ color:#282828}
.index-news .time{ position: absolute; left:-110px;}
.index-news .title-box:before{ content: ""; width:20px; height: 20px; border: 3px solid #eee; position: absolute; top:50%; margin-top: -11px; left:-31px; border-radius: 50%; background-color: #fff; z-index: 1;}
.index-news .newsdesc{ font-size: 12px; }
.index-news_t_more { line-height: 2; padding: 0px 18px; display: block; border: 1px solid #ec6201; color:#ec6201;  position: absolute; bottom:30px; left:50%; transform:translateX(-50%); }
.index-news_t_more:hover{ background-color:#ec6201; color:#fff; }

.index-case{  background:url("../images/index_cases.jpg") no-repeat center top;min-height: 496px; position: relative;}
.index-case_container{  padding-top: 180px;}
.caseaitem { width:33.33%; float: left; text-align: center; margin-bottom: 10px;}
.caseatitle{ line-height: 3;}

.index-guest{ background:url("../images/index-guest.jpg") no-repeat center top; height: 290px;padding-top: 170px; }
.guestlist{ white-space: nowrap; width:800%;}
.index-guest_container{  overflow: hidden;}
.index-guest .guestitem{ float: left; margin-right: 10px; border: 1px solid #dcdcdc;}
.footer-nav{ margin-top: 20px; background-color: #282828; color:#fff;}
.footer-nav li{ float: left;  line-height: 3;}
.footer-nav li a{ display: block; margin: 0px 18px;; color:#fff; text-align: center;}
.footer-nav li a:hover{color: #ec6201; }

.footer-box{background-color: #282828; color:#fff; padding: 20px 0px 10px; }
.footer-box .container{ width:900px; min-width: 900px;}
.footer-content-box{ width:600px; whith:calc( 100% - 300px ); float: left; line-height: 30px;}
.footer-qrcode-box{ width:130px; float: right}
.footer-qrcode-box img{ max-width: 100%; height:auto; }
.footer-copyright{ line-height: 30px; padding: 10px;background-color: #282828; color:#fff; text-align: center; }

.sideul2page{ text-align: center; white-space: nowrap; margin: 20px 0px;}
.sideli2page{ display: inline-block; margin: 0px 5px;}
.pagea2 { height: 40px; line-height: 40px; padding: 0px 10px; display: block; background-color: #dcdcdc; }
.pagea2:hover { background-color: #ec6201;color:#fff;}
.pagecurr2 .pagea2{background-color: #ec6201;color:#fff; }

.imgpage .imglist .item{width:25%; overflow: hidden;}
.imgpage  .itemdiv .pic{ overflow: hidden;}
.imgpage .imglist .item img{ transition: 500ms;}
.imgpage .imglist .item:hover img{ transform: scale(1.1); }
.imgpage  .itemdiv{ margin: 5px;}
.imgpage  .itemdiv .title{ line-height: 3; text-align: center;}

.imgshowpage .titlebox{text-align: center;}
.imgshowpage .titlebox .title{ line-height: 3;}
.imgshowpage .content-box{ margin-top: 10px;}
.imgshowpage .content-box img{max-width: 10px; }

.productpage .productlist .item{  float: left;}
.productpage .productlist .item div{ margin: 20px 10px 0px 10px; border: 1px solid #eee; text-align: center; padding: 5px;}
.productpage .productlist .item div img{ max-width:100%; display: block; margin: 0px auto}
.productpage .productlist .item div span{ max-width:100%; display: block; margin: 0px auto; line-height:3;}
.productpage .productlist .item div a{ width:100%; height: 100%; display:block ;text-align: center;}
.productpage .productlist .item div:hover{ border: 1px solid #ec6201; }
.productpage .productlist .item div:hover a{ font-weight: bold;}

.productshowpage .img-box .bigimg-box{ text-align: center;}
.productshowpage .img-box  .imglist{justify-content: center; margin: 10px 0;}
.productshowpage .img-box  .imglist li{margin: 0 5px; border:1px solid #eee; padding: 2px; }
.productshowpage .img-box  .imglist li.curr
,.productshowpage .img-box  .imglist li:hover{ border-color: #ec6201; cursor: pointer;}

.productshowpage .titlebox .title{ text-align: center; font-weight: bold; font-size: 20px; letter-spacing: 1px; line-height: 3; color:#ec6201;}



.productshowpage .productshowbody{ margin: 20px auto;}
.productshowpage .productshowbody .titlebar{ height: 40px; line-height: 40px; background-color:#eee; }
.productshowpage .productshowbody .titlebar li{ padding: 0px 10px; display: inline-block; float: left; background-color:#ec6201; color: #fff; margin-right: 5px; cursor: pointer; }
.productshowpage .productshowbody .titlebar li.active{  background-color:#ec6201;}
.productshowpage .productshowbody .contentpanel{ margin-top: 20px; }
.productshowpage .productshowbody .contentpanel .hide{ display: none;}

.newspage .news{ width:100%; float: left;}
.newspage  .item .title{ font-size: 18px; line-height: 30px; color:#ec6201; }
.newspage  .item .desc{line-height: 2;}
.newspage  .item{ padding-bottom: 10px; margin-bottom: 20px;  border-bottom: 1px dashed #eee; position: relative;}
.newspage  .item a{ display: block;}
.newspage .time{ position: absolute; top:0px ; right:10px; line-height: 30px;}
.shownewpage .shownewstitle{ color:#ec6201; line-height: 3;text-align: center; }
.shownewpage .time{ display: block;  line-height: 2; text-align: center;}
.shownewpage  .shownewscontent{ padding-top:10px;}

.setHome ,.AddFavoriteSite{ cursor: pointer;}