.warp{width:1000px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.trans{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}


#warp{width:100%; max-width:1920px; min-width:1200px; margin:0 auto;}
.main{ width:1200px; margin:0 auto;}


.b_pic{overflow:hidden;}
.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.dis{ display:inline-block; *display:inline; zoom:1;}
.fz10{ font-size:10px; color:#333;}
.fz12{ font-size:12px; color:#333;}
.fz14{ font-size:14px; color:#333;}
.fz16{ font-size:16px; color:#333;}
.fz18{ font-size:18px; color:#333;}
.fz20{ font-size:20px; color:#333;}
.fz22{ font-size:22px; color:#333;}
.fz24{ font-size:24px; color:#333;}
.fz26{ font-size:26px; color:#333;}
.fz28{ font-size:28px; color:#333;}
.fz30{ font-size:30px; color:#333;}
.fz32{ font-size:32px; color:#333;}
.fz34{ font-size:34px; color:#333;}
.fz36{ font-size:36px; color:#333;}
.fz38{ font-size:38px; color:#333;}
.fz40{ font-size:40px; color:#333;}
.fz42{ font-size:42px; color:#333;}
.fz44{ font-size:44px; color:#333;}
.fz46{ font-size:46px; color:#333;}
.fz48{ font-size:48px; color:#333;}


@font-face{ font-family:'font-zi1'; src:url('');}
.font-zi1{ font-family:'font-zi1';}
@font-face{ font-family:'font-zi2'; src:url('');}
.font-zi2{ font-family:'font-zi2';}
@font-face{ font-family:'font-zi3'; src:url('');}
.font-zi3{ font-family:'font-zi3';}


.header{ padding:20px 0 20px;}
.header .logo{ width:190px; height:60px; overflow:hidden;}
.header .logo img{ width:100%;}
.header .nav{ margin-top:20px;}
.header .nav .list{ position:relative; margin-right:45px;}
.header .nav .list .Zi1{ border-bottom:3px solid #fff; padding-bottom:10px;}
.header .nav .list .two{ width:150px; display:none; text-align:center; background:#fff; position:absolute; left:-45px; top:35px; z-index:5; padding-top:25px;}
.header .nav .list .two .Zi2{ width:100%; border-bottom:1px solid #eee; padding:10px 0;}
.header .nav .list.on .Zi1{ border-bottom:3px solid #0080d7;}
.header .nav .list:hover .two{ display:block;}
.header .phone{ margin-top:8px;}
.header .phone .p-txt{font-weight: bold;}
.header .search{ width:165px; height:30px; overflow:hidden; border:1px solid #999; border-radius:20px; margin-top:15px; margin-left:20px;}
.header .search .input{ width:130px; height:30px; border:none; padding:0 10px;}
.header .search .sub{ width:30px; height:30px; text-align:center; cursor:pointer; background:none; border:none;}


.banner{ width:100%; overflow:hidden; position:relative;}
.banner .db{ width:100%;}
.banner .db a{ width:100%;}
.banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:20px; z-index:2; margin:0 auto;}
.banner .hb span{ width:6px; height:6px; display:inline-block; opacity:1; cursor:pointer; background:#fff; font-size:0; border:1px solid #fff; border-radius:50%; margin:0 4px;}
.banner .hb span.swiper-pagination-bullet-active{ background:none;}
.banner .prev{ width:19px; height:37px; background:url(../image/img1.png) no-repeat center; position:absolute; left:30px; top:45%; z-index:2;}
.banner .next{ width:19px; height:37px; background:url(../image/img2.png) no-repeat center; position:absolute; right:30px; top:45%; z-index:2;}


.footer{ width:100%;}
.footer .top{ width:100%; background:#7a7a7a; padding:40px 0 70px;}
.footer .top .list{ width:130px; margin-right:60px;}
.footer .top .list .fz16{ color:#fff; margin-bottom:15px;}
.footer .top .list .fz14{ color:#d6d6d6; padding-left:15px; margin-bottom:15px;}
.footer .top .list.in{ width:400px;}
.footer .top .list.in .fz16{ text-indent:30px;}
.footer .top .list.in .fz14{ height:20px; line-height:20px; color:#fff; padding-left:24px;}
.footer .top .list.in .fz14.n1{ background:url(../image/img20.png) no-repeat left center;}
.footer .top .list.in .fz14.n2{ background:url(../image/img21.png) no-repeat left center;}
.footer .top .list.in .fz14.n3{ background:url(../image/img22.png) no-repeat left center;}
.footer .top .list.in .fz14.n4{ background:url(../image/img23.png) no-repeat left center;}
.footer .top .list.ewm{ width:125px; text-align:center;}
.footer .top .list.ewm .img{ width:125px; height:125px; overflow:hidden; margin-top:15px;}
.footer .top .list.ewm .img img{ width:100%;}
.footer .bot{ width:100%; height:16px; line-height:16px; background:#616161; padding:20px 0;}
.footer .bot .Zi1{ color:#fff;}
.footer .bot .Zi2{ color:#d6d6d6; padding:0 10px;}
.footer .bot .Zi2.in{ border-right:1px solid #a6a6a6;}


.index{ width:100%; background:#fff;}
.index .title{ width:100%; text-align:center;}
.index .title .fz28{ color:#333;}
.index .title .xian{ width:40px; height:3px; background:#0080d7; margin-top:10px;}
.index .one{ padding:40px 0;}
.index .one ul .list{ width:393px; height:373px; overflow:hidden; position:relative; margin-bottom:10px;}
.index .one ul .list .img{ width:100%;}
.index .one ul .list .img img{ width:100%;}
.index .one ul .list .bg{ width:100%; height:100%; opacity:0; background:#007cd3; position:absolute; left:0; top:0; z-index:2;}
.index .one ul .list .nr{ width:100%; position:absolute; left:0; bottom:10px; z-index:3; padding:0 15px;}
.index .one ul .list .nr .xian{ width:32px; height:1px; background:#fff;}
.index .one ul .list .nr .fz28{ color:#fff; margin:5px 0 0;}
.index .one ul .list .nr .fz20{ color:#fff;}
.index .one ul.in1 .list.n1{ width:796px;}
.index .one ul.in2 .list.n2{ width:796px;}
.index .one ul .list:hover .bg{ opacity:0.7;}
.index .two{ width:100%; background:url(../image/img7.jpg) no-repeat center; padding:25px 0 45px;}
.index .two .last{ width:100%; margin-top:25px; position:relative;}
.index .two .last .prev{ width:11px; height:22px; background:url(../image/img8.png) no-repeat center; position:absolute; left:-40px; top:45%; z-index:2;}
.index .two .last .next{ width:11px; height:22px; background:url(../image/img9.png) no-repeat center; position:absolute; right:-40px; top:45%; z-index:2;}
.index .two .last .swiper-container{ width:100%;}
.index .two .last .swiper-container .list{ width:383px; margin-right:26px;}
.index .two .last .swiper-container .list .img{ width:100%; height:287px; overflow:hidden;}
.index .two .last .swiper-container .list .img img{ width:100%;}
.index .two .last .swiper-container .list .fz16{ width:100%; text-align:center; margin-top:10px;}
.index .two .last .swiper-container .list .fz16 a{}
.index .thr{ padding:40px 0;}
.index .thr .last{ width:100%; margin-top:30px;}
.index .thr .last .left{ width:594px;}
.index .thr .last .left .top{ width:100%; height:332px; overflow:hidden; position:relative;}
.index .thr .last .left .top .img{ width:100%; height:100%;}
.index .thr .last .left .top .img img{ width:100%;}
.index .thr .last .left .top .time{ width:105px; height:60px; text-align:center; background:rgba(0,128,215,0.8); position:absolute; left:0; bottom:0; z-index:2;}
.index .thr .last .left .top .time .fz32{ color:#fff;}
.index .thr .last .left .top .time .fz12{ color:#fff; margin-top:-4px;}
.index .thr .last .left .bot{ width:100%; padding:25px 15px;}
.index .thr .last .left .bot .fz16{ width:100%;}
.index .thr .last .left .bot .fz14{ width:100%; height:48px; line-height:24px; overflow:hidden; color:#555; margin-top:10px;}
.index .thr .last .right{ width:578px;}
.index .thr .last .right .list{ width:100%; background:#f4f4f4; padding:15px 20px; margin-bottom:9px;}
.index .thr .last .right .list .time{ width:62px; text-align:center;}
.index .thr .last .right .list .time .fz32{ width:100%; color:#333; border-bottom:1px solid #e4e4e4; margin-bottom:5px;}
.index .thr .last .right .list .time .fz12{ color:#888;}
.index .thr .last .right .list .nr{ width:430px;}
.index .thr .last .right .list .nr .fz16{ width:100%;}
.index .thr .last .right .list .nr .fz12{ width:100%; height:44px; line-height:22px; overflow:hidden; color:#555; margin-top:6px;}
.index .thr .last .right .list:hover{ background:#007cd3;}
.index .thr .last .right .list:hover .time .fz32{ color:#fff;}
.index .thr .last .right .list:hover .time .fz12{ color:#fff;}
.index .thr .last .right .list:hover .nr .fz16 a{ color:#fff;}
.index .thr .last .right .list:hover .nr .fz12{ color:#fff;}
.index .thr .last .more{ width:100%; text-align:center; margin-top:20px;}
.index .thr .last .more a{ width:185px; height:46px; line-height:46px; text-align:center; border:1px solid #dedede; border-radius:20px;}
.index .four{ width:100%; position:relative;}
.index .four .img{ width:100%; }
.index .four .img img{ width:100%;}
.index .four .video{ width:800px; display:none; position:fixed; left:0; right:0; bottom:20%; z-index:10; margin:0 auto;}
.index .four .video .it{ width:100%; height:100%; position:relative;}
.index .four .video .it video{ width:100%;}
.index .four .video .it .iftem{ width:100%;}
.index .four .video .it .shutdown{ width:40px; height:40px; line-height:35px; text-align:center; cursor:pointer; color:#fff; border:1px solid #fff; border-radius:50%; position:absolute; right:-50px; top:10px; z-index:9;}


.inside{}
.inside .title{ width:100%; text-align:center;}
.inside .title .fz32{ text-transform:uppercase; color:#555;}
.inside .title .fz20{ color:#0080d7;}


.crumbs{ width:100%; border-bottom:1px solid #e8e8e8;}
.crumbs .category{ margin-bottom:-1px;}
.crumbs .category .list{ padding:20px 0; margin-right:40px;}
.crumbs .category .list.on{ border-bottom:2px solid #0080d7;}
.crumbs .category .list.on a{ color:#0080d7; font-weight:bold;}
.crumbs .wz{ font-size:14px; color:#555; margin-top:22px;}
.crumbs .wz a{ font-size:14px; color:#555;}
.crumbs .wz span{ font-size:14px; color:#555;}


.product{}
.product .one{ padding-top:25px;}
.product .one .last{ width:100%;}
.product .one .last .list{ width:100%; background:#fff; padding:0 20px;}
.product .one .last .list .img{ width:450px; height:450px; overflow:hidden;}
.product .one .last .list .img a{ width:450px; height:450px; display:table-cell; vertical-align:middle;}
.product .one .last .list .img a img{ width:100%;}
.product .one .last .list .nr{ width:480px; margin-top:80px;}
.product .one .last .list .nr .fz22{ width:100%;}
.product .one .last .list .nr .Zi1{ width:100%; min-height:150px; line-height:30px; margin:20px 0 30px;}
.product .one .last .list .nr .Zi2{ width:106px; height:30px; line-height:30px; text-align:center; background:#ee1f25; color:#fff; border-radius:5px;}
.product .one .last .list.in{ background:#f5f5f5;}
.product .two{ padding:25px 0 85px;}
.product .two .last{ width:100%; margin-top:30px;}
.product .two .last .list{ width:369px; height:356px; text-align:center; background:#f6f6f6; margin-right:46px; margin-bottom:40px;}
.product .two .last .list .img{ width:280px; height:280px; overflow:hidden;}
.product .two .last .list .img a{ width:280px; height:280px; display:table-cell; vertical-align:middle;}
.product .two .last .list .img a img{ width:100%;}
.product .two .last .list .fz16 a{ color:#555;}
.product .two .last .list:hover .fz16 a{ color:#0080d7;}


.system{ padding:20px 0 40px;}
.system .last{ width:100%; margin-top:70px;}
.system .last .list{ width:100%;}
.system .last .list .img{ width:600px; height:320px; overflow:hidden;}
.system .last .list .img img{ width:100%;}
.system .last .list .nr{ width:600px; padding:40px;}
.system .last .list .nr .fz22{ width:100%;}
.system .last .list .nr .Zi1{ width:100%; max-height:102px; line-height:34px; overflow:hidden; color:#555; margin:20px 0;}
.system .last .list .nr .Zi2{ background:url(../image/img41.png) no-repeat right center; color:#555; padding-right:25px;}
.system .last .list.in .nr{ padding:45px 20px;}
.system #turn_page1{ margin-top:60px;}


.application{ padding-bottom:50px;}
.application .last{ width:100%; margin-top:55px;}
.application .last .list{ width:380px; margin-right:30px; margin-bottom:25px;}
.application .last .list .img{ width:100%; height:240px; overflow:hidden;}
.application .last .list .img img{ width:100%;}
.application .last .list .nr{ border-bottom:1px solid #fff; padding:15px 50px 15px 0;}
.application .last .list .nr .fz16 a{ width:100%; color:#666;}
.application .last .list .nr .fz12{ width:100%; color:#999; margin-top:10px;}
.application .last .list:hover .nr{ background:url(../image/img43.png) no-repeat right center; border-bottom:1px solid #0080d7;}
.application .last .list:hover .nr .fz16 a{ color:#0080d7;}


.info{ padding-bottom:50px;}
.info .last{ width:100%; margin-top:70px;}
.info .last .list{ padding:0 50px;}
.info .last .list .time{ height:152px; border-right:1px solid #ddd; position:relative; z-index:2; padding-right:70px; padding-top:25px; margin-right:-1px;}
.info .last .list .time .fz36{ color:#666;}
.info .last .list .time .fz14{ color:#999; margin:10px 0 15px;}
.info .last .list .time .more{ width:27px; height:9px; background:url(../image/img45.png) no-repeat center;}
.info .last .list .nr{ width:625px; height:227px; border-left:1px solid #dddddd; padding-bottom:75px; padding-left:40px;}
.info .last .list .nr .fz18{ width:100%; color:#333; margin-top:20px;}
.info .last .list .nr .fz12{ width:100%; height:90px; line-height:30px; overflow:hidden; color:#666; margin-top:19px;}
.info .last .list .img{ width:220px; height:152px; overflow:hidden;}
.info .last .list .img img{ width:100%;}
.info .last .list:hover .time{ border-right:1px solid #0080d7;}
.info .last .list:hover .time .fz36{ color:#0080d7;}
.info .last .list:hover .nr .fz18 a{ color:#0080d7;}


.contact{ padding:30px 0 80px;}
.contact .one{ width:100%; text-align:center; margin:35px 0 50px;}
.contact .one .fz18{ color:#757575; font-family:'黑体';}
.contact .one .fz10{ color:#757575; font-family:'Arial'; margin-top:5px;}
.contact .two{ width:100%; text-align:center;}
.contact .two .list{}
.contact .two .list.n1{ width:235px; padding:0 25px;}
.contact .two .list.n2{ width:400px;}
.contact .two .list.n3{ width:295px;}
.contact .two .list.n4{ width:260px;}
.contact .two .list .img{ width:42px; height:42px; overflow:hidden; margin-bottom:30px;}
.contact .two .list .img img{ width:100%;}
.contact .two .list .fz14{ line-height:24px; color:#757575;}
.contact .two .xian{ width:1px; height:55px; float:left; background:#e5e5e5; margin-top:30px;}
.contact .thr{ width:100%; margin-top:55px;}
.contact .thr iframe{ width:100%; height:345px; border:none;}


.about{}
.about .one{ padding:25px 0 35px;}
.about .one .cent{ width:100%; line-height:30px; margin-top:20px;}
.about .two{ width:100%; background:#f9f9f9; padding:20px 0 40px;}
.about .two .last{ margin-top:30px;}
.about .two .last .list{ width:347px; height:430px; text-align:center; border-radius:10px; padding-top:95px; margin-right:49px;}
.about .two .last .list.n1{ background:#01a3e8;}
.about .two .last .list.n2{ background:#eb9b00;}
.about .two .last .list.n3{ background:#7ab219;}
.about .two .last .list .img{ width:65px; height:65px; overflow:hidden;}
.about .two .last .list .img img{ width:100%;}
.about .two .last .list .fz28{ color:#fff; margin:15px 0 5px;}
.about .two .last .list .Zi1{ text-transform:uppercase; opacity:0.5; font-family:'Arial'; color:#fff;}
.about .two .last .list .Zi2{ width:80%; line-height:30px; color:#fff; margin-top:25px;}

.about .thr{ padding:40px 0;}
.about .thr .about-development{margin: 30px 0 0;}
.about .thr .about-development .list{padding: 0 3%;}
.about .thr .about-development .item{width: 100%;max-width: 1165px;margin: 0 auto 80px;z-index: 2;cursor: pointer; visibility:hidden;}
.about .thr .about-development .item:last-child{margin-bottom: 0;}
.about .thr .about-development .item .year{top: -6px;z-index: 2;}
.about .thr .about-development .item.left .year{left: -180px;}
.about .thr .about-development .item.right .year{right: -180px;}
.about .thr .about-development .default{height: 100%;z-index: 2;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}
.about .thr .about-development .development{height: 100%;z-index: 2;display: none;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
.about .thr .about-development .year{font-size: 30px;color: #9e9e9e;}
.about .thr .about-development .main{max-width: 80%;font-size: 14px;margin-left: 15px;}
.about .thr .about-development .bg{left: 0;top: 50%;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
.about .thr .about-development .round{width: 30px;height: 30px;background-color: #fff;padding: 5px;border: 1px dashed #e9e9e9;border-radius: 20px;left: 50%;top: 0;margin-left: -20px;}
.about .thr .about-development .round .i{width: 100%;height: 100%; background:url(../image/dot.png) no-repeat;}
.about .thr .about-development .line{width: 105px;height: 1px;background-color: #e4e4e4;top: 50%;}
.about .thr .about-development .left .line{right: 100%;}
.about .thr .about-development .right .line{left: 100%;}
.about .thr .about-development .table-cell{padding: 10px 20px;}
.about .thr .about-development .on .default{display: none;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
.about .thr .about-development .on .development{display: block;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}
.about .thr .about-development .on .year{color: #fff;margin: 10px;background: none;}
.about .thr .about-development .on .main{color: #fff;margin: 10px 0;}
.about .thr .about-development .on .bg{width: 100%;height: 100%;background-color: #0080d7;border-radius: 90px;top: 0;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}
.about .thr .about-development .on .about-progress{background-color: #a6c5da;}
.about .thr .about-development .about-progress{width: 5px;background-color: #e0e4e7;left: 50%;top: 35px;padding: 0 0 10000px;margin: 0 0 -10000px -2.5px;}
.about .thr .about-development .about-progress .i{width: 100%;left: 0;top: 0;background-color: #a0c2d9;}


.detail{ padding:20px;}
.detail .top{ width:100%; text-align:center; border-bottom:1px solid #eee; padding:20px 0 15px;}
.detail .top .fz20{ color:#5a5a5a; font-weight:bold;}
.detail .top .rests{ width:100%; margin-top:10px;}
.detail .top .rests .fz14{ color:#999;}
.detail .cent{ line-height:30px; font-size:14px; padding:25px 0 10px;}
.detail .bot{ width:100%;}
.detail .bot .fz14{ line-height:20px; color:#666; margin:10px 0;}
.detail .bot .fz14 a{ color:#666;}
.detail .bot .fz14 a:hover{ color:#0080d7;}


#turn_page1{ width:100%; height:40px; line-height:40px; text-align:center; margin-top:30px;}
#turn_page1 .page_button{ width:98px; height:40px; display:inline-block; background:#ebebeb; color:#666; font-size:14px; margin:0 3px;}
#turn_page1 .page_item{ width:40px; height:40px; display:inline-block; background:#ebebeb; color:#666; font-size:14px; margin:0 3px;}
#turn_page1 .page_item_current{ width:40px; height:40px; display:inline-block; background:#006bc5; color:#fff; font-size:14px; margin:0 3px;}
#turn_page1 .Zi1{ color:#666; margin:0 15px;}
#turn_page1 .select{ width:60px; height:40px; text-indent:8px; background:#fff url(../image/img36.png) no-repeat 80% center; border:1px solid #ebebeb; -moz-appearance: none; -webkit-appearance:none; appearance:none;}
#turn_page1 .sub{ width:40px; height:40px; cursor:pointer; background:#ebebeb; color:#666; border:none; margin-left:8px;}