@charset "utf-8";
 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, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend, caption, 
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video{
   margin: 0;
   padding: 0;
   font-size: 12px;
   font: inherit;
   font-weight: normal;
   vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section{
   display: block;
 }
 ol, ul, li{
   list-style: none;
 }
 blockquote, q{
   quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after{
   content: '';
   content: none;
 }
 table{
   border-collapse: collapse;
   border-spacing: 0;
 }
  
 /* custom */
 a{
  color: #333333;
   text-decoration: none;
   -webkit-backface-visibility: hidden;
   text-decoration: none;
 }
 a:hover{
  text-decoration: none;
  color: unset;
 }
 ::-webkit-scrollbar{
   width: 5px;
   height: 5px;
 }
 ::-webkit-scrollbar-track-piece{
   background-color: rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:vertical{
   height: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:horizontal{
   width: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   -webkit-border-radius: 6px;
 }
 html, body{
   width: 100%;
   font-family: "aria","思源黑体", "Microsoft YaHei", "黑体",  sans-serif;
 }
 body{
   line-height: 1;
   -webkit-text-size-adjust: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   color: #333333;
 }
 html{
   overflow-y: scroll;
 }
  
 /*清除浮动*/
 .clearfix:before,
 .clearfix:after{
   content: " ";
   display: inline-block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
 .clearfix{
   *zoom: 1;
 }
img{
    display: block;
    max-width: 100%;
  }
 /*隐藏*/
 .dn{
   display: none;
 }
 *{
   color: #333333;
   box-sizing: border-box;
 }

@media screen and (min-width:1500px){
	.container{ width:1500px;}
}

/*header part, navigation*/
.mknav{ width:100%; margin:0 auto; height:60px; background:transparent; line-height:60px; border:none; position:fixed; top:0; left:0;}
.mknav a{ color:#fff!important;}
.mknav a.navbar-brand {height:60px; position:relative; top:-5px; left:0px;}


#navbar>ul{height:60px; margin-left:40px;}
#navbar>ul>li{height:100%; line-height:60px; padding-left:10px; padding-right:10px;}
#navbar li>a{background:none; display:inline; font-size:18px;}
#navbar>ul>li:hover{background:#e4843e;}
#navbar li .caret{ border-top-color: #fff;}
.mknav .quote{display:block;overflow:hidden;}
.mknav .quote i{display:block; float:left; background:url(../images/searchbtn.png) no-repeat; width:17px; height:17px; margin-right:40px; position:relative; top:22px;}
.mknav .quote a{ display:block; float:right; height:60px; line-height:60px; background:#c39673; padding:0 10px; position:relative;  text-align:center;color:#fff; font-size:18px; font-weight:bold;}
.mknav .quote a:hover{background:#e4843e;}
.searchbg{width:100%; background:#ffffff; display:none;}
.searchbg input.keyword{width:90%; height:40px; border:1px solid #ced4da; margin-left:1%; padding-left:10px;}
.searchbg input.topsearchbtn{ border:none;width:8%; height:40px; border:1px solid #ced4da; box-sizing:border-box; border-radius:5px; background:url(../images/searchbtn2.png) no-repeat center; position:relative; top:13px; right:-5px;}
.searchbg input.topsearchru{ border:none;width:8%; height:40px; border:1px solid #ced4da; box-sizing:border-box; border-radius:5px; background:url(../images/searchbtn2.png) no-repeat center; position:relative; top:13px; right:-5px;}
.searchi{ display:none;}

#navbar .dropdown-menu{ background:#f6f6f6;}
#navbar .dropdown-menu li{line-height:46px; border-bottom:1px solid #e4e6e8;}
#navbar .dropdown-menu li:hover{background:#ffffff;}
#navbar .dropdown-menu li a{color:#333333!important;}
#navbar .dropdown-menu li:hover a{color:#aa714b!important;}
.bluebg{background:#242222!important;}
.mknav img{ width:100%;}

.ctabtnbox{margin:25px auto; width:240px;  }
a.calltoactionbtn{background:#c39673; border-color:#c39673; width:100%;}
a.calltoactionbtn:hover{background:#e4843e; border-color:#e4843e;}
.banner{position:relative; z-index:1;}
.bansubject{position:absolute; z-index:90; left:20%; top:45%; color:white; font-size:18px; font-weight:600;}
.bansubject h1{font-size:18px; font-weight:600;}
.hometitle{padding:30px 0px;}
.hometitle h2{font-size:36px; font-weight:600; text-align:center; line-height:50px;}
.hometitle p{font-size:16px; text-align:center; line-height:30px;}

/*ad why choose us*/
.ad {
    padding: 50px 0 60px;clear:both;
}
.ad ul{padding-bottom:20px;clear:both; height:auto;}
.ad ul li{text-align:center;}
.ad ul li img{margin:0px auto;}
.ad ul li i{display:inline-block; width:60px; height:65px; background-position:center;}
.ad ul li i.advantage1{background:url(../images/advantage_01.jpg) no-repeat;}
.ad ul li i.advantage2{background:url(../images/advantage_02.jpg) no-repeat;}
.ad ul li i.advantage3{background:url(../images/advantage_03.jpg) no-repeat;}
.ad ul li h3{ line-height:40px; font-size:20px; font-weight:400; margin:30px auto;}
.ad ul li p{ line-height:30px; font-family:Calibri, Arial, Helvetica, sans-serif;}
.intro{line-height:20px;}
.btn-primary{ background:#c39673; border-color:#c39673;}
.btn-primary:hover{ background:#e4843e; border-color:#e4843e;}

/*footer*/
footer {
  padding: 50px 0 0;
  background:#222222;
  box-shadow: 1px 1px 4px 1px #222222; 
}
footer .container{max-width:1170px; }
footer .container .col-sm-3{padding-left:30px;}
.footer_title {
  font-size: 20px;
  margin-bottom: 20px; color:white;
}

footer a {
  display: block;
  text-align: left;
  margin-bottom: 14px;
  font-size: 14px;color:#fff;
}
footer a:hover{color:#fdfca7;}

footer .contact input, textarea{ padding:5px;margin-bottom:5px; border:none;}
footer .contact input{width:100%; margin-bottom:10px; height:30px;}
footer .contact textarea{width:100%; min-height:80px;line-height:18px;}
footer .contact input[type=submit]{background:#c39673; border:none;}

footer .contact p{
color:#fff; line-height:26px; text-align:left; font-size:13px;
}




.copyright {
margin-top: 50px;
  background: #3a3a3a;

  height: 50px;

  line-height: 50px;
}
.copyright p{
  font-size: 12px;
  color: #fff;
}
.copyright p span{color:#888; float:right; margin-right:5px;}
.copyright p span a{color:#888; display:inline;}


/*turn page*/
#turn_page{text-align:center; height:26px; line-height:26px;}
#turn_page .page_button{background:#fff; border:1px solid #ccc; margin:0 3px; padding:2px 5px; *padding:4px 5px 1px 5px;}
#turn_page .en .page_button{background:#fff; border:1px solid #ccc; margin:0 3px; padding:2px 5px;}
#turn_page .page_item{background:#fff; border:1px solid #ccc; padding:2px 5px; margin:0 3px;}
#turn_page .page_item_current{background:#f0f0f0; border:1px solid #ccc; padding:2px 5px; margin:0 3px; color:red;}


/*右侧漂浮联系方式*/
#wmkc{position: fixed;right: 10px;bottom:3%;transform: translateY(-50%);font-family: Arial,Helvetica,sans-serif;padding-bottom: 50px;z-index: 99999;	}
#wmkc * {box-sizing: border-box;}
.wmkc-list { padding: 0;border-radius: 4px; margin: 0;}
.wmkc-list>li:first-child {border-radius: 4px 4px 0 0;}
.wmkc-list>li {  width: 100%;  list-style: none;  text-align: center;  padding: 1px;transition: all .2s ease-in-out;}
/*弹框提示加微信*/
#mask{width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; z-index:99; left:0;top:0; display:none;}
#tankuang{width:90%; max-width:400px; height:auto; min-height:450px; background:#fff;padding-left:20px; padding-right:20px; border-radius:5px; position:absolute; z-index:9999;display:none; color:#2d2c2c;}
#tankuang h2{font-size:20px; line-height:70px; text-align:center;}
#tankuang input{width:100%; margin-bottom:10px; height:40px; border:#ced4da 1px solid;padding:5px;}

#tankuang textarea{width:100%; min-height:150px;margin-bottom:5px;border:#ced4da 1px solid; line-height:18px; padding:5px;}
#tankuang i{position:absolute; display:block; width:22px; height:22px;cursor:pointer; right:10px; top:10px; background:url(../images/xx.png) no-repeat;}

@media (min-width: 1200px) {
  .container {
      width: 1250px;
  }
}
/*small device css start*/
@media screen and (min-width:769px) and (max-width:1499px){
#navbar>ul{margin-left:50px;}
#navbar>ul>li{ padding-left:0px; padding-right:0px;}
}

@media screen and (min-width:769px) and (max-width:992px){
.navbar-header{display:none;}
#navbar>ul{margin-left:0px; width:100%;}
.quote{display:none;}
}

/*small device css end*/






@media(max-width:768px){
/*mobile public css end*/
body{padding-top:60px;}
.mknav{ width:100%; margin:0 auto; height:60px; background:#242222; line-height:60px;}
.mknav a{ color:#fff!important;}
.mknav a.navbar-brand {height:60px; position:relative; top:-6px; left:0px;}
.mknav a.navbar-brand img{ width:120px;height:40px;}
#navbar{ background:#f6f6f6;}
#navbar>ul{height:auto; margin-left:0; background:#f6f6f6;}
#navbar>ul>li{height:100%; line-height:40px; padding-left:0px; }
#navbar li>a{background:none; display:inline;color:#333333!important;}
#navbar>ul>li:hover{background:none;}

#navbar .dropdown-menu{}
#navbar .dropdown-menu li{line-height:46px; border-bottom:1px solid #e4e6e8;}
#navbar .dropdown-menu li a{color:#333333!important;}
.mknav .navbar-toggle{margin-top:12px;}
.navbar-default .navbar-toggle{ border-color:#c39673;}
.mknav .quote{display:none;}
.searchi{display:block;  background:url(../images/searchbtn.png) no-repeat; width:17px; height:17px;  position:absolute; top:20px; right:80px; cursor:pointer;}

.banner{
	margin-top: 60px;
}
.bansubject{left:10%; }

.hometitle h2{font-size:18px;}
.hometitle p{font-size:14px; line-height:20px;}
/*ad why choose us*/
.ad ul li{ margin-bottom:10px;}

footer .container{margin-bottom:60px; padding-bottom:30px;}
footer .container .col-sm-3{padding-left:20px; box-sizing:border-box;}
.footer_title {
	font-size: 18px;
	margin-bottom: 20px;
	text-align: left;
}
.series .col-sm-4{margin:60px auto;}
.series .col-sm-4:first-child{ margin-top:0px;}
footer a {display: block;text-align: left;margin-bottom: 14px;font-size: 14px;}
footer .contact {border-left: unset;height: 100%;padding-left: unset;height: 150px;margin-left: unset;}
.copyright {margin-top: 0px; background: #333333;height: 60px;line-height: 60px;}

}