@charset "utf-8";

/*banner*/
.banner{ height:740px; position:relative;}
.banner .item{ height:740px; background-repeat:no-repeat; background-position:center; background-size:cover}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:47px; text-align:center}
.banner .slick-dots li{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;display:inline-block; width:16px; height:16px; margin:0 5px; border-radius:50%; cursor:pointer; position:relative; border:2px solid rgba(255,255,255,.4); background-color:rgba(255,255,255,.2)}
.banner .slick-dots li.slick-active{background-color:#ffffff;}
.banner .slick-dots button{ display:none}
.banner .slick-arrow{ width:78px; height:78px; position:absolute; z-index:2;  top:50%; margin-top:-39px; border:none; background:none; text-indent:-999px; background-color:rgba(0,0,0,.5); border-radius:50%; cursor:pointer; overflow:hidden}
.banner .slick-prev{ left:20px;}
.banner .slick-next{right:20px;}
.banner .slick-arrow:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; text-align:center; line-height:78px; text-indent:0;}
.banner .slick-prev:after{ content:"<"; font-size:60px; font-family:"宋体"; color:#fff; left:10px;text-indent:-10px;}
.banner .slick-next:after{ content:">"; font-size:60px; font-family:"宋体"; color:#fff; }

.plo{ text-align:center; line-height:1.1; margin-bottom:75px}
.plo .eng{ color:#a8a8a8; font-size:24px; margin-bottom:9px; text-transform:uppercase}
.plo h3{ font-weight:bold; font-size:30px} 
.plo h3 i{ font-weight:normal}
.plo .p{ margin-top:50px; font-size:16px}

.index01{ padding-top:60px; padding-bottom:50px}
.index01 .bd{ overflow:hidden}
.index01 .txt{ width:48%; float:left}
.index01 .txt h3{ font-size:27px; font-weight:normal; margin-bottom:20px}
.index01 .txt .p p{ font-size:16px; line-height:2.2; text-indent:32px}
.index01 .videoimg{ width:48.6%; float:right; position:relative; overflow:hidden}
.index01 .videoimg .popplay{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; text-align:center; cursor:pointer}
.index01 .videoimg .title{ position:relative;top:50%; transform:translateY(-50%)}
.index01 .videoimg .title .ico{ width:47px; height:47px; margin:0 auto; background:url(/images/ico-play.png) no-repeat center; background-size:100%}
.index01 .videoimg .title .p{ font-size:20px; color:#fff; margin-top:15px}
.index01 .videoimg img{ display:block; width:100%;transition: all 0.6s;-ms-transition: all 0.8s;}
.index01 .videoimg:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}	

.index02{ padding-top:50px; padding-bottom:70px}
.index02 .bd{ margin-left:-8px; margin-right:-8px; overflow:hidden;  }
.index02 .bd .slick-list{ overflow:visible}
.index02 .bd a{ display:block; margin:0 8px; background-color:#fff; }
.index02 .bd .img{ overflow:hidden}
.index02 .bd .img img{ display:block; width:100%;transition: all 0.6s;-ms-transition: all 0.8s;}
.index02 .bd a:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);}
.index02 .bd .txt{ padding:20px; text-align:center}
.index02 .bd .txt h3{ font-size:18px; font-weight:normal; line-height:1.1; margin-bottom:25px}
.index02 .bd .txt .more span{ display:inline-block; width:90px; height:24px; line-height:22px; border:1px solid #333; border-radius:26px; color:#333}
.index02 .bd .txt .more span:hover{ background-color:#0b76c8; color:#fff; border:1px solid #0b76c8}
.index02 .bd .slick-dots{ margin-top:20px; text-align:center}
.index02 .bd .slick-dots li{ display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#c6d4db; margin:0 5px; border-radius:50%; cursor:pointer}
.index02 .bd .slick-dots li.slick-active{ background-color:#378bf2}
.index02 .bd .slick-dots li button{ display:none}
.index02 .bd .slick-slide{ height:auto}

.index03{ padding-top:50px; padding-bottom:50px}
.index03 .hd{ width:1248px; margin:0 auto; margin-bottom:70px; overflow:hidden}
.index03 .hd .item{ width:19% !important; cursor:pointer;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; float:left}
.index03 .hd .item.slick-current{ width:62% !important}
.index03 .hd .item.slick-current .a{ background-color:#005bac}
.index03 .hd .item .a{ text-align:center; margin:0 4px; height:144px; background-color:#bcbcbc; color:#fff; padding-top:33px; background-image:url(/images/index03bg.png); background-size:auto 100%} 
.index03 .hd .item.item01 .a{ background-position:0 0}
.index03 .hd .item.item02 .a{ background-position:-246px 0 }
.index03 .hd .item.item03 .a{ background-position:-491px 0 }
.index03 .hd .item.item01.slick-current .a{ background-color:#00b0ec}
.index03 .hd .item.item02.slick-current .a{ background-color:#008cd6}
.index03 .hd .item .a .y{ font-size:36px; font-weight:bold; line-height:1.1; margin-bottom:15px}
.index03 .hd .item .a .t{ font-size:22px;}
.index03 .hd .item .a .t:before{ content:""; display:inline-block; vertical-align:middle; width:21px; height:26px; background:url(/images/ico-04.png) no-repeat center; background-size:100%; margin-right:10px}

.index03 .bd { padding-top:86px !important}
.index03 .bd .item{ border-top:2px solid #d3d3d3;}
.index03 .bd .item .weap{ text-align:center; font-size:0;}
.index03 .bd .item .li{ display:inline-block; text-align:left;width:16%; position:relative; margin:0 4.5%; font-size:14px; vertical-align:top}
.index03 .bd .item .li .y{ position:absolute; z-index:2;top:-85px; font-size:46px; line-height:1.1; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-1px}
.index03 .bd .item .li .p{ padding-top:50px; color:#8c8c8c}
.index03 .bd .item .li .d{ width:18px; height:18px; position:absolute; z-index:1; left:0;top:-9px; border:2px solid #00b0ec; border-radius:50%; background-color:#fff}
.index03 .bd .item .li .d:before{ content:""; display:block; right:2px; left:2px;top:2px; bottom:2px; background-color:#00b0ec; border-radius:50%; position:absolute; z-index:2;}


.index03 .bd .item:nth-child(2) .li .d{border:2px solid #008cd6; }
.index03 .bd .item:nth-child(2) .li .d:before{background-color:#008cd6;}

.index03 .bd .item:nth-child(3) .li .d{border:2px solid #005bac; }
.index03 .bd .item:nth-child(3) .li .d:before{background-color:#005bac;}

.index03 .bd .item:nth-child(3) .li:nth-child(1) .d{border:2px solid #b9b9b9; }
.index03 .bd .item:nth-child(3) .li:nth-child(1) .d:before{background-color:#b9b9b9;}

.index03 .bd .item:nth-child(1) .li:nth-child(4) .d{border:2px solid #b9b9b9; }
.index03 .bd .item:nth-child(1) .li:nth-child(4) .d:before{background-color:#b9b9b9;}

.index03 .bd .item:nth-child(2) .li:nth-child(1) .d{border:2px solid #b9b9b9;}
.index03 .bd .item:nth-child(2) .li:nth-child(1) .d:before{background-color:#b9b9b9;}

.index03 .bd .item:nth-child(2) .li:nth-child(4) .d{border:2px solid #b9b9b9;}
.index03 .bd .item:nth-child(2) .li:nth-child(4) .d:before{background-color:#b9b9b9;}

.index03 .bd .item .li .p i{ color:#005bac; font-size:16px;}

.nbanner{ height:440px;background-position: center top; background-repeat: no-repeat;background-size: auto 100%;}

.lanmain .box{  margin:0 auto; overflow:hidden; margin-bottom:35px; padding-bottom:5px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.lanmain .sideleft{ width:200px;flex:0 0 200px; border:1px solid #f4f4f4; border-top:none;-webkit-box-shadow:0 0 7px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 7px rgba(0, 0, 0, .1); box-shadow:0 0 7px rgba(0, 0, 0, .1); min-width:0}
.lanmain .sidebox{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; padding-left:50px; min-width:0}
.sideplo{ height:125px; background:#1b77b9; text-align:center}
.sideplo h3{  font-size:20px; color:#fff; font-weight:normal; padding-top:45px}

.sidenav{ min-height:180px}
.sidenav li{ border-bottom:1px solid #eeeeee}
.sidenav li a{ padding:17px 5px; display:block; font-size:14px; border-left:5px solid #fff; text-align:center}
.sidenav li a:hover,.sidenav li.on a{ color:#1b77b9;border-left:5px solid #1b77b9;}

.pathbox{ padding-top:45px; margin-bottom:30px; color:#444444}
.pathbox h3{ float:left; font-size:25px; font-weight:normal}
.pathbox .path{ float:right; padding-top:10px;}
.pathbox .path a{ color:#898989}

.sideleft .tellbox{ text-align:center; padding-top:30px; padding-bottom:30px}
.sideleft .tellbox img{ vertical-align:middle; margin-right:10px; }
.sideleft .tellbox .ico{color:#999; margin-bottom:10px}
.sideleft .tellbox .tel a{ color:#35b0ed; font-size:24px; font-family:Impact}

.connt{ font-size:14px; line-height:2.2; text-align:justify}
.connt a{ font-size:14px;}
.connt img{ width:auto !important; max-width:100%}

.productlist .bd ul{ margin-left:-6px; margin-right:-6px;}
.productlist .bd li{ float:left; width:33.33%; margin-bottom:28px;}
.productlist .bd li a{ display:block; margin:0 6px; background-color:#f6f6f6}
.productlist .bd li .img{ overflow:hidden}
.productlist .bd li .img img{ display:block; width:100%;transition: all 0.6s;-ms-transition: all 0.8s;}
.productlist .bd li a:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);}
.productlist .bd li .txt{ padding:17px; text-align:center}
.productlist .bd li .txt h3{ font-size:16px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px;}
.productlist .bd li .txt .more span{ display:inline-block; background-color:#fff; font-size:12px; padding:0 14px; height:26px; line-height:24px; border:1px solid #acacac; border-radius:26px; color:#999999}
.productlist .bd li .txt .more span:hover{ background-color:#0b76c8; color:#fff; border:1px solid #0b76c8}

.newslist{ margin-bottom:50px}
.newslist .bd li{ border-bottom:1px solid #cccccc}
.newslist .bd li a{ display:block; position:relative; height:52px; line-height:52px; padding-left:10px; padding-right:80px;}
.newslist .bd li h3:before{ content:""; display:inline-block; vertical-align:middle; margin-right:8px; border:2px solid #1777cc; width:12px; height:12px; border-radius:50%; position:relative;top:-1px}
.newslist .bd li h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist .bd li .date{ position:absolute; z-index:1; right:0;top:0;}

.tzzgx01{ color:#888}
.tzzgx01 a{ color:#888}
.tzzgx01 .hd{ margin-bottom:10px}
.tzzgx01 .hd h3{ display:inline-block; line-height:26px; font-weight:normal; padding:0 12px;background-image: linear-gradient(to right, #1b77b9 , #fff); color:#fff; min-width:290px;}
.tzzgx01 .bd{ overflow:hidden; padding:0 12px; margin-bottom:10px;}

.tzzgx02hd{ border-bottom:1px solid #2378cd}
.tzzgx02hd ul{ overflow:hidden; padding:0 17px;}
.tzzgx02hd ul li{ float:left; margin-right:7px;}
.tzzgx02hd ul li a{ display:block; padding:0 16px; line-height:31px; font-size:16px; border:1px solid #fff; border-bottom:none}
.tzzgx02hd ul li.on a,.tzzgx02hd ul li a:hover{ background-color:#d0e2f4; color:#2378cd; border:1px solid #2378cd; border-bottom:none}

.tzzgx03{ overflow:hidden}
.tzzgx03 img{ max-width:100%; height:auto !important}

.recruitlist .w1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.recruitlist .w2{flex:0 0 30%; text-align:center}
.recruitlist li{ line-height:50px;}
.recruitlist .hd ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; background-color:#f3f4f6; padding:0 20px}
.recruitlist .bd li{ border-bottom:1px dashed #dcdfe2}
.recruitlist .bd li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding:0 20px}
.recruitlist .w3{ text-align:center;flex:0 0 100px}
.recruitlist .bd .w3 span{ display:inline-block; width:100px; line-height:26px; border:1px solid #dcdfe2; border-radius:3px }
.recruitlist .bd a span:hover{ background-color:#0072bb; color:#fff; border:1px solid #0072bb}

.piclist ul{ margin-left:-6px; margin-right:-6px;}
.piclist li{ float:left; width:33.33%; margin-bottom:28px;}
.piclist li a{ display:block; margin:0 6px; background-color:#f6f6f6}
.piclist li .img{ overflow:hidden}
.piclist li .img img{ display:block; width:100%;transition: all 0.6s;-ms-transition: all 0.8s; }
.piclist li a:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);}
.piclist li h3{ font-size:16px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  text-align:center; padding:17px}

.pagebox{ overflow:hidden; line-height:2}
.pagebox img{ max-width:100%; height:auto !important}

.commpage h1.title{ text-align:center; line-height:1.2; font-size:25px; margin-bottom:20px; font-weight:normal}
.commpage .info{ border-bottom:1px dashed #d2d2d2; text-align:center; padding-bottom:15px; color:#999}
.commpage .conn{ padding:40px 0; line-height:2}
.prevnext{ overflow:hidden; padding:20px 0; border-top:1px solid #eee}
.prevnext li{ float:left; width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prevnext li:nth-child(2){ text-align:right}

.productpage{ padding:50px 0;}
.productpage .title{ text-align:center; font-size:25px; padding-bottom:50px; line-height:1.1; margin-bottom:40px; background:url(/images/ico-line.png) no-repeat center bottom}
.productpage .leftimg{ float:left; overflow:hidden; width:385px; margin-right:70px;}
.productpage .leftimg li{ margin-bottom:20px}
.productpage .leftimg img{ display:block; width:100%}
.productpage .righttxt{ overflow:hidden;}
.productpage .bd{ font-size:16px; line-height:2; color:#666666;}
.productpage .bd img{ max-width:100%; height:auto !important}
@media(max-width:1260px) {
.banner,.banner .item{ height:52vw}
.banner .slick-dots{ bottom:20px;}
.banner .slick-dots li{ width:12px; height:12px;}

.nbanner{ height:34vw}
.index03 .hd{ width:100%}
}
@media(max-width:1000px) {
.index01{ padding-top:30px; padding-bottom:25px}
.plo{ margin-bottom:25px}
.plo .eng{ font-size:16px}
.plo h3{ font-size:21px}
.index01 .txt{ float:none; width:auto; margin-bottom:15px}
.index01 .txt h3{ font-size:16px; margin-bottom:10px}
.index01 .txt .p p{ font-size:14px; line-height:1.8}
.index01 .videoimg{ float:none; width:auto}
.index01 .videoimg .title .ico{ width:40px; height:40px;} 
.index01 .videoimg .title .p{ font-size:14px}

.index02{ padding-top:25px; padding-bottom:35px;}
.lanmain .box{ display:block}
.sideplo{ display:none}
.sidenav{ min-height:0;}
.lanmain .sideleft{ width:auto; margin-left:-10px; margin-right:-10px; border:none;box-shadow:none;}
.sidenav ul{ overflow:hidden; background-color:#eee; padding:5px}
.sidenav ul li{ float:left; width:50%;border-bottom:none}
.sideleft .tellbox{ display:none}
.sidenav li a{ border:none}
.sidenav li a:hover, .sidenav li.on a{border:none; background-color:#1b77b9; color:#fff}
.sidenav li a{ margin:5px; background-color:#fff; line-height:1.1; padding:10px 0; border-radius:5px}

.lanmain .sidebox{ padding-left:0; padding-top:20px}
.pathbox{ display:none}
.connt{ line-height:1.8} 

.commpage h1.title{ font-size:18px}

.newslist .bd li a{ padding-left:0}
.newslist .bd li h3:before{ width:10px; height:10px}

.recruitlist{ margin-bottom:30px}
.recruitlist .w2{ display:none}
.recruitlist .bd li a{ padding:0 10px}
.recruitlist .hd ul{ padding:0 10px}

.productpage .leftimg{ width:280px; margin-right:30px}

.index03{ padding:30px 0}
.index03 .hd{ margin-bottom:10px}
.index03 .hd .item .a .y{ font-size:24px}
.index03 .hd .item .a .t{ font-size:16px}
.index03 .hd .item .a .t:before{ width:14px;}
.index03 .hd .item .a{ height:110px; padding-top:20px}
.index03 .bd .item .li .y{ font-size:30px;top:-50px}
.plo .p{ margin-top:15px; font-size:14px;}

.banner .slick-arrow{ display:none !important}
}
@media(max-width:766px) { 
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots li{ width:8px; height:8px; border:1px solid #fff}

.index02 .bd .txt{ padding:10px 5px} 
.index02 .bd .txt h3{ font-size:14px; height:30px; margin-bottom:5px} 
.index02 .bd .slick-dots li{ width:8px; height:8px}
.index02 .bd .txt .more span{ font-size:12px}
.index02 .bd{ margin-left:-5px; margin-right:-5px}
.index02 .bd a{box-shadow: 0 2px 5px rgba(0,0,0,.2); margin:0 5px}
.index02 .bd .slick-dots{ margin-top:10px}

.productlist .bd ul{ margin-left:-5px; margin-right:-5px;} 
.productlist .bd li{ width:50%; margin-bottom:15px}
.productlist .bd li a{ margin:0 5px;}
.productlist .bd li .txt{ padding:10px 5px}

.commpage .conn{ line-height:1.8; padding:30px 0}
.prevnext li{ float:none; width:auto}
.prevnext li:nth-child(2){ text-align:left;}

.piclist li{ width:50%; margin-bottom:15px}
.piclist li h3{ padding:10px 5px;}
.piclist li a{ margin:0 5px;}
.piclist ul{ margin-left:-5px; margin-right:-5px;}

.productpage{ padding:30px 0}
.productpage .leftimg{ float:none; width:auto; margin:0; overflow:hidden; font-size:0}
.productpage .leftimg ul{ margin-left:-2.5px; margin-right:-2.5px}
.productpage .leftimg li{ display:inline-block; vertical-align:top; width:50%; margin-bottom:5px;}
.productpage .leftimg li .img{ margin:0 2.5px;}
.productpage .title{ padding-bottom:20px; margin-bottom:20px; font-size:21px; background-size:70%}

.index03 .bd .item{ border:none; position:relative }
.index03 .bd .item:before{ content:""; display:block; position:absolute; z-index:1; left:23px;top:0; bottom:0; width:2px; background-color:#ccc}
.index03 .hd { margin-bottom:20px}
.index03 .hd .item .a{ height:85px}
.index03 .bd .item .weap{ position:relative; z-index:3}
.index03 .hd .item .a .y{ font-size:16px; margin-bottom:5px}
.index03 .hd .item .a .t{ font-size:12px;}
.index03 .hd .item{ width:30% !important}
.index03 .hd .item.slick-current{ width:40% !important}
.index03 .hd .item .a .t:before{ width:10px}
.index03 .bd .item .li{ float:none; width:auto;margin:0; margin-bottom:15px; padding-left:10px; display:block }
.index03 .bd .item .li .y{ font-size:21px; position:static; margin-bottom:5px; padding-left:20px}
.index03 .bd .item .li .p{ padding-top:0; padding-left:20px}
.index03 .bd .item .li .d{ left:5px;top:auto;top:3px;}
.index03 .bd { padding-top:0 !important}

.index03 .bd .item .weap{ text-align:left}

} 
<!--0.00016212463378906-->