@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,img{margin:0;padding:0;}
body{font-size:16px; color:#333; font-family:"Microsoft YaHei","微软雅黑","黑体",Arial,Helvetica,sans-serif;}
body a{text-decoration:none; outline:none; -webkit-transition:all 0.4s; transition:all 0.4s;}
a:link,a:visited{color:#333;}
a:hover{color:#2f82ff;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0; max-width:100%; vertical-align:top;}
ul,li{list-style-type:none;}
table,table td{border-collapse:collapse;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both; height:0;}


/* ie9以下警告 */
.pageTips{position:fixed; z-index:10000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9);}
.pageTips .container2{color:#fff; position:absolute; left:50%; top:50%; width:630px; margin-left:-315px; margin-top:-160px;}
.pageTips .container2 a.close{display:none; width:50px; height:50px; position:absolute; z-index:1; left:auto; right:-15px; top:40px; bottom:auto; background:url(../images/close.png) no-repeat center center;}
.pageTips .container2 .img{text-align:center;}
.pageTips .container2 .msg{font-size:18px; line-height:36px; padding-top:30px;}
.pageTips .container2 a{color:#fff; text-decoration:underline;}


.animate{-webkit-transition:all 0.4s; transition:all 0.4s;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.clamp2{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.clamp3{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.clamp4{display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
.clamp5{display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;}
.clamp6{display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;}
.justify{text-justify:inter-ideograph; text-align:justify;}


.container{min-width:1200px;_width:1200px;}

/* 头部 */
.head{width:100%; height:108px; background:#fff; position:fixed; left:0; top:0; z-index:100;}
.headFix{box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.head .logo{width:302px; height:108px; line-height:108px; float:left;}
.head .logo img{vertical-align:middle; max-width:302px; max-height:108px; display:inline-block;}
.head .headR{height:108px; margin-left:320px;}
.head .headR .headInfo{height:32px; padding:15px 0; text-align:right; font-size:0;}
.head .headR .headInfo p{display:inline-block; vertical-align:top; height:32px;}
.head .headR .headInfo p.tel{line-height:32px; font-size:20px; color:#2f82ff; padding-left:40px; background:url(../images/iTel.png) no-repeat left center; background-size:32px;}
.head .headR .headInfo p.language{margin-left:10px; height:32px;}
.head .headR .headInfo p.language a{display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:16px; border:#2f82ff 1px solid; -webkit-border-radius:30px; border-radius:30px; float:left; margin-left:20px;}
.head .headR .headInfo p.language a:link, .head .headR .headInfo p.language a:visited{color:#2f82ff;}
.head .headR .headInfo p.language a:hover{border-color:#196be8; color:#196be8;}

/* 菜单 */
.menuWrap{height:40px;}
#menu{float:right;}
#menu li{position:relative; text-align:center;}
#menu>li{float:left; width:112px; position:relative;}
#menu>li>a{display:block; height:40px; line-height:40px; font-size:16px;}
#menu>li>a:hover,#menu>li>a.current:hover{color:#fff; background:#2f82ff;}
#menu>li>a.current{background:#196be8; color:#fff;}

/*这是第二级菜单*/
#menu ul{display:none; width:100%; background-color:#196be8; position:absolute; left:0;}
#menu ul li a{display:block; padding:8px 10px; line-height:24px; font-size:14px; position:relative;}
#menu ul li a:link, #menu ul li a:visited{color:#fff;}
#menu ul li a:hover, #menu ul li a.current{background-color:#2f82ff;}


/* 轮播图 */
.banner{width:100%; margin-top:108px; position:relative; z-index:10;}
.banner .swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; background:#fff url(../images/loading.gif) no-repeat center center;}
.banner .swiper-slide img{width:100%; vertical-align:top;}
.banner .swiper-pagination-bullets{bottom:20px !important;}
.banner .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; border-radius:10px; background:#fff; opacity:0.8; vertical-align:top; margin:0 6px !important;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#2f82ff;}
:root{--swiper-theme-color:rgba(255,255,255,0.96);}


.about{padding-top:60px; background:url(../images/aboutBg.jpg) no-repeat center bottom;}
@media screen and (min-width:1920px){
	.about{background-size:100% auto !important;}	
}
.about .aboutCon{height:530px;}
.about .aboutConL{width:650px; height:530px; float:left;}
.about .aboutConL h2{height:48px;}
.about .aboutConL .txt{height:204px; line-height:34px; padding-top:24px; font-size:20px; color:#888;}
.about .aboutConL .more{height:30px; line-height:30px; padding-top:20px;}
.about .aboutConL .more a:link, .about .aboutConL .more a:visited{display:block; width:80px; height:30px; text-align:center; background:#2f82ff; color:#fff; font-size:14px; float:right;}
.about .aboutConL .more a:hover{background:#196be8;}
.about .aboutConR{height:530px; margin-left:650px; text-align:right;}

.about .gg{height:86px; padding-top:8px;}
.about .ggCon{width:342px; height:86px; background:url(../images/ggBg.png) no-repeat center center; position:relative; margin-left:80px;}
.about .ggCon h2{width:100%; height:41px; line-height:41px; color:#fff; font-size:32px; position:absolute; left:0; top:-20px;}
.about .ggCon p{width:100%; height:41px; line-height:41px; color:#2f82ff; font-size:32px; position:absolute; right:0; bottom:-20px; text-align:right;}

.about .iconList{height:130px; padding-top:80px;}
.about .iconList ul{font-size:0;}
.about .iconList ul li{width:25%; height:130px; background:#2f82ff; display:inline-block; vertical-align:top; color:#fff;}
.about .iconList ul li:nth-of-type(even){background:#196be8;}
.about .iconList ul li h3{height:40px; line-height:34px; padding:45px 30px 0; font-size:18px; font-weight:normal;}
.about .iconList ul li h3 img{width:40px; height:40px; margin-right:44px;}
.about .iconList ul li p{height:30px; line-height:30px; font-size:14px; text-align:center;}


/* 首页通用大标题 */
.indH{text-align:center;}
.indH h2{height:56px; line-height:44px; font-size:34px; font-weight:normal; position:relative;}
.indH h2:after{display:block; content:""; width:36px; height:1px; background:#2f82ff; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.indH p{width:384px; margin:14px auto 0; line-height:18px; font-size:14px; color:#777;}

.content{width:1200px; margin:0 auto;}
.content:after{display:block; content:""; clear:both;}

.pro{padding:100px 0; background:#f2f2f2;}
.pro ul{font-size:0; margin-left:-28px; padding-top:2px;}
.pro ul:after{display:block; content:""; clear:both;}
.pro ul li{width:279px; padding:28px 0 0 28px; float:left;}
.pro ul li a{display:block; position:relative;}
.pro ul li a p{height:240px; overflow:hidden;}
.pro ul li a p i{display:block; height:240px; border-radius:16px; background-repeat:no-repeat; background-position:center center; background-size:contain; -webkit-transition:all 0.3s; transition:all 0.3s;}
.pro ul li a h3{height:48px; line-height:48px; text-align:center; font-size:16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s; transition:all .5s;}
.pro ul li a:hover p i{-webkit-transform:scale(1.05); transform:scale(1.05);}
.pro ul li a:hover h3{color:#2f82ff;}
.pro .proCon{margin-top:70px; height:166px; overflow:hidden;}
.pro .swiper-slide{display:block; width:25%; height: background:#fff url(../images/loading.gif) no-repeat center center; float:left;}
.pro .swiper-slide p{width:126px; height:126px; -webkit-border-radius:50%; border-radius:50%; margin:0 auto; overflow:hidden;}
.pro .swiper-slide p i{display:block; height:126px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.pro .swiper-slide h3{height:20px; line-height:20px; font-size:15px; text-align:center; font-weight:normal; padding-top:20px;}
.pro .swiper-pagination-bullets{width:auto !important; display:inline-block; height:24px !important; left:50% !important; bottom:5px !important; transform:translateX(-50%); background:#fff; -webkit-border-radius:24px; border-radius:24px; padding:0 30px; text-align:center; font-size:0;}
.pro .swiper-pagination-bullet{width:34px; height:34px; line-height:34px; font-size:14px; display:inline-block; vertical-align:top; -webkit-border-radius:34px; border-radius:34px; background:rgba(47,130,255,0); opacity:1; margin:0 !important; position:relative; top:-5px;}
.pro .swiper-pagination-bullet-active{opacity:1; background:#2f82ff; color:#fff;}


.ywfw{padding:60px 0;}
.ywfw dl{width:738px; margin:0 auto;}
.ywfw dl dd{padding-top:30px; text-align:center;}
.ywfw dl dt{padding-top:30px; font-size:20px; font-weight:bold; line-height:34px;}


.zlzz{padding:60px 0; text-align:center;}
.zlzz .pic{padding-top:30px;}


.jgjd{padding:60px 0;}
.jgjd ul{font-size:0; text-align:center;}
.jgjd ul li{display:inline-block; vertical-align:top; padding:72px 72px 0 0; width:352px; height:244px;}
.jgjd ul li:nth-of-type(3){padding-right:0;}
.jgjd ul li:nth-of-type(4), .jgjd ul li:nth-of-type(5){width:444px; height:339px;}
.jgjd ul li a{display:block; height:100%; position:relative; overflow:hidden;}
.jgjd ul li p{height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.8s; transition:all 0.8s;}
.jgjd ul li h3{position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); color:#fff; width:100%; height:100%; text-align:center; font-size:18px; transform:scale(0); opacity:0;}
.jgjd ul li h3 span{display:block; width:calc(100% - 30px); height:30px; line-height:30px; padding:0 15px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.jgjd ul li a:hover p{-webkit-transform:scale(1.05); transform:scale(1.05);}
.jgjd ul li a:hover h3{transform:scale(1); opacity:1;}


.customer{padding:50px 0; overflow:hidden; text-align:center;}
.customer h2{height:60px; line-height:60px; font-size:46px;}
.customer ul{font-size:0;}
.customer ul li{width:252px; height:138px; line-height:138px; padding:30px 74px 0; display:inline-block; vertical-align:top;}
.customer ul li img{ display:inline-block; vertical-align:middle; max-width:252px; max-height:138px;}


.news{padding:100px 0; background:#f2f2f2;}
.newsCon{width:1100px; height:270px; padding:50px; background:#fff; margin:50px auto;}
.picNews{width:522px; height:270px; float:left;}
.picNews .swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; background:#fff url(../images/loading.gif) no-repeat center center; overflow:hidden;}
.picNews .swiper-slide p{width:522px; height:270px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.8s; transition:all 0.8s;}
.picNews .swiper-slide a:hover p{-webkit-transform:scale(1.05); transform:scale(1.05);}
.picNews .swiper-slide h3{width:calc(100% - 112px); height:40px; line-height:40px; padding:0 102px 0 10px; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; color:#fff; font-size:16px; font-weight:normal;}
.picNews .swiper-pagination-bullets{bottom:14px !important; width:auto !important; height:12px !important; left:auto !important; right:10px !important;}
.picNews .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; border-radius:12px; background:#fff; opacity:1; vertical-align:top; margin:0 0 0 8px !important;}
.picNews .swiper-pagination-bullet-active{opacity:1; background:#2f82ff;}

.txtNews{height:270px; margin-left:578px;}
.txtNews .swiper-slide{display:block; width:100%; height:45px;}
.txtNews .swiper-slide a{display:block; height:45px; padding-left:24px; background:url(../images/a01.png) no-repeat left 14px;}
.txtNews .swiper-slide p{height:45px; line-height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:100px;}
.txtNews .swiper-slide span{display:block; width:100px; height:45px; line-height:45px; text-align:right; float:right; color:#999;}
.txtNews .swiper-slide a:hover{background-image:url(../images/a02.png);}

.news .more{height:45px;}
.news .more a{display:block; width:114px; height:39px; line-height:39px; text-align:center; background:#2f82ff; border:#2f82ff 2px solid; padding:1px 40px 1px 1px; color:#fff; margin:0 auto; position:relative; font-size:14px;}
.news .more a span{display:block; width:39px; height:39px; background:#fff; position:absolute; right:1px; top:1px;}
.news .more a span:before, .news .more a span:after{display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#2f82ff; -webkit-transition:all 0.4s; transition:all 0.4s;}
.news .more a span:before{width:17px; height:1px;}
.news .more a span:after{width:1px; height:17px;}
.news .more a:hover{background:#fff; color:#2f82ff;}
.news .more a:hover span{background:#2f82ff;}
.news .more a:hover span:before, .news .more a:hover span:after{background:#fff;}


/* 网站尾部 */
.foot{background:#2b3033; padding:40px 0; position:relative; font-size:14px;}
.contact{width:270px; float:right; color:#a1a1a1;}
.contact ul li{line-height:21px; padding:11px 0 11px 25px; background-repeat:no-repeat; background-position:left 13px;}
.contact ul li.iTel{background-image:url(../images/i05.png);}
.contact ul li.iMail{background-image:url(../images/i06.png);}
.contact ul li.iAdd{background-image:url(../images/i07.png);}


.fLogo{width:270px; padding:66px 0; float:left; color:#fff; font-size:20px;}
.fLogo img{height:32px;}
.fLogo p{height:24px; line-height:24px; padding-top:20px;}

.fMenu{margin:0 300px;}
.fMenu:after{display:block; content:""; clear:both;}
.fMenu dl{float:left; width:144px; padding-right:80px;}
.fMenu dl dd{height:30px; line-height:30px; font-size:16px; color:#fff; padding-bottom:10px;}
.fMenu dl dt{line-height:24px;}
.fMenu dl dt a:link, .fMenu dl dt a:visited{color:#a1a1a1;}
.fMenu dl dt a:hover{color:#fff;}

.copy{line-height:30px; padding:20px 0; text-align:center; color:#a1a1a1; font-size:14px; background:#1c2124;}
.copy em{font-style:normal;}
.copy a:link, .copy a:visited{color:#a1a1a1;}
.copy a:hover{color:#fff;}
.copy span{padding-left:1em;}


#goHeadBtn{display:block; width:50px; height:50px; z-index:999; background:url(../images/goHeadBtn.png) no-repeat; position:fixed; right:20px; bottom:196px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}


.nyBanner{height:200px; background:#f5f5f5 url(../images/nyBannerBg.png) no-repeat center center; background-size:cover; margin-top:108px; position:relative;}
.nyBanner h2{height:31px; line-height:31px; padding-top:74px; font-size:34px; color:#2f82ff; text-transform:uppercase;}
.nyBanner p{height:21px; line-height:21px; font-size:18px; color:#333;}

/* 普通新闻列表 */
.newsList li{height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:12px; background:url(../images/a06.jpg) no-repeat left center; border-bottom:#d5d5d5 1px dashed;}
.newsList li span{float:right; padding-left:20px; color:#999;}

.ny{padding:30px 0 50px;}
.bg-gray{background:#f5f5f5;}

.nyCon{padding-top:30px;}
.nyCon:after{display:block; content:""; clear:both;}
.left{width:210px; background:#f8f8f8; float:left;}
.left h2{height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; background:#2f82ff; font-weight:normal;}
.left li{border-bottom:#ededed 1px solid;}
.left li:last-of-type{border-bottom:0;}
.left li a{display:block; padding:10px 20px; line-height:24px; background:url(../images/a04.png) no-repeat center right; font-size:14px;}
.left li a:link, .left li a:visited{color:#030303;}
.left li a:hover, .left li a.on{color:#fff; background-color:#f90; background-image:url(../images/a05.png);}

.ny.bg-gray .left{background:#fff;}


.right{margin-left:240px;}

.nyH{height:50px; line-height:50px; border-bottom:#eaeaea 1px solid; padding:0 30px;}
.nyH span{display:block; height:50px; position:relative; font-size:20px; float:left;}
.nyH span:before{display:block; content:""; width:100%; height:3px; background:#2f82ff; position:absolute; left:0; bottom:0;}

.picList01 ul:after{display:block; content:""; clear:both;}
.picList01 ul li{width:225px; margin:20px 20px 0 0; text-align:center; float:left;}
.picList01 ul li:nth-of-type(4n){margin-right:0;}
.picList01 ul li p{height:215px; border:#eaeaea 5px solid; overflow:hidden;}
.picList01 ul li p i{display:block; height:215px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.picList01 ul li h3{height:30px; line-height:30px; font-size:16px; font-weight:normal; padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picList01 ul li p, .picList01 ul li p i{-webkit-transition:all 0.5s; transition:all 0.5s;}
.picList01 ul li a:hover p{border-color:#2f82ff;}
.picList01 ul li a:hover p i{-webkit-transform:scale(1.05); transform:scale(1.05);}


.list01{padding-top:30px;}


.page{width:100%; text-align:center; padding-top:30px;}
.page a, .page span{display:inline-block; margin:0 10px; padding:0 20px; height:30px; border:#ddd 1px solid; line-height:30px;}
.page a.noneBtn{border-color:#eee; color:#ddd; cursor:default;}

.article{}
.articleTitle{padding:40px 0 20px; line-height:30px; font-size:20px; font-weight:600; text-align:center;}
.articleInfo{width:96%; font-size:14px; height:36px; line-height:36px; background:#f5f5f5; color:#666; text-align:center; margin:0 auto;}
.articleInfo label{padding-left:30px;}
.articleImg{padding-top:20px; text-align:center;}
.articleImg img{max-width:600px; vertical-align:top;}
.articleCon{line-height:36px; padding:20px 0 30px; font-size:16px; text-justify:inter-ideograph; text-align:justify;}
.articleCon img{max-width:100%; vertical-align:top;}