@import url(global.css);
/*-----------banner---------------------------------------- */
.banner {width:100%; min-width:1200px;height:500px;margin-bottom:10px;}
.mainBody{width:1200px;margin: 0 auto;height:auto;overflow:hidden;padding-bottom:100px;}
.dqwzs{ width:100%;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;}
.content{ padding:20px 0 20px 20px;line-height: 27px; font-size: 14px; color: #666;}

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

.left{width:260px;overflow:hidden;float:left;}
.left .title{height:60px;line-height:60px; text-align: center; color: #333; font-size:20px;border: 1px solid #e9e9e9; font-weight: bold;margin-top:20px;}
.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;border: 1px solid #e9e9e9; border-top:0;}
.left .menus a{height:40px;line-height:40px;text-align: center; font-size:16px; background: #eee; display: block; margin:0 0 10px 0; color: #666;}
.left .menus a:hover{background: #01a5fa; display: block; color: #fff;}
.left .menus .u-crt{background: #01a5fa; display: block; color: #fff;}
.left ul{ padding: 20px;line-height: 30px; font-size: 14px;border: 1px solid #e9e9e9; border-top:0;}
.left ul li{ width:100%; height:30px;background:url(../images/j5.png) no-repeat 0 center; text-indent: 18px;}	
.left ul p img{ width:100%;}
.left ul h2{ font-size: 14px;}
.left ul h3{ font-size: 27px; color: #01a5fa ; font-family: "Times New Roman";}
.right{ width:910px; min-height: 600px; float: right; overflow: hidden; border-left: 1px solid #e9e9e9;}
.right .new{overflow: hidden;margin-top: 10px; border: 1px solid #eee;}
.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;}	

/* ---------------解决方案-------------------------------  */
.case{width:1200px;overflow:hidden; padding: 20px 0;}
.case .list{width:1300px;}
.case ul{width:380px; height: auto; overflow:hidden; float: left; margin: 0 27px 30px 0; position: relative; border: 1px solid #eee;transition: all 0.6s ease 0s; }
.case ul:hover{border: 1px solid #01a5fa;}
.case .a1{width:100%; height: 250px; overflow: hidden;}
.case li img{width:380px;display:block; transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;}
.case .tb{ display:block; position:absolute; left:14px; top:200px;display:block; transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;}
.case ul:hover img{ transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transform:scale(1.3);}
.case .a2{ height: 30px; font-size: 20px; padding: 30px 0 10px 40px; overflow: hidden;}
.case .a2 a{color: #333;}
.case .a3{height: 100px; padding: 0 20px 15px 20px; line-height: 25px; overflow: hidden; font-size: 14px;text-align: justify; color: #666;}
.case .a3 span{ padding-right: 10px;}
.case .a4{width:100%; height: 35px;color: #999; font-size: 14px; padding-bottom: 20px;}
.case .a4 a{width:130px; height: 30px; line-height:30px; margin-left: 20px; display: block;background: url(../images/jt_r.png) no-repeat 80px center;}
.case .a4 a:hover{ color: #01a5fa;background: url(../images/jt_r03.png) no-repeat 80px center;}

/* ------------分页--------------------- */
.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;}

/* ------------产品详情--------------------- */
.product1{ width:1200px; overflow: hidden; text-align: center; margin: 0 auto; padding:50px 0;}
.product1 img{ width:640px;}

.product{overflow:hidden; padding-left: 30px;}
.picture{ width:100%;overflow:hidden; padding:20px 0 0 0;}
.picture .left1 {width:400px; height:400px;float:left;border:1px solid #f1f1f1; overflow: hidden;}
.picture .left1 img{width:400px; height:400px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.picture .left1 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);}
.picture .right2 {width:430px;height:400px;float:right; padding-right: 30px;}
.picture .right2 .con1{width:100%; height:40px; line-height:40px; padding-bottom:10px; font-size:18px; color:#333;overflow:hidden;}
.picture .right2 .con2{width:100%; height:300px;line-height:23px; color: #666; overflow:hidden;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;font-size: 14px;}
.picture .right2 .cpxq h2{font-size: 15px;font-weight: 400;}
.picture .right2 .cpxq h2:nth-child(1){margin-top: 10px;}
.picture .right2 .con3{width:100%; height:40px; padding-top:10px;}
.picture .right2 .con3 a{width:150px; height:40px; line-height: 40px; display: block; text-align: center; background: #01a5fa; color: #fff; font-size: 16px; float: left; margin: 0 5px;}
.picture .right2 .con3 a:hover{display: block;background: #ff7500;}

.product .title{height:50px; line-height:20px; border-bottom:1px solid #f1f1f1; padding-top: 20px;}
.product .title h2{ width:100%; font-size:18px; font-weight: normal;}
.product .title h2 span{font-size:12px;  color: #999;text-transform: uppercase;}
.product .con5{padding:15px 0; line-height:27px;overflow:hidden;border-bottom:1px solid #f1f1f1; font-size: 14px;}

/*----------------  产品介绍标题样式   ------------------------*/
.product .con5 h1{font-size: 38px;padding: 40px 0;color: #01a5fa;background: url(../images/tt1.png) bottom center no-repeat; text-align: center;}
.product .con5 h2{font-size: 24px;font-weight: 400;margin: 0 0 20px;color: #666666; text-align: center;}
.product .con5 h3{width: 100%; font-size: 23px;font-weight: 400;padding: 15px 0;margin:10px 0; color: #fff;background: url(../images/textbk.png) center 10px no-repeat; text-align: center;}
.product .con5 h4{text-align: left;font-size: 18px;font-weight: 400;margin: 20px 0;}
.product .con5 h4 span{padding-bottom: 4px;border-bottom: 2px solid #01a5fa;margin-left: 23px}
.product .con5 h4 i{display: inline-block;width: 25px;height: 25px; padding: 5px ;margin-right:5px;margin-left: -23px; background: #01a5fa;text-align: center;line-height: 25px;color: #fff;border-radius: 20px;}

.product .con5 td{padding: 2px; border: 1px solid #ccc;}
.con6{width:100%;height:60px;line-height:60px;overflow:hidden;font-size: 14px; padding-top: 20px;}
.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;}

/* ------------产品页面--------------------- */
.con7{width:100%;padding-top:15px; overflow: hidden;}
.con7 .box{width:950px;}
.con7 .box li{width: 282px;height:322px;cursor: pointer;float: left;margin:0 0 20px 20px;overflow: hidden;position: relative;}
.con7 .box li:hover{ box-shadow:4px 4px 8px #eee;}
.con7 .box .top1{width: 0px;height: 1px;position: absolute;z-index:1;top: 0; left: 0;}
.con7 .box .bottom1{width: 0px;height: 1px;position: absolute;z-index:1;bottom: 0;right: 0;}
.con7 .box .left1{width: 1px;height: 0;position: absolute;z-index:1;left: 0;top: 0;}
.con7 .box .right1{width: 1px;height: 0;position: absolute;z-index:1;right: 0;bottom: 0;}
.con7 .box li .img{width: 280px;height:280px;position: absolute;top: 0;left:0; border:1px solid #f1f1f1;border-bottom: 0;}
.con7 .box h2{width: 280px;height:40px;position: absolute;bottom: 0;left: 0; font-size: 16px; text-align: center; font-weight: normal;line-height:40px;color: #666;border:1px solid #f1f1f1; border-top: 0;}
.con7 .box h3{position: absolute;z-index: 5;width: 50px;height: 50px;top: 1px;right: 1px;}
.con7 .box h3 img{width: 50px;height: 50px;}
.con7 .box li p{position: absolute;z-index: 2;width:280px;height: 0px;top: 1px;left: 1px; background:url(../images/t11.png) no-repeat center center;}
.con7 .box li p a{ display: block; width: 100%; height: 100%;}
.product .con7 .box li{margin:0 20px 0 0;}

/* ------------新闻页面--------------------- */
.news{overflow:hidden; padding: 0 0 0 30px;}
.news ul{width:100%; height:auto;}
.news ul li{width:100%; height:150px; padding: 20px 0;border-bottom: 1px solid #f1f1f1;}	
.news .p1{width:238px; height:148px; border: 1px solid #eee; 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 .p4 i{ float: right;}
.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:35px 0 15px 0; font-size:30px; 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{width:100%;height:auto;padding:10px 0;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;}