@charset "utf-8";
/* CSS Document */
/*banner*/
.banner {width: 100%; position: relative;height:598px; margin: 0 auto;background: transparent;}
.banner .bd { margin: 0 auto;height: 100%;position: relative;z-index: 0;overflow: hidden;}
.banner .bd ul { height: 100%; width: 100%;}
.banner .bd li { height: 100%;overflow: hidden;text-align: center;background-position: center;background-repeat: no-repeat; width: 100%;}
.banner .bd li a {display: block;height: 100%;width: 100%;}
.banner .prev, .banner .next {display: block; position: absolute;top: 50%;margin-top: -30px;left: 15%;z-index: 1;width: 40px; height: 60px;background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;cursor: pointer;*filter: alpha(opacity=50);*opacity: .5;display: none;}
.banner .next {left: auto;right: 15%;background-position: -6px -137px;}
.bnuyh{position:relative; bottom:80px; width:886px; height:60px; background:url(../images/bnyj.png) no-repeat center; margin:0 auto;}
.bnuyh h5{ font-size:20px; line-height:60px; color:#999; float:left; padding-left:48px;}
.bnuyh span{ color:#fff; font-weight:bold; float:right; margin-right:34px; line-height:60px;}
.bnuyh span b{ font-size:26px; font-family:Impact;}

/*搜索*/
.search_r span{display:block;text-align:center;margin-bottom: 12px;}
.search_r span i{ font-size:20px;}
.search_r{height: 80px;width: 470px;margin: 0 auto;}
.search-box{height: 28px;display: inline-block;}
.search-text{width:429px;height:40px;float:left;line-height:29px;border:0;background:url(../images/02.jpg) no-repeat;color:#999;text-indent: 2em;}
.search-button{ background:url(../images/03.jpg) no-repeat;width:41px; height:40px; float:left;border-style :none; cursor:pointer;}

/*产品*/
.cpzb{ width:1180px; margin:0 auto; margin-top:40px;}
.cpzb h3{ width:464px; height:66px; background:url(../images/04.jpg) no-repeat center; margin:0 auto; text-align:center; line-height:66px; font-size:30px; margin-bottom:24px;}
.cpzbv{ float:left; width:300px; float:left; background:#f8f8f8; height:auto; padding-bottom:30px;}
.cpzbv h4{ font-weight:normal;margin:0 auto; width:286px; height:60px; line-height:60px; font-size:16px;transition:0.7s; background:url(../images/05.jpg) no-repeat center;}
.cpzbv h4:hover{ background:url(../images/06.jpg) no-repeat center; transition:0.7s;}
.cpzbv h4:hover a{ color:#fff;}
.cpzbv h4 a{color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-left:44px;}
.cpzbv ul{ margin-top:10px; margin-bottom:10px;}
.cpzbv ul li i{ float:left;width:14px; height:1px; background:#333; margin-left:40px; display:block; margin-top:18px; margin-right:10px;}
.cpzbv ul li{ line-height:36px;}
.cpzbv ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cpzbv ul li:hover a{ color:#0d4a94; padding-left:20px;}
.cpzbv ul li:hover i{background:#0d4a94;}

/*产品*/
.cpzx{width: 870px;float:right;}
.cpzx .cpy{width: 880px;height:auto;}
.cpzx .hd ul{width: 880px;float: left;overflow: hidden;margin-bottom: 24px;margin-left:  14px;}
.cpzx .hd .on i{display:block; float:left; padding:6px 20px 0 40px;}
.cpzx .hd .on b{ display:none; float:left;padding:6px 20px 0 40px;}
.cpzx .hd i{ display:none; float:left;padding:6px 20px 0 40px;}
.cpzx .hd b{ display:block; float:left;padding:6px 20px 0 40px;}

.cpzx .hd ul li{float:left;font-size: 18px;margin-right: 16px;width: 193px;height: 55px;line-height: 55px;}
.cpzx .hd ul li a{color: #333;background:#f8f8f8;width: 163px;height: 55px;line-height: 55px;display: block;padding-left: 30px;}
.cpzx .hd .on a{display:block;width: 173px;color: #fff;background:#175aab;height: 55px;line-height: 55px;padding-left:20px;}
.cpzx .bd ul{ }
.cpzx .bd ul li{float:left;margin-bottom: 24px;}
.ul_01,.ul_02{width:418px;margin-left:  12px;margin-right:  10px;}
.ul_01 img,.ul_02 img{display:block;width:418px;height:318px;margin:0 auto;-webkit-transition:0.7s;transition:0.7s;border: 1px solid #ccc;}
.cpzx .bd ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); }
.ul_01 p,.ul_02 p{margin-top:8px;height:47px;background:#f8f8f8;width:418px;line-height: 48px;opacity:0.9;-webkit-transition:0.7s;transition:0.7s;}
.ul_01 b,.ul_02 b{width:3px;height:16px;background:#999;float:left;display:block;margin-left:  12px;margin-top:  18px;margin-right:  20px;}

.ul_01 p a,.ul_02 p a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cpzx .bd ul li:hover p{ background:#0d4a94;-webkit-transition:0.7s;transition:0.7s;}
.cpzx .bd ul li:hover p a{ color:#fff;}
.cpzx .bd ul li:hover p b{ background:#fff;}

.ul_03,.ul_04,.ul_05{width: 268px;height: 252px;margin-left:  12px;margin-right:  13px;}
.ul_03 img,.ul_04 img,.ul_05 img{display:block;width: 268px;height: 252px;border: 1px solid #ccc;margin:0 auto;-webkit-transition:0.7s;transition:0.7s;}
.cpzx .bd ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); }
.ul_03 p,.ul_04 p,.ul_05 p{height: 48px;background: #f8f8f8;width: 268px;line-height: 48px;-webkit-transition:0.7s;transition:0.7s;margin-top:  8px;}
.ul_03 p a,.ul_04 p a,.ul_05 p a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.ul_03 b,.ul_04 b,.ul_05 b{width:3px;height:16px;background:#999;float:left;display:block;margin-left:  12px;margin-top:  18px;margin-right:  20px;}

/*优势*/
.aol{ background:url(../images/09.jpg) no-repeat center; height:799px;}
.olaqh{ height:799px; width:1180px; margin:0 auto; position:relative;}
.olaqh .lo_01{ position:absolute; top:42px; right:0;}
.olaqh .lo_02{ position:absolute; top:121px; left:0;}

.sp_01{width: 330px;height:148px;position:absolute;top: 224px;right: 700px;}
.sp_01 h4{font-size:22px;color:#fff;text-align: right;}
.sp_01 b{font-size:26px;color:#fff;font-family:Arial;padding-left:  18px;}
.sp_01 ul{ margin-top:14px;-webkit-transition:0.7s;transition:0.7s;}
.sp_01 ul li{ text-align:right; color:#fff; line-height:30px;}
.sp_01 ul:hover{ margin-right:20px;-webkit-transition:0.7s;transition:0.7s;}

.sp_02{width:490px;height:148px;position:absolute;top: 306px;left: 694px;}
.sp_02 h4{font-size:22px;color:#fff;;}
.sp_02 b{font-size:26px;color:#fff;font-family:Arial;padding-right: 18px;}
.sp_02 ul{ margin-top:14px;-webkit-transition:0.7s;transition:0.7s;}
.sp_02 ul li{  color:#fff; line-height:30px;}
.sp_02 ul:hover{ margin-top:20px;-webkit-transition:0.7s;transition:0.7s;}


.sp_03{width:438px;height:148px;position:absolute;top:406px;right: 700px;}
.sp_03 h4{font-size:22px;color:#fff;text-align: right;}
.sp_03 b{font-size:26px;color:#fff;font-family:Arial;padding-left:  18px;}
.sp_03 ul{ margin-top:14px;-webkit-transition:0.7s;transition:0.7s;}
.sp_03 ul li{ text-align:right; color:#fff; line-height:30px;}
.sp_03 ul:hover{ margin-top:20px;-webkit-transition:0.7s;transition:0.7s;}


.sp_04{width:430px;height:148px;position:absolute;top:510px;left: 696px;}
.sp_04 h4{font-size:22px;color:#fff;}
.sp_04 b{font-size:26px;color:#fff;font-family:Arial;padding-right: 18px;}
.sp_04 ul{ margin-top:14px;-webkit-transition:0.7s;transition:0.7s;}
.sp_04 ul li{  color:#fff; line-height:30px;}
.sp_04 ul:hover{ margin-left:20px;-webkit-transition:0.7s;transition:0.7s;}
.olaqh i{position:absolute;bottom:141px;left:50px; font-size:24px; font-family:Arial; color:#fff;}
.nk{ width:148px; height:28px; line-height:28px; text-align:center; border-radius:20px;position:absolute;bottom:92px;left:50px; border:1px solid #fff;-webkit-transition:0.7s;transition:0.7s;}
.nk a{ color:#fff;}
.nk:hover{ margin-left:40px;-webkit-transition:0.7s;transition:0.7s;}

/*案例展示*/
.alzx{width:1180px;height: 520px;margin:0 auto;margin-top:  -20px; position:relative;}
.alzx h3{width:464px;height:66px;background:url(../images/04.jpg) no-repeat center;margin:0 auto;text-align:center;line-height:66px;font-size:30px;margin-bottom: 35px;}
.li_03{width: 540px;height: 420px;float:left;position:relative;}
.li_03 img{width: 540px;height: 420px;-webkit-transition:0.7s;transition:0.7s;}
.li_03 img:hover{transform: scale(1.1);-webkit-transform: scale(1.1); }
.li_03 p{width: 540px;height: 40px;line-height: 40px;text-align:center;background: #333;color:#fff;position:absolute;bottom:0;left:0;opacity: 0.9;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.li_03:hover p{background:#0d4a94;-webkit-transition:0.7s;transition:0.7s;}

.alzx ul{ margin-top:200px;}
.alzx .li_01,.alzx .li_02,.alzx .li_04,.alzx .li_05{width: 300px;height: 200px;margin: 0 7px;}
.li_01 img,.li_02 img,.li_04 img,.li_05 img{width: 300px;height: 200px;-webkit-transition:0.7s;transition:0.7s;position:relative;}
.alzx .li_01 img:hover,.alzx .li_02 img:hover,.alzx .li_04 img:hover,.alzx .li_05 img:hover{transform: scale(1.1);-webkit-transform: scale(1.1); }
.alzx ul .li_01 p,.alzx ul .li_02 p,.alzx ul .li_04 p,.alzx ul .li_05 p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:0.7s;transition:0.7s;width: 300px;height: 40px;line-height: 40px;text-align:center;background: #333;color:#fff;position:absolute;bottom:0;left:0;opacity: 0.9;}
.alzx ul .li_01:hover p,.alzx ul .li_02:hover p,.alzx ul .li_04:hover p,.alzx ul .li_05:hover p{ background:#0d4a94;-webkit-transition:0.7s;transition:0.7s;}
.li_01{ position:absolute; left:0; top:100px;}
.li_02{ position:absolute; left:0; top:318px;}
.li_03{ position:absolute; left:320px; top:100px;}
.li_04{ position:absolute; right:0; top:100px;}
.li_05{ position:absolute; right:0; top:318px;}

/*公司简介*/
.gg{height:698px; background:url(../images/11.jpg) no-repeat center;}
.yjja{height:502px; width:1180px; margin:0 auto; padding-top:196px;}
.los{ width:470px; float:left;}
.los h4{ font-size:24px; color:#0d4a94; padding-left:48px;}
.los h4 i{ text-transform:uppercase; color:#999; display:block; font-family:Arial; padding-top:8px; font-size:14px; font-weight:normal;}
.los .olv{margin-top:20px; margin-left: 84px;}
.los .olv li{float:left;font-size:16px;color:#666;background:url(../images/d.jpg) no-repeat left;padding-left:20px;margin-right:  30px;}
.oldg{ width:646px; height:440px; float:right; margin-right:38px;}
.oldg img{ display:block; width:630px; height:230px; border:5px solid #0d4a94;-webkit-transition:0.7s;transition:0.7s;}
.oldg img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.oldg h3{ font-size:20px; font-weight:normal; margin-top:30px;}
.oldg p{ color:#666; line-height:30px; height:120px; overflow:hidden; margin-top:10px;}
.lsa{ width:390px; height:274px; background:#fff; box-shadow:0 0 10px #ccc; margin:24px 0 0 38px; padding-top:36px;}

.lsa ul{margin-left:44px;}
.lsa li{border: 1px solid #ccc;height:42px;line-height:42px;width:312px; margin-bottom:24px; }
.lsa li input{background: none;color:#666;padding-left:40px;font-weight:normal;}
.gu_01{ background:url(../images/f.jpg) no-repeat 10px;}
.gu_02{ background:url(../images/dd.jpg) no-repeat 10px;}
.gu_03{ background:url(../images/fwlc.jpg) no-repeat 10px;}
.lsa img{ display:block; margin:0 auto;}

/*问题*/
.faq{width:1180px;margin:0 auto;height: 610px;border-bottom:1px solid #ccc;}
.olkm{ float:left; width:406px;}
.olkm h3{ font-size:20px;  font-weight:normal; width:378px; height:38px; background:url(../images/yjt.jpg) no-repeat center; padding-left:28px; padding-top:4px;}
.olkm h3 a{color:#0d4a94;}
.zls img{ display:block; height:224px; width:406px; margin-top:22px;}
.zls p{ color:#666; font-size:16px; height:50px; line-height:50px; border-bottom:1px solid #ccc;}
.zls p b{width:3px;height:20px;background:#0d4a94;padding-right: 3px;margin-right: 12px;}
.olkm ul{}
.olkm ul li{ background:url(../images/ys_dot.jpg) no-repeat left; padding-left:20px; line-height:40px;}
.olkm ul li span{ float:right; color:#666;}
.olkm ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#666;}
.olkm ul li:hover a{ color:#0d4a94; padding-left:20px;}

.news {width: 718px;float: right;}
.newfl{width:718px;height: 226px;}
.newfr{float:left;width: 450px;}
.news h3 a { color: #1a1a1a;}
.news .img { float: left;display: block;}
.news .img img {width: 280px;height: 226px;}
.news .info {width: 406px;float: right;height: 229px;}
.news .info p{line-height: 30px;height: 180px;overflow:hidden;color: #666;}
.news .info a{display:block;}
.news .info .boodp{ overflow: hidden; height:100px; margin-top: 1px;}
.news .info .bood{display: block;font-size: 18px; margin:10px 0;}
.news .info:hover .bood{text-decoration: underline;}
.news dl dd {}
.news ul {width: 450px;height: 290px;margin-top: 14px;}
.news li {line-height: 36px;width: 718px;height: 37px;background:url(../images/ys_dot.jpg) no-repeat left;padding-left:20px;margin-bottom:  2px;}
.news li a {font-size: 14px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #666;}
.news li:hover a{color: #0d4a94; padding-left:20px;}
.yjnz li a:hover{ color:#0d4a94;}
.news li span {float: right;color: #666;padding-right:  15px;}
.contanta{margin-top: 23px;}
.faq .faq-c .faq-l .faq-w span { width: 22px;height: 22px; line-height: 20px; text-align: center; float: left; margin-right: 5px; margin-bottom: 10px; background: url(../images/wd.gif) no-repeat center top;}
.faq .faq-c .faq-l .faq-d span {clear: both;color: #fff;width: 22px;height: 22px;line-height: 20px;
text-align: center;float: left;margin-right: 5px;margin-bottom: 10px;
background: url(../images/wd.gif) no-repeat center -26px;}
.faq .faq-c .faq-l .faq-w p { float: right;  line-height: 20px;  width: 388px;  margin: 0;  color: #333;  font-size: 14px;font-weight: bold;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.faq .faq-c .faq-l .faq-d p { float: right; width: 388px; line-height: 25px; margin: 0; height: 44px; color: #333; overflow: hidden; margin-bottom: 13px;}
.faq .left dl{ height:30px; line-height:30px;}
.faq .left dl a{ height:30px; display:block; width:280px; overflow:hidden; line-height:30px; color:#000; }
.faq .left dl a em{ padding-right:5px;}

.title {height: 39px;border-bottom: 1px solid #ccc;}
.title h3 {width: 130px;height: 36px;float:left;line-height: 36px;text-align: center;font-size: 20px;font-weight: normal;margin-right:  20px;}
.title h3 a{color: #333;}
.title .on{border-bottom: 3px solid #0d4a94;-webkit-transition: all .9s ease-out;transition: all .9s ease-out;width: 130px;height: 36px;line-height: 36px;text-align: center;}
.title .on a{-webkit-transition: all .9s ease-out;transition: all .9s ease-out;color: #0d4a94; }
.title .on i{ display:block;}
.title .on b{ display:none;}
.title i{display:none;float: left;padding-top:  5px;}
.title b{display:block;float: left;padding-top:  6px;}

.title .more {font-size: 14px;color: #666;float: right;margin-right: 10px;line-height: 62px;}

/*链接*/
.ljzx{width:1180px; height:54px; line-height:54px;margin:30px auto;overflow:hidden;}
.ljzx h4{float:left;-webkit-transition:0.7s;transition:0.7s;}
.ljzx:hover h4{ color:#fe0002; padding-left:20px;-webkit-transition:0.7s;transition:0.7s;}
.ljzx ul{float:left;line-height:54px;width: 980px;}
.ljzx ul li{float:left;margin:0 15px;line-height: 2;}
.ljzx ul li a{ color:#666;}