@charset "utf-8";
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,b,br,section,header,footer,nav,menu,slider{margin:0;padding:0;color: inherit;}
body{ color: #666666; background-color: #fff;  word-break: break-all; word-wrap:break-word; font-weight: 400;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color: inherit;border:0;}
a:focus{outline:none;}
a:hover{ background: none;}
a:focus, a:hover{ color: inherit;}
ul,ul li{list-style:none}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;cursor: pointer;color:inherit; display: block; }
a:hover{text-decoration:none;outline:none; color: initial;}
a:focus{outline:none}
a:hover,a:active{outline:none}
a:focus{outline:none}
sub,sup{vertical-align:baseline}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/ }

.left{ float: left;}
.right{ float: right;}
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}
article p {font-size:14px; color:#333; line-height:30px;}
article img {max-width:100%;}
article p a,article p a:hover{ display:inline-block; color:#0899e0;}

.top { z-index:999; position: relative;} 
.top .icon-fanyi-full{ font-size: 36px; color: #fff; display: block; margin-right: 10px;  }
.top .top_r { box-sizing:border-box;padding:0; margin:0 auto; display: none; position: absolute; top: 46px; left: 0;}
.top .top_r a { display:block; width: auto; white-space: nowrap; font-size:14px;color:#666;padding: 0 25px; height: 40px;line-height: 40px; text-align: center; background:#fff;}
.top .top_r a:last-child { border-right:none;}
.top .top_r a:hover { color:#0256AC; } 

@media screen and (max-width:800px){
    .top .icon-fanyi-full{ font-size: 30px; margin-left: 16px; line-height: 1.5;}
    .top .top_r{ left: 15px;}
}

/* 头部--------------------------- */
.header{ background-color: #fff; }
.headerTop{ width: 1200px; height: 100px; padding: 0 10px; box-sizing: border-box; margin: 0 auto;  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center;  }
.headerTop .logo img{ height: 70px;}
.headerTop .call{ position: relative;}
.headerTop .call h6{ font-size: 14px; color: #666; line-height: 1.5; }
.headerTop .call h3 a{ font-size: 22px; color: #333; line-height: 1.5; font-weight: normal; font-family: "";}
.headerTop .call .index-tel{ position: absolute; top: 4px; left: -50px; font-size: 40px; color: #0256AC; }
.headerTop .nav{ display: none;}
ul.menu{ width: 100%; height: 52px; background-color: #0256AC; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:center;align-items:center; }
ul.menu li{ height: 52px; padding: 0 30px; line-height: 52px; position: relative; }
ul.menu li::after{ content: " "; display: block; width: 1px; height: 20px; background-color:#ffffff; position: absolute; top: 15px; right: 0; }
ul.menu li:last-of-type::after{ display: none;}
ul.menu li a{display: block; width: 80%; height: 94%; text-align: center; padding: 0 10px; color: rgb(255, 255, 255); font-size: 16px;}
ul.menu li a:hover{ border-bottom: 2px solid #fff;}
ul.menu li.active a{ border-bottom: 2px solid #fff;}
ul.menu li .menu-son{position: absolute;top: 52px;left: -40%;z-index: 9999;background-color: #0256AC;color: #FFFFFF;width: 180%;display: none;}
ul.menu li .menu-son li{padding: 0;text-align: center;}
ul.menu li .menu-son li a{margin: 0;width: 94%;}
ul.menu li .menu-son li:after{display: none;}
ul.menu .menu-list:hover .menu-son{display: block;}

@media screen and (max-width:1320px){
    .headerTop{ width: 100%;}
    ul.menu li{ padding:0 20px; }
    ul.menu li a{ font-size: 14px;}
}
@media screen and (max-width:900px){
    ul.menu li{ padding: 0 8px;}
}
@media screen and (max-width:800px){
    #banner{ margin-top: 60px;}
    body{overflow-x: hidden;}
    .headerTop{width: 100%;height: 60px;border-bottom: 1px solid #29b796;position: fixed;top: 0px;left: 0;z-index: 100;background-color: #fff;}
    .headerTop .logo img{height: 45px;}
    ul.menu{ display: block; flex-wrap: wrap; width:60%; height: 100%; position: fixed; right: 0px; top: 60px; z-index: 100; overflow-y: scroll;  
             transform: translate3d(100%, 0px, 0px);  transition: all 0.65s ease-in-out 0s;}
    ul.menu.active{transform: translate3d(0px, 0px, 0px);}
    ul.menu li{ line-height: 45px; height: 45px; border-bottom:1px solid #777;}
    ul.menu li::after{ display: none;}
    ul.menu li a{ height: 100%; font-size: 14px; padding: 0 0 0 10px;}
    ul.menu li.active a{ border: none; font-size: 18px; text-shadow: 0 0 5px #dedcdc; }
	ul.menu li .menu-son{font-size: 14px;width: 100%;left: 0;}
	ul.menu li a:hover{display: none;}
    .headerTop .call{position: absolute; top: 60px; left: 0; width: 100%; height: auto; background-color: #fff; padding: 0px 20px; }
    .headerTop .call h6, .headerTop .call h3{display: none; transition:all .5s ease-out;}
    .headerTop .call.active{padding: 10px 20px; transition:all .5s ease-out;}
    .headerTop .call.active h6, .headerTop .call.active h3{ display: block; transition:all 1s ease-out; }
    .headerTop .call.active .icon-dianhua{color: #676666;}
    .headerTop .call i.icon-dianhua{font-size: 36px; padding: 10px; position: absolute; top: -60px; left: initial; right: 120px;}
}

.headerTop .menu-m{position: absolute;top: 15px;right: 15px;display: none;}
.headerTop .nav_hide{
	position: absolute;
	top: 55px;
	left: 0;
	z-index:10000;
	width:100%;
	background:rgba(7, 94, 170,0.8);
	padding: 0;
	letter-spacing: 1px;
	display: none;
}
.nav_hide li{height:40px;line-height:40px;border-bottom:1px #DDDDDD solid;}
.nav_hide li:nth-child(1){ border-top:none;}
.nav_hide li:nth-child(9){ border-bottom:none;}
.nav_hide li a{display:block;font-size:20px;color:#fff;text-align:center;}
@media (max-width:800px) {
	.menu{display: none;}
	.headerTop .menu-m{
		display: block;
	}
}

/* 首页banner图 */
.swiper-pagination-bullet{ width: 12px; height: 12px;}
.swiper-pagination-bullet-active{ background-color: #0256AC;}

/* 推荐产品 */
.titles{ padding: 40px 0; margin: 0 auto; }
.titles h4{ color: #333333; font-size: 18px; text-transform: uppercase; text-align: center;  padding-top: 8px; line-height: 1.4;}
.titles h3{ color: #333333; font-size: 28px;  text-align: center;  padding: 6px 0 0 0; line-height: 1.4; font-weight: bold;}
.titles h6{ font-size: 14px; color: #999; line-height: 24px; text-transform: uppercase; text-align: center;}
.colorFFF P,.colorFFF div{color: #fff;}
@media screen and (max-width:800px){
    .titles{ padding: 10px 6px;}
    .titles h4,.titles h3{ font-size: 18px;}
}

.recommendPro{ width: 1350px; margin: 40px auto 90px; box-sizing: border-box; padding: 0 50px; position: relative; overflow: hidden;}
.recommendPro .swiper-slide{ box-sizing: border-box;  margin: 0; border: 1px solid #DDDDDD; position: relative; overflow-x: hidden;}
.recommendPro .swiper-slide a{ display: block;}
.recommendPro .swiper-slide img{ width: 100%; display: block;}
.recommendPro .swiper-slide p{text-align: center;margin-top: 10px;background: #007AFF;line-height: 30px;color: #FFFFFF;}
.recommendPro .swiper-button-prev, .swiper-container-rtl .swiper-button-next ,.recommendPro  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ opacity: 1; background: none;}
.recommendPro .swiper-button-prev i.iconfont , .recommendPro .swiper-button-next i.iconfont{ font-size: 50px; color: #c5c5c5; z-index: 100;}
.recommendPro .swiper-button-next{ transform: rotate(180deg); right: -4px;}
.recommendPro .swiper-button-prev{ left: -4px;}

.recommendPro .cover{ width: 0; transition: all .3s ease-out; }
.recommendPro .cover span{ display: block;  position: absolute; top: 50%; left: 50%; transform: translate(-250px, -50%);  transition: all .6s ease-out; white-space: nowrap;  }
.recommendPro .swiper-slide:hover .cover{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(2, 86, 172,.5); transition: all .3s ease-out; }
.recommendPro .swiper-slide:hover .cover span{ transform: translate(-50%, -50%); padding: 5px 20px; color: #fff; font-size: 16px; border: 2px solid #fff; transition: all .6s ease-out; }

@media screen and (max-width:1380px){
    .recommendPro{ width: 100%; padding: 0 50px; box-sizing: border-box; overflow: hidden; margin: 40px auto 60px;}
    .recommendPro .swiper-button-prev i.iconfont , .recommendPro .swiper-button-next i.iconfont{ font-size: 45px;}
    .recommendPro .swiper-button-next{ transform: rotate(180deg); right: 0px;}
    .recommendPro .swiper-button-prev{ left: 0px;}
}

.colorFFF{ color: #fff !important;}
/* 产品展示------------------------------- */
.productBox{ padding: 20px 0 50px 0; background-color: #0256AC; width: 100%;}
.productCon{ width: 1300px; margin: 0px auto; padding: 40px 0 0 0; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; }
.productCon .listL{ width: 240px; height: auto; padding-bottom: 70px; border: 1px solid #fff;  }
.productCon .listL dt{ padding: 15px 0;  background-color: #fff;}
.productCon .listL dt p{ line-height: 34px; font-size: 18px; color: #0256AC; text-align: center; font-weight: bold; text-transform: uppercase;}
.productCon .listL dt p:nth-child(1){ font-size: 20px;}
.productCon .listL dd a{display: block; line-height: 26px; padding: 12px 4px; border-bottom: 1px dashed #fff; color: #fff; text-align: center; }
.productCon .listL dd a:hover{ background-color: #fff; color: #0256AC; margin-top: -1px; font-weight: bold;}
.productCon .commodity{ width: 1042px; display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:flex-start; align-items:flex-start; }
.productCon .commodity li{ width: 240px; margin: 0 0 30px 20px; padding: 0; overflow: hidden;  position: relative; background: #FFFFFF;}
.productCon .commodity li img{ width: 100%;transition: all 0.3s ease;}
.productCon .commodity li img:hover{transform: scale(1.05);}
.productCon .commodity li p{ width: 100%; line-height: 40px; font-size: 16px; background: #007AFF; color: #fff; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.productCon .commodity li:hover .pro_tit{ background: #F8B802;}

@media screen and (max-width:1300px){
    .productCon{ width: 100%; box-sizing:border-box; padding: 20px 10px; flex-wrap: wrap;  }
    .productCon .listL{ width: 23%; }
    .productCon .commodity{ width:74%; }
}

@media screen and (max-width:768px){
    .productBox{ padding: 10px 0 20px 0; }
    .productCon .listL{ width: 100%; padding-bottom: 20px; box-sizing :border-box; border: none; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content:flex-start;align-items:flex-start;  }
    .productCon .listL dt{ height: 42px; padding: 0; margin-bottom: 12px; margin-left: 4px;}
    .productCon .listL dt p{ line-height: 1.2; font-size: 14px; padding: 0 10px; width: 150px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .productCon .listL dt p:nth-child(1){ font-size: 14px; padding-top: 4px;}
    .productCon .listL dd{ margin: 0 0px 12px 4px;  padding: 0;  }
    .productCon .listL dd a{ line-height: 40px; text-align: center; border: 1px solid #fff;padding: 0 10px; width: 150px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    .productCon .commodity{ width: 100%; box-sizing :border-box;  padding: 0; }
    .productCon .commodity li{ width: 47%; height:auto; margin: 0 1.5% 30px 1.5%; }
    .productCon .commodity li p{ line-height: 30px;}
    
}

/* 首页技术支持--------------------------------------- */
.supportUl{width: 1200px; margin:40px auto; box-sizing: border-box; padding: 0 30px 0 40px; }
.supportUl li{ margin: 0 0 50px 0;position: relative;  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center;transition: all .6s ease-out; padding: 0 10px;}
.supportUl li::after{ content: " "; width: 0px; height: 2px; background-color: #0256AC; position: absolute; bottom: -10px ;left: 50%; transition: all .6s ease-out;}
.supportUl li:hover{ padding: 0px 0px; box-sizing: border-box; transition: all .6s ease-out;}
.supportUl li:hover::after{ width:100%; left: 0%; transition: all .6s ease-out; }
.supportUl li:hover .supText .number::after{ background: #F8B802;}
.supportUl li .supText{ position: relative;}
.supportUl li .supText,.supportUl li .images{ width:47%; }
.supportUl li .images{ max-width: 480px; margin-top: 10px; }
.supText .number{ position: relative; }
.supText .number::after{ display: inline-block; content: " "; width:40px;height:40px;margin:20px 0 0 20px; background:#0256AC;  text-align: center;
	-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;
	-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);
}
.supText .number p{ font-size: 22px; color: #fff; line-height: 32px; position: absolute; top: 50%; left: 8px; transform: translateY(-50%); -webkit-transform: translateY(-50%);z-index: 3;}
.supportUl li .supText>h4{ position: absolute;top: 16px; left: 60px; font-size: 22px; color: #000;font-weight: bold; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.supportUl li .supText .intro{font-size: 14px; color: #555555; line-height: 26px;  max-height: 104px; margin-left: 60px; overflow: hidden; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; position: relative; margin-top: -10px;}
.supportUl li .supText .intro p{ color: #444444; font-size: 16px;}
.supportUl li:nth-of-type(even) .supText{ order: 2;}
.supportUl li:nth-of-type(odd) .images{ margin-right: 60px;}

@media screen and (max-width:1300px){ 
	.supportUl{ width: 100%; box-sizing: border-box; padding: 0 10px;}
	.supportUl li .images img{ display: block; width: 100%; }
	.supportUl li:nth-of-type(odd) .images{ margin-right: 10px;}
	.supportUl li .supText .intro{font-size: 14px; color: #555555; line-height: 24px;  max-height: 144px; margin-left: 60px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; position: relative; margin-top: -10px;}
}
@media screen and (max-width:768px){
	.supportUl{ margin: 20px auto; padding: 0 10px 0 10px; }
	.supportUl li{ flex-wrap: wrap;}
	.supportUl li .supText,.supportUl li .images{ width:100%; }
	.supportUl li:nth-of-type(even) .supText{ order: initial;}
	.supportUl li .supText .intro{ margin-left: 10px; margin-top: 5px;}
	.supportUl li:nth-of-type(odd) .images{ margin-right: 0px;}
	.supText .number p{ font-size: 18px;}
	.supportUl li .supText>h4{ font-size: 18px;}
 }

/* 首页公司简介-----------------------------------*/
.company{ padding: 10px 0 100px 0; overflow: hidden; background: url(../images/about_bg.jpg) no-repeat;}
.companyContent{ width: 1240px; margin: 0px auto; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start;}
.companyContent .comLeft{position: relative; }
.companyContent .comLeft img{ width: 408px; transform: translate(-16px, 16px);}
.companyContent .comLeft::before{ display: block; content: " ";width: 100%; height: 100%; box-sizing: border-box; border: 5px solid #fff; position: absolute; top: 0; left: 0; z-index: 0;} 
.companyContent .comLeft::after{ display: block; content: " "; width: 40px; height: 40px; border-left: 5px solid #fff; border-bottom: 5px solid #fff; position: absolute; bottom: -28px; left: -32px; }
.companyContent .comRight{ width: 750px; margin-top: 20px; }
.companyContent .comRight p{ font-size: 16px; color: #fff; line-height: 35px;text-indent: 2em; }
.companyContent .comRight .more a{ display: inline-block; padding: 5px 20px; font-size: 16px; border: 1px solid #fff; color: #fff; transition:all .6s ease-out; margin-top: 50px; }
.companyContent .comRight .more a:hover{ background-color: #fff; color: #0256AC; transition:all .6s ease-out;}
@media screen and (max-width:1280px){
    .companyContent{ width: 100%; }
    .companyContent .comLeft{ width: 36%; margin-left: 35px;}
    .companyContent .comRight{ width: 56%; margin-top: 0;}
    .companyContent .comLeft img{ width: 100%; } 
}
@media screen and (max-width:768px){
    .companyContent .comRight p{ font-size: 14px; line-height: 26px;}
    .companyContent{ flex-wrap: wrap; }
    .companyContent .comLeft{ width: 70%; margin: 0 auto;}
    .companyContent .comRight{ width: 94%; margin: 10px auto; margin-top: 50px;}
    .companyContent .comRight .more{ text-align: center; }
    .companyContent .comRight .more a{ padding: 5px 50px; margin-top: 20px; }
 }


/* 首页新闻-------------------------------------- */
.newsIndex{ padding: 30px 0px 50px 0px; }
.newsUl_1{ width: 1300px; margin: 0 auto; box-sizing: border-box;  padding: 0px 20px 0px 20px; display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:space-between;align-items:flex-start;}
.newsUl_1 li{ width: 48%; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-start;align-items:center; margin-bottom: 20px; padding: 8px; transition: all .5s ease-out;}
.newsUl_1 li:hover{  box-shadow: 0 0 30px #ccc; transition: all .5s ease-out; }
.newsUl_1 li:hover .newsImage{background: #F8B802;}
.newsUl_1 li:hover .newsImage .day{font-size: 40px;}
.newsUl_1 li .newsImage{ width:120px;height: 120px;text-align: center;background: #007AFF;border-radius: 5px;}
.newsUl_1 li .newsImage img{ width: 100%;}
.newsUl_1 li .newsImage .day {
    display: block;
    font-size: 34px;
    color: #FFFFFF;
    line-height: 40px;
    margin-top: 25px;
	transition: all 0.2s ease;
}
.newsUl_1 li .newsImage .month {
    display: block;
    line-height: 1;
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 3px;
}
.newsUl_1 li .newsText_1{ margin-left: 15px; width: 450px; }
.newsUl_1 li .newsText_1 h4{ color: #333; font-size: 16px; font-weight: bold; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsUl_1 li .newsText_1 .intro{ margin-top: 8px; height:56px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newsUl_1 li .newsText_1 .intro p,.newsUl_1 li .newsText_1 .intro *{color:#656565; font-size: 14px; line-height: 28px; text-indent: 2em; }
.newsUl_1 li .newsText_1 a>span{ display: block; text-align: right; font-size: 14px; color: #000; margin-top: 6px;}
.newsIndex .more{ margin:  0px auto; }
.newsIndex .more a{width: 5em; margin: 10px auto; padding: 5px 40px; border-radius: 20px; border: 1px solid #007AFF;color: #666; font-size: 14px; font-weight: bold; }
.newsIndex .more a:hover{ background: #007AFF; color: #FFFFFF;}

@media screen and (max-width:1300px){ 
	.newsUl_1{ width: 100%; }
	.newsUl_1 li{ padding: 8px 0;}
	/* .newsUl_1 li .newsImage{ width: 15vw; height: auto; }  */
	.newsUl_1 li .newsText_1{width: 32vw; margin-left: 1.5vw; }
	.newsUl_1 li .newsText_1 .intro{ height: 50px; -webkit-line-clamp: 3;}
	.newsUl_1 li .newsText_1 .intro p,.newsUl_1 li .newsText_1 .intro *{ line-height: 25px; }
}
@media screen and (max-width:768px){
    .newsUl_1{ padding: 0px 10px 10px 10px;}
    .newsUl_1 li{ width: 100%; }
    .newsUl_1 li .newsImage{width: 100px; height: 110px;}
    .newsUl_1 li .newsText_1{ width: 63vw; height: 110px; margin-left: 2.5vw;}
}


#content{width:100%;height:auto;position:relative}
#content #banner{width:100%;height:auto;overflow:hidden}
#banner .img{display:block}
#banner .img img{width:100%;height:auto}
#banner .swiper-button-prev , #banner .swiper-button-next {display: none;}
#banner:hover .swiper-button-prev , #banner:hover .swiper-button-next {display: block;}
@media screen and (max-width:1024px){
	#content #banner{height:300px}
}

.friendship{padding: 10px 0;line-height: 30px;background: #f5f5f5;margin-top: 40px;}
.friendship .wrap{width: 1300px;height: auto;margin: 0 auto;}
.friendship p{height: 30px;font-size: 13px;}
.friendship a{margin-left: 10px;display: inline-block;}

footer{width:100%;height:auto;background:#333333;padding: 0px 0px 40px 0;clear: both;}
footer .footer{width:1300px; margin:0 auto; }
footer .footer *{color: #e5e5e5; }
.footerInformation{ padding-top: 20px; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:space-between;align-items:center; }
.footerInformation dd div,.footerInformation dd p,.footerInformation dd ul li{ line-height: 25px; padding: 2px 2px; font-size: 14px; color: #e5e5e5;}
.footerInformation dd>div *{ display: inline-block;}
.footerInformation .inforContact{ display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }
.footerInformation .inforContact a{ padding: 0 10px;}
.footerInformation .inforContact a i.iconfont{ font-size: 30px; color: #8a8a8a;}
.footerInformation .inforContact a:hover>i.iconfont{ color: #fff;}
.footerInformation p{font-size: 18px!important; font-weight: bold; margin-bottom: 10px;}
.footerInformation .ft_ct{margin-top: 20px;}
footer .record{line-height: 30px;margin-top: 30px;border-top: 1px solid #CCCCCC;font-size: 13px;}
footer .record a{display: inline-block;margin-left: 15px;}
.footerInformation .inforContact .wechatDiv i.iconfont{ position: absolute; bottom: -7px; left: 42%; font-size: 18px;color: #fff; transform: rotate(180deg);}
@media screen and (max-width:1260px){
    footer .footer{width:100% ;box-sizing:border-box;padding:0 14px;}
    footer{ padding: 0px 0px 40px 0; }
    #mapNav ul{ width: 100%;}
}
@media screen and (max-width:768px){
    footer{ display: none;}
    footer .footer{ padding: 0;}
    .footerInformation{ flex-wrap: wrap; padding-top: 0; padding: 20px 10px 0px 10px; }
    .footerInformation dd{ width: 100%;}
    .footerInformation .inforContact{ padding: 10px 0; justify-content:center;}
    .copyright{ padding-top: 10px;}
    .copyright p, .copyright div, .copyright ul li{ text-align: center;}
    .footerInformation dd div,.footerInformation dd p,.footerInformation dd ul li{ line-height: 24px; padding: 2px; font-size: 14px; color: #e5e5e5;}
    .footerInformation dd.copyright div,.footerInformation dd.copyright p,.footerInformation dd.copyright ul li{ line-height: 20px; padding: 0; }
}

/* 手机端底部的 一键拨号*/
.mobileFooter {
	display: none;
}

@media screen and (max-width:768px) {
	body {
		padding-bottom: 81px;
	}

	.mobileFooter {
		width: 100%;
		display: block;
		display: flex;
		display: -webkit-flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 100;
		background-color: rgba(60, 55, 55, 0.9);
	}
	
	.mobileFooter div {
		text-align: center;
		width: 33%;
		padding: 18px 0 0px 0;
		height: 100%;
	}

	.mobileFooter div i {
		font-size: 25px;
		color: #0c969e;
		padding: 8px;
		background-color: #fff;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-o-border-radius: 50%;
	}

	.mobileFooter div h6 {
		font-size: 14px;
		color: #fff;
		line-height: 2;
		margin-top: 10px;
	}
}

/* 列表内容------------------------------ */

.list-banner{width: 100%;padding: 0;}
.list-banner img{width: 100%;vertical-align: top;}
.list-content{
	max-width: 1200px;
    height: auto;
    margin: 0 auto;
	overflow: hidden;
}
.aboutL {float: left; width: 24%;height: auto; overflow: hidden;}
.aboutH {height: 150px; text-align: center; color: #fff; background: #0256AC; position: relative; z-index: 22;}
.aboutH h3 {padding-top: 38px; line-height: 32px; font-size: 24px;}
.aboutH h2 {line-height: 40px; font-size: 30px; font-weight: 600;}
.aboutNav {background: #fff;}
.aboutNav li {height: 48px; line-height: 48px; font-size: 16px; border-bottom: 1px solid #dadada;}
.aboutNav li a {display: block; padding: 0 22px; position: relative; transition: all 0.5s ease;}
.aboutNav li:hover a {color: #0256AC; font-weight: bold; text-indent: 15px;}
.aboutNav li.on a {color: #0256AC; font-weight: bold;}
.jtAbout {position: absolute; width: 30px; height: 30px; background: url(../images/jt_you1.png) no-repeat center; background-size: 8px; right: 16px; top: 50%; transform: translateY(-50%);}
.aboutLAd {margin: 15px 0;}
.aboutLAd:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutContact {padding: 0 0 30px 0; background: #fff;}
.aboutContactH {padding: 12px 0; border-bottom: 1px solid #dadada;}
.aboutContactH h2 {height: 20px; padding-left: 16px; line-height: 20px; font-size: 16px; border-left: 3px solid #0256AC; color: #333333;}
.aboutContact ul {margin-top: 28px;font: 14px/1.5 "Microsoft Yahei",tahoma,Srial,helvetica,sans-serif;}
.aboutContact ul li {padding: 0 10px 0 14px; margin-bottom: 12px; line-height: 22px;}
.aboutContact ul li span,.aboutContact ul li em,.aboutContact ul li p {display: inline-block; }
.aboutContact ul li span {width: 22px; height: 22px; margin-right: 1px; font-size: 0; text-align: center; vertical-align: top;}
.aboutContact ul li span img {vertical-align: middle;}
.aboutContact ul li em {width: 46px; vertical-align: top;}
.aboutContact ul li p {width: 174px;}

.aboutR {float: left; width: 74%; padding-top: 20px; margin-left: 2%;}
.aboutRTop {font-size: 14px;margin-bottom: 20px;padding-left: 10px;}
.aboutRTop a {display: inline-block;}
.aboutRTop a:hover {color: #0256AC;}
.aboutRTop p {line-height: 22px; padding-left: 22px; margin-top: 10px; background: url(../images/about_r_position.png) no-repeat left center; position: relative; z-index: 22;}

.showW {margin-bottom: 60px;overflow: hidden;}
.showList {width: 100%; margin-top: 30px;overflow: hidden;}
.showList li {float: left; width: 31%; margin-left: 2%; margin-bottom: 30px; text-align: center;}
.showList li .pic{overflow: hidden; border: 1px solid #CCCCCC;}
.showList li img{transition: all 0.3s ease;}
.showList li:hover img { transform: scale(1.05);}
.showList li:hover p {color: #fff; background: #F8B802; }
.showList li a {display: block;}
.showList li p {background: #0256AC; line-height: 40px; font-size: 16px; color: #FFFFFF; transition: all 0.3s ease-in; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.showList li a .pic img{width: 100%;}
.pro-list .pic img{width: 100%; height: 200px;}

.newsW {margin: 50px 0;}
.newsList {margin-bottom: 20px;}
.newsList li {padding: 20px 0; border-bottom: 1px solid #d2d2d2; overflow: hidden;}
.newsList li:hover .pic{color: #0256AC;}
.newsList li:hover .single-line{color: #0256AC;}
.newsList li .pic {float: left; width: 20%; text-align: center; color: #333333;}
.newsList li .pic h3{font-size: 40px; font-weight: bold;}
.newsList li .pic p{font-size: 16px;}
.newsInner {float: right; width: 80%; }
.newsInner h2 {font-size: 18px; line-height: 26px; font-weight: 600; color: #333333;}
.newsInner p {margin-top: 8px; line-height: 26px; color: #666;}
.newsInner a.more {display: block; width: 116px; height: 32px; margin-top: 18px; line-height: 32px; text-align: center; color: #0256AC; border: 1px solid #0256AC;float: right;}
.newsInner a.more:hover {color: #fff; background: #0256AC;}

@media (max-width: 992px) {
	.list-banner{display: none;}
	.list-content{margin-top: 60px;}
	.aboutLAd {display: none;}
	.aboutContact {display: none;}
	
	.aboutL {width: 100%; background: #FFFFFF; position: relative;}
	.aboutH {width: 100%;height: 100%; margin: 0; text-align: left;overflow: hidden; padding: 10px;}
	.aboutH h3 {font-size: 14px;line-height: 22px; padding-top: 0;}
	.aboutH h2 {font-size: 20px; line-height: 22px;}
	.aboutR {width: 100%; margin-left: 0;}
}

@media (max-width: 768px) {
	.aboutLAd {display: none;}
	.aboutContact {display: none;}
	
	.aboutL {width: 100%; background: #FFFFFF; position: relative;}
	.aboutH h3 {font-size: 13px; line-height: 18px;}
	.aboutH h2 {font-size: 18px; line-height: 20px;}
	.aboutNav {width: 100%; z-index: 66;}
	.aboutNav li {font-size: 14px;width: 50%;float: left;}
	
	.aboutR {width: 100%;}
	.aboutRTop {color: #333;}
	.aboutRTop a {color: #333;}
	.showList li {width: 47%; margin-bottom: 15px;}
	.showList li p {line-height: 30px; font-size: 14px;}
	
	.newsList li {padding: 15px 10px;}
	.newsList li .pic {width: 20%;}
	.newsInner {width: 78%; margin-left: 2%;}
	.newsW {margin-top: 10px;}
	.newsInner h2 {font-size: 15px; line-height: 18px;}
	.newsInner p {font-size: 12px; line-height: 18px;}
	.newsInner a.more {width: 78px; height: 28px; line-height: 28px; font-size: 12px;}
}

.about-list{overflow: hidden;width: 1200px;margin: 0 auto;}
.contWrap {width: 1200px; margin: 0 auto;}
.list-nav {font-size: 14px; color: #333333;background: #EFEFEF;}
.nav-mid{width: 1200px;margin: 0 auto;}
.list-nav a {color: #333333;display: inline-block;}
.list-nav p {
	line-height: 50px;
	padding-left: 22px;
	background: url(../images/about_position.png) no-repeat left center;
	position: relative;
	z-index: 22;
}

.aboutCont {overflow: hidden; margin-bottom: 50px;font-size: 16px;text-align: center;padding: 10px;}
.aboutCont h2{font-size: 30px; color: #0256AC; margin-bottom: 20px; font-weight: bold;}
.aboutCont .showW ul li p{margin-top: 0;}
.aboutCont .showW ul li p a{text-align: center;text-indent: 0;}
.about-part{margin-top: 30px;}
.aboutCont .about-pic1{float: left;margin-right: 20px;}
.aboutCont .about-text{float: left;width: 50%;}
.aboutCont .about-pic2{float: right;width: 50%;}
.aboutCont p{text-align: justify;color: #666666;margin-top: 10px;line-height: 25px;}
.aboutCont img{max-width: 100%;}
.about-part h3{font-size: 22px;margin: 20px 0;color: #0256AC;}
.about-part .table {
	width: 100%;
	max-width: 800px;
	padding: 16px;
	border: 1px solid #DDDDDD;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
	border-collapse: collapse;
}
.about-part .table tr td {
	border: 1px solid #DDDDDD;
	padding: 10px 0px;
}
.aboutCont .lx{margin-top: 30px;overflow: hidden;}
.aboutCont .lx h3{text-align: left;font-weight: bold;font-size: 18px;color: #333333;}
.aboutCont .lx p{text-indent: 0;}
.aboutCont .lx .lx_top{float: left; width: 100%;margin-top: 30px;}
.aboutCont .lx .lt_1{float: left;width: 49%;}
.aboutCont .lx .lt_2{float: left;width: 49%;margin-left: 2%;}
.aboutCont .lx .lx_bottom{float: left; width: 100%;margin-top: 30px;}
.aboutCont .lx .lr_1{float: left;width: 49%;}
.aboutCont .lx .lr_2{float: left;width: 49%;margin-left: 2%;}
.aboutCont .lx .map{margin-top: 20px;}
.aboutCont .lx .map img{max-width: inherit;}

@media (max-width: 996px) {
	.about-list{width: 100%;}
	.contWrap{width: 96%;}
	.list-nav{margin-top: 60px;}
	.aboutTit {width: 100%;padding: 20px 0;}
	.aboutTit ul {width: 100%;}
	.aboutTit ul li {float: left; width: 48%; height: 36px; margin: 0; margin-right: 2%; line-height: 36px; font-size: 12px;margin-top: 5px;}
	.aboutCont .about-text , .aboutCont .about-pic2{width: 100%;}
}
@media (max-width: 768px){
	.aboutCont .lx .lt_1{
		width: 100%;
	}
	.aboutCont .lx .lt_2{
		width: 100%;
		margin-left: 0;
	}
	.aboutCont .lx .lr_1{
		width: 100%;
	}
	.aboutCont .lx .lr_2{
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}
	.about-part .table tr td {
		font-size: 13px;
	}
}

/* page */
.pages{
	display: table;
    margin: 0 auto 20px;
}
.pages b {
  display: block;
  float: left;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 24px;
  padding: 7px 12px;
  margin: 0 2px;
  border: 1px solid #2562b3;
  background: #2562b3;
  border-radius: 3px;
}
.pages a {
  display: block;
  float: left;
  color: #777777;
  font-size: 14px;
  line-height: 24px;
  padding: 7px 7px;
  margin: 0 2px;
  border: 1px solid #2562b3;
  border-radius: 3px;
}
.pages span {
  display: block;
  float: left;
  color: #777777;
  font-size: 14px;
  line-height: 24px;
  padding: 7px 12px;
  margin: 0 2px;
  border: 1px solid #2562b3;
}
.pages a:hover {
  background: #2562b3;
  color: #fff;
  border: 1px solid #2562b3;
}
.fl{
	display: none;
}

/* article */
.pdc-article{width: 95%;overflow: hidden;padding: 30px 10px;}
.img_main{ width:50%; float:left;text-align: center;}
.img_main img{max-width: 100%;}
.text_right{ width:50%; background:#F8F8F8; overflow:hidden; float:right; padding:30px 0}
.text_right dl{ width:90%; text-align:center; margin:auto; padding:10px; }
.text_right dl dd{ text-align:left; line-height:40px; font-size:16px; color:#999997; border-bottom:1px solid #eee}
.text_right dl dd img{ float:left; padding-top:7px; padding-right:10px}
.text_right dl dd em{ font-style:normal; color:#333}
.text_right dl dd i{ font-style:normal; color:#0887e6; font-weight:bold}
.pro_info{width: 100%;float: left;margin-top: 30px;padding: 20px 0;border-top: 1px dashed #DDDDDD;border-bottom: 1px dashed #DDDDDD;}
.pro_info p{line-height:30px; overflow:hidden; text-align:left; color:#666666; font-size:16px;}
.pro_info img{max-width: 100%;}
@media (max-width:996px) {
	.img_main{width: 100%;}
	.text_right{width: 100%;padding:10px 0}
}
.news-article{ width:95%; padding:30px 10px; overflow:hidden; clear:both}
.news-article h5{ font-size:25px; text-align:center; color:#333; line-height:32px; font-weight:bold}
.news-article time{ font-size:12px; color:#666666; line-height:20px; text-align:center; width:100%; border-bottom:1px solid #eeeeee; padding:10px 0; display:block}
.news-article .infodiv{color: #333333;margin: 20px 0;}
.news-article .infodiv img{max-width: 100%;}
.news-article p{ padding-top:15px; overflow:hidden; color:#666; font-size:16px; line-height:26px; height:auto;text-indent: 30px; }
.news-article p img{ text-align:center; margin:auto; display:block}
@media (max-width:996px) {
	.news-article table p{font-size: 14px;text-indent: 0;}
}

.jump {margin-top: 36px; padding: 16px 0; color: #333; border-top: 1px solid #E1E1E1;}
.jump p {color: #333; line-height: 32px; padding-top: 0; text-indent: 0;}
.jump p a {display: inline-block;}
.jump p a:hover {color: #005F9F;}

/* 点击放大图片 */
.bigimg {
	width: 600px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	z-index: 9999;
	border: 10px solid #fff;
}

.mask {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	z-index: 98;
	transition: all 1s;
	display: none
}

.bigbox {
	width: 840px;
	background: #fff;
	border: 1px solid #ededed;
	margin: 0 auto;
	border-radius: 10px;
	overflow: hidden;
	padding: 10px;
}

.bigbox>.imgbox {
	width: 400px;
	height: 250px;
	float: left;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 10px 10px 10px;
}

.bigbox>.imgbox>img {
	width: 100%;
}

.imgbox:hover {
	cursor: zoom-in
}

.mask:hover {
	cursor: zoom-out
}

.mask>img {
	position: fixed;
	right: 10px;
	top: 10px;
	width: 60px;
}

.mask>img:hover {
	cursor: pointer
}