@charset "utf-8";
/*轮播*/
.flexslider { margin: 0px auto; position: relative; width: 100%; height: 600px; overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; }
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;
}
.flex-control-paging li a { background: url(../images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; }
.flexslider .slides a img { width: 100%; height: 600px; display: block; }
/*新闻中心*/
.about { width: 100%; background-color: #f7f7f7 }
.about .aboutbox { margin: 0 auto; width: 1200px }
.title { width: 1200px; height: 80px; background-image: url(../images/titbg.png); background-position: 0 40px; background-repeat: no-repeat; padding-top: 40px; font-size: 18PX; color: #dc241d; text-align: center; font-weight: bold }
.title a { color: #dc241d; }
.title a:hover { color: #000; }
.title span { font-size: 12px; color: #999; display: block; text-transform: uppercase }
.about .aboutbox li { float: left; width: 600px; height: 196px; font-size: 14px; color: #666; padding-bottom: 40px }
.about .aboutbox li p { padding-left: 10px; line-height: 25px; }
.about .aboutbox li p a:hover { color: #dc241d }
/*产品部分*/
.product { width: 100% }
.productbox { width: 1200px; margin: 0 auto; margin-bottom: 40px }
.product .productbox .box{ width: 100%; text-align: center}
.product .productbox .box li {width: 398px;height: 228px;float: left; position: relative;border: 1px solid #fff}
.product .productbox .box li span{ line-height: 32px; display: block; width: 100%;}
.product .productbox .box li .hid  { width: 398px; height: 198px; position: absolute; top: 0; left: 0; background-image: url(../images/zhaoyao.png); display: none; text-align: center;border: 1px solid #ccc}
.product .productbox .box li .hid a{ padding-top: 140px; font-size: 18px;    display: block; }
.product .productbox .box li:hover{border: 1px solid #efefef}
.product .productbox .box li:hover > div { display: block }
.product .productbox .box li:hover span{ background: #efefef}
.product .productbox .box1 { width: 400px; height: 400px; float: left; }
.product .productbox .box1 li { position: relative; height: 200px; background-color: #e0f3fd }
.product .productbox .box1 li .hid { width: 400px; height: 200px; position: absolute; top: 0; left: 0; background-image: url(../images/zhaoyao.png); display: none; }
.product .productbox .box1 li .hid1 { width: 400px; height: 200px; position: absolute; top: 0; left: 0; background-image: url(../images/baicao.png); display: none; }
.product .productbox .box1:hover li .hid1 { display: block }
.product .productbox .box1 li .hid2 { width: 400px; height: 200px; position: absolute; top: 0; left: 0; background-image: url(../images/jidi.png); display: none; filter: alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
.product .productbox .box1:hover li .hid2 { display: block; }
.product .productbox .box1 li a { display: block; width: 94px; line-height: 38px; border-radius: 5px; background-color: #dc241d; border: solid #FFF 1px; text-align: center; color: #FFF; font-size: 16px; margin-left: 154px; margin-top: 120px }
.product .productbox .box1:hover li .hid { display: block; }
.product .productbox .box1:hover li { background-color: #a6e0fe; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.product .productbox .box1 li span { width: 27px; height: 18px; background-image: url(../images/down.png); position: absolute; left: 187px; bottom: 0 }
.product .productbox .box1 li .up { background-image: url(../images/up1.png); position: absolute; left: 187px; top: 0 }
.product .productbox .box1 h4 { color: #dc241d; text-align: center; line-height: 60px; }
.product .productbox .box1 p { font-size: 14px; color: #666; padding: 0 15px 15px 15px; line-height: 25px; }
.product .productbox .box2 { width: 400px; height: 400px; float: left }
.product .productbox .box3 { width: 400px; height: 400px; float: left }

.one{margin:50px auto;height:160px;width:1200px;overflow:hidden;position:relative; }
.one ul{height:160px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.one ul li{display:block;float:left;margin:5px;height:150px;border-radius:5px;position:relative;}
.one ul li a{display:inline-block;height:150px;} 
.one ul li img{border-radius:5px;display:block;}
.one ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.one ul li a:hover span{height:150px;line-height:150px;font-size:20px;text-align:center;transition:all 0.7s;}

.two{margin:50px auto;height:260px;width:1200px;overflow:hidden;position:relative; }
.two ul{height:260px;width:100000px;position:absolute;left:0;}/*ul width的宽不能过小*/
.two ul li{display:block;float:left;margin:5px;height:250px;border-radius:5px;position:relative;}
.two ul li a{display:inline-block;height:150px;} 
.two ul liimg{border-radius:5px;display:block;}
.two ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.two ul li a:hover span{height:250px;line-height:250px;font-size:20px;text-align:center;transition:all 0.7s;}


/*新闻部分*/
.news { width: 100%; background-color: #fafafb; padding-bottom: 40px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); z-index: 3; position: relative }
.news .newsbox { width: 1200px; margin: 0 auto }
.news .newsbox .l-news { width: 585px; height: 314px; float: left; position: relative; overflow: hidden }
.news .newsbox .l-news ul { width: 1800px; height: 400px; position: absolute; top: 0; left: -600px }
.news .newsbox .l-news li { width: 600px; height: 400px; float: left; position: relative }
.news .newsbox .l-news li a { display: block; width: 585px; line-height: 30px; background-color: rgba( 0,0,0,0.6); position: absolute; left: 0; top: 284px; text-align: center; color: #FFF; font-size: 14px; font-weight: bold }
.news .newsbox .l-news li a:hover { color: #ff0 }
.news .newsbox .l-news li img { width: 100% }
.news .newsbox .l-news .left { width: 30px; height: 70px; background-image: url(../images/left.png); position: absolute; top: 42%; left: 0; display: block }
.news .newsbox .l-news .left:hover { background-image: url(../images/left1.png) }
.news .newsbox .l-news .right { width: 30px; height: 70px; background-image: url(../images/right.png); position: absolute; top: 42%; right: 0; display: block }
.news .newsbox .l-news .right:hover { background-image: url(../images/right1.png) }
.news .newsbox .r-news { width: 585px; height: 315px; float: right; }
.news .newsbox .r-news .new1 { width: 585px; height: 94px; border-bottom: dashed 1px #ccc; padding-top: 10px }
.news .newsbox .r-news .new1 .date { width: 76px; height: 82px; background-color: #eee; color: #666; font-size: 36px; text-align: center; float: left }
.news .newsbox .r-news .new1 .date span { font-size: 14px; color: #666; display: block }
.news .newsbox .r-news .new1 dl { width: 499px; float: right }
.news .newsbox .r-news .new1 dt a { font-size: 16px; font-weight: bold; color: #777 }
.news .newsbox .r-news .new1 dd { font-size: 1qpx; padding-top: 5px; text-indent: 2em }
.news .newsbox .r-news .new1 dd a { color: #999 }
.news .newsbox .r-news .new1 dl:hover dt a { color: #dc241d }
.news .newsbox .r-news .new1 dl:hover dd a { color: #666 }