@charset "gb2312";
@import "iconfont.css";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html, body { width:100%; margin:0px; padding:0; font:16px/1.5 "microsoft yahei" , tahoma, arial, \5fae\8f6f\96c5\9ed1, "hiragino sans gb", sans-serif; background:url(/uploads/image/c2ximages/bj.jpg) center bottom repeat-y; background-attachment:fixed; -webkit-font-smoothing:antialiased}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#404040; text-decoration:none; }
a:hover{ color:#086ea0; text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,font { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


.f05 { font-family:"\5b8b\4f53"; }
.f06 { font-family:"\65b0\5b8b\4f53"; }
.f07 { font-family:"\4eff\5b8b"; }
.f08 { font-family:"\6977\4f53"; }

.header { width:100%; margin:0 auto; height:660px; overflow:hidden; position:relative; background:url(/uploads/image/c2ximages/header.jpg) center bottom no-repeat; }

.conall {  width:1200px; position:absolute; top:54px; left:50%; margin-left:-600px;}

.logo { position:absolute; left:27px; top:0; -webkit-animation:logo .5s ease .3s backwards; animation:logo .5s ease .3s backwards;}
@keyframes logo {
0% { -webkit-transform: translatex(200px); opacity:0}
100% { -webkit-transform: translatex(0); opacity:1 }
}
@-webkit-keyframes logo {
0% { -webkit-transform: translatex(200px); opacity:0}
100% { -webkit-transform: translatex(0); opacity:1 }
}

.tit {  position:absolute; top:90px; left:70px;  -webkit-animation:tit 1s ease .5s backwards; animation:tit 1s ease .5s backwards; }
@keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(4);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}

.sub {  width:810px; position:absolute; left:130px;  top:405px; font-size:18px; line-height:36px;  font-family:"\5b8b\4f53"; font-weight: 400;  color:#231816; text-align: left; text-indent: 2em; -webkit-animation:sub .6s ease 1s backwards; animation:sub .6s ease 1s backwards;}
@keyframes sub
{
0%   {opacity:0; -webkit-transform:translatey(100px); }
100% { opacity:1;}
}
@-webkit-keyframes sub
{
0%   {opacity:0; -webkit-transform:translatey(100px); }
100% { opacity:1;}
}


.mobtop { display: none; }
.submob {  display:none; }

.warp { width:1200px; overflow:hidden; margin:0 auto;  background:rgba(255,255,255,1);   box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:15px; padding:50px 50px 10px 50px; margin-top:40px; }

.w56 { width:53%;}
.w43 { width:43%;}

.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;margin-bottom: 40px; }
.swiper-wrapper { position: relative; width:100%; height:360px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 { width:100%; height:100%; position: absolute;}
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h3 span { width: 100%;  position:absolute; bottom:0; float:left; padding:20px 30px 50px 30px; font-size:22px; line-height:24px; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8); background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));position:absolute;  text-align:center;   }

