@charset "utf-8";
body{ max-width:1920px; }
/*********************************************************/
.flY:hover .y{ -webkit-transform: perspective(400px) rotateY(360deg); transform: perspective(400px) rotateY(360deg); }
.flY .y{ -webkit-transition:all 600ms ease 0s; transition:all 600ms ease 0s; }
.flY{ overflow:hidden; }
.gray .g{-webkit-filter: grayscale(100%);filter:grayscale(100%);filter:gray;}
.gray:hover .g{ -webkit-filter:grayscale(0%);filter:grayscale(0%);filter:;}

.wrap,
.wrap-m{ padding:0 3%; }
.wrap-1{ padding:0 3%; max-width:1600px; margin:0 auto;}
.wrap-2{ padding:0 3%; max-width:1200px; margin:0 auto; }

.conbox{ line-height:28px; }
.conbox img{ max-width:100%; height:auto !important; }

.banner{ position:relative; }
.banner .hd{ position:absolute; left:0; bottom:5%; width:100%; text-align:center; z-index:203; }
.banner .hd .swiper-pagination-bullet{ height:12px; width:12px; border-radius:50%; opacity:1; margin:0 10px; -webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s; border:2px solid #fff; background:none; }
.banner .hd .swiper-pagination-bullet-active{ opacity:1; background:#fff; }
.banner .prev,
.banner .next{ width:40px; height:40px; background:hsla(0,0%,100%,.2); border-radius:30px; left:3%; top:50%; margin-top:-20px; position:absolute; z-index:12; cursor:pointer; text-align:center; display:none; }
.banner .next{ left:auto; right:3%; }
.banner:hover .prev,
.banner:hover .next{ display:block; }
.banner .prev img,
.banner .next img{ max-width:50%; max-height:50%; }
.banner .prev:hover,
.banner .next:hover{ background:hsla(0,0%,100%,.5); }
.banner .bd li{ position:relative; overflow:hidden; font-size:0; }
.banner .bd li .text{ position:absolute; z-index:6; left:10%; top:46%; margin-top:-50px; text-align:left; width:44%; max-width:520px; }
.banner .bd li .text.zb2{ top:38%; }
.banner .bd li .text.zx{ top:60%; }
.banner .bd li .text.zj{ left:0; width:100%; top:30%; text-align:center; }
.banner .bd li .text.yb{ left:auto; right:10%; top:45%; text-align:right; }
.banner .bd li .text.yb2{ top:38%; }
.banner .bd li .text .a{ color:#fff; font-size:36px; display:none; }
.banner .bd li .text .a span{ color:#d80d0d; font-size:40px; }
.banner .bd li .text .b{ color:#fff; font-size:20px; line-height:30px; display:none; margin:15px 0; }
.banner .bd li .text .b1{ color:#fff; font-size:18px; line-height:30px; display:none; margin:16px 0; }
.banner .bd li .text .c{ color:#fff; font-size:12px; display:none; }
.banner .bd li .text .d,
.banner .bd li .text .d1,
.banner .bd li .text .d2{ color:#fff; font-size:14px; text-align:center; padding:0 28px; color:#fff; background:#fabb0c; border-radius:3px; height:38px; line-height:38px; margin-top:16px; cursor:pointer; display:inline-block; margin-right:20px; position:relative; }
.banner .bd li .text .d1{ background:#00ce98; }
.banner .bd li .text .d2{ padding:0 0; z-index:2; }
.banner .bd li .text .d2>font{ display:block; padding:0 16px; }
.banner .bd li .text .d2>div{ font-size:0; line-height:0; position:absolute; bottom:100%; left:50%; margin-left:-82px; display:none; }
.banner .bd li .text .d2>div>img{ border:12px solid #fff; border-radius:6px; width:140px; background:#fff; }
.banner .bd li .text .d2>div:after{ content:''; margin:0 auto; display:block; border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #fff; width:0; }
.banner .bd li .text.zj .d{ margin:16px auto 0;  }
.banner .bd li .text.yb .d{ float:right; }

.header{ height:100px; line-height:100px; left:0;right:0;top:0; font-size:0; z-index:880; position:fixed; }
.header .i2{ display:none; }
.header .wrap{ height:100%; font-size:0; text-align:center; position:relative; z-index:123; }
.header .BG{ height:100%; position:absolute; left:0;right:0;top:0;bottom:0; opacity:0.8;filter:alpha(opacity=80); }
.header .logo{ height:100%; position:relative; }
.header .logo img{ max-height:100%; }
.header .nav{ height:100%; position:relative; z-index:1; font-size:0; }
.header .nav .li{ position:relative; display:inline-block; margin-left:65px; }
.header .nav .li .a1{ font-size:16px; color:#fff; position:relative; height:100%; }
.header .nav .li:after{ position:absolute; content:''; display:block; width:100%; height:2px; bottom:0; -webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s; }
.header .nav .li .sub{ display:none; position:absolute; top:100%; width:220px; left:50%; margin-left:-110px; padding:15px 0 30px; text-align:left; }
.header .nav .li .sub s{ position:absolute; top:0;left:0;right:0;bottom:0; border:1px solid #ccc; background:#fff; opacity:0.8;filter:alpha(opacity=80); z-index:0; }
.header .nav .li .sub .a2{ display:block; padding:14px 20px;/* height:20px;*/ line-height:20px; font-size:13px; position:relative; z-index:1; position:relative; text-align:center; }
.header .nav .li .sub .a2 img{ float:right; margin-top:3px; }
.header .nav .li .sub .a2:after{ position:absolute; left:10px;right:10px;bottom:0; border-bottom:1px solid #ccc; content:''; opacity:0.2;filter:alpha(opacity=20); }
.header .nav .li:hover .sub{ display:block; }

.header .frbox{ height:100%; float:right; }
.header .search{ height:100%; float:left; margin-right:40px; font-size:0; position:relative; }
.header .search:before{ content:''; display:block; position:absolute; height:14px; width:1px; background:url(../images/line-02.jpg) no-repeat center / auto 100%; right:-20px; top:50%; margin-top:-7px; }
.header .search .fa-search{ font-size:19px; height:34px; line-height:34px; width:34px; text-align:center; color:#fff; vertical-align:middle; cursor:pointer; }
.header .search img{ cursor:pointer; }
.header .search form>.box{ height:34px; display:block; border-radius:17px; background:#fff; position:absolute; overflow:hidden; top:50%; margin-top:-17px; right:-9px; line-height:0px; width:0; z-index:4; }
.header .search form.se>.box{ width:200px; padding:0 40px 0 10px; }
.header .search form>.box>input{ height:34px; line-height:34px; width:100%; background:none; border:none; outline:none; font-size:14px; }
.header .search form>.box>i{ width:34px; height:100%; position:absolute; right:0; top:0; cursor:pointer; }

.header .phone{ font-size:16px; color:#fff; position:relative; margin-right:40px; }
.header .phone>font{ font-size:18px; font-family:Arial; }
.header .phone:before{ content:''; display:block; position:absolute; height:14px; width:1px; right:-20px; top:50%; margin-top:-7px; }
.header .phone>i{ float:left; height:100%; margin:0 12px 0 6px; }

.header .lang a{ height:24px; width:24px; line-height:24px; color:#fff; font-size:12px; text-align:center; border-radius:50%; display:inline-block; vertical-align:middle; }
.header .lang a.cn{ background:#9cc813; margin-right:8px; }
.header .lang a.en{ background:#0080cc; }

.header-H{ height:80px; }
.header.ontop{ height:80px; line-height:80px; box-shadow:0 0 10px #999; }
.header.ontop .BG{ background:#fff; }
.header.bar .BG{ opacity:1;filter:alpha(opacity=100); }
.header.ontop .i2{ display:inline-block; }
.header.ontop .i1{ display:none; }
.header.ontop .nav .li .a1{ color:#333; }
.header.ontop .nav .li.on .a1{ color:#0080cc; }
.header.ontop .nav .li.on:after{ background-color:#0080cc; }
.header.ontop .phone{ color:#0080cc; }
.header.ontop .search .fa-search{ color:#ccc; }
.header.ontop .search form>.box{ background:#D5D5D5; }

.footer{ background:#455565; padding-bottom: 36px;}
.footer .wrap{ padding-top:60px; }
.footer .logo{ /*width:440px;*/ width:24.5810%; height:100px; text-align:left; }
.footer .nav{ /*width:630px;*/ width:35.1955%; margin-left:2%; }
.footer .nav .li{ width:33.3%; }
.footer .nav .li .a1{ font-size:16px; color:#fff; display:block; margin-bottom:20px; }
.footer .nav .li .a2{ font-size:14px; color:#fff; display:block; line-height:20px; padding:5px 0; opacity:0.7; }
.footer .info{ max-width:36%; }
.footer .info .a1{ font-size:16px; color:#fff; display:block; margin-bottom:20px; }
.footer .info .a2{ font-size:14px; color:#fff; display:block; line-height:30px; }
.footer .info .a2 font{ font-size:24px; }
.footer .info .qr{ height:80px; padding:10px 0; }
.footer .info .qr .a{ width:80px; height:80px; margin-right:10px; background:#fff; font-size:0; }
.footer .info .qr .b{ color:#fff; font-size:14px; line-height:24px; margin-top:20px; }
.footer .info .fx{ color:#fff; font-size:14px; line-height:30px; }
.footer .fx a{ height:30px; width:30px; padding:0; margin:0 0 0 10px; }
.footer .fx a.bds_tsina{ background:url(../images/fffx1.png) center / auto 100%; }
.footer .fx a.bds_wxpyq{ background:url(../images/fffx2.png) center / auto 100%; }
.footer .fx a.bds_sqq{ background:url(../images/fffx3.png) center / auto 100%; }
.footer .fx a.bds_weixin{ background:url(../images/fffx4.png) center / auto 100%; }
/*.footer .center{ text-align: center;	line-height:90px; border-top:1px solid #575757; margin-top:30px; }*/
.footer .center{color:#fff;margin-top: 15px;margin-bottom: 15px;}
.footer .center div{ font-size:14px; color:#fff; }
.footer .center a{ font-size:14px; color:#fff; }

.f-nav{ position:fixed; z-index:123; right:0; bottom:100px; }
.f-nav .i{ width:60px; height:60px; margin-bottom:5px; display:block; position:relative; background:#0080cc url() no-repeat center / 100% 100%; }
.f-nav .i.qq{ background-image:url(../images/qq.png) }
.f-nav .i.qr{ background-image:url(../images/qr.png) }
.f-nav .i.phone{ background-image:url(../images/phone.png) }
.f-nav .i.top{ background-image:url(../images/top.png) }
.f-nav .i:hover{ background-color:#9cc615; }
.f-nav .i .i-ap{ position:absolute; white-space:nowrap; height:40px; line-height:40px; padding:0 10px; background:#fff; box-shadow:0 0 9px #ccc; right:100%; margin-right:14px; border-radius:4px; top:11px; display:none; }
.f-nav .i .i-ap:after{ border:none; border-top:5px solid transparent; border-left:10px solid #fff; border-bottom:5px solid transparent; top:13px; left:100%; content:''; position:absolute; }
.f-nav .i:hover .i-ap{ display:block; }

.title{ text-align:center; }
.title.p1{ padding:80px 0 10px; }
.title>h3{ font-size:40px; }
.title>span{ display:inline-block; height:20px; line-height:20px; font-size:18px; color:#888; margin:10px 0 30px; }
.title>span:before,
.title>span:after{ display:block; content:''; height:1px; width:50px; background:#ccc; margin:10px 20px; float:left; }
.title>span:after{ float:right; }
.title>s{ display:block; height:3px; width:74px; max-width:4%; background:#0080cc; margin:0 auto; }
.title>i{ display:inline-block; height:1px; }
.title>i:before,
.title>i:after{ height:1px; display:block; float:left; margin:0 5px; width:20px; background:#0080cc; content:''; }
.title>i:after{ width:80px; background:#c6c6c6; }

.title.p2{ padding:40px 0; }
.title.p2 h3{ color:#fff; }
.title.p2 p{ font:30px/30px sans-serif; color:#fff; opacity:0.6; }
.title.p3{ padding:80px 0 80px; }

.title.p4{ padding:50px 0; }
.title.p4.bo{ padding-bottom:0; }
.title.p4.bo2{ padding-bottom:20px; }
.title.p4 h3{ font-size:30px; padding-bottom:20px; }
.title.p4 p{ font-size:16px; color:#666; }
.title.p4 s{ background:#353535; height:2px; width:20px; }

.title.p5{ padding:50px 0; }
.title.p5.bo{ padding-bottom:30px; }
.title.p5 h3{ font-size:30px; color:#0080cc; padding-bottom:6px; }
.title.p5 p{ font-size:14px; color:#0080cc; }

.case-bg{ background:#fff url(../images/bg_01.jpg) no-repeat fixed 50% 50% / 1920px auto; }
.case.p1{ padding-bottom:60px; }
.case .item{ width:24%; margin:0 0.5%; float:left; display:table; }
/*.case .item .box{ padding:20px; border-bottom:1px solid #f6f6f6; cursor:pointer; display:table-cell; vertical-align:middle; text-align:center; }*/
.case .item .box{ padding:20px; border-bottom:1px solid #f6f6f6; cursor:pointer; text-align:center; }
/*.case .item img{ height:95px; max-width:100%; }*/
.case .item img{ height:95px; padding-top: 74px; }
.case .item .name{ font-size:18px; padding:10px 5%; margin:auto; max-width:10px; }
.case .item .brief{ font-size:12px; margin:0 6%; overflow:hidden;/* height:40px;*/ line-height:20px; }
.case .item .box:hover{ box-shadow:0 0 10px #ccc; background:#fff; }
.case .item .box:hover .name,
.case .item .box:hover .brief{ color:#0080cc; }

.case.p2{ margin-top:60px; margin-bottom:120px; /*border:1px solid #ddd; border-top:none; border-left:none;*/ }
/*.case.p2 .b_pic img{-webkit-transition:0.2s;-moz-transition:0.2s;transition:0.2s; -webkit-filter: grayscale(100%); filter: grayscale(100%);}*/
.case.p2 .b_pic:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%);-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.case .list{ width:16.6666%; float:left; overflow:hidden; }
.case .list.null-4{ display:none; }
.case .list .box{ /*border:1px solid #ddd;border-right:none; border-bottom:none;*/  }
.case .list .box.b1{ background:#f8f8f8; }
.case .list .m_pic img{ max-width:70%; max-height:60%; }

.history{ font-size:0; position:relative; margin-top:30px; }
.history .text{ position:absolute; left:-500px; top:0%; background:#fff; width:280px; padding:40px 40px 34px; border-radius:5px; box-shadow:5px 5px 10px #ccc; font-size:16px; line-height:24px; text-align: center;}
.history .text.cur{ left:25%; }
.history .text font{ display:none; }
.history .text:before,
.history .text:after{ content:''; display:block; position:absolute; height:16px; width:16px; background:url(../images/icon-11.jpg); left:20px; top:20px; }
.history .text:after{ left:auto; right:20px; }
.history .ap{ position:absolute; left:0; top:0; font-size:18px; color:#777; font-weight:600; padding-top:40px; margin-top:-40px; cursor:pointer; }
.history .ap.t0{ left:7.5%; top:67%; }
.history .ap.t1{ left:19%; top:60%; }
.history .ap.t2{ left:30.5%; top:50%; }
.history .ap.t3{ left:42.5%; top:49%; }
.history .ap.t4{ left:55.5%; top:42%; }
.history .ap.t5{ left:66%; top:41%; }
.history .ap.t6{ left:78%; top:33%; }
.history .ap.t7{ left:89%; top:28%; }

.instance-detail{ display:table; padding:40px 0; width:100%; }
.instance-detail .con{ display:table-cell; vertical-align:top; padding-right:50px; }
.instance-detail .con .name{ font-size:30px; line-height:40px; padding-bottom:20px; }
.instance-detail .con .date{ font-size:14px; color:#666; padding-bottom:20px; }
.instance-detail .con .fx{ padding-bottom:40px; border-bottom:1px solid #ddd; }
.instance-detail .con .fx .bdsharebuttonbox a{ height:24px; width:24px; margin:0 10px 0 0; padding-left:0; }
.instance-detail .con .fx .bdsharebuttonbox a.bds_print{ background:url(../images/fx11.jpg) no-repeat center / 100% 100%; }
.instance-detail .con .fx .bdsharebuttonbox a.bds_email{ background:url(../images/fx12.jpg) no-repeat center / 100% 100%; }
.instance-detail .con .fx .bdsharebuttonbox a.bds_fbook{ background:url(../images/fx13.jpg) no-repeat center / 100% 100%; }
.instance-detail .con .fx .bdsharebuttonbox a.bds_twi{ background:url(../images/fx14.jpg) no-repeat center / 100% 100%; }
.instance-detail .con .fx .bdsharebuttonbox a.bds_linkedin{ background:url(../images/fx15.jpg) no-repeat center / 100% 100%; }
.instance-detail .con .fx .bdsharebuttonbox a.bds_google{ background:url(../images/fx16.jpg) no-repeat center / 100% 100%; }
.instance-detail .con .fx .bdsharebuttonbox a.bds_tsina{ background:url(../images/fx17.jpg) no-repeat center / 100% 100%; }
.instance-detail .con .fx .bdsharebuttonbox a.bds_weixin{ background:url(../images/fx18.jpg) no-repeat center / 100% 100%; }
.instance-detail .con .conbox{ padding:40px 0; }
.instance-detail .side{ display:table-cell; width:330px; vertical-align:top; }
.instance-detail .side .box{ width:330px; }
.instance-detail .side .box .t{ padding:20px 0; text-align:center; font-size:24px; color:#fff; background:#0080cc; }
.instance-detail .side .box .t font{ display:block; font-size:12px; opacity:0.6; }
.instance-detail .side .box .l{ border:1px solid #ddd; border-top:none; padding:0 20px; }
.instance-detail .side .box .l .item{ display:block; border-bottom:1px solid #ddd; padding:30px 0; min-height:75px; }
.instance-detail .side .box .l .item:last-child{ border-bottom:none; }
.instance-detail .side .box .l .item .img{ /*width:31.86%;*/ width:94px; height:75px; float:left; background:#ccc; }
.instance-detail .side .box .l .item .img img{ max-width:100%; max-height:100%; }
.instance-detail .side .box .l .item .txt{ padding-left:110px; }
.instance-detail .side .box .l .item .txt .name{ font-size:14px; line-height:24px; margin-bottom:9px; }
.instance-detail .side .box .l .item .txt .brief{ font-size:12px; color:#888; height:40px; line-height:20px; overflow:hidden; }

.feedback{ display:block; }
.feedback .i{ width:24.25%; float:left; margin-left:1%; margin-bottom:30px; }
.feedback .i.no{ margin-left:0; }
.feedback .i label{ height:30px; border:1px solid #ddd; border-radius:3px; display:block; padding:8px 9px; }
.feedback .i label input{ width:100%; border:none; background:none; outline:none; height:30px; line-height:30px; font-size:14px; }
.feedback .t{ padding:8px 9px; border:1px solid #ddd; border-radius:3px; margin-bottom:30px; }
.feedback .t textarea{ width:100%; border:none; background:none; outline:none; height:240px; line-height:24px; font-size:14px; }
.feedback .btn{ margin:30px  auto 120px; height:48px; width:168px; border:1px solid #0080cc; border-radius:3px; background:#0080cc; font-size:16px; color:#fff; text-align:center; line-height:48px; cursor:pointer; }
.feedback .btn:hover{ background:#fff; color:#0080cc; }

.about.about-bg{ background:#0080cc; }
.about{ padding-left:50%; position:relative; }
.about .video{ position:absolute; width:50%; left:0; top:0; bottom:0; background:#fff; overflow:hidden; font-size:0; }
.about .video .a{ position:absolute; left:0; top:0; right:0; bottom:0; }
.about .video .img{ min-height:100%; min-width:100%; }
.about .video .a>s{ position:absolute; left:0; top:0; right:0; bottom:0; background:#000; opacity:0.35;filter:alpha(opacity=35); }
.about .video .a>span{ display:inline-block; vertical-align:middle; position:relative; z-index:3; }
.about .video .a>span i{ display:inline-block; width:105px; height:105px; line-height:105px; border-radius:50%; border:2px solid #fff; font-size:50px; text-indent:12px; color:#fff; }
.about .video .a>span p{ font-size:30px; color:#fff; padding:20px 0; }
.about .video .a>span u{ width:30px; height:1px; background:#fff; margin:0 auto; display:block; }
.about .text{ display:table; width:100%; }
.about .text .box{ padding:30px 59px 0 36px; max-width:730px; margin:0 auto; display:table-cell; height:500px; }
.about .text .brief{ line-height:28px; color:#fff; padding-bottom:20px; /*text-indent:2rem;*/ font-size:14px; text-align:left; }
.about .text .brief *{ color:#fff !important; font-size:16px !important; }
.about .text .btn{ height:50px; width:146px; line-height:50px; text-align:center; margin:20px auto 0; border:1px solid #fff; color:#fff; font-size:14px; display:block; opacity:0.8;filter:alpha(opacity=80); }

.data-bg{ background:url(../images/data-bg-01.jpg) repeat center; }
.data.p1{ padding-top:80px; padding-bottom:80px; }
.data .item{ width:23%; margin:0 1%; float:left; }
.data .item .m_pic{ width:175px; margin:0 auto; background:url(../images/10-1.png) no-repeat center / 100% 100%; }
.data .item .m_pic .x{ font-size:65px; display:inline-block; color:#0080cc; vertical-align:middle; /*letter-spacing:-2px;*/ }
.data .item .m_pic .x font{ font-family: fantasy; }
.data .item .m_pic .x span{ font-size:16px; color:#333; letter-spacing:0; }
.data .item .name{ font-size:16px; text-align:center; padding-top:20px; }
.data .item:hover .m_pic{ background-image:url(../images/10-2.png); }
.data .item:hover .m_pic .x,
.data .item:hover .m_pic .x span{ color:#fff; }

.news-bg{ background:#fff url(../images/new-bg-01.jpg) no-repeat fixed 50% 50% / 1920px auto; }
.news.p1{ padding-bottom:60px; }
.news .table{ display:table; }
.news .important{ width:520px; display:table-cell; vertical-align:top; }
.news .important .m_pic{ overflow:hidden; width:520px; position:relative; }
.news .important .m_pic span{ position:absolute; bottom:0; left:0; background:#0080cc; color:#fff; font-size:14px; padding:10px 30px; }
.news .important .m_pic img{ width:100%; max-height:400px; overflow:hidden;}
.news .important .name{ font-size:18px; margin:20px 0; }
.news .important .brief{ font-size:14px; color:#777777; line-height:26px; }
.news .list{ display:table-cell; padding-left:80px; vertical-align:top; }
.news .list .item{ padding-bottom:40px; display:table; }
.news .list .item.hide{ display:none; }
.news .list .item .date{ width:90px; display:table-cell; padding-right:30px; }
.news .list .item .date .p{ height:90px; width:90px; border:1px solid #ddd; border-radius:5px; text-align:center; }
.news .list .item .date .m{ font-size:16px; line-height:36px; color:#646464; border-bottom:1px dotted #ddd; margin:0 6px; }
.news .list .item .date .d{ font:45px/54px sans-serif; color:#646464; }
.news .list .item .text{ display:table-cell; vertical-align:top; }
.news .list .item .text .name a{ font-size:18px; color:#0080cc; }
.news .list .item .text .brief{ font-size:15px; color:#777; line-height:26px; margin:10px 0; }
.news .list .item .text .brief{ font-size:15px; color:#777; line-height:26px; margin:10px 0; }
.news .list .item .text .btn{ font-size:12px; color:#0080cc; margin:10px 0; display:inline-block; padding:7px 20px; border:1px solid #ddd; border-radius:5px; }
.news.p2{ padding-top:30px; padding-bottom:30px; }
.news .hot{ width:100%; display:table; margin-bottom:60px; }
.news .hot .m_pic{ width:490px; display:table-cell; vertical-align:top; }
.news .hot .m_pic img{ max-width:490px; }
.news .hot .text{ display:table-cell; vertical-align:top; padding-left:30px; }
.news .hot .text .name{ padding:20px 0; }
.news .hot .text .name a{ font-size:18px; color:#0080cc; line-height:30px; }
.news .hot .text .brief{ font-size:14px; line-height:26px; color:#777; height:180px; margin-bottom:20px; overflow:hidden; }
.news .hot .date{ display:inline-block; padding-right:80px; background:url(../images/13-1.png) no-repeat 100% 50% / 17px 30px; }
.news .hot .date .m{ font-size:35px; font-family:fantasy; color:#0080cc; }
.news .hot .date .Y{ font-size:14px; color:#666; padding-bottom:6px; }
.news .bar{ padding:36px 0; width:100%; display:table; border-top:1px solid #ddd; }
.news .bar.hide{ display:none; }
.news .bar.last{ border-bottom:1px solid #ddd; }
.news .bar .text{ display:table-cell; vertical-align:middle; padding-right:50px; padding-left:40px;  }
.news .bar .text .name{ font-size:18px; color:#333; margin-bottom:16px; max-width:700px; }
.news .bar .text .brief{ font-size:14px; color:#888; line-height:30px; height:60px; overflow:hidden; }
.news .bar .date{ display:table-cell; border-left:1px solid #ccc; width:140px; padding:0 30px; vertical-align:middle; }
.news .bar .date .m{ font-size:35px; font-family:fantasy; padding-bottom:6px; color:#0080cc; }
.news .bar .date .Y{ font-size:14px; color:#666; }
.news .bar .icon{ display:table-cell; width:17px; padding-right:40px; vertical-align:middle; background:url(../images/13-1.png) no-repeat 50% 50% / 17px 30px; }
.news .bar .icon>div{ width:17px; height:30px; }
.news .bar:hover{ background:#0080cc; }
.news .bar:hover *{ color:#fff !important; }
.news .bar:hover .date{ border-color:#fff; }
.news .bar:hover .icon{ background-image:url(../images/13-2.png); }

.news-nav{ text-align:center; padding:20px; }
.news-nav .a1{ border:1px solid #ddd; display:inline-block; padding:9px 28px; margin:0 9px; background:#fff; font-size:14px; color:#555; }
.news-nav .a1.on,
.news-nav .a1:hover{ background:#0080cc; color:#fff; border-color:#0080cc; }

.news-title{ background:url(../images/news-bg-02.jpg) center / 100% 100%; padding:40px 0; text-align:center; }
.news-title h1{ font-size:32px; line-height:40px; padding-bottom:15px; }
.news-title span{ font-size:14px; color:#999; height:30px; line-height:30px; margin:0 16px; }
.news-title span font{ color:#666; }
.news-title .t{ background:url(../images/15.png) no-repeat left; padding-left:26px; }
.news-title .c{ background:url(../images/16.png) no-repeat left; padding-left:30px; }

.news-detail{ padding-top:30px; padding-bottom:120px; }
.news-detail .fx{ text-align:center; padding:40px 0; }
.news-detail .fx span{ display:inline-block; line-height:36px; }
.news-detail .pn{ padding:30px 0; border-top:1px solid #ddd; }
.news-detail .pn div{ line-height:40px; font-size:14px; color:#3879c2; }
.news-detail .pn div a{ color:#333; }

.links-bg{ padding-bottom:90px; }
.links{ border:1px solid #ddd; border-top:none; border-left:none; }
.links .item{ width:20%; float:left; overflow:hidden; }
.links .item .box{ border:1px solid #ddd; border-right:none; border-bottom:none; }
.links .item .box.b1{ background:#f8f8f8; }
.links .item .m_pic img{ max-width:70%; max-height:50%; }
.links .item .m_pic img.i2{ display:none; }
.links .item.null-4{ display:none; }

.crumbs{ line-height:60px; border-bottom:1px solid #e2e2e2; font-size:16px;}
.crumbs div{ font-size:16px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.crumbs span{ padding:0 5px; font-family:'宋体'; }
.crumbs.sty1 div{ font-size:14px; }
.crumbs.sty1 a,
.crumbs.sty1 span{ color:#555; }
.crumbs.sty1 .h{ color:#999; padding-right:6px; }
.crumbs.sty1 .n{ color:#0080cc; }

.service{ display:table; width:100%; padding:60px 0; }
.service .text{ display:table-cell; vertical-align:top; padding-right:80px; }
.service .text .name{ font-size:30px; line-height:40px; }
.service .text .conbox{ font-size:16px; line-height:30px; padding:26px 0 40px; min-height:150px; color:#666; }
.service .text .conbox *{ font-size:16px !important; }
.service .text .btn{ font-size:16px; display:block; height:50px; width:160px; text-align:center; line-height:50px; border:1px solid #0080cc; color:#0080cc; border-radius:3px; margin-top:50px; }
.service .text .btn:hover{ color:#fff; background:#0080cc; }
.service .img{ display:table-cell; text-align:right; vertical-align:top; padding-top:50px; }
.service .img img{ max-width:600px; }

.product{  }
.product.bor{ padding-top:30px; padding-bottom:50px; border-top:1px solid #e2e2e2;  }
.product .item{ width:47%; margin-left:6%; margin-top:30px; float:left; display:table; }
.product .item.lmar{ margin-left:0; }
.product .item .m_pic{ width:250px; display:table-cell; vertical-align:top; }
.product .item .m_pic img{ max-width:250px; }
.product .item .text{ display:table-cell; vertical-align:top; padding-left:30px; }
.product .item .text .name{ font-size:18px; line-height:30px; padding-bottom:10px; max-height:60px; overflow:hidden; }
.product .item .text .brief{ font-size:16px; line-height:30px; color:#777; max-height:147px; overflow:hidden; }

.product .list{ width:25%; float:left; margin-bottom:30px; }
.product .list .box{ margin:0 4%; overflow:hidden; }
.product .list .m_pic{ border:1px solid #eee; }
.product .list .m_pic img{ max-height:100%; max-width:100%; }
.product .list .name{ font-size:16px; padding:20px 0; }
.product .list .brief{ font-size:14px; color:#666; overflow:hidden; height:72px; line-height:24px; }

.detail.p1{ padding-bottom:60px; }
.detail.p2{ padding-top:30px; padding-bottom:60px; }
.detail .img{ max-width:550px; float:left; margin-right:50px; }
.detail .brief{ color:#666; padding-bottom:50px; font-size:15px; }

.technical{ padding-bottom:120px; padding-top:30px; }
.technical .item{ width:25%; background:#ccc; position:relative; float:left; font-size:0; overflow:hidden; }
.technical .item .img{ width:100%; }
.technical .item .bg,
.technical .item .text,
.technical .item .hover{ position:absolute; height:100%; right:0; left:0; top:0; padding:0 10%; text-align:center; z-index:2; display:block; }
.technical .item .hover{ top:100%; }
.technical .item .box{ display:table; height:100%; width:100%; }
.technical .item .box>div{ display:table-cell; height:100%; width:100%; vertical-align:middle; }
.technical .item .bg{ background:#333; opacity:0.5; z-index:1; display:block; }
.technical .item .text .name{ font-size:60px; color:#fff; display:block; width:100%; padding-bottom:30px; font-family:impact,fantasy; }
.technical .item .text .brief{ font-size:18px; color:#fff; display:block; width:100%; line-height:24px; height:48px; overflow:hidden; }
.technical .item .hover .name{ font-size:18px; color:#fff; font-weight:600; display:block; width:100%; text-align:left; padding-bottom:20px; text-align: center;}
.technical .item .hover .brief{ font-size:14px; color:#fff; line-height:27px; display:block; width:100%; text-align:left; }
.technical .item:hover .text{ top:-100%; }
.technical .item:hover .hover{ top:0; }

.value.bor{ padding-top:30px; padding-bottom:50px; border-top:1px solid #e2e2e2; }
.value .item{ width:25%; float:left; text-align:center; }
.value .item .box{ padding:20px 16%; }
.value .item .m_pic{ height:130px; }
.value .item .m_pic img{ max-height:100%; max-width:100%; }
.value .item .name{ font-size:18px; padding:20px 0; height: 20px;}
.value .item .brief{ font-size:16px; color:#666; overflow:hidden; height:55px; line-height:27px; }

.cate-nav{ height:60px; line-height:60px; background:#dddddd; text-align:center; margin:50px 0; }
.cate-nav ul{ display:table; }
.cate-nav li{ width:226px; border-left:4px solid #fff; display:table-cell; }
.cate-nav li:last-child{ border-right:4px solid #fff; }
.cate-nav li a{ font-size:16px; color:#333; display:block; }
.cate-nav li.on a{ color:#fff; background:#0080cc; }

.culture.p1{ padding-top:50px; padding-bottom:0px; }
.culture .item{ width:25%; float:left; text-align:center; margin-top:30px; }
.culture .item .box{ padding:20px 16%; }
.culture .item .m_pic{ height:252px; }
.culture .item .m_pic img{ max-height:100%; max-width:100%; }
.culture .item .name{ font-size:14px; padding:30px 0; color:#989898; line-height:25px; }

.core{ background:url(../images/core-bg-01.jpg) center; margin:30px 0 50px; }
.core .img{ width:50%; height:500px; float:left; position:relative; }
.core .img .t{ position:absolute; top:50%; right:0; height:160px; margin-top:-80px; display:table; padding:0 36px; white-space:nowrap; }
.core .img .t>b{ position:absolute; right:0;top:0;left:0;bottom:0; background:#fff; opacity:0.8; display:block; }
.core .img .t>div{ position:relative; display:table-cell; vertical-align:middle; text-align:center; }
.core .img .t>div h3{ color:#0080cc; font-size:30px; }
.core .img .t>div p{ color:#0080cc; font-size:14px; }
.core .txt{ width:50%; height:500px; float:left; }
.core .txt li{ overflow:hidden; }
.core .txt li .box{ display:table; padding:40px 16% 20px 6%;/* padding:20px 16% 20px 6%;*/ }
.core .txt li .icon{ padding-right:20px; width:34px; display:table-cell; vertical-align:middle; }
.core .txt li .icon img{ width:34px; }
.core .txt li .text{ display:table-cell; vertical-align:top; }
.core .txt li .text .name{ font-size:20px; font-weight:600; padding-bottom:16px; }
.core .txt li .text .brief{ font-size:14px; color:#666; line-height:30px; height:60px; /*overflow:hidden; */}

.honorbox{ margin:20px 0 50px; position:relative; }
.honorbox .swiper-button-prev,
.honorbox .swiper-button-next{ width:32px; height:32px; left:0; top:50%; margin-top:-46px; left:0; background:url(../images/08-1.png) no-repeat center / 100% 100%; }
.honorbox .swiper-button-next{ left:auto; right:0; background-image:url(../images/09-1.png); }
.honor{ margin:0 40px; }
.honor .item{ /*max-width:25%;*/ }
.honor .item .m_pic{ border:1px solid #ddd; overflow:hidden; }
.honor .item .m_pic img{ max-width:100%; max-height:100%; }
.honor .item .name{ text-align:center; font-size:16px; padding-top:20px; }

.contact-map{ height:568px; background:url(../images/contact-map-01.jpg) no-repeat top / auto 100%; }

.address.p2{ margin-top:20px; margin-bottom:20px; border:1px solid #eee; border-top:none; border-left:none;}
.address .item{ width:100%; float:left; overflow:hidden; position:relative; }
.address .item.null-3{ background:#fefefe; }
.address .item.null-2{ display:none; }
.address .item .box{ border:1px solid #eee; border-right:none; border-bottom:none;  max-height:500px;}
.address .item .img{ min-height:100%; min-width:100%; position:absolute; z-index:0; left:0; top:0; opacity:0.04; }
.address .item .s{ position:absolute; z-index:1; left:0; top:0; bottom:0; right:0; display:block; /*background:#eee;*/ opacity:0.8; }
.address .item .text{ position:relative; z-index:2; padding:9%; }
.address .item .text p{ font-size:14px; color:#666; padding:6px 0; line-height:26px; background:url() no-repeat left; padding-left:30px; -webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
.address .item .text .p0{ font-size:24px; padding-bottom:17px; padding-left:0; }
.address .item .text .p1{ background-image:url(../images/31-1.png); }
.address .item .text .p2{ background-image:url(../images/32-1.png); }
.address .item .text .p3{ background-image:url(../images/33-1.png); }
.address .item .text .p4{ background-image:url(../images/34-1.png); }
.address .item .text .p5{ background-image:url(../images/35-1.png); }
.address .item .text .p6{ background-image:url(../images/36-1.png); }
.address .item:hover .text .p1{ background-image:url(../images/31.png); }
.address .item:hover .text .p2{ background-image:url(../images/32.png); }
.address .item:hover .text .p3{ background-image:url(../images/33.png); }
.address .item:hover .text .p4{ background-image:url(../images/34.png); }
.address .item:hover .text .p5{ background-image:url(../images/35.png); }
.address .item:hover .text .p6{ background-image:url(../images/36.png); }

/*鼠标移过效果*/
.hover-a:hover.flipInY2{-webkit-transform:perspective(400px) rotateY(360deg);transform:perspective(400px) rotateY(360deg);}
.hover-a:hover .flipInY2{-webkit-transform:perspective(400px) rotateY(360deg);transform:perspective(400px) rotateY(360deg);}

/*分页*/
#turn_page{text-align:center; height:40px; padding:60px 0; }
#turn_page *{font-size:14px; margin:0 3px; padding:12px 20px; border-radius:3px;-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; outline:none;}
#turn_page .page_button{background:#fff; border:1px solid #ccc; color:#666; }
#turn_page .pageitem{background:#fff; border:1px solid #ccc;  color:#666; }
#turn_page .pageitemcurrent{background:#0080cc; border:1px solid #0080cc; color:#fff;}
#turn_page *:hover{text-decoration:none;border:1px solid #0080cc; }

#turn_page.page2{display:block; height:30px; padding:30px 0 10px;; }
#turn_page.page2 *{font-size:12px; margin:0 3px; padding:4px 9px; }


/*底部*/
#copyright{padding: 10px 0;background:#0080cc;}
#copyright,
#copyright *{color: #ffffff;font-size: 14px;line-height: 30px;}
#copyright a:hover{color: #fff;}

@media (max-width: 1440px){
  #footer .left .boxs{width: 12%;margin-right: 2%;}
  #footer .left .boxs:last-child{width: auto;margin-right: 0;}
}
@media (max-width: 1100px){
  #footer .left {width: 85%;}
  #footer .left .boxs .one{font-size: 16px;}
  #footer .left .boxs{width: 13%;}
  #footer .left .two .c1{font-size: 12px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
}
@media (max-width: 750px){
#copyright{ display:none;}
}