@charset "utf-8";
/* CSS Document */
@import url(global.css);


/*/*-------------首页幻灯------------*/
.flexslider{position:relative;width:100%;height:920px;overflow:hidden;}
.slides{position:absolute;z-index:1;width:1920px;left: 50%;margin: 0 auto 0 -960px; overflow: hidden; text-align: center;}
.slides li{height:1050px; z-index:10;}
.slides li img{ z-index:10;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center; z-index:10;}
.flex-control-nav li{ height:1050px; display:inline-block;width:60px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:60px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:30%;}
.flex-direction-nav li a{display:block;width:56px;height:200px;overflow:hidden;cursor:pointer;position:absolute; z-index:10;}
.flex-direction-nav li a.flex-prev{left:2%;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{left:2%;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:2%;background:url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a.flex-next:hover{right:2%;background:url(../images/next.png) center center no-repeat;}

.flexslider .nav{ width:100%; height:86px; position:absolute; top:0px; z-index:100;}
.flexslider .nav .con{ width:90%; height:80px; margin:0 auto;}
.flexslider .nav .con .logo{ float:left;}
.flexslider .nav .con .logo img{ height:60px; margin-top:10px;}

.main{width:100%;height:auto;}
/*----------------------------------*/
.introduction{ width:1200px; height:100%; overflow:hidden; margin:0 auto; padding:100px 0 80px 0; text-align:center;}
.introduction h1{ width:100%; margin-bottom:20px;font-size:38px; display:block; color:#333;}
.introduction .con{ width:100%; font-size:20px; display:block; color:#666; line-height:36px; text-align:left;}
.introduction .con img{ display:block; margin:0 auto;}
/*----------------------------------*/
.produce{width:100%;margin:80px 0; }
.produce .box{width:1200px;margin:0 auto;overflow:hidden;}
.produce .title{ text-align:center; position:relative; overflow:hidden; margin-bottom:40px;}
.produce .title h3{ font-size:38px; color:#333333; }
.produce .title a{ position:absolute; top:30px; right:0; font-size:14px; color:#666;}
.produce .title a:hover{ color:#c53733}
.produce ul{width:1250px;}
.produce ul li{width:276px; overflow:hidden; float:left; display:block;margin-right:30px; }
.produce ul li img{height:200px; min-width:276px;}
.produce ul li div{border:1px solid #dedede; padding:20px; height:160px; overflow:hidden; text-align:center;}
.produce ul li h5{ font-size:18px; color:#333; line-height:26px; padding:20px 0px; font-weight:lighter;}
.produce ul li p{color:#999; line-height:26px; font-size:15px;}
/*----------------------------------*/
.ad{width:100%; height:150px; line-height:42px;background:#c22723; text-align:center; color:#fff; }
.ad h2{ display: block; padding-top:40px; font-size:40px; font-weight:lighter;}
.ad p{ font-family:Arial; font-size:22px;}
/*----------------------------------*/
.news{width:100%;margin:80px 0; }
.news .box{width:1200px;margin:0 auto;overflow:hidden;}
.news .title{ text-align:center; position:relative; overflow:hidden; margin-bottom:40px;}
.news .title h3{ font-size:38px; color:#333333;}
.news .title a{ position:absolute; top:30px; right:0; font-size:14px; color:#666;}
.news .title a:hover{ color:#c53733}
.news ul{width:1250px;}
.news ul li{width:380px; float:left; display:block;margin:0 30px 30px 0; }
.news ul li img{width:380px;height:260px;}
.news ul li div{border:1px solid #dedede; padding:20px 30px;  overflow:hidden; text-align:center;}
.news ul li h5{ font-size:14px; color:#333; font-weight:lighter;}
/*----------------------------------*/
.contact{width:100%;margin:0 auto;padding:80px 0px; overflow:hidden; background:#333 url(../images/h_bg.jpg) center no-repeat;background-repeat:no-repeat;background-attachment:fixed;}
.contact .box{width:1200px;margin:0 auto;overflow:hidden;}
.contact .title{ text-align:center; position:relative; overflow:hidden; margin-bottom:40px;}
.contact .title h3{ font-size:38px; color:#fff;}
.contact ul{width:700px; height:500px; margin:0 auto; background:#fff; padding:50px;}
.contact ul li{width:100%; float:left; display:block;margin:0 30px 30px 0; }
.contact ul li span{ font-size:16px; color:#333; margin-bottom:10px; display:block; font-weight:bold;}
.contact ul li font{ color:#c22723;}
.contact ul li input,.contact ul li textarea{ background-color: #fff;  box-sizing: border-box;  border-radius: 2px;  color: #333;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px; border: 1px solid #ccc; padding: 6px 10px; height: 38px; width: 100%; line-height: 1.3;}
.contact ul li textarea{ height:200px;}
.contact ul li .button{ width: 100px; color: #fff; background-color: #c22723; border-color: #c22723;}
















