/* 初始化 */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{
	margin:0;
	padding:0;
	border:0;
	font-family: "微软雅黑";
} 
body{background:#fff;color:#333;font-size:12px; margin-top:5px;} 
ul,ol{list-style-type:none;} 
select,input,img,select{vertical-align:middle;} 
.clear{ clear:both;line-height: 0px;}
a,img,li{text-decoration:none;transition: all 0.4s;
-moz-transition: all 0.2s;	/* Firefox 4 */
-webkit-transition: all 0.2s;	/* Safari 和 Chrome */
-o-transition: all 0.2s;} 
a:link{color:#666;} 
a:visited{color:#555;} 
a:hover,a:active,a:focus{color:#c00;text-decoration:none;}
.fr {
    float: right;
    display: inline;
}
*{
    margin: 0;
    padding: 0;
}
.header-bottom{
    width: 100%;
   
    background: rgba(11, 19, 25, 0.7);
    position: fixed;  
    z-index: 999;
}
.max{
    max-width: 1200px;
    margin: 0 auto;

}
.max .left{
    float: left;
}
.max .left img{
    margin: 16px;
}
.max .right{
    float: right;
}
.max .right li{
    float: left;
    padding: 0 45px 0 25px;
    position: relative;
}
.max .right li a{
    color: #fff;
    font-size: 18px;
    line-height: 100px;
    padding-bottom: 10px;
    text-align: center;
}
.max .right li a:hover{
    color: #d9630d;
}
.max .right li .cur{
    border-bottom: 1px solid #d9630d;
}
.hover{
    position: absolute;
    top: 100px;
    background: rgba(11, 19, 25, 0.7);
    overflow: hidden;
    opacity: 0;
    left: 10px;
    transition: all .2s;
    border-top: 1px solid #fff;
}

.hover ul li{
    float: none !important;
    padding:0 25px 0 15px !important;
}
.hover ul li a{
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 40px !important;
}
.max .right li:hover .hover{
     visibility: visible;
     opacity: 0.95;
     padding: 15px 10px;
}
.fixed {  
    position: fixed;  
    top: 0;  
    width: 100%;  
    margin: 0 auto;  
    left: 0;  
    /* border-bottom: 2px solid #113f6c;   */
    background: rgba(11, 19, 25, 0.9);
    z-index: 10000;  
}  
/* 轮播图 */

.slides{
	text-align: center;
}
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #FFF;
}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
	text-align: center;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.flexslider .slides li span{
	font-size: 28px;
	line-height: 80px;
	height: 80px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	background: #fff;
	position: relative;
	zoom: 1;
}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {
	width: 50px;
	height: 50px;
	margin: -13px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: opacity 1s;
	background-color:rgba(255, 255, 255, 0.4);
}
.flex-direction-nav li a.next {
	right: 5px;
	background-position: 0px center;
	background-image: url(../img/hover_right.png);
	background-repeat: no-repeat;
	transition: opacity 1s;
}
.flex-direction-nav li a.prev {
	left: 5px;
	background-position: 0 0;
	background-image: url(../img/hover_left.png);
	background-repeat: no-repeat;
	transition: opacity 1s;
}
.flexslider:hover a.next{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.flexslider:hover a.prev{
	filter:alpha(opacity=100);
	-moz-opacity:1; 
	opacity:1;
}

.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
	overflow: hidden;
	height: 0px;
}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
@media screen and (max-width:700px){
.flexslider .slides img {
	width: 120%;
	display: block;
	text-align: center;
	overflow: hidden;
	margin-right: auto;
	margin-left: -10%;
}
.flex-direction-nav li a {
	max-width:30px;
	background-size: 30px;
}
.flexslider .slides li span{
	font-size: 16px;
	line-height: 30px;
	height: 30px;

}
}
.about{
    width: 100%;
    height: 950px;
    position: relative;
}
.about .top{
	max-width: 1200px;
	height: 320px;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	box-shadow: 5px 6px 25px #e4e4e4;
	margin-top: -85px;
	margin:-85px auto 0px auto;
}
.about .top ul li{
    float: left;
    width: 33.3333%;
}
.about .top ul li div{
    margin: 55px 40px 70px 40px;
    text-align: center;
    overflow: hidden;
}
.about .top ul li div img{
    margin: 0 auto;
    display: block;
}
.about .top ul li div p{
    font-size: 23px;
    line-height: 60px;
    font-weight: 600;
}
.about .top ul li div span{
    color: #666666;
    font-size: 14px;
}
.about .bottom{
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 80px;
}
.about .bottom .left{
    width: 42%;
    float: left;
	margin-right:8%;
}
.about .bottom .right{
    width: 50%;
    float: left;
}
.about .bottom .left h1,h2{
    text-align: center
}
.left h2{ font-size:28px;}
.left h1{
	font-size:35px;
	background-image: url(../images/coin1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	display: block;
	margin-bottom:20px;
}
.index_about{
font-size:15px; line-height:30px;}
.index_coin{ margin-top:40px;
}
.index_coin li{ float:left; width:40%; font-size:20px; color:#d9630d;}
.index_coin li img{ margin-right:20px;}
.index_pro {
	background-image: url(../images/index_pro_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 754px;
}
.w1200{ max-width:1200px; margin:0px auto;}
.title1{
	color:#fff;
	font-size:30px;
	font-weight: bold;
	text-align: center;
	background-attachment: scroll;
	background-image: url(../images/coin4.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:20px;
	
}
.title2{ color:#fff; font-size:14px; line-height:60px; text-align:center; margin-bottom:20px;}
.height{height:40px;}
.title3{ font-size:25px; line-height:40px; display:block; text-align:center; line-height:50px; color:#666;}
.index_pro_list{ }
.index_pro_list li{ width:30%; margin-right:5%; float:left;background-color:#fff;}
.index_pro_list li:hover{background-color:#ff6b00;}
.index_pro_list li:hover .title3,.index_pro_list li:hover .title_span{ color:#fff;}
.index_pro_list li:nth-child(3){ margin-right:0%;}
.index_pro_list li img{
	border: 3px solid #FFF;
	width:calc(100% - 6px);
	
}
.index_pro_list li:hover img{border: 3px solid #ff6b00;}
.title_span{ line-height:20px; margin-top:5px; margin-bottom:20px; padding:0px 20px; display:block; text-align:center;color:#666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.btn{
	font-size: 14px;
	line-height: 45px;
	color: #FFF;
	background-color: #d9630d;
	text-align:center;
	display:block;
	width:220px;
	margin:0px auto;
	border-radius:4px;
	margin-top:20px;
}
.btn:link { color:#fff;}
.btn span{border-radius:20px; background-color:#fff; color:#666;}
.btn:hover{background-color: #676767;}
.btn:visited{color: #fff;}
.youshi1{width:100%; clear:both;}
.youshi1_left{ float:left; width:50%;}
.youshi1_right{ float:right; width:50%; margin-top:30px;}

.youshi2{width:100%;}
.youshi2_left{ float:left; width:50%;margin-top:50px;}
.youshi2_right{ float:right; width:50%;}
.youshi1_right1{float:left; width:25%; margin-left:30px; margin-right:30px;  text-align:center; }
.youshi1_right1 h1{ line-height:60px; font-size:16px;}
.youshi1_right1 span{line-height:22px; font-size:14px; color:#666;}
.youshi1_right2{float:left; width:25%; text-align:center;}
.youshi1_right2 h1{ line-height:60px; font-size:16px;}
.youshi1_right2 span{line-height:22px; font-size:14px;color:#666;}



.index_news{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 40px;
}
.index_news ul{
	margin-bottom:30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}
.index_news li:nth-child(1){ float:left; width:20%;  margin-right:3%;}
.index_news li:nth-child(2){ float:left; width:62%; line-height:24px; color:#555; font-size:15px; }
.index_news li:nth-child(2) h1{ font-size:20px; margin-bottom:10px;}
.index_news li:nth-child(3){
	float:right;
	width:calc(12% - 2px);
	text-align:center;
	border: 1px solid #CCC;
font-size:16px;
	padding:20px 0px 30px 0px;
	margin-left:3%;
}
.index_news li:nth-child(3) h2{ font-size:60px; font-weight:normal; }
.btn1{
	font-size: 14px;
	line-height: 45px;
	text-align:center;
	display:block;
	width:220px;
	margin:0px auto;
	border-radius:20px;
	margin-top:20px;
	border: 1px solid #ccc;
}
.btn1:link { color:#072e4b; font-size:16px;}
.btn1 span{border-radius:20px; background-color:#fff; color:#666;}
.btn1:hover{background-color: #d9630d; color:#fff;}
.foot {
	background-attachment: scroll;
	background-image: url(../images/bottom.jpg);
	background-repeat: repeat;
	background-position: center top;
	height: 300px;
	margin-top:60px;
}
.foot1 {
	background-color:#0f1f2b;
	color:#fff;
}
.foot .title2{line-height: 40px;
    }
.foot_contacts li img{ }
.foot_contacts li{ float:left; width:22%; margin-right:4%; text-align:center; color:#fff; font-size:15px; line-height:40px;word-wrap: break-word;}
.foot_contacts li:nth-child(4){ margin-right:0px;}
.foot_left{ float:left; width:70%; margin-top:20px; font-size:14px; line-height:40px;}
.foot_left a{ color:#fff;}
.foot_left a:hover{ color:#ff6b00;}
.foot_right{ float:right; width:30%; text-align:right; margin-top:20px; margin-bottom:20px;}