*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
html{background: #f6f6f6;}
body{ color:#000000; font-family:"微软雅黑"; position: relative;max-width: 600px; margin: 0 auto;background-color:#FFFFFF;}
li{ list-style-type:none;}
ul,li,h2,h1,h3,h4,h5,h6,p,ol{margin: 0; padding: 0;}
a{ text-decoration:none; color:#000000;}
a:hover,a:focus,a:active{ text-decoration:none;}
/*a:hover{color: #e60012;}*/
img{max-width: 100%;}
@font-face{
	font-family: "font1";
	src: url('../fonts/font.otf') format('truetype');
	src: url('../fonts/font.ttf') format('truetype');

}
@font-face{
	font-family: "font2";
	src: url('../fonts/font1.otf') format('truetype');
}
.bg-white{background: #fff;}
i{font-style: normal}
.container:after,.row:after,.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0; text-align:center; margin-bottom:30px; } 
.containerm,.row,.clear{zoom:1} 
.container{/*padding-right:10px; padding-left:10px;*/margin-right:auto;margin-left:auto; width:100%;}
.entext{font-family:font1;}
.row2{ margin: 0;}
.row2>li{padding: 0;}
.row3{ margin-left: -10px;margin-right: -10px;}
.row3>li{padding: 0 10px;}
.head{ height: 80px; background-color:#FFFFFF;}
.head .logo{ padding: 10px 0;}
.head .logo img{ height: 50px;}


.iconnavbox li .iconnav{ position: relative; background: #f4f4f4; padding: 15px; margin-bottom: 15px;}
.iconnavbox li .iconnav img{position: absolute; width: 36px; right: 15px; top: 15px;}
.iconnavbox li .iconnav h3{font-size: 18px; padding: 10px 0 15px 0; color: #333;}
.tit01{ text-align: center; padding: 20px 0 15px 0; font-size:28px; font-weight:bold;}
.tit01 h3{ font-size:26px; font-weight: bold; color: #e60012;}
.tit01 h4{ font-size: 30px; color: #7c6967; text-transform: uppercase; font-weight: normal;}

.footer{background:#333333;  padding: 15px 0; margin-top: 30px; text-align: center;}
.footer .container{background: transparent}
.footer p{  color: #333; padding: 10px 0 15px 0; line-height: 200%; font-size: 12px;}
.footer  span{ color: #666666;font-size: 12px;}
.footer h3{ text-align: center; color: #333;}

.news2 p{color: #7c6967; line-height: 22px; padding: 10px 0;}

.picbox li a{ display: block; background: #f4f4f4; margin-bottom: 20px;}
.picbox li a img{ display: block; width: 100%;}
.picbox li a p{ text-align: center; padding: 10px 0;}

.news1{/* padding-left: 20px;*/}
.news1 li{ line-height: 25px; padding-left: 20px; position: relative;}
.news1 li:before{ position: absolute; content: ""; width:8px; height: 8px; border: 1px solid #2159c3; left: 0; border-radius: 10px; top: 50%; margin-top: -4px; background:#2159c3}
.news1 li:hover:before{background: #e60012;}

.menu{ position: absolute; display: none;width: 100%; top: 70px; left: 0; z-index: 1000; background:#FFFFFF;}
.menu>ul{}
.menu>ul>li{ border-bottom: 1px solid #d6d6d6;}
.menu>ul>li>a{display: block; font-size: 16px;position: relative; height: 48px; line-height: 48px; padding: 0 20px; position: relative; color: #333;}
.menu>ul>li.active>a{ color: #e60012;}
.menu>ul>li.active>a:before{ position: absolute; content: ""; width: 100%; height: 1px; background: #e60012; left: 0px; top:-1px;}
.menu>ul>li>a.erji:before,.menu>ul>li>a.erji:after{ position: absolute; top: 50%; content: "";  background: #999;}
.menu>ul>li>a.erji:before{width: 20px; height: 2px; right: 22px; margin-top: -1px; }
.menu>ul>li>a.erji:after{width: 2px; height: 20px; right: 31px; margin-top: -10px;}
.menu>ul>li>a.erji.active{ background: #172a88; color: #fff;}
.menu>ul>li>a.erji.active:before,.menu>ul>li>a.erji.active:after{ background: #fff; }
.menu>ul>li>a.erji.active:after{ display: none;}
.menu>ul ul{ padding-left: 10px; padding-bottom: 10px; display: none;}
.menu>ul ul a{display: block; line-height: 220%; padding-left: 12px; position: relative;}
.menu>ul ul a:before{ position: absolute; content: ""; width:6px; height: 6px;left: 0; border-radius: 10px; top: 50%; margin-top: -4px;background: #999;}
.menu>ul ul a:hover:before{background: #e60012;}

.footermenu{ display:block;width: 100%; top: 70px; left: 0; z-index: 1000; background:#000000; color: #FFFFFF;}
.footermenu>ul{ border-bottom:#1B1B1B solid 1px; }
.footermenu>ul>li{}
.footermenu>ul>li>a{display: block; font-size: 16px;position: relative; height: 30px; line-height: 30px;  position: relative; color: #909090;}
.footermenu>ul ul{ padding-left: 10px; padding-bottom: 10px; display: none;}
.footermenu>ul ul a{display: block; line-height: 220%; padding-left: 12px; position: relative;}
.footermenu>ul ul a:before{ position: absolute; content: ""; width:6px; height: 6px;left: 0; border-radius: 10px; top: 50%; margin-top: -4px;background: #999;}
.footermenu>ul ul a:hover:before{background: #e60012;}


.mainbox{background: linear-gradient(#e0e2e4,#fff,#fff,#fff)}
.banner2{background: url(../images/bg1.png) no-repeat left bottom; background-size:auto 60% ;height: 160px;}
.about{border-top: 1px solid #eee;}
.about p{text-indent: 32px; font-size: 15px; line-height: 200%; padding: 10px 0;}
.bannertxt{font-family: font2;  font-size: 30px; letter-spacing: 2px; text-transform: uppercase; text-align: right; color: #fff; line-height: 100%;  padding: 35px 10px 0 0 ; text-shadow: 2px 2px 10px rgba(0,0,0,0.1)}
.bannertxt span{display: block; text-align:right;}
.bannertxt span:last-child{font-size: 36px;}
.owl-carousel{overflow: hidden;}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.grabbing{cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{text-align:center; width: 100%; margin: 0 auto; position: relative; margin-top: -30px; margin-bottom: 10px;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;width:30px;height:3px;margin:3px ;background:#fff;overflow:hidden}
.owl-theme .owl-controls .owl-page.active span{background: #BDA57A!important;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}
.menubtn{float: right; /*margin-right: -10px;*/}
.menubtn{/*border-left: 1px solid #ddd;*/ height: 70px; /*padding-left: 20px;*/}
.menubtn span,.menubtn span:before,.menubtn span:after{width:24px; height:2px; border-radius: 10px; background:#000000; transition: all 0.5s;}
.menubtn span{width:30px;}
.menubtn span{ margin-top: 35px; display:block; position: relative;}
.menubtn span:before{position: absolute; content: ""; top: -9px;}
.menubtn span:after{position: absolute; content: ""; bottom: -9px;}
.menubtn.active span{background: 0;}
.menubtn.active span:before{ transform: rotate(45deg); top: 0;}
.menubtn.active span:after{transform: rotate(-45deg);bottom: 0;}


p{ margin:0px 0px;}
.inMore {
    text-align: center;
	padding: 20px 0 20px 0;
}
.widthWrap {
    width: 100%;
    overflow: hidden;
}
.inMore a {
	border-radius: 5px;
	text-align: center;
    display: inline-block;
    width: 180px;
    height: 50px;
    color:#FFFFFF;
	background-color:#172a88;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #CCCCCC;
    letter-spacing: 2px;
}
.anniu{
	border: 1px solid #ccc;                  
	padding: 10px 80px;                 
	border-radius: 5px; /*css3属性IE不支持*/                 
	padding-left:5px;
	margin-bottom:30px;
	font-size:18px;
}
.anniu1{
	display: inline-block;              
	padding: 10px 120px;             
	border-radius: 5px; /*css3属性IE不支持*/
	font-size:20px;
	text-align: center;
}

.page {
    text-align: center;
    padding: 80px 0;
}
.page li {
    display: inline-block;
    margin: 0 3px;
}
.page li a {
    color: #222;
    font-size: 14px;
    display: block;
    border: 1px solid #cccccc;
    padding: 6px 10px;
    background: #fff;
    border-top-right-radius: 5px; 
border-top-left-radius: 5px; 
border-bottom-right-radius: 5px; 
border-bottom-left-radius: 5px; 
}
.page li a.active {
    background: #BDA57A;
    border: 1px solid #cccccc;
    color: #fff;
}

/*
瑞海
*/
li{
	list-style: none;
}
#tab{
	position: relative;
	width: 100%;
	margin:auto;
	height:350px;
	
}
.navs{
	float: left;
	width: 25%;
	height: 65px;
	background-color: rgba(255,255,255,0.6);
	text-align: center;
	line-height: 27px;
	padding-bottom:0px;
	
}
.navs span{
	width:100%;display:block; font-size:12px;
}
.active{
	/*background-color: rgba(255,255,255);*/
	cursor:pointer;
	font-weight:600;
}
.content{
	width: 100%;
	margin:auto;
	min-height:300px; 
	overflow:hidden;
	float:left
}
.content .picture img{
	width: 100%;
	height:auto;
	float:left;
	overflow:hidden;
	display: none;
}
.content .picture .show{
	display: block;
}

.list{
	width:100%; 
	float:left; 
	margin-top:-65px; 
	position:relative; 
	z-index:2;
	text-align:center;
	
}
.picture{
	cursor:pointer;
	height:auto;
}
.indexproduct li{
	width:47%;
	margin-top:10px;
}
.indexproduct li span{
	font-size:16px;
	line-height:30px;
}
.indexproduct li:nth-child(odd){
	float:left;
}
.indexproduct li:nth-child(even){
	float:right;
}
.indexnew li{
	width:100%;
	margin-top:10px;
	background-color:#FFFFFF;
}
#newstab{
	width: 100%;
	margin:auto;
	height:65px;
	
}
.newsnavs{
	float: left;
	width: 25%;
	height: 65px;
	text-align: center;
	line-height: 27px;
	padding-bottom:0px;
	background-color:#333333;
}
.newsnavs span{
	width:100%;display:block; font-size:12px;line-height: 65px; color:#FFFFFF;
}
.actives{
	background-color:#FFFFFF;background:url(../images/productspan1.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	-moz-background-size:100% 100%; height:68px;
	background-color:#FFFFFF;
	
}
.actives span{
	color:#000000;
	
}
.pmenu{ display:block;width: 100%; top: 70px; left: 0; z-index: 1000; background:#FFFFFF;}
.pmenu>ul{}
.pmenu>ul>li{ border-bottom: 1px solid #d6d6d6;}
.pmenu>ul>li>a{display: block; font-size: 16px;position: relative; height: 48px; line-height: 48px; padding: 0 20px; position: relative; color: #333;}
.pmenu>ul ul{ padding-left: 10px; padding-bottom: 10px; display: none;}
.pmenu>ul ul a{display: block; line-height: 220%; padding-left: 12px; position: relative;}
.pmenu>ul ul a:before{ position: absolute; content: ""; width:6px; height: 6px;left: 0; border-radius: 10px; top: 50%; margin-top: -4px;background: #999;}
.pmenu>ul ul a:hover:before{background: #e60012;}

.box{width: 100%;overflow: hidden;position: relative;height:250px;}
.box-1 ul{}
.box-1 ul li{width: 100%;position: relative;overflow: hidden;height:250px;}
.box-1 ul li img{display:block;height:250px;    width: 100%;}
.box-1 ul li:hover img{ transform: scale(1.1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;}

.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:250px;background: rgba(189,165,122,.4);text-indent: 2em;
				padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 20px;height: 30px;
				top:50%; font-family: "宋体";line-height: 30px;font-size:30px;margin-top: -40px;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}


.o-m{width:100%;margin:20px auto; overflow: hidden;}
.o-m .ul-o{width:100%;position:relative;background: url(../images/gold_xian.png) no-repeat left;}
.o-m .ul-o li{width:32%;cursor:pointer;position:relative;z-index:2;float:left;margin: 0 0.5%;}
.o-m .ul-o span{width:62px;height:68px;float:left;display:block;border-bottom:1px solid #bfbdb9;background:url(../images/n-qyjz-1.png) no-repeat;background-position:-272px 20px;}
.o-m .ul-o .li-t span{background-position:-272px -50px;}
.o-m .ul-o .li-s span{background-position:-272px -120px;}
.o-m .ul-o .li-f span{background-position:-272px -190px;}
.o-m .ul-o .li-w span{background-position:-272px -257px;}
.o-m .ul-o .li-l span{background-position:-272px -323px;}
.o-m .ul-o li p{line-height:36px;color:#333;font-size:16px;padding-left:10px;font-weight:bold}
.o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;background:url(../images/n-qyjz-38.png) no-repeat;top:50%;margin-top:-16px;right:-15px;display:none}
.o-m .ul-o .li-mask{background: url(../images/bg_hover.png) no-repeat;position:absolute;left:0;top:0;width:32%;height:40px;color:#eb6100;border-left: 3px solid #eb6100;}

.o-m .ul-o li.on b{display:block;}
.o-m .ul-o li.on p{color:#eb6100}

.o-m .ul-t{width:100%;float:left;overflow: hidden;padding: 0 10px;margin-top:20px;}
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;}
.o-m .ul-t .li-top{}
.o-m .ul-t h5{color:#333;font-size:18px;line-height:1.5;font-weight:bold}
.o-m .ul-t .line{    width: 60px;
    height: 2px;
    background: #999;
    margin-top: 12px;
}
.o-m .ul-t .text{margin-top: 20px;}
.o-m .ul-t .text p{font-size: 16px;
    text-align: justify;
    color: #666;
    text-indent: 2em;
    line-height: 2em;
}