@import url(global.css);
/*-----------banner---------------------------------------- */
.banner {width:100%; min-width:1200px;height:0;margin-bottom:30px;}
.mainBody{width:1200px;margin: 0 auto;height:auto;overflow:hidden;padding-bottom:100px;}
.dqwzs{height:45px; line-height:45px;font-size:14px; text-indent:25px; border-bottom: 1px solid #eee;background:url(../images/zhuye.png) no-repeat 0 center; margin:15px 25px;}
.content{ padding:20px 0;line-height: 27px; font-size: 14px; color: #666;}

.leftm .menu{ height: auto !important;}
.rightm{ height: auto !important;}

.left{width:240px;overflow:hidden;float:left;}
.left .title{ width: 100%; height:60px;line-height:60px; text-align: center; color: #fff; font-size:20px; background: #383431; font-weight: bolder;}
.left .title1{ width: 100%; height:50px;line-height:50px; text-align: center; color: #fff; font-size:18px; margin-top: 20px; background: #383431 url(../images/q1.png) no-repeat 20px center;}
.left .menus{ padding:20px 0; background: #fff; margin-bottom:30px;}
.left .menus a{height:45px;line-height:45px;text-align: center; font-size:16px; background: #eee; display: block; margin:0 20px 15px 20px; color: #666;}
.left .menus a:hover{background: #01a5fa; display: block; color: #fff;}
.left .menus .u-crt{background: #01a5fa; display: block; color: #fff;}
.left .list{line-height: 30px;}
.left .list ul{ padding: 20px; background: #fff;}
.left .list ul li{ width:100%; height:30px; background:url(../images/j5.png) no-repeat 0 center; text-indent: 18px;}	
.left .list p img{ width:100%;}
.left .list h2{ font-size: 14px;}
.left .list h3{ font-size: 27px; color: #01a5fa ; font-family: "Times New Roman";}
.right{ width:940px; float: right; overflow: hidden; background: #fff;}
.right .new{overflow: hidden;border: 1px solid #eee; margin: 20px;}
.right .new h2{border-left: 4px solid #01a5fa; height:40px;line-height:40px; text-indent:15px; font-size:16px; background: #f1f1f1; font-weight: normal;}
.right .new ul{ width:100%; overflow: hidden; padding: 10px 0;}
.right .new li{ width: 48%; height:30px; line-height: 30px; float: left; padding: 0 1%; font-size: 13px;}
.right .new li a{ width:70%; height:30px; float: left; display: block;background:url(../images/j5.png) no-repeat 0 center; text-indent: 20px;}	
.right .new li i{ width:26%; height:30px; float: right; display: block; text-align: right; font-style: normal; padding-right: 5px;}	

/* ---------------about_01-------------------------------  */
.about_01{width:100%; min-width: 1000px;height:auto; padding: 100px 0;}	
.about_01 .content{width: 1000px;height:auto; margin: 0 auto;}	
.about_01 .content h3{width:100%;height:auto; line-height: 36px; font-size: 18px; font-weight: normal; color: #333;}	
.about_01 .content .main{width:100%;height:auto; overflow: hidden; }	
.about_01 .content .main ul{width:100%;height:auto; overflow: hidden;padding: 20px 0;}	
.about_01 .content .main img{width:100%;}	
.about_01 .content .a1{width:660px;height:auto;}	
.about_01 .content .a2{width:300px;height:auto; line-height: 36px; font-size: 18px; padding-top: 50px;}	
.about_01 .content .le{float: left;}	
.about_01 .content .ri{float: right;}
.about_01 .content .a3{width:350px;height:auto;}	
.about_01 .content .a4{width:620px;height:auto; line-height: 36px; font-size: 18px; padding-top: 50px;}	

.about_02{width:100%; min-width: 1000px;height:auto; padding: 100px 0; background: #f1f1f1;}	
.about_02 .content{width: 1000px;height:auto; margin: 0 auto; text-align: center; line-height: 36px; font-size: 18px; color: #333;}	
.about_02 .content h3{padding-top:50px;}
.about_02 .content h3 img{width:100%;}

.about_03{width:100%; min-width: 1000px;height:auto; padding: 100px 0;}	
.about_03 .content{width: 1000px;height:auto; margin: 0 auto;}	
.about_03 .content ul{width:100%;height:auto; overflow: hidden;padding: 20px 0;}	
.about_03 .content img{width:100%;}	
.about_03 .content .a1{width:500px;height:auto;}	
.about_03 .content .a2{width:460px;height:auto; line-height: 36px; font-size: 18px; padding-top: 50px;}	
.about_03 .content .a2 strong{width:100%; display: block;}	
.about_03 .content .le{float: left;}	
.about_03 .content .ri{float: right;}	

/* ---------------解决方案-------------------------------  */
.case{width:1200px;overflow:hidden; padding: 20px 0;}
.case .list{width:1300px;}
.case ul{width:380px; height: 338px; overflow:hidden; float: left; padding: 0 30px 30px 0; position: relative;}
.case .a1{width:100%; height: 258px; overflow: hidden;}
.case .a1 img{width:380px; height:258px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.case .a1 img:hover{opacity: 0.7;filter: alpha(opacity=70);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}
.case .a2{width:100%; height: 30px; font-size: 20px; padding-top: 20px;}
.case .a2 a{color: #01a5fa;}
.case .a3{width:100%; height: 24px; line-height: 24px; overflow: hidden; font-size: 13px;}
.case .a3 span{ padding-right: 10px;}
.case .a4{width: 87px;height: 48px;line-height: 48px; border: 1px solid #dfdfdf;color: #333;font-size: 13px;position: absolute;right:30px;text-align: center;top: 278px; display: block;}
.case .a4:hover{border: 1px solid #01a5fa;color: #fff; display: block; background: #01a5fa;}

/* ------------分页--------------------- */
.page{width:100%; text-align:center; padding:10px 0;}
.page a{ display:inline-block; margin:0 2px; padding:5px 8px; border:1px solid #eee;}
.page .current{background:#01a5fa; color:#fff;display:inline-block; margin:0 2px; padding:5px 8px; border:1px solid #eee;}
.page a:hover{background:#01a5fa; color:#fff;}

/* ------------产品详情--------------------- */
.product{ width:100%; overflow:hidden;}
.product .title{height:50px; line-height:20px; border-bottom:1px solid #f1f1f1; margin:25px;}
.product .title h2{ width:100%; font-size:18px; font-weight: normal;}
.product .title h2 span{font-size:12px;  color: #999;text-transform: uppercase;}
.product .con1{height:40px; line-height:40px; border-bottom:1px solid #f1f1f1; margin:25px; font-size:20px; text-align: center;}
.product .con2{overflow:hidden; padding: 0 25px;}
.product ul{width:960px;}
.product img{width:285px; height:285px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.product img:hover{opacity: 0.7;filter: alpha(opacity=70);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}
.product ul li{width:287px;overflow:hidden;float:left; padding:0 15px 15px 0;}
.product ul li p{float:left;display:block;width:285px;height:285px;overflow:hidden;border:1px solid #e5e5e5;}
.product ul li i{overflow:hidden; display: block; font-size:14px;width:100%; color: #666; text-align: center; height:30px; line-height:30px;border-bottom:1px solid #e5e5e5;}

.con6{height:60px;line-height:60px;overflow:hidden;font-size: 14px; padding: 25px;}
.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: #01a5fa; color: #fff;}
.con6 .pre .span{ text-align: center; margin-right: 15px;}
.con6 .next .span{float: right;}

/* ------------关于我们--------------------- */
.about1{width:100%; min-width: 1200px; overflow: hidden; padding-top:50px;}
.about1 .list{width: 1200px; margin: 0 auto; }
.about1 .box{width: 1300px; padding-top: 10px; height: auto;}
.about1 .box li{width: 288px;height:332px; background: #fff; cursor: pointer;float: left;margin:0 15px 15px 0;overflow: hidden;position: relative;box-shadow:0 0 10px #ccc;}
.about1 .box li:hover{ box-shadow:4px 4px 8px #eee;}
.about1 .box .top1{width: 0px;height: 3px;position: absolute;z-index:1;top: 0; left: 0;}
.about1 .box .bottom1{width: 0px;height: 3px;position: absolute;z-index:1;bottom: 0;right: 0;}
.about1 .box .left1{width: 3px;height: 0;position: absolute;z-index:1;left: 0;top: 0;}
.about1 .box .right1{width: 3px;height: 0;position: absolute;z-index:1;right: 0;bottom: 0;}
.about1 .box li .img{width: 282px;height:282px;position: absolute;top: 0;left:0; border:3px solid #f1f1f1;border-bottom: 0;}
.about1 .box h2{width: 282px;height:46px;position: absolute;bottom: 0;left: 0; font-size: 16px; text-align: center; font-weight: normal; text-indent: 10px; line-height:46px;color: #666;border:3px solid #f1f1f1; border-top: 0;}
.about1 .box h3{position: absolute;z-index: 5;width: 50px;height: 50px;top: 3px;right: 3px;}
.about1 .box h3 img{width: 50px;height: 50px;}
.about1 .box li p{position: absolute;z-index: 2;width:282px;height: 0px;top: 3px;left: 3px; background:url(../images/t11.png) no-repeat center center;}
.about1 .box li p a{ display: block; width: 100%; height: 100%;}

/* ---------------联系我们-------------------------------  */
.contact{width: 100%;min-width: 1200px; height: auto; padding: 100px 0 50px 0; margin: 0 0 50px 0; overflow: hidden;background:url(../images/about.jpg) no-repeat center top;}
.contact .list{width: 1200px; height: 250px; margin: 0 auto; text-align: center; color: #fff;}
.contact .list li{ width: 300px; height: 180px; display: inline-block;background:url(../images/aboutnav.png) no-repeat 0 0; margin: 0 15px; text-align: center; overflow: hidden;}
.contact .list .a0{width: 100%; height: 64px; padding-top: 10px;}
.contact .list .a1{width: 100%; height: 30px; font-size: 22px; line-height: 30px;}
.contact .list .a2{width: 100%; font-size: 20px; line-height: 16px;}
.contact .list .a3{width: 80%; padding: 0 10%; font-size: 16px; height: 40px; line-height: 20px; padding-top: 5px;}
.contact .list .a3 span{font-size: 24px;font-family:'Times New Roman';}
.contact .list1{width: 1000px; height:auto; margin: 0 auto; background: #fff;;box-shadow:0 0 20px #ddd; padding: 40px 100px; font-size: 16px; line-height: 30px;}
.contact .list1 p{ text-align: center; padding-bottom: 30px;}

/* ------------新闻页面--------------------- */
.news{width:100%; overflow:hidden; padding-bottom: 10px;}
.news ul{ padding: 0 20px;}
.news ul li{width:100%; height:150px; padding: 20px 0;border-bottom: 1px solid #f1f1f1;}	
.news .p1{width:240px; height:150px; float: left; overflow: hidden; margin-right: 40px;}
.news .p1 img{width:100%;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.news .p1 img:hover{opacity: 0.8;filter: alpha(opacity=80);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}
.news .p2{width:580px; height: 36px; line-height: 36px; float: left; overflow: hidden;font-size:16px;}	
.news .p2 a{color: #000;}	
.news .p2 a:hover{color: #01a5fa;}	
.news .p3{width:580px; height: 20px;float: left;color: #01a5fa; font-size: 18px;}	
.news .p4{width:580px; height: 54px; line-height:27px; float: left;color: #999; font-size: 13px; overflow: hidden;}
.news .p5{width:580px; height: 35px; float: left;color: #999; font-size: 14px; padding-top: 10px;}
.news .p5 a{width:130px; height: 30px; line-height:30px; float: left; display: block;background: url(../images/jt_r.png) no-repeat 80px center;}
.news .p5 a:hover{ color: #01a5fa;background: url(../images/jt_r03.png) no-repeat 80px center;}

.news .con1{width:100%; height:auto; line-height:30px; padding:30px 0 10px 0; font-size:24px; color:#333; text-align:center;overflow:hidden;}
.news .con3{width:100%; height:20px; padding:5px 0;}
.news .con4{width:100%; height:24px; line-height:24px; text-align:center; padding-bottom:10px;}
.news .con2{height:auto;padding:10px 0; margin: 0 20px; line-height:30px;overflow:hidden;border-top:1px solid #f1f1f1; font-size: 14px; color: #666;}
.news .con2 h5{width:100%; height:auto; text-align: center; padding: 10px 0;}
.news .con2 h5 img{width:600px; height:auto;}