*{margin:0px;padding:0px;}
img { display: block; }
html, body { height: 100%; }

body{min-width:1200px;font-family:'微软雅黑';}
header { position:relative; width: 100%; z-index: 10000; background:#fff; }

/*footer img { position: relative; left: 50%; margin-left: -960px; } */

.section { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; }
.banner { height: 100%;position:relative; }
.banner .slides { height: 100%; }
.banner li { position: relative; width: 100%; height: 100%; }
.banner .bg { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .bg img{display:block;width:100%;}
/*.banner .slide-1 .bg { background-image: url(../images/banner01.jpg); }
.banner .slide-2 .bg { background-image: url(../images/banner02.jpg); }
.banner .slide-3 .bg { background-image: url(../images/banner03.jpg); }*/

.banner .text { position: absolute; top: 50%; left: 50%; }
.banner .slide-1 .text { margin-top: -120px; margin-left:0px; }
.banner .slide-2 .text { margin-top: -120px; margin-left:200px; }
.banner .slide-3 .text { margin-top: -70px; margin-left: -100px; }
.banner .slide-4 .text { margin-top: -120px; margin-left:100px; }
.banner .slide-5 .text { margin-top: -120px; margin-left:0px; }
.banner .flex-control-nav{position:absolute;height:16px;width:1200px;bottom:70px;left:50%;margin-left:-600px;z-index:99;}
.banner .flex-control-nav li{float:left;width:16px;height:16px;margin-right:10px;}
.banner .flex-control-nav li a{display:block;width:100%;height:100%;background:url(../images/btn02.png) no-repeat;text-indent:-999px;cursor:pointer;}
.banner .flex-control-nav li a.flex-active{background:url(../images/btn01.png) no-repeat;}

#sec-0 { position: static; }
#sec-1 { position: fixed; top: 0; left: 0; z-index: 1; }
section { z-index: 2; }
footer { position: relative; z-index: 2; overflow: hidden; }

#sec-2 { background: #f8f8f8; }
#sec-2 .about-1 { position: absolute; top: 50%; left: 50%; margin-left: -600px; margin-top: -300px; }
#sec-2 .about-2 { position: absolute; top: 50%; left: 50%; margin-left: 160px; margin-top: -300px; }
#sec-2 .about-3 { position: absolute; top: 50%; left: 50%; margin-left: -600px; margin-top:230px; }

#sec-3 { background: #9c9d8e; }
#sec-3 .product-1 { position: absolute; top: 50%; left: 50%; margin-left: -600px; margin-top: -160px; }
#sec-3 .product-2 { position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -400px; }
#sec-3 .product-3,#sec-3 .product-4 { position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -400px; }

#sec-4 { background: #f5a11a; }
#sec-4 figure { position: absolute; width: 20%; height: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#sec-4 .news-1 { top: 0; left: 0; width: 40%; height: 100%;overflow:hidden;}
#sec-4 .news-2 { top: 0; left: 40%; }
#sec-4 .news-3 { top: 0; left: 60%;overflow:hidden; }
#sec-4 .news-4 { top: 0; left: 80%;  }
#sec-4 .news-5 { top: 50%; left: 20%; width: 40%;  }
#sec-4 .news-6 { top: 50%; left: 60%;  }
#sec-4 .news-7 { top: 50%; left: 80%; background-image: url(../images/news07.jpg); }

#sec-4 .news-2, #sec-4 .news-4, #sec-4 .news-5, #sec-4 .news-6 { background-position: center top; background-size: 100% auto; }
#sec-4 .news-2, #sec-4 .news-6 { background-color: #f5a11a; }
#sec-4 .news-4 { background-color: #d7232d; }
#sec-4 .news-5 { background-color: #fff; }

#sec-4 .news-1 img{display:block;height:100%;}
#sec-4 .news-3 img{display:block;height:100%;}

.index-press{padding:0px 40px 0px 30px;padding-top:68px;}
.index-press a{text-decoration:none;}
.index-press .title{padding-bottom:15px;}
.index-press .title a{line-height:30px;font-size:24px;color:#d7232d;font-weight:bold;}
.index-press .infor{padding-bottom:40px;color:#fff;font-size:16px;line-height:24px;}
.index-press .btn{color:#d7232d;line-height:20px;font-size:14px;}
.index-press .btn a{color:#d7232d;}
.index-press .btn span{line-height:18px;}
.index-press-just .title a{color:#fff;}
.index-press-just .btn{color:#fff;}
.index-press-just .btn a{color:#fff;}

.index-press-news{padding-top:20px;}
.index-press-news .notice{overflow:hidden;width:100%;}
.index-press-news .notice span{float:left;}
.index-press-news .title{padding-top:70px;padding-bottom:15px;}
.index-press-news .title a{font-size:24px;font-weight:bold;}
.index-press-news .infor{color:#000;font-size:16px;line-height:24px;}

.index-gator{position:relative;}
.index-gator a{position:absolute;color:#fff;text-decoration:none;opacity:0.8;filter:alpha(opacity = 80);}
.index-gator a.a1{left:160px;top:215px;font-size:30px;}
.index-gator a.a2{left:120px;top:260px;font-size:24px;}
.index-gator a:hover{opacity:1;filter:alpha(opacity = 100);}

.scroll-nav { position: fixed; right: 20px; top: 50%; z-index: 10000; width: 50px; height: 146px; margin-top: -80px;background:url(../images/scro-bg.png) no-repeat;}
.scroll-nav ul { padding-top: 22px; *padding-top:20px;}
.scroll-nav li { text-align: center; margin-bottom: 10px;position:relative;*margin-bottom:8px; }
.scroll-nav a { display: inline-block; width: 16px; height: 16px;background:url(../images/scro-dot.png) no-repeat;*display:inline;*zoom:1; }
.scroll-nav li.active a,.scroll-nav li a:hover{background:url(../images/scro-bar.png) no-repeat; }
.scroll-nav li p{background:url(../images/scro.png) no-repeat;width:80px;height:26px;line-height:26px;padding-right:5px;text-align: center;font-size:14px;overflow:hidden;position:absolute;top:-3px;left:-72px;color:#fff;display:none;}

.index-about{width:740px;overflow:hidden;font-size:16px;line-height:30px;}
.index-product{width:490px;}
.index-product-text{height:270px;overflow:hidden;width:100%;}
.index-product-text h1{font-size:62px;color:#fff;line-height:normal;}
.index-product-text h2{font-size:48px;color:#fff;line-height:normal;}
.index-product-text p{color:#fed900;line-height:30px;padding-top:32px;}
.index-product-text a{color:#fed900;}
.index-product-btn{height:32px;width:100%;overflow:hidden;padding-top:20px;}
.index-product-btn a{display:block;width:34px;height:32px;cursor:pointer;float:left;margin-right:10px;opacity:0.8;filter:alpha(opacity = 80);}
.index-product-btn a:hover{opacity:1;filter:alpha(opacity = 100);}
.index-product-btn a.prev{background:url(../images/btn_03.png) no-repeat;}
.index-product-btn a.next{background:url(../images/btn_05.png) no-repeat;}

/*共用头部CSS */
.inner_nav li a{ text-decoration:none; color:#292a2f;}
.inner_nav li .hovers{color:#d7232d;}
header { height:94px;font-family:'Microsoft YaHei'; font-size:14px; position:relative;opacity:0.85;filter:alpha(opacity:85);}
header .nav{width:1200px; position:relative; margin:0 auto;height:95px; z-index:222;}
.nav .shop_online{width:80px;height:137px; position:absolute; right:0px; top:0px; background:url(../images/icon/shop_ico.png) no-repeat;z-index:9999;}
.nav_list { position:absolute; top:0px; left:255px; height: 96px; z-index:999;}
.nav_list li{ float:left; height: 96px; line-height: 96px; margin-left:35px; cursor:pointer;font-size:15px;}
.nav_list .on{ color:#d7232d;}
.nav_list a:hover { color:#d7232d;}

.ser{ position:absolute;}

/*子导航*/
.main{width:100%;font-family:'Microsoft YaHei'; position:relative; background:#fff;}

/*共用底部CSS */
footer { height: 200px; background:#373c40; color:#fff; font-family:'Microsoft YaHei';}
.ft_con{width:1200px; margin:0 auto; position:relative;}
.ft_nav{ color:#c9c9ca; padding-top:45px; font-size:18px; height:24px;}
.ft_nav li{text-align:center;width:140px; float:left;padding-right:30px; line-height:24px; cursor:pointer;}
.ft_nav li:hover{ color:#d7232d;}
.ser{ position:absolute; right:125px; bottom:35px;}
.ser span{float:left; color:#878787; font-family:Arial, Helvetica, sans-serif; line-height:18px; cursor:pointer;}
.ser i{ display:block;width:13px; height:18px; background:url(../images/icon/up.png) no-repeat;float:left; cursor:pointer;}
.ser em{float:left;width:26px; height:18px; display:block;background:url(../images/ser_btn.png) no-repeat;cursor:pointer;}
.clr{ clear:both;height:30px;}
.m_ser{ width:80px; height:30px; position:absolute; right:0px; top:-1px; background:url(../images/shop_ico.png) no-repeat; background-position:bottom;}
.info{ font-size:14px; color:#5c6167;text-transform:uppercase;}
.ioc_2{ height:180px; position:absolute; right:100px; top:12px;}
.ioc_2 li{ display:block; float:left; width:150px; height:180px;}
.ioc_f1{ background:url(../images/code1.jpg) no-repeat;  cursor:pointer;}
.ioc_f2{ background:url(../images/code2.jpg) no-repeat;  cursor:pointer;}
.bg_hight{ position:absolute;top:37px; left:0px; height:100px; width:100%; z-index:111; display:none; *top:37px;}
.h_60{ height:60px;}
.bg_top{width:100%;height:42px; background:#fff; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; border-bottom: 1px solid #CCD0D3; display:block; border-top:1px solid #CCD0D3; margin-top:-60px; position:absolute; bottom:0px;}
.inner_nav { margin-left:380px; display:none;}
.inner_nav li{ font-size:14px; font-family:'Microsoft YaHei'; float:left; line-height:43px; padding-left:12px; padding-right:12px; border-right:1px solid #cdcdcd; height:43px;}
.inner_nav .on,.inner_nav .active{ border-bottom:5px solid #f9a214; height:39px; color:#d7232d; cursor:pointer;*height:39px;}
.inner_line{width:100%; border-bottom:1px solid #ccd0d3; border-top:1px solid #ccd0d3; height:40px; position:absolute; top:95px;}
.inner_line_on{border:none;height:42px;}
.inner_con{width:1200px; margin:0 auto; position:relative; height:40px; z-index:222; top:-39px;}
.inner_nav { margin-left:460px; display:none;}
.inner_nav li{ font-size:14px; font-family:'Microsoft YaHei'; float:left; line-height:43px; padding-left:12px; padding-right:12px; border-right:1px solid #cdcdcd; height:43px;}
.inner_nav .on{ border-bottom:5px solid #f9a214; height:38px; color:#d7232d; cursor:pointer;*height:39px;}
.inner_nav .last{ border-right:none;}
.bg_top{width:100%;height:42px; background:#fff; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; border-bottom: 1px solid #CCD0D3; display:block; border-top:1px solid #CCD0D3; margin-top:-60px; position:absolute; bottom:0px;}
.main .bg_img{position:absolute;width:100%; height:318px; background:url(../images/temp/bg_01.jpg) no-repeat; top:0px; left:0px; background-position:center; }
.new_title{ font-size:48px; font-family:'Microsoft YaHei'; padding-top:104px; color:#3b6e96;}
.news{ font-size:42px; font-family:'Myriad Pro'; color:#3b6e96; padding-top:3px;}
.head_title{ width:1200px; margin:0 auto; position:relative;}
.title_i{ position:absolute; left:145px;}
.mar_t15{ margin-top:15px;}
.nav_list li a{ text-decoration:none; color:inherit;}
.ft_nav li a{color: #c9c9ca;text-decoration: none;}




/*2014-09-18*/

.language{ position:absolute; left:0; top:20px; /*background:#fff;*/}
.language li{ line-height:25px; }
.language li a{color:#CCC; text-decoration:none;}
.language li a:hover{ color:#999;}
.nav .shop_online a{width:80px;height:137px; position:absolute; right:0px; top:0px; z-index:9999;}



.index-product-text p a {
    color: #fed900;
    text-decoration: none;
}
/*2014-09-28*/
@media only screen and (min-width: 240px) and (max-width: 1024px){
	section{
		height: 800px;
	}
	#sec-1{
		position: relative;
	}
	#sec-0{
		height: 0;
		overflow: hidden;
	}
	#sec-3 .product-2 p{
		display: none;
	}
	#sec-3 .product-2 p:first-child{
		display: block;
	}
}





a{text-decoration:none;}
.products_list { padding:10px 0 10px 20px;height:215px}
.products_list li{ float:left; height:70px; width:170px;  margin-bottom:2px;}
.products_list li.index_pinpai1{background:url(../images/bg_kind1.gif) no-repeat 0 0;}
.products_list li.index_pinpai2{background:url(../images/bg_kind2.gif) no-repeat 0 0;}
.products_list li.index_pinpai3{background:url(../images/bg_kind3.gif) no-repeat 0 0;}
.products_list li.index_pinpai1:hover{background:url(../images/bg_kind1_hover.gif) no-repeat 0 0;}
.products_list li.index_pinpai2:hover{background:url(../images/bg_kind2_hover.gif) no-repeat 0 0;}
.products_list li.index_pinpai3:hover{background:url(../images/bg_kind3_hover.gif) no-repeat 0 0;}
<!--.products_list li:hover{opacity:1;}-->


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; 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 { margin: 0 0 20px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(../images/arr.png) no-repeat; text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background-position:0 0 }
.flex-direction-nav .flex-next { right: -50px; background-position:-132px 0}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flexslider .slides li p{height:24px; line-height:24px; text-align:center}
header .nav ul li a{color:#000;}