@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF; }

/**/

.header{width:100%;height: 90px;background-color:#fff;position:fixed; left:0; top:0;  z-index:100;  transition:all 0.3s linear;  -webkit-transition:all 0.3s linear; }
.hd-con{display: flex;  flex-direction: row;  flex-wrap: nowrap; justify-content:space-between;  align-items:center;}
.logo{display:block;width:360px;padding-top:5px;padding-bottom:5px;float: left;}
.logo img{ width:100%;}
.nav{float: right;}
.nav > ul > li{ float: left; position: relative; cursor: pointer; }
.nav > ul > li > a{ font-size: 14px; height: 90px; line-height: 90px; display: block; text-align: center; padding-left:20px; padding-right:20px; color: #000; }
.nav > ul > li:hover > a{ color: #000 !important; border-bottom:4px solid  #e12826;height: 86px;line-height: 86px; }
.nav > ul > li > a.btn-search{ border-left:1px solid rgba(0,0,0,0.2); box-sizing: border-box; }
.nav > ul > li > a.btn-search > i{ font-size: 24px; }
.nav > ul > li > .searchForm{ width:200px; height: 40px; background-color: #FFF; border-top: 2px solid #7a540e; position: absolute; right:0; top:88px; display: none; }
.nav > ul > li > .searchForm > input{ width:100%; height: 40px; line-height: 40px; border:0; background-color: #FFF; box-sizing: border-box; padding:0 10px; cursor: pointer; }
.nav > ul > li:hover > .searchForm{ display: block; }
.swiper1{min-width:1200px;}
/*滚动后导航*/
.scrolltop{ background-color:rgba(225,225,225,1); border-bottom:1px solid rgba(120,120,120,1);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:210;}
.scrolltop > h3.tx{ color:#333;}
.header-blank{background-color:transparent;height:90px;}
/*主体*/
.main{   height:auto; background-image: url(../images/main.png); background-repeat: no-repeat; background-position: center center;  }
/*底部*/
.foot-blank{ height:auto; width:100%; }
.footer{width: 100%;padding-top:1.2%;padding-bottom:1.2%;box-sizing:border-box;background-color: #2f3a40;}
.footer > .c-con{ display: flex; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; align-items: center; font-size: 14px; color: rgba(255,255,255,0.7); }
.footer > .c-con a{ color: rgba(255,255,255,0.7) !important; }
.footer > .c-con a:hover{ color: rgba(255,255,255,0.9) !important; }
.footer > .c-con > .footer-nav,.footer > .c-con > .footer-btn{ width:100%; }
.footer > .c-con > .footer-nav{width:30%;}
.footer > .c-con > .footer-btn{ text-align: right; width:20%; }
.footer > .c-con > .footer-btn i{ font-size: 20px; }
.footer > .c-con > .footer-btn > span{ float: left; }
.footer > .c-con > .copyright{ flex:1; color: rgba(255,255,255,0.7); line-height:24px; text-align: center;}


/*首页*/
/*焦点图*/
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;}
.swiper1 .swiper-pagination-bullet{opacity:1; background-color:#FFF; margin:0 5px!important;width:12px; height:12px; border-radius:50%; box-sizing:border-box; border:1px solid #444; background-color: transparent; }
.swiper1 .swiper-pagination-bullet-active{background-color:rgba(68,68,68,0.8);}
.swiper1 .swiper-slide{ position:relative;}
.swiper1 .swiper-slide > img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:transparent; border-radius:50%; height:2.4rem; width:2.4rem; line-height:2.2rem; text-align:center; background-image:url(none); cursor:pointer; margin-top:-1.5rem; box-sizing:border-box; border:0.1rem solid rgba(255,255,255,0.2); display:none; } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{ color:rgba(255,255,255,0.8);border:0.1rem solid rgba(255,255,255,0.8); } 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:1.0rem; }

.about-mcol-header,.mcol-header{width:100%; padding-top: 3.5%; padding-bottom: 3.5%; }
.about-mcol-header > h3,.about-mcol-header > p,.mcol-header > h3,.mcol-header > p{ width:100%; height: 40px; line-height: 40px; text-align: center; font-weight: bold; font-size:32px; color:#fff; }
.about-mcol-header > h3{text-transform: uppercase;}
.about-mcol-header > p{font-size: 26px; font-weight: normal; }
.mcol-header > h3{ text-transform: uppercase;color:#2b64ab; }
.mcol-header > p{ font-size: 26px; font-weight: normal; color: #000; }
.yewu-list{ width: 100%; padding-bottom:5%; }
.yewu-list > ul > li{ width:22.75%; float: left; box-sizing: border-box; border:1px solid #dedede; background-color: #f2f2f2; padding:2%; padding-top: 3%; margin-right:3%; cursor: pointer;  transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.yewu-list > ul > li:nth-of-type(4n){ margin-right:0; }
.yewu-list > ul > li > p{ width: 80px; margin:0 auto; }
.yewu-list > ul > li > p img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.yewu-list > ul > li > h3{ width:100%; height: 40px; line-height: 40px; font-weight: bold; font-size: 20px; text-transform: capitalize; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.yewu-list > ul > li > div{ width:100%; height: 72px; line-height: 24px; font-size: 14px; overflow: hidden; }
.yewu-list > ul > li:hover{ background-color: #f5ede2; }
.yewu-list > ul > li:hover > p img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04); }

.about{ background-image: url(../images/about.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-color: #f2f2f2; }
.about-cen{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; padding-bottom: 5%; }
.ac-flash{ width: 490px; box-sizing: border-box; padding:10px; background-color: #d3e7ff; }
.swiper3 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;}
.swiper3 .swiper-pagination-bullet{opacity:1; background-color:#FFF; margin:0 5px!important;width:24px; height:24px; line-height: 22px; border-radius:0%; text-align: center; background-color: rgba(255,255,255,0.3);color:#FFF; box-sizing:border-box; border:0px solid #444; font-size: 12px; }
.swiper3 .swiper-pagination-bullet-active{background-color:#2b64ab; color: #FFF;}
.swiper3 .swiper-slide{ position:relative;}
.swiper3 .swiper-slide img{ width:100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper3 .swiper-slide:hover img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiper3 .swiper-button-next,.swiper3 .swiper-button-prev{ color:rgba(255,255,255,0.6); background-color:transparent; border-radius:2px; height:48px; width:30px; line-height:48px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-1.5rem; box-sizing:border-box; border:1px  solid rgba(255,255,255,0.1); background-color: rgba(0,0,0,0.2); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } 
.swiper3 .swiper-button-next:hover,.swiper3 .swiper-button-prev:hover{ color:rgba(255,255,255,1);border:1px solid rgba(255,255,255,0.2); background-color: rgba(0,0,0,0.5)} 
.swiper3 .swiper-button-next i,.swiper3 .swiper-button-prev i{ font-size:20px; }
.ac-about{ flex: 1; box-sizing: border-box; padding-left:5%; text-align: left; position: relative;  }
.ac-about > h3{ width:100%; font-weight: bold; font-size: 22px;  }
.ac-about > h3 > a{ color: #fff; }
.ac-about > div{ width:100%; height: auto; line-height: 24px; font-size: 14px; margin-top: 2%;color:#fff;line-height:30px; }
.ac-about > .about-btn{ width: 140px; height: 40px; box-sizing: border-box; border:1px solid #fff; color: #fff; line-height: 38px; text-align: center; display: block; text-align: center; font-size: 14px; position: absolute; left:9%; bottom:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.ac-about > .about-btn:hover{ background-color: #fff; color: #2b64ab!important; }

.prods{ padding-bottom: 2%; border-bottom:1px dashed #c1c1c1; }
.swiper4{ padding-bottom:7%; }
.swiper4 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;}
.swiper4 .swiper-pagination-bullet{opacity:1; background-color:#FFF; margin:0 5px!important;width:20px; height:20px; border-radius:50%; box-sizing:border-box; /*border:1px solid #444; background-color: transparent;*/ background-image: url(../images/prod-btn2.png); background-repeat: no-repeat; background-position: left top; }
.swiper4 .swiper-pagination-bullet-active{/*background-color:rgba(255,255,255,0.8);*/background-image: url(../images/prod-btn.png);}
.swiper4 .swiper-slide{ position:relative; box-sizing: border-box; border:1px solid #2b64ab; padding:10px; padding-bottom: 0;width: 285px;height: 324px;}
.swiper4 .swiper-slide > a > p{ width:100%; background-color: #f2f2f2; box-sizing: border-box; padding:10px;height: 265px;overflow: hidden; }
.swiper4 .swiper-slide > a > p > img{ width:100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper4 .swiper-slide > a > h3{ width:100%; box-sizing: border-box; padding:0 10px; height: 48px; line-height: 48px; font-weight: normal; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.swiper4 .swiper-slide:hover{ background-color: #2b64ab; }
.swiper4 .swiper-slide:hover > a{color:#fff !important;}
.swiper4 .swiper-slide:hover > a > p > img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiper4 .swiper-button-next,.swiper4 .swiper-button-prev{ color:rgba(255,255,255,0.6); background-color:transparent; border-radius:2px; height:48px; width:30px; line-height:48px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-1.5rem; box-sizing:border-box; border:1px  solid rgba(255,255,255,0.1); background-color: rgba(0,0,0,0.2); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; display: none; } 
.swiper4 .swiper-button-next:hover,.swiper4 .swiper-button-prev:hover{ color:rgba(255,255,255,1);border:1px solid rgba(255,255,255,0.2); background-color: rgba(0,0,0,0.5)} 
.swiper4 .swiper-button-next i,.swiper4 .swiper-button-prev i{ font-size:20px; }


.news{ width:100%; height: auto;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:center; padding-top: 5%; padding-bottom:3%; }
.news > .news-left{ width:50%; box-sizing: border-box;  box-sizing: border-box; padding-top:4%; padding-right:3%; padding-bottom:2%; padding-left:12%;  position: relative; }
.news > .news-left::after{ content:' '; box-sizing: border-box; width:40%; height: 100%; border:1px solid #708988;  position: absolute; left:12%; top:0;}
.nl-flash{ width: 100%; position: relative; z-index: 10; }
/*.nl-flash > img{ width:100%; }*/
.swiper2 .swiper-pagination {right:0; display:inline-block;  padding-top:0; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10; box-sizing:border-box;}
.swiper2{ width:100%; padding-bottom:20px;}
.swiper2 .swiper-pagination-bullet{opacity:1; background-color:#2b64ab; margin:0 5px!important;width:8px; height:8px; border-radius:5px; box-sizing:border-box; border:1px solid #2b64ab; background-color: #2b64ab; }
.swiper2 .swiper-pagination-bullet-active{background-color:#2b64ab; width:20px;}
.swiper2 .swiper-slide{ position:relative; overflow: hidden;}
.swiper2 .swiper-slide img{ width:100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper2 .swiper-slide:hover img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:transparent; border-radius:50%; height:2.4rem; width:2.4rem; line-height:2.2rem; text-align:center; background-image:url(none); cursor:pointer; margin-top:-1.5rem; box-sizing:border-box; border:0.1rem solid rgba(255,255,255,0.2); display:none; } 
.swiper2 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover{ color:rgba(255,255,255,0.8);border:0.1rem solid rgba(255,255,255,0.8); } 
.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i{ font-size:1.0rem; }

.nl-header{ background-color: #FFF; padding-top:5px; padding-bottom: 10px; width: 24%; position: absolute; left:0; top:50%; margin-top:-50px; z-index: 20; }
.nl-header > h3,.nl-header > p{ width:100%; font-weight: normal; font-size: 18px; text-align: center; color: #000; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.nl-header > h3{ color: #2b64ab; }
.nl-header > a{ width: 60%; font-size: 14px; text-align: center; display: block; color: #FFF; background-color: #2b64ab; margin:0 auto; padding-top: 5px; height: 30px; box-sizing: border-box; line-height: 20px; padding-bottom: 5px; margin-top:10px; text-transform: uppercase;}
.nl-header > a::hover{ color: #FFF !important; }

.news > .news-right{ width:50%; box-sizing: border-box; height: auto;}
.news > .news-right > ul > li{ width:100%; font-size: 14px; padding-top: 1.8%; padding-bottom:1.8%; box-sizing: border-box; border-bottom:1px dashed #EEE; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; padding-left:15px; position: relative; font-size: 14px;}
.news > .news-right > ul > li::after{ content: ' '; width: 3px; height: 3px; background-color: #050505; position: absolute; left:0; top:50%; margin-top: -2px; }
.news > .news-right > ul > li > span{ display: inline-block; float: right; padding-left:20px; font-size: 12px; color: #999; }

.union{ background-color: #2b64ab; width:100%;  }
.union > .c-con{ position: relative; }
.union > .c-con > img{ width:100%; }
.union > .c-con > .union-title{ width:100%; height: 100%; position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.union > .c-con > .union-title > h3,.union > .c-con > .union-title > p{ width:100%; font-weight: normal; font-size: 30px; color: #FFF; }
.union > .c-con > .union-title > p{ font-size: 14px; margin-top: 3%; font-weight: normal;  color: rgba(255,255,255,0.8)}

.contact{ padding-bottom:5%; }
.contact > ul > li{ width:32%; float: left; margin-right:2%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; cursor: pointer; }
.contact > ul > li:nth-of-type(3n){ margin-right:0; }
.contact > ul > li > .contact-item-img{ width: 100px; overflow: hidden; }
.contact > ul > li > .contact-item-img > img{ width:100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.contact > ul > li:hover > .contact-item-img > img{ transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04); }
.contact > ul > li > .contact-item-about{ flex:1; box-sizing: border-box; padding-left:20px; }
.contact > ul > li > .contact-item-about > h3,.contact > ul > li > .contact-item-about > p{ width:100%; font-weight: normal; font-size: 20px; color: #333; }
.contact > ul > li > .contact-item-about > p{ line-height: 30px; font-size: 14px; margin-top: 10px; }

/** 内页 **/
#innerNews {background: url("../images/inner_news.jpg") no-repeat scroll center 0;}
.innerBanner {display: block;height:295px;overflow:hidden; position:relative; z-index:10;}
.n_nav {background:url("../images/n_nav_list.png") repeat scroll 0 0;bottom: 0;height: 60px;left: 50%;margin-left: -550px;max-width: 1100px;overflow: hidden;position: absolute;width: 100%;z-index: 9;}
.n_nav_cate {background: #2b64ab none repeat scroll 0 0;bottom: 0;color: #fff;font-size: 18px;height: 60px;left: 0;line-height: 60px;position: absolute;text-align: center;    width: 166px;z-index: 10;}
.n_nav_list {height: 60px;overflow: hidden;padding-left: 180px;width: 100%;}
.n_nav_list a {color: #32353a;display: block; float:left; font-size:14px;height: 60px;line-height: 60px;margin:0 20px;}
.n_nav_list a.cur, .n_nav_list a:hover {color: #026fb0;}
.n_nav_list a sub {background-color: #054994;bottom: 2px;display: block;height: 2px;margin: 0 auto;position: relative;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;width: 0;z-index: 12;}
.n_nav_list a.cur sub, .n_nav_list a:hover sub {width:100%;}

#mainWrapper {margin:0 auto 30px;overflow:hidden;padding:0; position:relative;text-align:left;vertical-align:top;width:1100px;}
#mainWrapper h3.hd {border-bottom:1px solid #eee;color:#2b64ab; display:block; font-size:24px; height:50px; line-height:50px; margin-top:30px; padding:0;}
#mainWrapper .categories-list { margin:30px auto 0;}
#mainWrapper > .bd >ul {padding:1% 0;}
.news_title{color:#333;margin:5px 0;padding:0;text-align:center;font-size:24px;}
.news_info{text-align:center;color:#888;margin:0 auto;padding:10px 0; font-size:14px;}
#art_content{word-break:break-all;font-size:14px; line-height:24px;padding:10px 0;color:#666 !important; font-family: "微软雅黑","宋体"  !important;}
#art_content p{word-break:break-all;font-size:14px; line-height:30px  !important;;padding:10px 0;color:#666 !important; font-family: "微软雅黑","宋体"  !important;}

#art_content img{max-width:1100px;margin:0 auto;display: block;}
#art_content .btn a {border:1px solid #ccc; display:block;font-size: 15px;font-weight: 700;margin:0 auto 100px;padding: 10px 25px;width: 70px;}
#art_content .btn a:hover {border:1px solid #EB3203;color:#EB3203;}
.news_pre, .news_next {font-size:14px;margin:10px 0 0;clear:both;}
.news_pre a, .news_next a {color:#888;}
.news_pre a:hover, .news_next a:hover {color:#ff6a00; text-decoration:underline;}
.navNextPrevWrapper {border-top:1px solid #eee;color:#333;padding:20px 0;font-size: 14px;}
.navNextPrevWrapper SPAN, .navNextPrevList SPAN {color:#666; font-size:14px; line-height:2em; font-weight:700;}
.navNextPrevWrapper a, .navNextPrevWrapper a, .navNextPrevList a {font-size:14px;color:#666;}
.navNextPrevWrapper A:hover, .navNextPrevWrapper A:hover {color:#ff6a00; text-decoration:underline;}
.float-left {float:left;}.float-right {float:right;}.clearBoth {clear:both;}

/***新闻列表页***/
.newsL {border-top: 1px solid #eee; display:block; float:left;height:200px; overflow:hidden;padding: 20px 40px 35px 0; width:500px;}
.newsT {font-size: 18px;line-height: 42px;}
.newsT a {color: #428bca;}
.newsT a:hover {color:#3bbeef;}
.newsC { font-size:14px;line-height: 28px; overflow:hidden;}
.newsL .date {color: #ccc;font-size: 14px;padding: 15px 0;}


honorList, .proList, .equiList {display:block; overflow:hidden;padding:0;}
.honorList li.items, .proList li.items, .equiList li.items {display:block;float:left;height:auto;margin:0 10px 20px;text-align:center;width:248px;}
.honorList li.items span.itemImg, .proList li.items span.itemImg, .equiList li.items span.itemImg { background-color:#fff;border:1px solid #e8e8e8; display:block;overflow:hidden;height:180px; width:236px;padding:5px;transition:all 500ms ease-in-out 0s;}
.honorList li.items span.itemImg:hover, .proList li.items span.itemImg:hover, .equiList li.items span.itemImg:hover {border:1px solid #2b64ab;}
.honorList li.items span.itemImg img, .proList li.items span.itemImg img, .equiList li.items span.itemImg img {margin:0 auto;overflow:hidden;transition:all 800ms ease-in-out; width:236px; height:180px;}
.proList li.items span.itemImg img{height:auto}
.honorList li.items span.itemImg img:hover, .proList li.items span.itemImg img:hover, .equiList li.items span.itemImg img:hover {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.honorList li.items span.itemName, .proList li.items span.itemName, .equiList li.items span.itemName {background:url("../images/shadow_03.jpg") no-repeat center top scroll; display:block;text-align:center;}
.honorList li.items span.itemName a, .proList li.items span.itemName a, .equiList li.items span.itemName a {color:#666; display:block; font-size:14px; line-height:40px;}
.honorList li.items span.itemName a:hover, .proList li.items span.itemName a:hover, .equiList li.items span.itemName a:hover {color:#ff6400;}
.indexCont2 .proList {padding:0;}


.List_page{border-top:1px solid #e3e3e3;text-align:center;margin:10px 0;font-family:"arial"; font-size:11px;clear:both;padding:3px 0;}
.List_page li{margin:0 5px;padding:0 4px;color:#888;font-family:"arial";font-size:11px;display: initial;}
.List_page li:hover {color:#ff6a00;}
.List_page span{background:#ff6a00;color:#fff;margin:1px;padding:0 4px;font-family:"arial";font-size:11px;}


@media (max-width:1200px){	
        .header{width:1200px;}
        .union{width:1200px;}
        .about{width:1200px;}
        .footer{width:1200px;}
        #innerNews{width:1200px;}
}