@import url(global.css);
/*-----------banner---------------------------------------- */
.banner {width:100%; min-width:1200px;height:450px;}
.banner .main{width:1200px; margin: 0 auto;}
.banner .main h2{padding: 120px 0 0 20px; font-size: 50px; color: #fff; line-height: 60px;}
.banner .main p{padding: 20px 0 0 20px; font-size: 30px; color: #eee; line-height: 40px;}
.banner .main a{margin: 40px 0 0 20px; width: 150px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #fff; display: block; font-size:16px; color: #fff;}
.banner .main a:hover{border: 1px solid #fff; display: block; color: #091d58; background: #fff;}
.content{ padding:20px 0;line-height: 27px; font-size: 14px; color: #666;}
.dqwzs{height:45px; line-height:45px;font-size:14px; text-indent:25px; border-bottom: 1px solid #eee;background:#fff url(../images/zhuye.png) no-repeat 15px center; padding:0 25px; margin-bottom:20px;}

.dqwz{width: 100%;min-width:1200px;padding: 15px 0;background:#fff;}
.dqwz .main{ width:1200px; margin:0 auto; height:40px; line-height:40px;}
.dqwz .main h2{ width:400px; float:left; height:40px; font-weight: normal; color: #666; font-size: 14px;text-indent:25px;background:url(../images/zhuye.png) no-repeat 0 center;}
.dqwz a{ color: #333;}
.dqwz a:hover{ color: #666;}
.dqwz .main ul{ width:700px; float:right; height:40px;}
.dqwz .main ul li{ width:auto; float:right; padding:0 0 0 10px;}
.dqwz .main ul li a{ width:auto; padding:0 20px; height:40px; display:block; background:#091d58; color:#fff;}
.dqwz .main ul li a:hover{display:block; background:#005d25; color:#fff;}
.dqwz .main .u-crt{display:block; background:#005d25; color:#fff;}

.left{width: 250px; float: left;}
.right{ width:920px; float: right; overflow: hidden; background: #fff;}
.right .dqwzs{ margin-top: 10px;}

.lefts .title{width:100%; height:60px; line-height: 60px; text-indent:20px; color: #fff; font-size:22px; background:#091d58;}
.lefts .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;}
.lefts .menus{ padding:20px 0; background: #112e84; margin-bottom:30px;}
.lefts .menus a{height:45px;line-height:45px;text-align: center; font-size:16px; background: #fff; display: block; margin:0 20px 10px 20px; color: #666;}
.lefts .menus a:hover{background: #005d25; display: block; color: #fff;}
.lefts .menus .u-crt{background: #005d25; display: block; color: #fff;}

/* ------------案例--------------------- */
.case{width:100%;height:auto; padding: 50px 0;}
.case .list{width:1200px; height:auto; position:relative; padding-bottom: 20px;}	
.case .list li{ width: 385px; float: left; border: 1px solid #e2e1e1; margin:0 20px 20px 0;}		
.case .list li:hover{ background: #fff; box-shadow: 5px 5px 15px #999;}		
.case .list .a1{width: 387px; height: 320px; overflow: hidden;margin-left: -1px;}
.case .list .a1 img{width:100%;height: 320px;transition: all 0.5s;}
.case .list .a1:hover img{transform: scale(1.1);}
.case .list .a2{padding:20px 20px 10px 20px; font-size: 20px;}	
.case .list .a2 a{color: #000;}	
.case .list .a3{padding: 0 20px; height: 48px; line-height: 24px; overflow: hidden;}	
.case .list .a4{height: 41px; padding: 10px 20px;}	
.case .list .a4 .a6{width: 41px; height: 41px; display: block; overflow: hidden;background:url(../images/case01.png) 0 0 no-repeat;}	
.case .list li:hover .a6{display: block; overflow: hidden;background:url(../images/case01.png) right 0 no-repeat;}	
.case .list .a5{ height: 41px; padding: 30px 20px 10px 20px; color: #000;}	
.case .list .a5 span{ font-size: 20px;}	
.case .list ul{ width: 1300px;}

/* ------------新闻页面--------------------- */
.news{overflow:hidden; padding: 0 20px;}
.news li{width:100%; height:195px;border-bottom: 1px solid #f1f1f1;overflow:hidden; padding: 20px 0;}	
.news .a1{width:320px; height:195px; 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:530px; height: 36px; line-height: 36px; float: left; overflow: hidden;font-size:20px;}	
.news .a2 a{color: #000;}	
.news .a2 a:hover{color: #091d58;}	
.news .a3{width:530px; height: 20px;float: left;color: #666; font-size: 18px; padding: 10px 0;}	
.news .a4{width:530px; height: 81px; line-height:27px; float: left;color: #999; font-size: 13px; overflow: hidden;}
.news .a5{width:530px; 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: #3f5088;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; 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;}
.right .new{overflow: hidden;border: 1px solid #eee; margin: 20px;}
.right .new h2{border-left: 4px solid #091d58; 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/new_tit.png) no-repeat 0 center; text-indent: 25px;}	
.right .new 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;}
.picture{overflow:hidden; padding:10px 20px;}
.picture .left1 {width:400px; height:400px;float:left;border:1px solid #f1f1f1; overflow: hidden;}
.picture .left1 img{width:100%;transition: all 0.5s;}
.picture .left1:hover img{transform: scale(1.1);}
.picture .right1 {width:440px;height:400px;float:right; }
.picture .right1 .con1{width:100%; height:40px; line-height:40px; padding-bottom:10px; font-size:20px; color:#091d58;overflow:hidden; font-weight: bolder;}
.picture .right1 .con2{width:100%;height:268px;padding:10px 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:10px;}

.picture .left2{width:400px; height:342px;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:440px;height:342px;float:right; }
.picture .right2 .con1{width:100%; height:40px; line-height:40px; padding-bottom:10px; font-size:20px; color:#091d58;overflow:hidden; font-weight: bolder;}
.picture .right2 .con2{width:100%;height:210px;padding:10px 0;line-height:27px; 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: #091d58 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{overflow:hidden;padding:0 20px;}
.product .title{height:45px; border-bottom:1px solid #091d58; margin:20px 0;}
.product .title h2{ width:140px;height:45px; font-size:16px; line-height:45px; font-weight: normal; color: #fff; background: #091d58; text-align: center;}
.product .con5{width:100%;padding:15px 0; line-height:27px;overflow:hidden;color: #666;}
.product .con5 td{ padding: 5px;}
.pro .con02{width: 100%; padding-bottom: 30px;}
.pro .con02 dl{float: left;width: 280px;margin-right: 20px;}
.pro .con02 dl:nth-child(3n){margin-right: 0;}
.pro .con02 dt{width: 280px;height: 280px;line-height: 0;}
.pro .con02 dt img{width: 280px;height: 280px;border:1px solid #eee;box-sizing:border-box;}
.pro .con02 dd{height: 74px;background: #fff;padding: 20px 60px 0 17px;position: relative;}
.pro .con02 dd b{display: block;font-size: 20px;color: #2C2C2C;margin-bottom: 12px; font-weight: normal;}
.pro .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;}
.pro .con02 dl:hover{box-shadow:0 3px 15px 2px rgba(0,0,0,0.05), 0 0px 15px rgba(0,0,0,0.05);}
.pro .con02 dl:hover dd b a{color: #091d58;}
.pro .con02 dl:hover dd a.more{background: url(../images/pz_more2h.png);bottom: 65px;}

.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: #091d58; color: #fff;}
.con6 .pre .span{ text-align: center; margin-right: 15px;}
.con6 .next .span{float: right;}

/* ------------分页--------------------- */
.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:#091d58; color:#fff;display:inline-block; margin:0 2px; padding:10px 12px; border:1px solid #eee;}
.page a:hover{background:#091d58; color:#fff;}

/* ------------联系我们--------------------- */
.contact{width:1200px;margin: 0 auto;height:auto;overflow:hidden;padding-bottom:100px; color: #666;}
.contact .list{overflow:hidden; padding:50px 0 30px 0;}
.contact .list li{ width: 585px; float: left; overflow:hidden; background: #fff; padding-bottom: 50px; margin-right: 30px; line-height: 30px;}
.contact .list li:last-child{margin-right: 0;}
.contact .list .a1{width: 100%; height: 325px; overflow: hidden;}
.contact .list .a1 img{width:100%;transition: all 0.5s;}
.contact .list li:hover img{transform: scale(1.1);}
.contact .list .a2{ padding: 50px 80px 10px 80px; overflow: hidden; font-size: 24px; color: #000; line-height: 36px;}
.contact .list .a3{ padding: 0 80px; overflow: hidden;background: url(../images/co01.png) no-repeat 79px center; text-indent: 25px;}
.contact .list .a4{ padding: 0 80px; overflow: hidden;background: url(../images/co02.png) no-repeat 78px center; text-indent: 25px;}
.contact .list .a5{ padding: 0 80px 0 80px; overflow: hidden;background: url(../images/co03.png) no-repeat 80px center; text-indent: 25px;}

.contact .list1 li{ width: 390px; float: left; overflow:hidden; background: #fff; padding-bottom: 50px; margin:0 15px 15px 0; line-height: 30px;}
.contact .list1 li:nth-child(3n){margin-right: 0;}
.contact .list1 .a1{width: 100%; height: 215px; overflow: hidden;}
.contact .list1 .a1 img{width:100%;transition: all 0.5s;}
.contact .list1 li:hover img{transform: scale(1.1);}
.contact .list1 .a2{ padding: 50px 70px 10px 70px; overflow: hidden; font-size: 24px; color: #000;}
.contact .list1 .a3{ padding: 0 70px; overflow: hidden;background: url(../images/co01.png) no-repeat 69px center; text-indent: 25px;}
.contact .list1 .a5{ padding: 0 70px 0 70px; overflow: hidden;}

/* ------------关于我们--------------------- */
.about01{width:1200px;margin: 0 auto;height:auto;overflow:hidden;color: #666; padding: 30px 0 100px 0;}
.about01 .conbox {height: 440px;background: #fff;margin-bottom: 10px;}
.about01 .conbox .conImg {width: 600px;height: 440px;overflow: hidden;}
.about01 .conbox .conImg img {display: block;width: 600px; height: 440px;transition: all 0.5s;}
.about01 .conbox .conTit {width: 490px;padding: 50px 50px 0 60px;}
.about01 .conbox .conTit .p1 {padding-left: 30px;height: 75px;border-left: 4px solid #091d58;margin-bottom: 45px;}
.about01 .conbox .conTit .p1 b {display: block;padding-top: 12px;font-size: 20px;color: #091d58;margin-bottom: 8px;}
.about01 .conbox .conTit .p1 span {display: block;font-size: 20px;color: #091d58;}
.about01 .conbox .conTit .p2 {line-height: 28px;color: #333;}
.about01 .conbox:hover .conImg img {transform: scale(1.1);}

.about02{ width: 100%; min-width:1200px;overflow:hidden; background: #fff; padding: 80px 0;}
.about02 h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top:20px;}
.about02 h2 a{display: block;;}
.about02 h2 span{color: #091d58;font-weight: bold;}
.about02 h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.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:390px; margin:0 15px 15px 0; border-bottom: 1px solid #ccc;}
.about02 .bd .a1:nth-child(3n){margin-right: 0;}
.about02 .bd ul li a{ width:390px; height: 300px; display: block; overflow: hidden;}
.about02 .bd ul li img{ width:100%; height: 300px; display: block;transition: all 0.5s;}
.about02 .bd ul li:hover img{transform: scale(1.1);}
.about02 .bd ul li:hover span{ background: #091d58; 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;}

.about03{width:1200px;margin: 0 auto;height:auto;overflow:hidden;color: #666; padding:80px 0;}
.about03 h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top:20px;}
.about03 h2 a{display: block;}
.about03 h2 span{color: #091d58;font-weight: bold;}
.about03 h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.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 .a2 li a{ width:210px; height: 180px; display: block; overflow: hidden; padding:90px 40px; border-bottom: 1px solid #eee;}
.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: 14px; color: #333;line-height:50px; height: 50px; text-align: center; transition: all 0.6s ease 0s;}
.about03 .list li:hover span{ color: #091d58;}

/* ---------------about_04-------------------------------  */
.about_04{ width: 100%; min-width:1200px;overflow:hidden; background: #fff; padding: 80px 0;}
.about_04 .list{width: 1200px; margin: 0 auto;padding: 50px 0;overflow: hidden;}
.about_04 h4{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top:20px;}
.about_04 h4 a{display: block;}
.about_04 h4 span{color: #091d58;font-weight: bold;}
.about_04 h4 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}

.pages{ padding: 50px; background: #fff;}