@charset "utf-8";
/*banner*/
.banner{ height:560px; position:relative}
.banner .item{height:560px; position:relative;  background-repeat:no-repeat; background-position:center; background-size:auto 100%; overflow:hidden  }
.banner .item img{ height:560px; position:absolute; z-index:1; left:50%; transform:translateX(-50%); display:block}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:10px; text-align:center}
.banner .slick-dots li{transition: all 0.3s;
-moz-transition: all 0.3s;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */ display:inline-block; width:30px; height:3px; margin:0 5px;  background-color:#FFF; cursor:pointer; position:relative;}
.banner .slick-dots li.slick-active{ background:#ff6701;}
.banner .slick-dots button{ display:none}
.plo{ font-size:25px;  color:#045cbf; line-height:40px; height:40px;}
.index01{ padding-top:30px; padding-bottom:40px;}
.index01 .video{ position:relative; -webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; background-color:#fff ;} 
.index01 .video .video-con{height:300px;}
.index01 .video video{max-height:100%;}
.index01 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index01 .bd .txts{ width:673px; height:340px; padding:0 30px; margin-left:10px;background:url(../images/index01bg.jpg) no-repeat center 45px; background-size:cover;}
.index01 .bd .txts .plo{ font-size:25px;  line-height:50px; color:#045cbf;}
.index01 .bd .txts h3{ font-size:30px; font-weight:normal; margin-bottom:10px; padding-top:35px; line-height:45px; color:#ff6600;}
.index01 .bd .txts .ms{ text-indent:28px; margin-bottom:20px; height:155px; overflow:hidden; line-height:30px;}
.index01 .bd .txts ul{ text-align:justify}
.index01 .bd .txts ul:after{ content:"";display:inline-block;width:100%;}
.index01 .bd .txts ul li{ display:inline-block; color:#6a6a6a}
.index01 .bd .txts ul li i{ font-size:30px; color:#FF6702; margin-right:5px}

.index02{padding:10px 0}
.index02 .txt{ margin-top:20px; float:left; width:51%;}
.index02 .txt .ms{ margin-right:30px; overflow:hidden}
.index02 .txt .ms a{ color:#333;}
.index02 .txt .ms .img{ position:relative;  max-width:100%; height:auto}
.index02 .txt .ms .img .date{ width:83px; height:90px; position:absolute; background-color:#FFA200; left:0; top:0; text-align:center; color:#FFFFFF;}
.index02 .txt .ms .img .date h3{font-size:30px; padding-top:10px;}
.index02 .txt .ms .img img{ max-width:100%; height:auto}
.index02 .txt .ms h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#ffffff;}
.index02 .txt .ms h4{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#ffa200;}
.index02 .txt .ms .p{ color:#838282;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index02 .bd{margin-top:20px; float:left; width:49%}
.index02 .bd .item{width:100%; height:90px;}
.index02 .bd .item a{ display:block;}
.index02 .bd .item .date{width:83px; height:90px; margin-right:20px; float:left; background-color:#ccc;text-align:center; color:#FFFFFF;}
.index02 .bd .item .date h3{font-size:30px; padding-top:10px;}
.index02 .bd .item .title{ width:auto; height:90px;overflow: hidden;}
.index02 .bd .item .title h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index02 .bd .item .title .p{ color:#838282;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index02 .bd .line{ width: 100%;height: 1px; background-color: #F0F0F0;margin: 21px auto;}


.index03{ padding-top:30px; padding-bottom:20px; background-color:#FBFBFB;}
.index03 .bd{ margin-left:-13px; margin-right:-13px;margin-top:13px;}
.index03 .bd .item{ height:270px; overflow:hidden; padding-top:5px;}
.index03 .bd .item a{display:block; background-color:#f5f5f5; margin:0 13px; box-shadow: 2px 2px 2px lightgrey,2px -2px 2px lightgrey,-2px 2px 2px lightgrey,-2px -2px 2px lightgrey; }
.index03 .bd .item .img{background-color:#fff; border-bottom:1px solid #cfcfcf; text-align:center;}
.index03 .bd .item .img img{ width:100%; height:217px;}
.index03 .bd .item .title{ text-align:left; padding:10px; background-color:#F7F7F7;color:#3A3A3A}
.index03 .bd .item .p{ height:70px; line-height:21px; padding:5px 0; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index03 .bd .item  p{text-align:right; color:#A7A7A7;}
.index03 .bd .item h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03 .bd .item a:hover .title{ background-color:#055dbf; color:#fff}
.index03  .bd .slick-arrow{ position:absolute; z-index:2; width:42px; height:20px; bottom:0; overflow:hidden; text-indent:-99px; border:none; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:100%; background-color:transparent}
.index03  .bd .slick-prev{ left:15%; background-image:url(../images/ico-prev.png)}
.index03  .bd .slick-next{ right:15%;background-image:url(../images/ico-next.png)}
.index03  .bd .slick-dots{ text-align:center; margin-top:20px;}
.index03  .bd .slick-dots li{ display:inline-block; vertical-align:middle; width:6px; height:6px; background-color:#C0C0C0; border-radius:50%; margin:0 6px;}
.index03 .bd .slick-dots li.slick-active{ background-color:#007BFF}
.index03 .bd .slick-dots  button{ display:none}


.index04{ padding-top:30px; padding-bottom:20px; background-color:#FBFBFB;}
.index04 .bd{ margin:13px;}
.index04 .bd .item{}
.index04 .bd .item a{display:block; background-color:#f5f5f5; overflow:hidden; margin:0 13px;}
.index04 .bd .item .img{background-color:#fff; border:1px solid #b2b2b2; text-align:center; padding:4px 4px; display:block; width:100%}
.index04 .bd .item .img img{display:block; width:100%}
.index04 .bd .item .title{ text-align:left; padding:10px; background-color:#FBFBFB;color:#3A3A3A}
.index04 .bd .item .p{ height:31px; line-height:31px;overflow:hidden; text-overflow: ellipsis;}
.index04 .bd .slick-arrow{ position:absolute; z-index:2; width:26px; height:46px; top:40%; overflow:hidden; text-indent:-99px; border:none; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:100%; background-color:transparent}
.index04 .bd .slick-prev{ left:-20px; background-image:url(../images/ico-prev.png)}
.index04 .bd .slick-next{ right:-20px;background-image:url(../images/ico-next.png)}
.index04 .bd .slick-dots{ text-align:center; margin-top:40px;}
.index04 .bd .slick-dots li{ display:inline-block; vertical-align:middle; width:6px; height:6px; background-color:#C0C0C0; border-radius:50%; margin:0 6px;}
.index04 .bd .slick-dots li.slick-active{ background-color:#007BFF}
.index04 .bd .slick-dots  button{ display:none}



.nbanner{ position:relative; overflow:hidden}
.nbanner .img img{ display:block; height:336px; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; left:50%; transform:translateX(-50%)}
.classify{ position:absolute; z-index:1; left:0; right:0; bottom:0;}
.classify ul{ background:rgba(255,255,255,.8); font-size:0}
.classify ul li{ display:inline-block; border-right:1px solid #fff}
.classify ul li a{ display:block; padding:0 30px; line-height:50px; font-size:16px;}
.classify ul li a:hover,.classify ul li.on a{ background-color:#0c73ac; color:#fff}

.path{ padding:15px 0; font-size:12px; color:#fe6600; background:url(../images/ico-home.png) center left no-repeat; background-size:16px; padding-left:22px;}
.path a{ font-size:12px;}
.path span,.path i{ color:#6c6c6c}
.path i{ margin:0 10px;}

.conn{ overflow:hidden; line-height:1.8}
.mainbox{ padding-bottom:30px}
.aboutbox{ border:1px solid #dddddd; padding:20px 10px; min-height:870px;}
.aboutbox .nums{ margin-top:30px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:45px 0; text-align:center; font-size:0}
.aboutbox .nums li{ display:inline-block; width:33.33%; text-align:center; font-size:14px; border-right:1px solid #ddd}
.aboutbox .nums li:last-child{ border-right:none}
.aboutbox .nums li span{ display:block; line-height:1}
.aboutbox .nums li .num{ font-size:27px; font-weight:bold; color:#e40115; margin-bottom:25px}

.sorts{ text-align:center; margin-bottom:15px}
.sorts li{ display:inline-block; margin:0 27px;}
.sorts li a{ font-size:16px; display:block; line-height:46px; border-bottom:2px solid #fff}
.sorts li a:hover,.sorts li.on a{ color:#c60000; border-bottom:2px solid #c60000}

.productbox{ border:1px solid #dddddd; padding:20px 10px; min-height:870px;}
.productlist li{ float:left; width:25%; margin-bottom:30px;}
.productlist li a{ display:block; margin:0 15px; text-align:center;  box-shadow: 2px 2px 2px lightgrey,2px -2px 2px lightgrey,-2px 2px 2px lightgrey,-2px -2px 2px lightgrey;}
.productlist li .img{border:1px solid #CFCFCF}
.productlist li img{ display:block; width:100%}
.productlist li .title{ height:67px; line-height:60px; background-color:#F7F7F7; text-align:left; padding:0 10px;}
.productlist li h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productlist li .p{ color:#838282;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px}
.productlist li .line{ width:50px; height:2px; background-color:#f42b3b; margin:0 auto; margin-bottom:35px;}

.teamlist li{ float:left; width:25%; margin-bottom:30px;}
.teamlist li a{ display:block; margin:0 15px; text-align:center; /* box-shadow: 2px 2px 2px lightgrey,2px -2px 2px lightgrey,-2px 2px 2px lightgrey,-2px -2px 2px lightgrey;*/}
.teamlist li .img{border:1px solid #CFCFCF;padding:2px 2px;}
.teamlist li img{display:block; width:100%}
.teamlist li .title{ height:35px; line-height:35px;  text-align:center; padding:0 10px;}
.teamlist li h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.teamlist li .p{ color:#838282;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px}
.teamlist li .line{ width:50px; height:2px; background-color:#f42b3b; margin:0 auto; margin-bottom:35px;}
 
.productpage{ border:1px solid #dddddd; padding:20px 10px; margin-bottom:15px;}
.productpage .title{ text-align:center; font-size:18px; font-weight:bold; border-bottom:1px solid #d4d4d4; padding-bottom:15px; margin-bottom:60px;}
.productpage .img{ width:50%; text-align:center; float:left; display:none;}
.productpage .img img{ max-width:80%}
.productpage .txt{ width:100%; float:right; overflow:hidden; line-height:1.8}



/*内容标题样式*/
.meta{ margin:20px 0 0 0; padding:20px 50px 0 50px; border-bottom:1px solid #C2C1BF;}
.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h2{ margin:0 0 10px; padding:0; color:#333; font-size:24px; font-weight:300; line-height:1em; text-align:center; }
.meta .info{ margin:10px 0 10px; text-align:center; padding-bottom:10px; border-bottom:1px solid #ccc;}
.meta .info span{ margin-right:10px; color:#b0b0b0; font-size:13px; line-height:14px; }
.meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; }
.meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:13px; }
/*内容详细样式*/
.entry{ margin-top:20px; padding:0px 20px; font-size:13px; line-height:2em; word-wrap:break-word;  min-height:300px;}
.entry img{ max-width:100%!important; height:auto!important;margin: 0 auto; }
.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
.entry h2{ font-size:1.2em; }
.entry h3,.entry h4{ font-size:1.1em; }
.entry strong{ color:#045cbf; }
.entry ul,.entry ol{ margin:1em; padding:0; }
.entry li{ margin-left:1em; }
.entry ul li{ list-style:disc outside none; }
.entry ol li{ list-style:decimal outside none; }
.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
.entry a{ text-decoration:underline; }
.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:13px; line-height:1.7em; }
.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
.entry table th{ background:#F9F9F9; text-align:center; }
.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }

/*上下一条样式*/
.next-box{ position:relative; padding:20px 50px 20px; line-height:20px; color:#444; font-size:14px; background:url(../images/main-nav-line.jpg) no-repeat top;}
.next-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.next-box p{ display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.next-box p a{ color:#333; }
.next-box p.prev{ float:left; }
.next-box p.next{ float:right; }


/*文字列表样式*/
.side-txt-box{ border:1px solid #dddddd; padding:20px 10px; min-height:500px;}
.side-txt-title{ line-height:30px; height:31px;border-bottom:1px solid #B1937B;}
.side-txt-title .side-txt-htitle{ float:left; line-height:30px; font-size:18px; font-weight:bold;}
.side-txt-title img{ vertical-align:middle;}
.side-txt-title .side-txt-more{ float:right; height:11px; width:30px;}
.side-txt-list{ text-align:left;}
.side-txt-list li{ line-height:32px; padding:0px 10px; border-bottom:1px dotted #C2C1BF; background:url(../images/icon4.png) no-repeat 5px 20px;}
.side-txt-list li img{ vertical-align:middle; }
.side-txt-list li span{ float:right; color:#999; padding-top:10px; }
.side-txt-list li.tit a{ color:#666; font-size:16px; line-height:45px; padding-left:10px; }
.side-txt-list .frist{ height:93px; background-color:#EEE5DC;}
.side-txt-list .frist h3{ display:block; font-weight:600; height:35px; line-height:35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.side-txt-list h3 img{vertical-align:middle;}
.side-txt-list .frist p{ color:#555; height:56px; line-height:18px; overflow:hidden; color:#694f4f;text-indent:2em;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.side-txt-list .frist a{ color:#7B0002;}


.page-box{ margin:15px 30px; padding-bottom:30px; }
.page-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

@media(max-width:1440px) { 
.banner,.banner .item img{height:35vw;}
}
@media(max-width:1170px) {
.index01 .bd .txts .plo{ margin-left:-20px;}
.index03 .bd .item .img img{ height:16.4vw; width:100%;}
.nbanner .img img{ height:26vw; width:100%;}
.classify{ position:static; background-color:#eee}
.classify ul{ background:none; padding:10px 0; overflow:hidden; padding-bottom:0}
.classify ul li{ border-right:none; float:left; margin-bottom:10px;}
.classify ul li a{ background-color:#fff}
.classify ul li a{ font-size:14px; padding:0 10px; line-height:36px; text-align:center; border-radius:5px; margin:0 5px;}
.productlist li img{ height:20vw}
.relatedp .bd .item img{ height:20vw}
}
 
@media(max-width:999px) {
.index01 .video{ width:45%} 
.index01 .bd .txts{ width:55%}
.index02 .txt{ width:50%} 
.index02 .bd{ width:50%}
.productlist li{width:33.3%}
.productlist li a{ margin:10px 10px;}
.productbox{ padding:10px 5px;}
.productlist li{ margin-bottom:10px}

.teamlist li{width:33.3%}
.teamlist li a{ margin:10px 10px;}
.teamlist li{ margin-bottom:10px}

.relatedp .bd .item a{ margin:0 5px;}
.relatedp .bd{ padding:10px 5px;}
.mainbox{padding-bottom:20px;}
} 
 
@media(max-width:766px) {
.banner .slick-dots{ bottom:0px}	
.banner .slick-dots li{ width:20px; height:2px;}
.plo{ font-size:20px; text-align:center; margin-left:10px 0; }
.index01 .bd{ display:block}
.index01 .video{ width:auto; height:auto}
.index01 .bd .txts{ width:auto; padding:10px; height:auto}

.index01 .bd .txts ul:after{ display:none}
.index01 .bd .txts ul{ text-align:center}
.index01 .bd .txts ul li{ margin:0 5px;}
.index01 .bd .txts ul li i{ font-size:22px}
.index01 .bd .txts h3{ font-size:20px; text-align:center}
.index01 .bd .txts .ms{ margin-bottom:10px;}

.index02 .txt{ float:none; width:auto; margin-bottom:10px}
.index02 .bd{ width:auto; float:none}
.index02 .bd .item a{ margin:0 5px; padding:10px}
.index02 .txt .ms{ margin-bottom:15px}
.index02 .txt img{ margin-bottom:5px}
.index03 .bd .item a{ margin:0 5px; border-radius:5px}
.index03 .bd{ margin-left:-5px; margin-right:-5px}
.index03 .bd .item .img img{ height:auto;}
.index03{ padding-top:20px; padding-bottom:40px}

.path{ display:none}
.sorts li { margin:0 5%}
.sorts li a{ font-size:14px; line-height:40px;}
.productlist li{ width:50%}
.productlist li .img{width:100%}
.productlist li img{ height:37vw}
.productlist li a{ padding:0px}
.productlist li .line{ margin-bottom:10px}
.productlist li h3{ font-size:15px}

.teamlist li{ width:50%}
.teamlist li .img{width:100%}
.teamlist li img{ height:37vw}
.teamlist li a{ padding:0px}
.teamlist li .line{ margin-bottom:10px}
.teamlist li h3{ font-size:15px}

.productpage .img{ float:none; width:auto}
.productpage .txt{ float:none; width:auto}

.relatedp .bd .item{ width:50%; margin-bottom:10px}
.relatedp .bd .item img{ height:37vw}
.relatedp .bd .item a{ padding:10px}
.relatedp .bd .item .line{ margin-bottom:10px}
.relatedp .bd .item h3{ font-size:15px}

.mainbox{padding-bottom:10px;}
}