@charset "utf-8";



/*广告图*/
.slick1 {width:100%; margin:auto; position:relative;clear:both;background:#000;}
.slick1 div {}
.slick1 div a { background-position:center center; background-repeat:no-repeat; display:block; text-align:center; position:relative;}
.slick1 div a img { display: block;width:100%; height:auto;}
.mbanner { display:none;}
.mbanner img { display: block;width:100%; height:auto;}

.btext { display:block; position:absolute;width:600px;left:50%;top:40%;z-index:4; color:#000; text-align:left;}
.btext * { display:block; overflow:hidden; }
.btext h3 {font-size:20px; text-transform:uppercase;}
.btext h1 {font-size:30px; padding-bottom:15px; font-weight:normal;}
.btext h5 {font-size:14px; height:30px; line-height:30px;background:#4c473d url(../images/arrow_r.png) 15px  center no-repeat ; padding:0 20px 0 30px;clear:both; float:left; color:#FFF; text-align:center; font-family:Arial; }
.btext:hover h5{background:#caa683 url(../images/arrow_r.png) 15px  center no-repeat ;} 

.slick1  div.slick-current .btext{}
.slick1  div.slick-current .btext h3 {-webkit-animation-name: fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.4s; }
.slick1  div.slick-current .btext h1 {-webkit-animation-name: fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.3s; }
.slick1  div.slick-current .btext h5 {-webkit-animation-name: fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s;}
 
 
.slick1 .slick-dots li { background:rgba(0,0,0,0.5);height:6px;width: 50px;padding:0px 0;margin: 0px 10px;border-radius:100px; overflow:hidden; position:relative}
.slick1 .slick-dots li button { background:#fff;height:6px;width:0px;border-radius:100px;position: absolute;left: 0px;bottom: 0px;} 
.slick1 .slick-dots li.slick-active button{width: 100%;-webkit-animation: ProgressDots 5s both;animation: ProgressDots 5s both;}

@-webkit-keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}
@keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}
 
 


/*首页内容*/
.imain{ width:100%;overflow:hidden;margin:auto; clear:both; position:relative; background-repeat:no-repeat; background-position:center top; position:relative; clear:both;}
.imain_content {width:1100px;margin:auto;}
.imain_content * { overflow:hidden; display:block;word-wrap:break-word;}


.positionr {position:relative;}
.ptb150 { padding:100px 0;}
.ptb110 { padding:50px 0;}
.ptb80 { padding:80px 0;}
.ptb30 { padding:30px 0;}
.pt100 { padding-top:100px;}
.pt80 { padding-top:80px;}
.pt30 { padding-top:30px;}
.pb80 { padding-bottom:80px;}
.pb150 { padding-bottom:150px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.mt60{ margin-top:60px;}
.mr25{ margin-right:25px;}
.mr0 { margin-right:0px !important;}
.pr80 {padding-right:66px;}




.title { text-align: center; }
.title * {display:block; overflow:hidden;}
.title h1{ font-size:48px;padding-bottom:15px;text-transform:uppercase; }
.title i{ width:2px; height:22px; background:#987757; margin:auto;}
.title h2{ font-size:48px;padding-bottom:15px;text-transform:uppercase; color:#FFF;}
.title h4{ font-size:48px;padding-bottom:15px;text-transform:uppercase; }
.title h5{ font-size:48px;padding-bottom:15px;text-transform:uppercase;color:#987757; }
.title h3{ width:70%;font-size:14px; line-height:24px;padding:15px 0; margin:auto;}
.title h6{ width:70%;font-size:14px; line-height:26px;padding:20px 0; margin:auto;}
.title span{ width:70%;font-size:14px; line-height:26px;padding:40px 0 20px 0; margin:auto;color:#a8a8a8;}


.iproducttext { text-align:center; padding:30px 0; font-size:16px; line-height:26px; color:#131111;}

.slick2 { width:100%;height:665px; margin:auto; position:relative;}
.slick2 div a { display:block;position:relative;}
.slick2 div a *{ display:block; overflow:hidden;font-family: 'MYRIADB',"微软雅黑";-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.slick2 div a span { position: absolute; right:0px; bottom:50px;padding:10px 0px 0px 30px;width:330px; height:120px; background:#000; border-bottom:#8d6b52 10px solid; color:#caa683; z-index:3;}
.slick2 div a span h3 {font-size:32px;line-height:32px;}
.slick2 div a span h1 {font-size:44px;line-height:48px;}
.slick2 div a span h5 {font-size:16px;line-height:26px;padding-left:10px; background:url(../images/jtright.png) left center no-repeat; font-family:"Arial";}
.slick2 .slick-dots {bottom:20px; }
.slick2 div a:hover span h5{ } 
.slick2 div a:hover span h5{ color:#FFF; } 
.slick2  div.slick-current a span   { -webkit-animation-name: fadeInRight; -webkit-animation-duration: 1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0.2s;}



.inewslist { padding-top:40px;overflow:hidden;}
.inewslist *{ display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;font-family:Arial;}
.inewslist a{ float:left; width:359px;background:#e5e5e5; margin-right:10px; margin-bottom:10px; }
.inewslist a i { position:relative; width:100%; height:300px;}
.inewslist a i img{ width:453px; height:300px; position:absolute; left:50%; margin-left:-226.5px; top:0px;}
.inewslist a span{ padding:20px 20px;}
.inewslist a span h1{font-size:16px; line-height:26px;padding-bottom:10px;color:#000;text-transform:uppercase;}
.inewslist a span h2{font-size:12px; line-height:20px;padding-bottom:10px;color:#666;}
.inewslist a span h3{font-size:12px;color:#999;}
.inewslist a span h5{font-size:12px;color:#999;padding:20px 0 10px 0; text-decoration:underline;}
.inewslist a:hover { background:#caa683;} 
.inewslist a:hover span * { color:#FFF;}





/* 适应屏 */
@media screen and (max-width: 1440px) {
	



}
@media screen and (max-width: 1280px) {


	
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 860px) {

.slick1 {width:100%; margin:auto; position:relative;clear:both;background:#000;}
.slick1 div a img { display: none;}
.slick1 .slick-dots { display:none !important;}

.mbanner { display:block; height:430px;}
.mbanner img { display:block !important;width:100%; height:auto;}
.btext {width:100%;left:0!important;top:20% !important;text-align:center;}
.btext h5 { margin:auto; float: none; width:80px; }
.imain_content {width:95%;}
.imain_content img { display:block;max-width:100%; height:auto;}
.inewslist a{ float: none; width:100%; margin-right:0px; margin-bottom:20px;}
.inewslist a i { width:100%; height: auto;}
.inewslist a i img{ width:100%; height: auto; position: relative; left: auto; margin-left:0px; top: auto;}

.title h1{ font-size:40px;}
.title h3{ width:100%;}
.title h6{ width:100%; font-size:14px;}
.title h2{ font-size:40px;}
.title h4{ font-size:40px; }
.title h5{ font-size:40px;}
.title span{ width:100%;}
.iproducttext {  font-size:14px; line-height:24px;}

.slick2 { width:100%;height: auto; background:#000;}
.slick2 div a span { position: relative; right: auto; bottom:auto;padding:10px 0px 30px 30px;width:100%; height: auto;  border-bottom:#8d6b52 10px solid; }

.pr80 {padding-right:0px;}
.mt-10 h3{margin-top:-8px;}
.mt10{margin-top:10px;}
.ptb150 { padding:10% 0;}
.pb150 { padding-bottom:50px;}

.title.mt60 { margin-top:0;}
	

	

.ptb110 { padding:15% 0;}
.ptb80 { padding:10% 0;}
.mbt60 { margin-top:50px;}


}




/* 兼容iphone5 */
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
	
.mbanner { display:block; height:370px;}
.slick1 .slick-dots { display:none !important;}




}