@charset "utf-8";
/* CSS Document */

/*-----whole-----*/
/*-----whole-----*/
html{font-size:100px;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;}

.contain{width:1400px;margin:0 auto;}
.pub_bann{height:430px;}
.pub_bann h2{text-align:center;font-size:44px;color:#fff;padding-top:170px;margin-bottom:20px;}
.pub_bann h3{text-align:center;font-size:18px;letter-spacing:0.5em;text-transform:uppercase;color:#fff;opacity:0.6;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}

input.text,
textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;}

/*--- Header ---*/
/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{height:140px;position:relative;}

.header-container{width:100%;background:#fff;position:fixed;top:40px;left:0px;z-index:90;box-shadow:0px 0px 8px #666;}

/*logo*/
.Hlogo{height:100px;line-height:100px;font-size:0px;float:left;overflow:hidden;}
.Hlogo img.rollover{display:none;}

.Hlang{padding:40px 15px 0;height:100px;position:relative;float:right;margin:0;}
.Hlang-menu{display:block;width:18px;height:18px;background:url(../images/icon-Hlang.png) no-repeat center center;}
.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:100px;right:-76px;display:none;padding:20px 0px;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#0062b2;}
.Hlang-box a.CN{background-image:url(../images/icon-CN.png);}
.Hlang-box a.JP{background-image:url(../images/icon-jp.png);}
.Hlang-box a.EN{background-image:url(../images/icon-EN.png);}

.Hsrch{padding:42px 15px 0;float:right;}
.Hsrch-menu{display:block;width:16px;height:16px;background:url(../images/icon-Hsrch2.png) no-repeat center center / cover;}
.Hsrch-box{width:100%;height:100px;background:#fff;position:absolute;top:0px;left:0px;display:none;}
.Hsrch-block{padding:0 0 0 4rem !important;width:12rem !important;height:32px;margin:35px auto 0;}
.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon-Hsrch2.png) no-repeat center center;float:left;}
.Hsrch-block .close{display:block;width:24px;height:32px;background:url(../images/icon-close2.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}

.header-container.header-searching .Hlogo{position:relative;z-index:5;}
.header-container.header-searching .Hlogo img.rollover{display:inline-block;}

.Hnav{float:right;margin:0}
.Hnav>li{padding:0 15px;float:left;line-height:100px;font-size:16px;color:#444;}
.Hnav .Hname{display:block;}
.Hn2nd-box{width:100%;background:#fff;position:absolute;top:100px;left:0px;display:none;opacity:0;border-top:1px solid #eee;}
.Hn2nd-box ul{padding:30px 0 40px;font-size:0px;}
.Hn2nd-box ul li{text-align:center;float:left;margin:0 0 0 1.1rem;}
.Hn2nd-box ul li:first-child{margin:0px;}
.Hn2nd-box ul li .type{line-height:26px;font-size:16px;}
.Hn2nd-box ul li img{height:143px;max-width:200px;}
.Hn2nd-box ul li .list a{display:block;padding:5px 0;line-height:22px;font-size:14px;}
.Hn2nd-box ul li .list a:hover{color:#1a72ba;}
.Hn2nd-box ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}

.Hnav>li.cur .Hname,
.Hnav>li:hover .Hname{color:#4DAFFF;}

@media all and (min-width:980px){
	.Hnav>li:hover .Hn2nd-box{display:block;animation:fadeInBottom .6s ease-in-out forwards;-webkit-animation:fadeInBottom .6s ease-in-out forwards;}
	.Hlang:hover .Hlang-box{display:block;}
}
@keyframes fadeInBottom{
	0%{transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;}
	100%{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}

.Header-wrapper.Header-page{}
.Header-wrapper.Header-page .Header-cl{display:none;}
.Header-wrapper.Header-page .header-container{position:relative;}
/*logo*/
.Hlogo{height:99px;line-height:99px;font-size:0px;float:left;overflow:hidden;}

.hd-top{position:fixed;top:0px;left:0px;width:100%;height:40px;line-height:40px;font-size:12px;color:#999;background:#f7f7f7;z-index:99;}
.hd-top .fr a{display:inline-block;position:relative;padding-left:10px;margin-left:15px;}
.hd-top .fr a:after{position:absolute;left:0px;top:50%;width:4px;height:4px;border-radius:50%;content:"";background:#b3b3b3;margin-top:-2px;}
.hd-top .fr a:hover{color:#4DAFFF;}
.hd-top .fr a:hover:after{background:#4DAFFF;}

.Hnav .top-login{position:relative;}
.Hnav .top-login .Hn2nd-center{width:200px;color:#333;left:-25px;top:100px;}
.Hnav .top-login .Hn2nd-center ul{padding:0px 20px;}
.Hnav .top-login .Hn2nd-center ul li{color:#333;border-bottom:1px solid #eee;margin:0px;font-size:14px;float:none;height:50px;line-height:50px;}
.Hnav .top-login .Hn2nd-center ul li a:hover{color:#4DAFFF;}

/*--- Banner ---*/
.bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;}
#index-bnr{position:relative;}
#index-bnr .bnr-img{height:650px;}
#index-bnr .bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;}
#index-bnr .swiper-slide .bg{transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
/*#index-bnr .swiper-slide.swiper-slide-active .bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}*/

/*Bnr1*/
.iBnr-1{width:1200px;text-align:center;font-weight:lighter;color:#fff;position:absolute;left:50%;margin-left:-600px;top:40%;z-index:2;}
.iBnr-1 .t1{line-height:80px;font-size:60px;}
.iBnr-1 .t2{font:lighter 16px/34px '微软雅黑';letter-spacing:4px;text-transform:uppercase;}

/*--- Web Banner ---*/
.bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;}
#web-bnr{position:relative;display:none;}
#web-bnr .bnr-img{height:400px;}
#web-bnr .bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;}
#web-bnr .swiper-slide .bg{transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
#web-bnr .swiper-slide.swiper-slide-active .bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}
#web-bnr .swiper-pagination{font-size:0px;bottom:7.8% !important;}
#web-bnr .swiper-pagination-bullet{width:40px;height:5px;background:none;border-radius:5px;position:relative;overflow:hidden;margin:0 4px;opacity:1;}
#web-bnr .swiper-pagination-bullet:after{content:"";display:block;width:100%;height:100%;background:rgba(255,255,255,.45);position:absolute;top:0px;left:0px;border-radius:5px;}
#web-bnr .swiper-pagination-bullet i{display:block;width:100%;height:100%;background:#fff;position:absolute;left:-100%;top:0px;z-index:2;border-radius:5px;}


#index-bnr .swiper-pagination{font-size:0px;bottom:7.8% !important;}
#index-bnr .swiper-pagination-bullet{width:40px;height:5px;background:none;border-radius:5px;position:relative;overflow:hidden;margin:0 4px;opacity:1;}
#index-bnr .swiper-pagination-bullet:after{content:"";display:block;width:100%;height:100%;background:rgba(255,255,255,.45);position:absolute;top:0px;left:0px;border-radius:5px;}
#index-bnr .swiper-pagination-bullet i{display:block;width:100%;height:100%;background:#fff;position:absolute;left:-100%;top:0px;z-index:2;border-radius:5px;}
#index-bnr .swiper-pagination-bullet-active{}
#index-bnr .swiper-button-prev{background:url(../images/bnr_prev.png) no-repeat center / cover;width:100px;height:100px;z-index:99;}
#index-bnr .swiper-button-next{background:url(../images/bnr_next.png) no-repeat center / cover;width:100px;height:100px;z-index:99;}

.bnr-img.page-bnr{height:848px;}
.pBnr-box{width:960px;text-align:center;color:#fff;position:absolute;top:32.19339622641509%;left:50%;margin:0 0 0 -480px;}
.pBnr-box .t1{line-height:65px;font-size:50px;font-weight:600;}
.pBnr-box .t2{line-height:30px;margin:25px 0 0;}
.pBnr-box .page-dd{display:block;width:58px;height:58px;background:url(../images/icon-pdd.png) no-repeat center center;margin:40px auto 0;
animation:pageDD 1.8s linear infinite;-webkit-animation:pageDD 1.8s linear infinite;}
@keyframes pageDD{
	0%{transform:translateY(0px) scale(1);-webkit-transform:translateY(0px) scale(1);opacity:1;}
	50%{transform:translateY(30px) scale(.9);-webkit-transform:translateY(30px) scale(.9);opacity:.2;}
	100%{transform:translateY(0px) scale(1);-webkit-transform:translateY(0px) scale(1);opacity:1;}
}

.bnr-img.page-bnr2{height:500px;}
.banner{ width:100%; height:580px; background:url(../images/banner.jpg) center top no-repeat;}

/*首页*/
.indnews{padding:65px 0px;}
.ind-name{text-align:center;font-size:42px;color:#333; padding:25px 0px;}
ul.ind-cate{text-align:center;margin:25px auto 50px;}
ul.ind-cate li{text-align:center;color:#888;display:inline-block;padding:0px 5px;}
ul.ind-cate li.on,ul.ind-cate li:hover{color:#007cc2;}

/*首页新闻*/
.indn_fl{width:41.42%;float:left;height:603px;background:#f5f5f5;}
.indnews .com-img{position:relative;}
.indnews a{display: block;}
.indnews .com-img span.tit{position:absolute;background:url(../images/index-nt-bg.png) no-repeat center;left:0px;top:0px;width:190px;height:57px;line-height:57px;text-align:center;color:#fff;font-size:18px;}
.indnews .com-img a.more{position:absolute;right:20px;bottom:20px;background:url(../images/index-more-bg.png) no-repeat center;width:48px;height:48px;}
.indn_fl .note{padding:35px;}
.indn_fl .note h4{font-size:26px;}
.indn_fl .note p{color:#666;font-size:14px;line-height:30px;margin:25px auto 20px;}
.indn_fl .note span{color:#999;}

.indn_fr{width:57.14%;float:right;height:603px;}
.indn_fr .fl{width:50%;float:left;}
.indn_fr .fl img{width:100%;height:292px;object-fit:cover;}
.indn_fr .fr{width:50%;float:right;}
.indn_fr .fr{padding:40px;background:#f5f5f5;height:292px;}
.indn_fr .fr h4{font-size:24px;color:#333;padding-bottom:20px;border-bottom:1px solid #e3e3e3;}
.indn_fr .fr p{color:#666;line-height:30px;margin:20px 0px;}
.indn_fr .fr span{color:#999;}
.ind-newst .fl{float:right;}
.ind-newst .fr{float:left;}

/*首页关于我们*/
.ind-about{position:relative;text-align:center;}
.ind-about img{max-width:100%;height:553px;object-fit:cover;}
.ind-about h2{font-size:42px;color:#fff;}
.ind-about p{font-size:14px;color:#fff;margin:40px auto 80px;line-height:30px;}
.ind-about .box{position:absolute;max-width:900px;left:50%;margin-left:-450px;top:20%;}

/*首页数据展示*/
.ind-date{background:#f5f5f5;padding:45px 0px;}
.ind-date .contain{background:url(../images/numbg.jpg) no-repeat center;overflow:hidden;}
.ind-date ul li{width:25%;float:left;text-align:center;}
.ind-date ul li h4{font-size:48px;font-weight:bold;color:#333;margin:10px auto;}
.ind-date ul li h4 span{font-size:30px;color:#333;font-weight:bold;vertical-align:middle;}
.ind-date ul li p{font-size:18px;color:#333;}

/*首页企业文化*/
.ind-culture{padding:50px 0px;overflow:hidden;}
.ind-culture ul li{width:23.7%;float:left;margin-left:1.7%;}
.ind-culture ul li:first-child{margin-left:0px;}
.ind-culture ul li h4{font-size:20px;color:#333;position:relative;}
.ind-culture ul li h4:after{position:absolute;content:"";left:-21px;top:0px;width:2px;height:25px;background:#007cc2;}
.ind-culture ul li .box{padding:20px;border:1px solid #e1e1e1;}
.ind-culture ul li p.info{color:#666;line-height:30px;margin:15px auto;}
.ind-culture ul li a{display: block;height:46px;border:1px solid #e1e1e1;text-align:center;line-height:46px;color:#777;}
.ind-culture ul li a:hover{background:#007cc2;color:#fff;border-color:#007cc2;}

/*首页产品*/
.ind-pro{background:#f5f5f5;padding:50px 0px;}
.cp-list{ display:block; width:1400px; margin:0 auto;}
.cp-list li{ width:270px; float:left; margin-left:10px; text-align:center;}
.cp-list li img{ width:90%; display:block;}




/*--- Footer ---*/
.Footer-wrapper{z-index:98;}
.footer-container{padding:56px 0 50px;background:#333;}
.Fnav{float:left;margin-right:2%;width:8%;}
.Fnav dt{line-height:29px;font-size:15px;color:#fff;margin-bottom:25px;}
.Fnav dd{margin:10px 0 0;}
.Fnav dd a{display:block;line-height:25px;color:#fff;opacity: 0.6;-moz-opacity: 0.6;
filter:alpha(opacity=60);}
.Fnav dd a:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.footer-container dl.Fnav:nth-child(7){width:16%;margin-right:0;}

.Fcode{padding:7px 0 32px 50px;width:20%;border-left:1px solid #474747;float:right;}
.Fcode h2{font-size:16px;color:#fff;margin-bottom:25px;}
.Fcode p{color:#fff;opacity:0.65;line-height:30px;}
.Fcode .Fcode-img{margin-top:20px;}
.Fcode p span{padding-left:45px;}
.Fcode .Fcode-img span{display:inline-block;width:30px;height:30px;background:url(../images/foot_share.png) no-repeat left top;margin-right:10px;cursor:pointer;}
.Fcode .Fcode-img span.Ft_wechat{position:relative;}
.Fcode .Fcode-img span.Ft_wechat img{position:absolute;left:0px;top:-205px;display:none;max-width:200px;}
.Fcode .Fcode-img span.Ft_wechat:hover img{display:block;}
.Fcode .Fcode-img span.Ft_qq{background-position:-43px top;}
.Fcode .Fcode-img span.Ft_weibo{background-position:-88px top;}
.Fcode .type{line-height:19px;font-size:12px;color:#666666;margin:15px 0 0;}
.Footer-wrapper.on .Fnav dd{display:block !important;}
.footer-btm{background:#303030;padding:15px 0px;color:#fff;}
.footer-btm .contain{position:relative;}
.footer-btm .Fcr{opacity: 0.6;-moz-opacity: 0.6;filter:alpha(opacity=60);}
.footer-btm .Flink{position:absolute;right:0px;top:0px;}
.footer-btm .Flink a{opacity: 0.6;-moz-opacity: 0.6;filter:alpha(opacity=60);}
.footer-btm .Flink a:hover{opacity:1;}
/*--- Banner ---*/
.bnr-img{display:block;width:100%;height:auto;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;}

/*--- Container ---*/
/*通用栏目导航*/
.pub_catmenu{height:70px;line-height:70px;border-bottom:1px solid #ececec;background:#f8f8f8;}
.pub_catmenu ul li{float:left;line-height:70px;line-height:70px;position:relative;margin-left:58px;font-size:16px;}
.pub_catmenu ul li:first-child{margin-left:0px;}
.pub_catmenu ul li:hover:after,.pub_catmenu ul li.cur:after{position:absolute;left:0px;bottom:0px;height:2px;background:#007cc2;width:100%;content:"";}
.pub_catmenu ul li a{color:#666;}
.pub_catmenu ul li a:hover,.pub_catmenu ul li.cur a{color:#007cc2;}

/*列表*/
.block20{ display:block; height:20px; line-height:20px; clear:both; font-size:0px;}
.news-list{ display:block; padding:0 20px;}
.news-list li{ font:normal 14px/36px "微软雅黑"; padding-left:15px; background:url(../images/dian.gif) left center no-repeat; }
.news-list li span{ float:right; color:#a2a2a2;}
.crumbs-box{width: 1400px; border-bottom:1px solid #f1f1f1; margin: 0 auto 20px;line-height: 50px;}
.crumbs-box i{ margin-right:5px;}
.page-left{ width:240px; float:left; background:#fafafa;}
.page-right{ width:1130px; padding-bottom:20px; float:right; border:1px solid #eee;}
.page-left h2 {border-bottom: 1px solid #222; text-align: center;font: normal 22px/50px "微软雅黑"; color: #1954a2;}
.page-left h2 i{ margin-right:5px;}
.menu li{ border-bottom:1px solid #ededed; margin-bottom: 5px;cursor: pointer;font: normal 16px/50px "微软雅黑"; color:#000; text-align:center;}
.menu li a{display:block;color:#000;}
.menu li a:hover{display:block; background:#95c3f5; color:#fff;}
h2.info-title{ padding-left:20px; border-bottom:2px solid #eee; color:#000; line-height:50px; margin-bottom:10px; font-size:20px;}
/*分页*/
.pagenav{clear:both;width:100%;padding:20px 0 10px;text-align:center;height:32px;line-height:32px;}
.pagenav a{border:1px solid #e0e0e0;color:#555;font-family:Arial;margin:2px;padding:0px 15px;white-space:nowrap;display:inline-block;}
.pagenav a:hover{background:#dc5d66;border:1px solid #e0e0e0;color:#fff;}
.pagenav a.active{border:1px solid #319bde;color:#fff;}
.pagenav a.current,.pagenav a.current:hover{background:#dc5d66;color:#fff;}
.pagenav a.disabled,.pagenav a.disabled:hover{border:1px solid #e0e0e0;color:#555;background:#eee;}
.pagenav a.text,.pagenav a.text:hover{color:#555;background:#eee;cursor:text; }
.pagenav a.pagemore,.pagenav a.pagemore:hover{color:#555;background:#fff;border:1px solid #fff;cursor:text;padding:0px 3px;}
.pagenav #page{display:inline;}
.pagenav #page input{width:40px;height:32px;line-height:32px;border:1px solid #dfdfdf;padding:0 5px;margin:3px 6px;color:#555;vertical-align:middle;}
.pagenav .goto{width:45px;height:34px;background:#b20404; border:none; color:#fff;margin:3px 2px;text-align:center;cursor:pointer;vertical-align:middle;}
.pagenav em{ font-style:normal;}
/*新闻内容页*/
.newsCont{padding:20px 30px;margin:0px auto; min-height:500px;}
.newsCont h2{ height:50px; text-align:center; font:500 26px/40px "微软雅黑"; color:#e73c25;}
.newsCont .date{ border-top:1px solid #eee;border-bottom:1px solid #eee; height:45px; line-height:45px; font-size:16px; color:#878787; margin:8px 0px; text-align:center;}
.newsCont #content{ padding:5px 10px;font-size:16px; line-height:210%;  padding-bottom:15px; color:#555; }
.newsCont #content .text{ text-indent:25px; padding-top:10px;}
.newsCont #content .text img{ display:block; WIDTH:auto; HEIGHT: auto; margin:10px auto; TEXT-ALIGN: center; PADDING: 5px; TEXT-INDENT: 0px; PADDING-RIGHT: 5px; BACKGROUND: #ffffff;}
/*图片列表页面*/
.img-list li{ margin-left:30px; margin-top:15px; width:336px; float:left; text-align:center;font: normal 16px/40px "微软雅黑"; }
.img-list li img{ display:block; width:100%; height:220px;}