@import url(global.css);
/*-----------banner---------------------------------------- */
.banner {width:100%; min-width:1200px;height:420px; margin-bottom:20px;}
.dqwz{width: 100%;min-width:1200px; height: auto; overflow: hidden;}
.dqwz .main{ width:1200px; margin:0 auto; background: #fff;height:65px; line-height:65px;}
.dqwz .main h2{ width:350px; float:left; height:65px; font-weight: normal; color: #666; font-size: 14px;text-indent:35px;background:url(../images/zhuye.png) no-repeat 15px center;}
.dqwz a{ color: #999;}
.dqwz a:hover{ color: #666;}
.dqwz .main ul{ width:680px; float:right; height:65px;}
.dqwz .main ul li{ width:auto; float:right;}
.dqwz .main ul li a{width:auto; padding: 0 20px; height:65px; display:block; color:#333;}
.dqwz .main ul li a:hover{display:block; background:#03b0fc; color: #fff;}
.dqwz .main .u-crt{display:block;background:#03b0fc; color: #fff;}

/* ------------新闻页面--------------------- */
.news{ width: 100%; overflow:hidden; padding-top:20px;}
.news li{width:100%; height:167px;overflow:hidden; padding: 20px; background: #fff; margin-bottom: 15px;}	
.news .a1{width:320px; height:167px; float: left; overflow: hidden; margin-right: 30px;}
.news .a1 img{width:100%; height: 100%; transition: all 0.5s;}
.news .a1:hover img{transform: scale(1.1);}
.news .a2{width:810px; height: 36px; line-height: 36px; float: left; overflow: hidden;font-size:20px;}	
.news .a2 a{color: #000;}	
.news .a2 a:hover{color: #03b0fc;}	
.news .a3{width:810px; height: 20px;float: left;color: #666; font-size: 18px; padding: 10px 0;}	
.news .a4{width:810px; height: 54px; line-height:27px; float: left;color: #999; font-size: 13px; overflow: hidden;}
.news .a5{width:810px; 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: #03b0fc;background: url(../images/jt_r03.png) no-repeat 80px center;}

.fanhui{width: 49px;height: 49px;display: block;position: absolute;left: -49px;top: 0;cursor: pointer;background: #03b0fc;}
.fanhui:hover{display: block;background: #333;}
.news1{overflow:hidden; background: #fff; padding: 60px; margin-top:20px;}
.news1 .con1{width:100%; height:auto; line-height:40px; font-size:32px; color:#03b0fc; text-align:center;overflow:hidden;}
.news1 .con3{width:100%; height:20px; padding:5px 0;}
.news1 .con4{width:100%; height:24px; line-height:24px; text-align:center; padding:30px 0;}
.news1 .con2{height:auto;padding:10px 0; line-height:30px;overflow:hidden;border-top:1px solid #eee; font-size: 14px; color: #666;}
.news1 .con2 h5{width:100%; height:auto; text-align: center; padding: 10px 0;}
.news1 .con2 h5 img{width:600px; height:auto;}

.news2{overflow: hidden;background: #fff; padding: 20px; margin-top:30px;}
.news2 h2{border-left: 4px solid #03b0fc; height:40px;line-height:40px; text-indent:15px; font-size:16px; background: #f1f1f1; font-weight: normal;}
.news2 ul{ width:100%; overflow: hidden; padding: 10px 0;}
.news2 li{ width: 48%; height:30px; line-height: 30px; float: left; padding: 0 1%; font-size: 14px;}
.news2 li a{ width:70%; height:30px; float: left; display: block;background:url(../images/sl_cqhh.png) no-repeat 0 center; text-indent: 20px;}	
.news2 li i{ width:26%; height:30px; float: right; display: block; text-align: right; font-style: normal; padding-right: 5px;}	

/* ------------产品详情--------------------- */
.products{width: 1200px; margin: 0 auto; overflow:hidden; padding: 50px 0;}
.product{overflow:hidden; padding:60px; background: #fff; margin-top:20px;}
.picture{overflow:hidden;}
.picture .left1 {width:500px; height:500px;float:left;border:1px solid #f1f1f1; overflow: hidden;}
.picture .left1:hover{border:1px solid #ccc;}
.picture .left1 img{width:100%;transition: all 0.5s;}
.picture .left1:hover img{transform: scale(1.1);}
.picture .right1 {width:530px;height:500px;float:right; }
.picture .right1 .con1{width:100%; height:40px; line-height:40px; padding-bottom:10px; font-size:24px; color:#03b0fc;overflow:hidden; font-weight: bolder;}
.picture .right1 .con2{width:100%;height:340px;padding:20px 0;line-height:27px;overflow:hidden;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.picture .right1 .con3{width:100%; height:50px; padding-top:20px;}

.picture .left2{width:500px; height:300px;float:left;border:1px solid #f1f1f1; overflow: hidden;}
.picture .left2 img{width:100%;transition: all 0.5s;}
.picture .left2:hover img{transform: scale(1.1);}
.picture .right2 {width:530px;height:300px;float:right; }
.picture .right2 .con1{width:100%; height:40px; line-height:40px; padding-bottom:10px; font-size:20px; color:#03b0fc;overflow:hidden; font-weight: bolder;}
.picture .right2 .con2{width:100%;height:170px;padding:10px 0;line-height:26px; overflow:hidden;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.picture .right2 .con3{width:100%; height:50px; padding-top:10px;}
.mores{ width:180px; height:50px; line-height:50px; font-size:16px; display: inline-block; text-align: center; color: #fff; background: #03b0fc url(../images/kf.png) no-repeat 40px center; padding-left: 20px;}
.mores:hover{display: inline-block; background:#005d25 url(../images/kf.png) no-repeat 40px center; color: #fff;} 


.product .title{height:45px; border-bottom:1px solid #03b0fc; margin:20px 0;}
.product .title h2{ width:140px;height:45px; font-size:16px; line-height:45px; font-weight: normal; color: #fff; background: #03b0fc; text-align: center;}
.product .con5{width:100%;padding:15px 0; line-height:27px;overflow:hidden;color: #666;}
.product .con5 td{ padding: 5px;}
.pro01 .con02{width: 100%;}
.pro01 .con02 dl{float: left;width: auto;margin-right: 20px;}
.pro01 .con02 dl:nth-child(4n){margin-right: 0;}
.pro01 .con02 dt{width: 255px;height: auto;line-height: 0;}
.pro01 .con02 dt img{width: 255px;height: auto;border:1px solid #eee;box-sizing:border-box;}
.pro01 .con02 dd{height: 74px;background: #fff;padding: 20px 60px 0 17px;position: relative; border-top: 0 !important; border:1px solid #eee;}
.pro01 .con02 dd b{display: block;font-size: 20px;color: #2C2C2C;margin-bottom: 12px; font-weight: normal;}
.pro01 .con02 dd span{display: block;font-size: 14px;color: #8B8B8B;}
.pro01 .con02 dd a.more{position: absolute;width: 52px;height: 55px;display: block;right: 12px;bottom: 18px;background: url(../images/pz_more2.png) no-repeat center;transition: all .2s linear;}
.pro01 .con02 dl:hover{box-shadow:0 3px 15px 2px rgba(0,0,0,0.05), 0 0px 15px rgba(0,0,0,0.05);}
.pro01 .con02 dl:hover dd b a{color: #03b0fc;}
.pro01 .con02 dl:hover dd a.more{background: url(../images/pz_more2h.png);bottom: 65px;}

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

/* ------------分页--------------------- */
.page{width:100%; text-align:center; overflow: hidden; padding:15px 0; background: #fff;}
.page a{ display:inline-block; margin:0 2px; padding:10px 12px; border:1px solid #eee;}
.page .current{background:#03b0fc; color:#fff;display:inline-block; margin:0 2px; padding:10px 12px; border:1px solid #eee;}
.page a:hover{background:#03b0fc; color:#fff;}
.pages{ padding: 50px; background: #fff; line-height: 30px;}

/* ------------联系我们--------------------- */
.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;}

.contact02{width:1060px;height:auto;overflow:hidden; margin: 0 auto 100px auto; background: #fff url(../images/contact.jpg) no-repeat 30px 20px; padding: 70px;}
.contact02 .title{width:300px; float: left; font-size: 20px; color: #999;}
.contact02 .title h2{ font-size: 24px; color: #000;}
.contact02 .list{width:500px; float: right;}
.contact02 .list .a1{width:100%; padding-bottom:20px;}
.contact02 .list .a1 input{width:498px; height: 60px; line-height: 60px; border: 1px solid #ccc; font-size: 16px; color: #999; text-indent: 20px;box-shadow: 1px 1px 10px 1px #e0e0e0 inset;}
.contact02 .list .a3 textarea{width:458px; height: 100px; padding: 10px 20px; line-height: 30px; border: 1px solid #ccc; font-size: 16px; color: #999;box-shadow: 1px 1px 10px 1px #e0e0e0 inset; font-family: "微软雅黑";}
.contact02 .list .a4{width:100%; padding-top: 20px;}
.contact02 .list .a4 .submit{width:100%; height: 60px; line-height: 60px; background: #03b0fc; border: 0; font-size: 22px; color: #fff;transition: all 0.6s ease 0s;}
.contact02 .list .a4 .submit:hover{width:100%; height: 60px; line-height: 60px; background: #000; border: 0; font-size: 22px; color: #fff;}

/* ------------关于我们--------------------- */

.about02{ width: 100%; min-width:1200px;overflow:hidden;}
.about02 .tab6{width:1200px;margin: 0 auto;height:auto; padding: 50px 0; position: relative;}
.about02 .tab6s{width:1200px;margin: 0 auto;height:auto; padding:20px 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: 285px; 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: #03b0fc; 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;}