@import url(global.css);
/*-----------banner---------------------------------------- */
.banner {width:100%; min-width:1200px;height:557px;}
.dqwz{width: 100%;min-width:1200px; height:50px; padding-top:20px;}
.dqwz .main{ width:1200px; margin:0 auto; height:50px; line-height:50px; background: #fff;}
.dqwz .main h2{ width:350px; float:left; height:50px; font-weight: normal; color: #666; font-size: 14px;text-indent:40px;background:url(../images/zhuye.png) no-repeat 15px 16px;}
.dqwz a{ color: #666;}
.dqwz a:hover{ color: #333;}
.dqwz .main ul{ width:680px; float:right; height:50px; padding-right: 20px;}
.dqwz .main ul li{width:auto; float:right; padding:0 0 0 10px;}
.dqwz .main ul li a{width:auto; margin-left:15px; height:47px; line-height:47px; display:block; color:#333; border-bottom: 3px solid #fff;}
.dqwz .main ul li a:hover{display:block; height: 47px; color:#c00; border-bottom: 3px solid #c00;}
.dqwz .main .u-crt{display:block; height:47px; color:#c00; border-bottom: 3px solid #c00;}

/* ------------案例--------------------- */
.case{width:100%;height:auto; padding:30px 0;}
.case .list{width:1200px; height:auto; position:relative; overflow: hidden;}	
.case li{width:272px; height: 470px; padding: 10px; float: left; background: #fff; margin: 0 10px 10px 0;transition: all 0.6s ease 0s;}
.case li:nth-child(4n){margin:0 0 10px 0;}
.case li:hover{background:#99f1f7;box-shadow: 5px 5px 8px #ccc;}
.case li .a1{width:100%; height: 273px; position: relative;}
.case li .a1 .img1{width:100%;height: 273px;}
.case li .a1 .img2{width:100px; height: 100px; position: absolute; left: 10px; bottom: 10px; border: 4px solid #fff;}
.case li .a1 .span1{width:70px; height: 30px; line-height: 30px; display: block; text-align: center; position: absolute; right: 10px; top: 10px;background:url(../images/hei.png) repeat; color: #fff; border-radius: 5px;}
.case li .a1 .span2{width:60px; height: 24px; line-height: 24px; display: block; text-align: center; position: absolute; left: 50px; bottom:85px;background:url(../images/hei.png) repeat; color: #fff; border-radius: 5px;}
.case li .a2{width:100%; height:40px; line-height: 40px; font-size: 18px; padding: 5px 0 0 0;}
.case li .a3{width:100%; height:96px; line-height: 24px; font-size: 14px; color: #999; overflow: hidden;}
.case li .a4{width:100%; margin-top: 15px; text-align: center;}
.case li .a4 a{width: 130px; height: 35px; line-height:35px; float: left; display:block; background: #c00; color: #fff; border-radius: 50px;}
.case li .a4 .s2{background: #ff9600;float: right;}
.case li .a4 a:hover{display:block;background:#000;}

/* ------------video--------------------- */
.video{width:100%;height:auto; padding: 50px 0;}
.video .box{width:1200px;}
.video .box li{width: 385px; height: 350px; float: left; margin:0 20px 20px 0;position: relative; background: #fff;}
.video .box li:nth-child(3n){margin-right: 0;}
.video .box li:hover{background: #fff; box-shadow: 5px 5px 15px #999;}
.video .box .top1{width: 0px;height: 3px;position: absolute;z-index:1;top: 0; left: 0;}
.video .box .bottom1{width: 0px;height: 3px;position: absolute;z-index:1;bottom: 0;right: 0;}
.video .box .left1{width: 3px;height: 0;position: absolute;z-index:1;left: 0;top: 0;}
.video .box .right1{width: 3px;height: 0;position: absolute;z-index:1;right: 0;bottom: 0;}
.video .box li .img{width: 379px;height:285px;position: absolute;top: 0;left:0; border:3px solid #f1f1f1;border-bottom: 0;}
.video .box h2{width: 379px;height:58px;position: absolute;bottom: 0;left: 0; font-size: 16px; text-align: center; font-weight: normal; text-indent: 10px; line-height:56px;color: #666;border:3px solid #f1f1f1; border-top: 0;}
.video .box h3{position: absolute;z-index: 5;width: 50px;height: 50px;top: 3px;right: 3px;}
.video .box h3 img{width: 50px;height: 50px;}
.video .box li p{position: absolute;z-index: 2;width:379px;height: 0px;top: 3px;left: 3px; background:url(../images/video.png) no-repeat center center;}
.video .box li p a{ display: block; width: 100%; height: 100%;}

/* ------------新闻页面--------------------- */
.new{width:880px;padding-bottom: 50px;float: left;}
.news{width:880px; overflow:hidden; padding:20px 0 30px 0; float: left;}
.rnews{width:240px; overflow:hidden; margin:20px 0 50px 0;padding:30px; float: right;background: #fff;}
.news li{width:100%; height:168px;overflow:hidden; padding: 20px; background: #fff; margin-bottom: 15px;}	
.news .a1{width:320px; height:168px; float: left; overflow: hidden; margin-right: 30px;}
.news .a1 img{width:100%;transition: all 0.5s;}
.news .a1:hover img{transform: scale(1.1);}
.news .a2{width:480px; height: 36px; line-height: 36px; float: left; overflow: hidden;font-size:20px;}	
.news .a2 a{color: #000;}	
.news .a2 a:hover{color: #c00;}	
.news .a3{width:480px; height: 20px;float: left;color: #666; font-size: 16px; padding: 10px 0;}	
.news .a4{width:480px; height: 54px; line-height:27px; float: left;color: #999; font-size: 13px; overflow: hidden;}
.news .a5{width:480px; height: 35px; float: left;color: #999; font-size: 14px; padding-top: 10px;}
.news .a5 a{width:130px; height: 30px; line-height:30px; float: left; display: block;background: url(../images/jt_r.png) no-repeat 80px center;}
.news .a5 a:hover{ color: #c00;background: url(../images/jt_r03.png) no-repeat 80px center;}

.rnews h2{line-height: 30px; line-height: 30px; font-size: 24px; padding-bottom:20px;}
.rnews ol{overflow: hidden; padding-bottom: 20px;}
.rnews ol dl{overflow: hidden;line-height: 30px; font-size: 16px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;background: url(../images/li1.jpg) no-repeat 220px 10px;}
.rnews ol dl a{ width: 100%;height: 30px; display: block;}
.rnews ol dl a:hover{color: #c00; display: block;}
.rnews .u-crt{color: #c00;}
.rnews ul{overflow: hidden;}
.rnews ul li{overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.rnews ul li p{line-height: 30px; font-size:14px; color: #333;}
.rnews ul li a:hover p{color: #c00;}
.rnews ul li i{line-height: 20px;}

.news1{overflow:hidden; background: #fff; padding:40px; margin-top:20px;}
.news1 .con1{width:100%; height:auto; line-height:40px; font-size:32px; color:#c00; text-align:center;overflow:hidden;}
.news1 .con3{width:100%; height:20px; padding:10px 0;}
.news1 .con4{width:100%; height:24px; line-height:24px; text-align:center; padding:30px 0; font-size: 16px; color: #999;}
.news1 .con2{height:auto;padding:20px 0; line-height:36px;overflow:hidden;border-top:1px solid #eee; font-size: 16px; color: #333;}
.news1 .con2 h5{width:100%; height:auto; text-align: center; padding: 10px 0;}
.news1 .con2 h5 img{width:600px; height:auto;}
.news1 .con5{border-left:5px solid #c00; background: #f6f6f6; overflow: hidden; line-height:36px; padding:10px 20px 10px 25px;color: #444;font-style: italic; font-size: 14px; margin-bottom:40px;}
.news1 .con5 strong{color: #000;}

.news2{overflow: hidden;background: #fff; padding:40px; margin-top:30px;}
.news2 .titlep{ width:100%;height:45px; line-height:45px; border-bottom:1px solid #dedede;}
.news2 .titlep h2{ width:130px; background:#333; text-align: center; color:#fff; font-size:16px; font-weight: normal;float: left;margin-right: 10px;cursor: pointer;}
.news2 ul{ width:100%; overflow: hidden; padding: 10px 0;}
.news2 li{ width: 48%; height:35px; line-height: 35px; float: left; padding-right:4%; font-size: 14px;}
.news2 li:nth-child(2n){padding-right: 0;}
.news2 li a{ width:75%; height:35px; float: left; display: block;background:url(../images/nav_icon02.png) no-repeat 0 center; text-indent: 20px; overflow: hidden;}	
.news2 li i{ width:24%; height:35px; float: right; display: block; text-align: right; font-style: normal;}	

.zhibo{width: 100%; height: 340px; overflow:hidden; position: relative;overflow: hidden; margin-bottom: 20px;}
.zhibo span{ display: block;}
.zhibo .s1{position: absolute;top: 10px;right: 8px;width: 92px;height: 30px;line-height: 24px;text-indent: 29px;font-size: 16px;background: url(../images/zhibo-02.png) no-repeat 0 0;
transition: opacity .3s ease-in-out,visibility .3s ease-in-out; z-index: 9; color: #fff;}
.zhibo .s2{position: absolute;left: 50%;top: 50%;margin: -65px 0 0 -40px;width: 80px;height: 80px;background: url(../images/zhibo-01.png) no-repeat 0 0;
transform: scale(1.2);transition: opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out; z-index: 9;}
.zhibo .s3{position: absolute;left: 0;bottom: 0;width: 100%;height: 50px; line-height: 46px;z-index: 9; color: #fff; font-size: 16px; text-indent: 20px; background: linear-gradient(to right,#d00800,#eb2b66);filter: alpha(opacity:90);opacity: .9;}
.zhibo a:hover .s2 {transform: scale(1);visibility: visible;}
.zhibo img{width:100%;transition: all 0.5s;}
.zhibo:hover img{transform: scale(1.1);}

.shuzizhanhui{width:100%; min-width: 1200px;overflow: hidden;}
.hz:hover {
position: absolute;
top: 63%;
left: 23%;
cursor: pointer;
background-image: url(../images/pc_hz.png);
background-repeat: no-repeat;
background-size: 101%;
background-position: top left;
width: 22%;
height: 12%;
z-index: 100;
min-width: 38px;
}
.hz {
position: absolute;
top: 64%;
left: 24%;
cursor: pointer;
background-image: url(../images/pc_hz.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: top left;
width: 20%;
height: 12%;
z-index: 100;
min-width: 38px;
}
.zb:hover {
position: absolute;
top: 63%;
left: 54%;
cursor: pointer;
background-image: url(../images/pc_zb.png);
background-repeat: no-repeat;
background-size: 101%;
background-position: top left;
width: 22%;
height: 12%;
z-index: 100;
min-width: 38px;
}
.zb {
position: absolute;
top: 64%;
left: 55%;
cursor: pointer;
background-image: url(../images/pc_zb.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: top left;
width: 20%;
height: 12%;
z-index: 100;
min-width: 38px;
}

/* ------------产品详情--------------------- */
.Product{width: 1200px; margin: 0 auto;}
.Product ul{padding:30px 0;}
.Product .box{width:1200px;}
.Product .box li{float: left;position: relative;width: 285px;height: 325px;margin-right:17px;margin-bottom:17px;text-align: center;border: 1px solid #e3e3e3;overflow: hidden;background: #fff;}
.Product .box li:nth-child(4n){margin-right: 0;}
.Product .box li img{width: 100%;height:285px;}
.Product .box li p{position: absolute;bottom: 0;width: 100%; height: 40px;line-height: 40px;font-size: 14px;padding: 0 15px;border-top: 1px solid #e3e3e3;box-sizing: border-box;overflow: hidden;}
.Product .box li .des{width:285px;height:285px;position: absolute;top:-285px;background: url(../images/des_bk.png);transition: 200ms;text-align: center;}
.Product .box li .des img{margin-top:100px; width: 60px;height: 60px;}
.Product .box li:hover .des{top:0;}
.Product .box a:hover{color: #c00;}

.con6{height:60px;line-height:60px;overflow:hidden;font-size: 14px; padding:25px 0;}
.con6 .pre{width:48%;height:60px; float: left; background: #f8f8f8;}
.con6 .next{width:48%;height:60px; float: right; background: #f8f8f8;text-indent: 15px;}
.con6 .span{width:80px;height:60px; display: inline-block; background: #e8e8e8;}
.con6 .span:hover{display: inline-block; background: #c00; color: #fff;}
.con6 .pre .span{ text-align: center; margin-right: 15px;}
.con6 .next .span{float: right;}

.con7{height:47px;line-height:42px;overflow:hidden;font-size: 14px; padding:25px 0;}
.con7 .zhong{width:47px;height:47px; float: left; border-radius: 50px; background: #c00; margin-left: 20px; font-size: 30px; text-align: center;}
.con7 .zhong a{color: #fff;}
.con7 .zhong a:hover{color: #fff;}
.con7 .pre{width:46%;height:45px; float: left; border-radius: 50px; border: 1px solid #ccc;}
.con7 .next{width:46%;height:45px; float: right;border-radius: 50px;border: 1px solid #ccc; text-indent: 25px;}
.con7 .span{width:45px;height:45px; padding: 0 5px; display: inline-block; font-size:24px; text-align: center;}
.con7 .pre .span{float: left;}
.con7 .next .span{float: right; padding-right: 25px;}
.con7 a:hover{ color: #c00;}

/* ------------分页--------------------- */
.page{width:100%; text-align:center; padding:10px 0; margin-bottom: 50px;}
.page a{ display:inline-block; margin:0 2px; padding:10px 15px; border:1px solid #eee; background: #fff; font-size: 16px;}
.page .current{background:#c00; color:#fff;display:inline-block; margin:0 2px; padding:10px 15px; border:1px solid #eee; font-size: 16px;}
.page a:hover{background:#c00; color:#fff;}

/* ------------联系我们--------------------- */
.contact{width:1200px;height:auto;overflow:hidden; margin: 40px auto; background: #fff;}
.contact .list{width: 440px; height: 420px; float: left; overflow:hidden; padding:50px 80px;}
.contact .list li{width: 100%;}
.contact .list h2{width: 100%; height: 40px; line-height: 40px; font-size: 24px; color: #000; padding-bottom: 20px;}
.contact .list p{width: 100%;height: 71px; line-height: 71px; text-indent: 50px; border-bottom: 1px solid #e5e5e5;overflow: hidden; color: #333;}
.contact .list .a1{background: url(../images/lx01.png) no-repeat 0 center;}
.contact .list .a2{background: url(../images/lx02.png) no-repeat 0 center;}
.contact .list .a3{background: url(../images/lx03.png) no-repeat 0 center;}
.contact .list .a4{background: url(../images/lx04.png) no-repeat 0 center;}
.contact .list .a5{background: url(../images/lx05.png) no-repeat 0 center;}

.pagess{padding: 50px;background: #fff;line-height: 36px; font-size: 18px;}
.fanhui{width: 49px;height: 49px;display: block;position: absolute;left: -49px;top: 0;cursor: pointer;background: #026316;}
.fanhui:hover{display: block;background: #c00;}

/* ------------关于我们--------------------- */
.titles{ width: 100%; text-align: center;}
.titles h2{ font-size: 36px; padding-bottom: 10px;}
.titles h2 span{ color: #c00;}
.titles p{ font-size: 18px; color: #666;}

.about00{width:1200px;margin: 0 auto;height:auto;overflow:hidden;color: #666; padding:80px 0;}
.abouttit{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;}
.abouttit a{display: block;;}
.abouttit b{background: url(../images/tit_bg.png) no-repeat;width: 47px;height: 48px;display: block;text-align: center;padding-top:10px;margin: 0 auto;margin-bottom: 8px;}
.abouttit b img{width: auto;height: auto;margin: 0 auto;}
.abouttit span{color: #c00;font-weight: bold;}
.abouttit em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.abouttit em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}
.about00 .list{width:100%; overflow: hidden; padding-top: 50px;}
.about00 .left{width:600px; height: 470px; text-align: center; float: left;overflow: hidden; border: 1px solid #ccc;}
.about00 .left img{width:100%;transition: all 0.5s;}
.about00 .left:hover img{transform: scale(1.1);}
.about00 .right{width:550px; float: right;position: relative;}
.about00 .right i{display: block;width: 80px;height: 2px;background-color: #c00;position: absolute;top: 20px;left: -100px;}
.about00 .right h3{ width: 100%; height: 40px; font-size: 32px; color: #c00; line-height: 40px; font-weight: normal;}
.about00 .right h4{ width: 100%; height: 70px; font-size: 18px; color: #c00; line-height: 70px; font-weight: normal;}
.about00 .right .p{ width: 100%; height: 340px; font-size: 14px; line-height:24px; overflow: hidden;}

.about01{width:1200px;margin: 0 auto;height:auto;overflow:hidden;padding:20px 0 80px 0;}
.about01 ul li{width: 24.8%;float: left;border-left: 1px solid #ddd;height: 290px;}
.about01 ul li span{font-size: 45px;color: #c00;font-family: "QUEEN";padding: 100px 0 0 30px;display: block;}
.about01 ul li p{font-size: 13px;color: #606060;line-height: 20px;margin-top: 30px;padding:0 30px;}
.about01 ul li.li04{border-right: 1px solid #ddd;}
.about01 ul li i{width: 3px;height: 10px;background-color: #c00;display: block;top: 40px;position: relative;}

.about02{ width: 100%; min-width:1200px;overflow:hidden;padding: 80px 0;}
.about02 .tab6{width:1200px;margin: 0 auto;height:auto; padding: 50px 0; position: relative;}
.about02 .tab6s{width:1200px;margin: 0 auto;height:auto; padding: 50px 0; overflow: hidden;}
.about02 .bd{width:1200px;}
.about02 .bd ul{width:1200px; overflow:hidden; zoom:1; }
.about02 .bd ul li{ float: left; width:285px; margin:0 20px 20px 0; border-bottom: 1px solid #ccc;}
.about02 .bd .a1:nth-child(4n){margin-right: 0;}
.about02 .bd ul li a{ width:285px; height:305px; display: block; overflow: hidden;}
.about02 .bd ul li img{ width:100%; height: auto; display: block;transition: all 0.5s;}
.about02 .bd ul li:hover img{transform: scale(1.1);}
.about02 .bd ul li:hover span{ background: #c00; color: #fff; text-indent: 20px;}
.about02 .bd ul li span{ display: block; font-size: 14px; color: #333;line-height:40px; height: 40px; padding: 10px 0;transition: all 0.6s ease 0s; overflow: hidden;}
.about02 .prev,.about02 .next{width:40px; height:60px; display:block;position:absolute; left:-80px; top:180px;z-index: 9;background:#666 url(../images/slider.png) -126px -137px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.about02 .next{ left:auto; right:-80px;background-position:-6px -137px;}
.about02 .prev:hover,.about02 .next:hover{ filter:alpha(opacity=80);opacity:0.8;cursor:pointer;}

.about03s{width:100%; background: #f3f3f3;}
.about03{width:1200px;margin: 0 auto;height:auto;overflow:hidden;color: #666; padding:80px 0;}
.about03 .list{padding:50px 0;overflow:hidden;}
.about03 .list li{ width: 290px; float: left; overflow:hidden; background: #fff;margin:0 10px 10px 0; line-height: 30px;}
.about03 .list li:nth-child(4n){margin-right: 0;}
.about03 .list li a{ width:210px; height: 280px; display: block; overflow: hidden; padding:40px; border-bottom: 1px solid #eee;}
.about03 .list li img{ width:100%; display: block;transition: all 0.5s;}
.about03 .list li:hover img{transform: scale(1.1);}
.about03 .list li span{ display: block; font-size: 16px; color: #333;line-height:50px; height: 50px; text-align: center; transition: all 0.6s ease 0s;}
.about03 .list li:hover span{ color: #c00;}