.swiper-button-prev,.swiper-button-next { width:50px; height:60px; top:50%; margin-top:-30px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:60px; font-size:50px; color:#fff; font-family:"\5b8b\4f53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2); }
.swiper-button-next { right:15px;}
.swiper-button-prev { left:15px;}

.swiper-pagination { position:absolute; text-align:center;  z-index:10;bottom:20px; left:0; width:100%; }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; border-radius:100%; background:#fff; border-radius:6px; cursor:pointer; margin:0 4px;}
.swiper-pagination-bullet-active{ opacity:1; background:#f56a3f; width:40px; }

/*新闻资讯*/
.news { width:100%; float:left; }
.news ul li { width:100%; float:left;  border-bottom:1px dotted #e6e6e6; padding:0 0 10px 0; margin-bottom:19px; }
.news ul li span { width:100%; float: left; font-size:22px; line-height:32px; color:#b17d31; max-height:32px; overflow:hidden;}
.news ul li p { width:100%; float:left; line-height:22px; font-size:14px; color:#999; padding:10px 0 0 0; max-height:54px; overflow:hidden; }
.news ul li:hover span { color:#0c3d62; }
.news ul li:last-child { margin:0;}


.lm { width:100%; float: left;  background-image: -webkit-gradient(linear,0 0,0 bottom,from(#e2aa4b),to(#9d4b00)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.lm i { float: left;  }
.lm i.c1 { margin-left: -10px; margin-right:8px;font-size:80px; line-height: 80px; }
.lm i.c2 { margin-left: -5px; margin-right:10px; font-size:80px; line-height: 80px; }
.lm i.c3 { margin-left: -5px; margin-right:12px; margin-top: -5px; font-size:70px; line-height: 80px; }
.lm i.c4 { margin-left: -5px; margin-right:12px; margin-top: -5px; font-size:70px; line-height: 80px; }
.lm i.c5 { margin-left: 0; margin-right:13px; margin-top: -5px; font-size:70px; line-height: 80px; }

.lm font {float: left; }
.lm font span { font-size:36px;  line-height: 40px; font-weight: bold; }
.lm font p { font-size:18px;  font-family:"\5b8b\4f53";  line-height:36px; letter-spacing:0em;  }

.marb20 { margin-bottom: 20px; }


.intro { width:100%; float:left; margin-bottom:35px; }
.intro p { width:100%; float:left; line-height:36px; font-size:18px; color:#444; text-align:left; margin-bottom:10px; }
.intro b { font-weight:bold;  color: #fff; background: #0b8b66; font-size: 18px; padding:0 25px; line-height: 42px; display:inline-block; border-radius:50px; margin:30px 0 10px 0; }
.intro p strong { color: #b17d31; font-size:18px;}

.intro h5 { width:100%; float:left; margin: 20px 0 20px 0; }
.intro h5 a { display: inline-block; background: #f1f1f1; line-height: 60px; border-radius:10px; padding:0 35px 0 30px; font-size: 22px;  color: #555;  }
.intro h5 a i { font-size: 28px; line-height: 60px; margin-right: 10px; }
.intro h5 a:hover { background: #b17d31; color: #fff;}
.intro h6 { width:100%; float:left; background: #f8e7cd; border:2px dotted #ed9f62; padding:20px 30px; font-size: 16px; line-height: 28px; color: #c72e1e;  border-radius:10px;}
.intro h6 strong { width:100%; float:left;  font-size: 22px; font-weight:bold; line-height: 40px; }

.time { width:100%; float:left; margin:10px 0 30px 0;}
.time ul li { width:32%; float:left; text-align:center; margin-right:2%; padding:2% 0 0 0;  position:relative; }
.time ul li i { position:absolute; top:0; right:50%; margin-right:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:14px solid #ddd; display:block;}
.time ul li:nth-child(3) { margin-right:0; }
.time ul li b {  width:100%; float:left; text-align:center; font-weight:700; font-size:20px; line-height:32px; color:#b17d31; margin-top: 5px; }
.time ul li p { width:100%; float:left; text-align:center; line-height:28px; font-size:16px; color:#666; padding:8px 30px; }
.line { height:3px; border-radius:3px; display:block; width:100%; background:#ddd;}




/*“共富达人”在这里*/
.tour { width:100%; float:left; margin-bottom:15px;} 
.tour ul li { width:31%; float:left; margin-right:3.5%; margin-bottom:30px;}
.tour ul li h3 { width:100%; float:left; overflow:hidden;  }
.tour ul li h3 img { width:100%; height:220px; display:block; }
.tour ul li h4 { width:100%; float:right; height:124px; overflow:hidden; padding:18px 0 0 0; }
.tour ul li h4 span { width:100%; float:left; color:#b17d31;  line-height:26px; font-size:18px;  font-weight:bold; overflow:hidden; max-height:52px;}
.tour ul li h4 p { width:100%; float:left; color:rgba(0,0,0,.5); line-height:22px; font-size:14px; padding:14px 0 0 0;  }
.tour ul li:hover h4 span { color:#0c3d62; }
.tour ul li h5 { width:100%; float:left; margin-top:15px; }
.tour ul li:nth-child(3n) { margin-right:0; }


.footer { width:100%; float:left; background:#b17d31; font-size:16px; line-height:56px; color:#fff; text-align:center; margin-top: 45px;  font-weight: bold; }


@media screen and (max-width:1600px){
.header { background-size:contain ;}

.logo { position:absolute; left:55px; top:45px; }

.tit { width:1200px; position:absolute; top:115px; left:50%; margin-left:-600px;  text-align: center; }
.tit img { width: 85%;}

.sub {  width:1000px; position:absolute; left:50%; margin-left: -500px; top:450px; font-size:18px; line-height:32px;  font-family:"\5b8b\4f53";   color:rgba(0,0,0,.9); text-align: center; }
}


@media screen and (max-width:1280px){
.logo { position:absolute; left:52px; top:38px; }
.logo img { width: 80%;}

.tit { width:1200px; position:absolute; top:95px; left:50%; margin-left:-600px;  text-align: center; }
.tit img { width: 75%;}

.sub {  width:1000px; position:absolute; left:50%; margin-left: -500px; top:385px; font-size:15px; line-height:30px;  font-family:"microsoft yahei";   color:rgba(0,0,0,.7); text-align: center; }
}



@media screen and (max-width:800px){
html,body { }
.header { display: none; }
	
.mobtop { width:100%; float:left;  display:block; }
.mobtop img { width: 100%; height: auto; }

.submob { width:100%; float:left;  display: block; font-size:.95rem; line-height:1.6rem;  color: #fff; background: #b17d31;  padding:4% 5%; text-indent: 2em; }

.warp { width:100%; padding:0 5% 5% 5%; overflow:hidden;  margin-top:3%; margin-bottom: 0%;  box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:0; }

.w56 { width:100%;}
.w43 { width:100%;}

/*焦点图*/
.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; margin-bottom:2%; margin-top:5%; }
.swiper-wrapper { position: relative; width:100%; height:13rem; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-wrapper img { width:100%; height:100%; }
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h3 span {  padding:5% 5% 4% 5%;  font-size:1.05rem; font-weight:600; line-height:1.5rem;  }
	

.swiper-button-prev,.swiper-button-next { width:2.5rem; height:3rem; line-height:3rem; margin-top:-1.8rem; font-size:2rem; text-align: center;  text-shadow:1px 1px 5px rgba(0,0,0,.5); }
.swiper-button-next { right:0;}
.swiper-button-prev { left:0;}
	
.swiper-pagination {  display: none; }
	

.news { width:100%; float:left; margin-top: 3%; }
.news ul li { padding:0 0 .4rem 0; margin-bottom:.9rem; }
.news ul li span { font-size:1rem; line-height:1.5rem; font-weight: bold; max-height:none;  }
.news ul li p {  font-size:.8rem; line-height:1.5rem; padding:.5rem 0 0 0; max-height:none;}
.news ul li:hover span { color:#b17d31; }
.news ul li:last-child { margin:0;}



.lm { margin-top: 6%; }
.lm i.c1 { margin-left: -5px; margin-right:5px; font-size:3.5rem; line-height: 4rem; }
.lm i.c2 { margin-left: -5px; margin-right:10px; font-size:4rem; line-height: 4rem; }
.lm i.c3 { margin-left: 0px; margin-right:12px; margin-top: -6px; font-size:3.6rem; line-height: 4.2rem; }
.lm i.c4 { margin-left: 0px; margin-right:12px;  margin-top: -2px; font-size:3.6rem; line-height: 4rem; }
.lm i.c5 { margin-left: 0px; margin-right:12px; margin-top: -4px; font-size:3.6rem; line-height: 4rem; }

.lm font span { font-size:1.4rem;  line-height:2rem; }
.lm font p { font-size:.9rem;  font-family:"microsoft yahei"; line-height:1.5rem; }

.marb20 { margin-bottom:3%; }

.intro { margin-bottom:0; }
.intro p { line-height:1.6rem; font-size:.95rem; margin-bottom:3%; }
.intro b { font-size: 1rem; padding:0 1.5rem; line-height: 2.5rem; border-radius:5rem; margin:5% 0 2% 0; }
.intro p strong { font-size:1rem;}

.intro h5 {  margin:2% 0 5% 0;  text-align: center;}
.intro h5 a { line-height: 3.2rem; border-radius:10rem; padding:0 1.9rem 0 1.7rem; font-size:1.2rem; font-weight:bold; }
.intro h5 a i { font-size: 1.8rem; line-height: 2.6rem; margin-right: 10px; }
.intro h6 { padding:5% 7%; font-size: .95rem; line-height: 1.6rem;  border-radius:10px;}
.intro h6 strong {  font-size: 1.2rem; line-height: 2rem; }


.time { width:100%; float:left; margin:2% 0 -5% 0;}
.time ul li { width:100%;  margin-right:0; padding:4% 0 5% 0;  }
.time ul li i {  right:50%; margin-right:-.2rem;border-left:.4rem solid transparent; border-right:.4rem solid transparent; border-top:.6rem solid #ddd; display:block;}
.time ul li b { font-weight:700; font-size:1.05rem;  line-height:1.5rem; }
.time ul li p { line-height:1.5rem; font-size:.95rem;  }
.line { display: none;}


.honor {  background:none;}


/*“共富达人”在这里*/
.tour {  margin-bottom:-5%;} 
.tour ul li { width:100%; margin-right:0; margin-bottom:5%;}
.tour ul li h3 img {  height:12rem; }
.tour ul li h4 { float:left; height:auto; overflow:auto; padding:.9rem 0 0 0; }
.tour ul li h4 span { line-height:1.5rem; font-size:1rem;  overflow:auto; max-height:auto; }
.tour ul li:hover h4 span { color:#b17d31; }
.tour ul li h4 p { line-height:1.5rem; font-size:.9rem; padding:.5rem 0 0 0; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;-webkit-box-orient:vertical; -webkit-line-clamp:3; }
.webkit ul li h5 { width:100%; float:left; margin-top:0; }



.footer {  font-size:.9rem; line-height:3rem; margin-top: 0; }
}
