@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
}
table {
border-collapse: collapse;
border-spacing: 0;
} 
 
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:'';
}
abbr,acronym { border: 0;
} 
a,p{color:#000000;}
a{ text-decoration:none;}
.clear{clear:both;}
.alignleft{ float:left}
.alignright{ float:right}
.w100 { width:100%;}
.w37 { width:37%;}
.w17 { width:17%;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
/*文字排版*/
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f18{ font-size:18px;}
.f19{ font-size:19px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f30{ font-size:30px;}
.f35{ font-size:35px;}
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}
.ti{ text-indent:2em;}
.lh150{ line-height:150%;}
.lh200{ line-height:200%;}
.lh250{ line-height:250%;}
.lh300{ line-height:300%;}
.lh40 { line-height:40px;}
.unl{ text-decoration:underline;}
.no-unl{ text-decoration:none;}
.fw{ font-weight:bold;}
/*定位*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.bc{ margin-left: auto; margin-right: auto;}
.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
.hed{ height:auto; display:table;}

/*头部*/
.header { width:100%; height:auto; display:table; position:relative;} 
.top h1,.top span{float:left;color:#fff; width:70%;text-shadow: 3px 3px 3px #0; margin-top:1%;  font-size:62px;   text-align:center;    font-family:"微软雅黑"; height:auto; display:table;}
.top{height:auto; display:table; width: 100%; background:#fcaf01; padding:10px 0; }
.indextop h1{ width:100%; text-align:center;}
.home{width:15%; float:left;   display:block; height:auto; display:table;}
.home img{width:80%;}
.n_tit{width:57%; float:left; height:60px; line-height:60px; text-align:center;} 
.n_tit h2{color:#fff; font-size:22px; font-weight:bold;}
.n_tit h3{color:#fff; font-size:22px; font-weight:bold;} 
.list{   float:right;  width:15%;z-index:9999999;  
height:40px; height:auto; display:table; cursor:pointer; display:block; }
.list img{ width:80%;}
/*搜索*/
.search{ width:90%; margin:0 auto;margin-top:20px; margin-bottom:30px; height:50px;height:auto; display:table; }
.t{ width:72%; height:auto; display:table;   float:left; border:1px solid #999;font-size:30px; padding:40px 0; }
.s{ width:25%;height:118px;float:right;  border:1px solid #fcaf01; color:#fff; font-size:24px; font-weight:bold; text-align:center;  background:#fcaf01;}
/*分类目录*/
.con{width:100%; height:auto; background:#f1f0ec;}
.nav{width:30%;height:auto;margin-bottom:10px; display:none; position:absolute; right:0;}
.nav ul{width:95%;  padding-top:5px;}
.nav ul li{width:100%; height:auto; padding:20px 0;  }
.nav ul li {font-size:26px;text-align:center; background:#fcaf01;   font-weight:bold;border-bottom:1px solid #fff; }
.nav ul li a{color:#fff;}
.menu{ width:99%; margin:0 auto; margin-top:30px;  margin-bottom:30px;    height:auto; display:table;}
.menu ul li { width:33%;   height:auto; display:table; padding:10px 0; float:left; text-align:center;}
.menu ul li a {  width:100%;  display:block}
.sy { background:#FFA400;border-bottom:2px solid #fcaf01;border-right:2px solid #fcaf01;}
.sy a { color:#FFF; font-size:24px; font-weight:bold; }
.us { background:#FFA400;border-bottom:2px solid #fcaf01; }
.us a { color:#FFF; font-size:24px; font-weight:bold;}
.xw { background:#4479D4;border-right:2px solid #fcaf01;}
.xw a { color:#FFF; font-size:24px; font-weight:bold; }
.zz { background:#FFA400;border-right:2px solid #fcaf01;}
.zz a { color:#FFF; font-size:24px; font-weight:bold; }
.ry { background:#365d5a;}
.ry a { color:#FFF; font-size:24px; font-weight:bold; }
.cp { background:#4479D4;border-bottom:2px solid #fcaf01;border-right:2px solid #fcaf01;}
.cp a { color:#FFF; font-size:24px; font-weight:bold; }
.lx { background:#4479D4}
.lx a { color:#FFF; font-size:24px; font-weight:bold; }
.zt { background:#a9c5d0;}
.zt a { color:#FFF; font-size:24px; font-weight:bold; }
.ic-nav{ font-size:65px; text-align:center; color:#fff; font-weight:normal;}  
 
  

.product{ width:100%; height:auto; display:table;}
.protit{ width:98%; margin:0 auto; margin-top:30px; margin-bottom:30px; height:auto; display:table;border-bottom:5px solid #23201d }
  
.protit span{ font-size:30px; font-weight:bold; margin:0 auto;line-height:80px; background: #fff; width:auto; float:left;  }
.protit a{ display:block;  width:80px; height:80px; line-height:80px; float:right; color:#fff; background:#fcaf01; text-align:center; font-size:30px;}
.cplist li { width:48%; height:auto; display:table; float:left; text-align:center; background:#23201d; margin:0px 1% 10px 1%;}
.cplist li img {width:100%; border:1px solid #ccc; box-sizing:border-box; }
.cplist li a h2{  padding:20px 0; width:100%;color:#FFF; font-size:26px; line-height:35px; overflow:hidden;min-height:70px; max-height:70px;   }


.aboutmain{ width:99%; margin:0 auto;}
.aboutmain img{ display:block; width:95%; margin:0 auto;}
.aboutmain p{ width:95%;font-size:26px; margin:0 auto; color:#333; line-height:30px; margin-top:10px; text-align:justify;}
.aboutmore{ margin:0 auto;display:block; width:20%; height:70px; font-size:28px; color:#fff; background:#23201d; margin-top:10px; line-height:70px; text-align:center; font-weight:bold; margin-bottom:20px;}
 
.footerbg { width:100%; background:#fcaf01; height:auto; display:table; position:fixed; bottom:0;}
.footer { width:100%; height:auto; display:table;bottom:0 }
.footer li{ padding-bottom:20px;}
.li1{ width:25%;  text-align:center; float:left; }
.li1 a { font-size:20px; color:#FFF;  display:block; font-weight:bold;}
.li2{ width:25%;  text-align:center; float:left;}
.li2 a { font-size:20px; color:#FFF; display:block;font-weight:bold;} 
.li3{ width:25%;    text-align:center; float:left;}
.li3 a { font-size:20px; color:#FFF;   display:block;font-weight:bold;}
.li4{ width:25%;   text-align:center; float:left;}
.li4 a { font-size:20px; color:#FFF; display:block;font-weight:bold;}
 
.ic-navf{ font-size:100px; text-align:center; color:#fff; font-weight:normal;}

.contact{ height:auto; display:table; border-top:1px solid #D1D1D1; background:#F8F8F8; margin-bottom:75px; padding:20px 0 10px;}
.contact ul li{ font-size:30px; color:#000; text-align:center; line-height:50px;}
.contact ul li a{color:#000;}
 


.pagemb{ height:30px; font-size:14px; color:#000; border-bottom:1px solid #666; line-height:30px;}
.pagemb a{ color:#000;line-height:30px;}
.pagemain{ width:96%; margin:0 auto; height:auto; display:table; font-size:26px; color:#666; line-height:35px; text-align:justify; padding:10px 0;}
.pagemain p{color:#333;}
.pagemain h2{ text-align:center; font-weight:bold; color:#000; font-size:30px; margin-bottom:20px;}
.pagemain img{ width:90%; display:block; margin:0 auto;}




 

.products {
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
}
.products ul li .far-pro {
  width: 100%;
  height:auto;
  display:table;
 
  font-size: 24px;
  font-weight:bold;
  background: #fff;
  border-bottom: 1px solid #f3f3f3;
  padding: 30px 20px;
}
.products ul li .far-pro .far-pro-l {
  width: 90%;
  float: left;    background: url(img/plist.png) no-repeat left center;
  padding-left:20px;
}
.products ul li .far-pro .far-pro-l h2 {
  float: left;
  font-size: 45px;
  
}
.products ul li .sub-pro li a {
  display: block;
  width: 100%;
  height:auto;
  display:table;
  padding:20px 40px ;
  font-size:36px;
  color: #818181;
  background: #f3f3f3;
  border-bottom: 1px dotted #e4e4e4;
}
.products ul li .sub-pro li a h3 {
  width: 90%;
  float: left;
  background: url(img/sm.png) no-repeat left center;
  padding-left:15px;
}
 
 
 

/*选项卡开始*/
.pagelist{width:100%; margin:0 auto; margin-top:20px;  }
.proinfo{width:100%; margin:0 auto; margin-top:20px; height:auto; display:table;}
.tab{ margin-top:20px;} 
.newbd{ width:100%;  height:810px; overflow:hidden;}
.hd{ height:60px; line-height:60px;  width:100%;  border-bottom:1px solid #999;    }
.hd ul li{ float:left;margin-right:5px; width:22%;   font-size:28px;height:60px;line-height:60px; text-align:center; 
	background:#ccc; padding:0 5px;}
.hd ul li.on{  
	background:#fcaf01; 
	color:#fff;  }
.news ul li { height: 30px; width:100%;   padding: 20px 0;  background:url(img/sm.png) no-repeat 5px center ;line-height:30px;  border-bottom:1px solid #ccc;} 
.news ul li a h2{ width:65%; padding-left:25px;display:block; font-size:26px; color:#333;   float:left; height:30px;  line-height:30px; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;  }
.news ul li span{   width:15%; float:right;font-size:26px; color:#333; text-align:left; }
.news {
    background-color: #fff;
    border-top: 0 none;
    display: none;
     width:100%; height:auto; display:block;
}
 
 

.pageimg{ width:90%; height:auto; display:table; border:1px solid #000; margin:0 auto; padding:10px;}
.pageimg img{ width:100%;}

.proinfotit h2{ width:70%; height:40px; font-size:38px; color:#fcaf01; text-align:center; line-height:40px; font-weight:bold;}
.promain h2{ font-size:30px; line-height:45px; font-weight:bold;}
.promain,.promain p{ font-size:28px; line-height:35px;  width:100%;}
.promain h2{font-weight:bold;}
.promain{ margin-bottom:10px;}
.promain table{width:100%;table-layout:fixed;  }
.promain table td{width:auto; word-wrap:break-word;border: 1.0000pt solid windowtext;}
 
 
.newtit{ border-bottom:1px solid #fcaf01; height:auto; display:table; padding-bottom:10px;}
.newtit h1{ color:#fcaf01; font-size:35px; font-weight:bold; text-align:center;}
.timeshare span{ width:30%; float:left; display:block; font-size:18px; color:#000;}
 

 
.yemail{float:right;}
.conname p{ font-size:30px; color:#000; line-height:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.ynameinp{ width:400px; height:30px;    background: #fdfbfb; border:1px solid #ccc;}
.yliuyan{ width:100%; height:auto; display:table; }
.yliuyaninp{ height:140px; width:100%;background: #fdfbfb; border:1px solid #ccc;}
.contsub{width:120px; height:40px; margin: 0 auto;margin-top:50px;}
.ysum{ background:#fcaf01; border:0; width:150px; height:60px; color:#fff; border-radius:5px; text-align:center; }
.proinfoh1{ font-size:30px; font-weight:bold; margin:40px 0; text-align:center;}


.coninp{ width:100%;float:left;padding:20px 0; font-size:24px;} 
.conname{ width:96%; margin:0 auto; height:auto; display:table;margin-top:30px;} 
.conname p{ width:100%; line-height:50px; float:left;} 
.contsub{ width:70%; text-align:center;}
.contsub .ysum{ margin-right:25px; margin:0 auto; font-size:30px;}
.conmassage{ width:100%; margin:0 auto;}


 

 
.team{ width:90%; margin:0 auto; height:auto; display:table;  border-top:1px dashed #ccc; padding-top:20px;}
.team li { width:90%; margin:0 auto; height: auto; display:table; padding: 20px 0; border-bottom:1px dashed #ccc; }
.teaml { width: 30%;  float:left; margin-left:10% }
.teaml img { border-radius: 200px; padding: 3px; border: solid 1px #ccc;width: 100%; height: 100%;  }
.teamr {  width:53%; height: auto; display:table; padding:5% 0; float:right;   }
.teamname { font-size: 30px; color: #222; padding-left:10px; font-weight: bold; line-height: 22px; margin-bottom:40px;}
.teamlx { height: 30px; margin-bottom:20px; } 
.teammobile { width: 100%; height: 30px;font-size:30px;  line-height: 30px; float: left;   }
.skype{  width: 100%; height: 30px;font-size:30px; line-height: 30px; float: left; }
.skype a{ color:#000;}
 

  
.iconfont{font-family:"iconfont"; font-style:normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px;}
   
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1477362245_8830683.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1477362245_8830683.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1477362245_8830683.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1477362245_8830683.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1477362245_8830683.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                           
                                                         
                    	  

                    
.contact { padding: 30px 0 100px;   }
.contact1 { padding: 30px 0; width: 50%; float: left; }
.contact1img1 { margin: 0 auto; width: 200px; height: 200px; text-align:center; line-height:200px; border-radius: 200px; background:#fcaf01 }
.contact1img2 { margin: 0 auto; width: 200px; height: 200px; border-radius: 200px; text-align:center; line-height:200px;background: #fcaf01 }
  
.contact1 h2 { text-align: center; font-size: 30px; margin: 20px 0; font-weight: bold; }
.contact1 p { text-align: center; font-size:30px; color:#000 }
.contacthr { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #DDDDDD; width: 94%; margin: 30px auto; }
.conicot{ font-size:100px; color:#fff;}



.zuoyou{ width:96%; margin:0 auto; padding:20px 0; }
.zuoyou span{font-size:30px; font-weight:bold;}
.zuoyou a{font-size:26px;}
.top1{ width:100%;font-size:20px;color:#000; padding-bottom:10px; padding-top:10px; line-height:35px;}
.top1 a{color:#000;}
.boot1{width:100%;font-size:20px; padding-top:10px;color:#000;padding-bottom:20px; border-top: 2px solid #fcaf01;}
.boot1 a{color:#000;}



/*分页*/
.pagination{ float:left; width:100%; height:100px; line-height: 60px;
    text-align:center;  margin-bottom:20px;}
.pagination .pagefy{ width: 100%; margin-top: 20px; }
.pagination .pagefy a{ width:60px;   border: 1px solid #cfcfcf; cursor: pointer;
  display: inline-block; height: 60px; line-height: 60px; color:#666;
  padding: 0 6px; text-align: center;  margin-right: 5px; font-size:30px;}
.pagination .pagefy .current{ background-color: #23201d; color: #fff;}
.pagination .pagefy a:hover{background-color: #23201d; color: #fff;}

.sear { line-height:35px; width:100%; height:60px; margin:20px 0; text-align:center;font-size:30px;  }
.searh1{ font-weight:600; padding:0 5px;    display: initial;}
.contact-r{margin: 3rem auto;width: 100%;height:auto;display:table;}
.coninp5{ width:100%;height: 2.4rem;}
.conname5{width: 100%;margin-top:30px;} 
.conname5 p{width: 100%;margin-bottom: 3%;} 
.contsub4{width:52%;height: auto;display: table;margin: 4% auto;}
.contsub4 .ysum{float:  left;margin-right: 2rem;font-size:2rem}
.conmassage{width: 46%;margin:0 auto;}
 .contsub4 .ysum:nth-of-type(2){margin-right:0;}
.saletit{margin-bottom: 1rem;margin-top: 1rem;}
.saletit h2{text-align:center;width:150px;margin:0 auto;}
.contact-r h2{font-size: 2rem;color: #fcaf01;font-weight:bold;width: auto;}
.ysubmin .ysum:hover{background: #000000;}
.qh1{
	width:82%;
	float:right;
}