@charset "utf-8";
/* CSS Document */
/*-------------重置属性---------------*/
*{ margin:0; padding:0; font-family:"微软雅黑",Arial,sans-serif;}
body{font-family:"Microsoft Yahei";font-size:14px;color:#4F4F4F;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
/*-------------公共属性---------------*/
.clearfix{ clear:both;}
.color{ color:#333;}
/*-------------头部属性---------------*/
.headerBox{ width:100%;z-index:99999;background: rgba(0,0,0,0.7);min-width:1200px;position:absolute; }

.logo{ float:left;height:95px; line-height:95px;} 
.hear_top{text-align:right; color:#fff;}
.hear_top sapn{ font-size:14px; color:#fff; margin:0px 10px; height:27px; line-height:27px; padding-top:5px;}
.hear_top img{ vertical-align:middle;}

.wrap{border: 0;padding:0;width:1200px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.headerBox .nav{ float:right;width:860px; }
.nav_menu{float:right;height:45px;padding-top:20px;}
.nav_menu>li{float: left;text-align: center;background: url("../images/h10.png")  no-repeat center;background-size:0 0;transition: all .2s ease-in;height:65px;}
.nav_menu>li:hover{background-size:78px 89px;transition: all .4s ease-in;}
.nav_menu>li a{color: #fff;display: inline-block;padding:0 25px; font-size:14px;}
.nav_menu>li:hover>a{color: #B38248;}
.nav_menu>li:hover .eg{color: #B38248;}
.nav_menu>li:hover .sub_nav{display: block;}
.nav .on{background-size:78px 89px;transition: all .4s ease-in;}
.nav .on>a{color: #B38248;;}
.nav .on>a .eg{color:#B38248;;}
.nav .eg{font-size: 16px;color: #444;font-weight: bold;padding-top: 20px;}
.sub_nav{position: absolute;width: 100%;left: 0;top:95px;background: rgba(0, 0, 0 , 0.6);padding: 10px 0;border-top: 1px solid #444;display: none;}
.sub_nav li{display: inline-block;}
.sub_nav li a{font-size: 12px;font-weight: normal;padding:0 15px}
.sub_nav li a:hover{color: #B38248;}


/*-------------banner属性---------------*/

.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	min-width:1200px;
	height:650px;
	max-height:650px !important;
	overflow:hidden;
	
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:875px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,

}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#00A1E9 !important;
 }/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	border-radius: 20px; 
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;
	border-radius: 20px 20px 20px 20px;
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px 20px 20px 20px;
}

.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}
.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
/*-----------产品分类--------------*/
.pro{ width:100%; min-width:1200px; overflow:hidden; background:url(../images/pro_bg.jpg) repeat-y;}
.main{ margin:0 auto; overflow:hidden;}
.pro .box_h{ text-align:center;width:390px; margin:0 auto; margin-top:50px; margin-bottom:27px;}
.index_hd{width:1200px;margin:40px auto 60px auto;overflow:hidden;}
.index_hd .hd_l ul li{position:relative}
.index_hd .hd_r ul li{float:left;width:378px;height:200px;overflow:hidden; margin:16px 11px;position:relative}

/*-----------新闻中心--------------*/
.news{ width:100%; min-width:1200px; overflow:hidden; background:#f7f8f8;}
.news .box_h{ text-align:center;width:1200px; margin:0 auto; margin-top:60px; margin-bottom:25px;}
.news .box_g{ text-align:right;}
.news .box_g a{ color:#000; font-size:16px; margin:0px 10px;} 
.news .box_g a:hover{ color:#b28247;} 
.new_content{ margin:30px auto 40px auto; } 
.news_l{ float:left; width:520px;}
.news_l .news_art{ padding:55px; border:1px solid #b28247; width:265px; height:260px;}
.news_l .news_art p{ font-size:28px; color:#000; margin-bottom:40px;}
.news_l .news_art span{ font-size:16x;color:#000;}
.news_l .news_art:hover{ background:#b28247;} 
.news_l .news_art:hover p,.news_l .news_art:hover span{ color:#fff;} 
.news_r{ float:right; width:680px;}
.news_r li{ margin:25px 0px 50px 0px;}
.news_r li span{ font-size:18px; color:#000000;}
.news_r li h3{ margin:20px 0px 10px 0px; }
.news_r li h3 a{ font-size:18px; color:#000000;}
.news_r li h3 a:hover{color:#b28247;}
.news_r li p{ color:#898989; font-size:12px; line-height:25px;}
/*-----------关于我们--------------*/
.about{ width:100%; min-width:1200px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat;}
.about_content{ margin:90px auto 70px auto; } 
.about_l{ float:left; width:520px;}
.news_l .news_art{ padding:55px; border:1px solid #b28247; width:265px; height:260px;background:url(../images/new_bg.png) no-repeat;}
.news_l .news_art p{ font-size:28px; color:#000; margin-bottom:40px;}
.news_l .news_art span{ font-size:16x;color:#000;}
.news_l .news_art:hover{ background:#b28247;} 
.news_l .news_art:hover p,.news_l .news_art:hover span{ color:#fff;} 
.about_r{ float:right; width:680px;}
.about_r .tu{ margin-left:35px;}
.clear{clear:both;}
.main-page{width:450px;height:455px;}
.main-page .left, .main-page .right{float:left;}
.main-page .nav-back{width:109px;height:455px; border-right:1px solid #C1C1C3;}
.main-page .nav{position:relative;margin-top:-455px;width:110px;text-align:center;font-size:21px;font-family:"微软雅黑";color:#000;}
.main-page .nav div{height:45px;line-height:45px;width:111px;}
.main-page .nav div.on{color:#b28247; background:url(../images/line.png) no-repeat center right;}
.main-page .right{width:320px;height:455px;margin-left:20px;}
.main-page .content-back{width:320px;height:455px;}
.main-page .content{position:relative;width:280px;height:435px;margin-top:-455px;padding:10px 20px;overflow:hidden;}
.main-page .content div{width:280px;height:435px;margin-bottom:10px;}
.main-page .content div h3{ font-size:18px; color:#000; margin-bottom:15px;}
.main-page .content div p{ font-size:14px; color:#3e3a39; line-height:21px; text-indent:2em;}
.main-page .content div .more{ text-align:right; margin-top:20px;}
.main-page .content div .more a{ background:#b28247; color:#fff; padding:5px 12px;}
/*------------页脚---------------*/
.head_bottom{ background:#b28247;width:100%; min-width:1200px;}
.head_b{padding:50px 0px; color:#fff; font-size:16px;}
.head_b img{ border-bottom:2px solid #faf7f3; padding-bottom:10px; margin-bottom:10px;}
.head_bottom .main_l{ float:left; width:400px; text-align:center;}
.head_bottom .main_m{ float:left; width:400px; text-align:center;}
.head_bottom .main_r{ float:right; width:400px; text-align:center;}
/*------------页脚---------------*/
.foot{background-color:#3e3a39;  padding-top:15px; padding-bottom:15px; width:100%; min-width:1200px; border-bottom:2px solid #545150; }
.foot_menu{ text-align:center; color:#fff;}
.foot_menu a{  color:#fff; padding:5px 20px;}
.footer{ background-color:#3e3a39; width:100%; min-width:1200px;  }
.footer_top{width:1200px; margin:0 auto; text-align:center; color:#fff; padding:12px 0px;}