*{box-sizing: border-box;}
body {
	padding: 0;
	margin: 0 auto;
	font-size: 14px;
	color: #666;
	background-color: #fff;
	font-family: "Microsoft YaHei";
	-webkit-text-size-adjust: none;
	/*取出点击出现半透明的灰色背景*/
	-webkit-tap-highlight: rgba(0, 0, 0, 0);
	/*控制内容的可选择性*/
	/*-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #47a0ec;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
}
body{ overflow-x: hidden; }
li{list-style: none;}


.auto{ margin:0 auto;}
.auto_1600{ max-width:1600px;}
@media(max-width:1600px){.auto_1600{ padding:0 2%;}}
.auto_1280{ max-width:1280px;}
@media(max-width:1280px){.auto_1280{ padding:0 2%;}}
.auto_1200{ max-width:1200px;}
@media(max-width:1200px){.auto_1200{ padding:0 2%;}}
.auto_1180{ max-width:1180px;}
@media(max-width:1180px){.auto_1180{ padding:0 2%;}}
.auto_1150{ max-width:1150px;}
@media(max-width:1150px){.auto_1150{ padding:0 2%;}}
.auto_1100{ max-width:1100px;}
@media(max-width:1100px){.auto_1100{ padding:0 2%;}}
.auto_1050{ max-width:1050px;}
@media(max-width:1050px){.auto_1050{ padding:0 2%;}}
.auto_1000{ max-width:1000px;}
@media(max-width:1000px){.auto_1000{ padding:0 2%;}}
.auto_950{ max-width:950px;}
@media(max-width:950px){.auto_950{ padding:0 2%;}}

.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 



.top{ width:100%; position:fixed; top:0px; z-index:55; background:#fff; box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;}
.topm{ width:1600px; margin:0 auto; height:100px;}
.logo{ float:left;}
.lanmu{ float:right; width:60px; height:60px; background:#0070bb; position:relative; cursor:pointer;display:none;}
.lanmu span{ width:16px; height:2px; background:#fff; position:absolute; top:29px; left:22px; transition:all 0.5s;}
.lanmu span::before,.lanmu span::after{ content:""; position:absolute; width:100%; height:2px; background:#fff;transition:all 0.5s;}
.lanmu span::before{ top:-4px;}
.lanmu span::after{ top:4px;}

.lanmuh span{ height:0px;}
.lanmuh span::before{ transform:rotate(45deg);top:0px;}
.lanmuh span::after{ transform:rotate(-45deg);top:0px;}


.bb{ float:right; margin-top:36px; overflow:hidden; padding-right:5px;}
.bb img{ float:left;}
.bb span{ font-size:16px; line-height:28px; display:block; float:left; margin-left:10px; font-weight:bold;}
.bb font{ font-size:16px; line-height:28px; display:block; float:left; margin-left:5px; font-weight:bold; font-family:'宋体'; transform:rotate(90deg)}
.nav{ float:right; margin-right:0px;}
.nav ul{float:left;}
.nav .tel{float:right; color:#0070bb; line-height:100px; margin-left:40px; font-size:16px; font-weight: bold;}
.nav ul li{ float:left; line-height:100px; margin-left:40px; font-size:16px; position:relative; width:70px;}
.nav ul li a{ display:block;}
.nav ul li:hover>a{ color:#014984; font-weight:bold;}
.nav ul li.navh>a{ color:#014984; font-weight:bold;}
.nav ul li .navul{ position:absolute; width:200px; background:rgba(255,255,255,0.95); font-size:14px; top:100px; display:none;box-shadow: 0px 0px 5px #d1d1d1;}
.nav ul li .navul .navli a{ display:block; padding-left:15px; line-height:40px; color:#333;}
.nav ul li .navul .navli:hover a{ font-weight:bold;color:#0070BB;}

.topt{height:100px;}

.menu{ position:absolute; width:100%; z-index:1000; background:#FFF; border-bottom:1px solid #eee; display:none; top:60px;}
.menu p{ height:50px; line-height:50px; border-top:1px solid #eee; padding:0 0 0 15px; color:#000;    margin-bottom: 0;
    margin-top: 0;}
.menu p a{  color:#000;}
.menu p a.in{display:block; width:100%; height:100%;}
.menu ul{ display:none; padding-bottom: 5px;}
.menu li{ padding:0 15px;width: 50%;float: left;}
.menu li>a{ display:block; height:32px; line-height:32px; border-bottom:1px dashed #eee; color:#555; padding:0 10px;}
.menu li>a:hover{ background:#F5F5F5;}

@media (max-width:1600px) {
	.topm{ width:100%;}
	.logo{ margin-left:0%; margin-top:10px;}
	.logo img{height:70px;}
}
@media (max-width:1260px) {
	.nav ul li{margin-left:40px;}
	.nav{ margin-right:35px;}
	.logo{ margin-left:0%; margin-top:20px;}
	.logo img{height:60px;}
}
@media (max-width:1115px) {
	.nav ul li{ margin-left:30px;}
	.nav{ margin-right:25px;}
	.logo{ margin-left:0%;margin-top:20px;}
	.logo img{height:60px;}
}
@media (max-width:965px) {
	.topm{ width:100%;}
	.topt{ height:60px;}
	.topm{ height:60px;}
	.logo{ margin-left:3.125%;margin-top:0px;}
	.logo img{ height:60px;}
	.nav{ display:none;}
	.bb{ margin-top:16px; margin-right:20px;}
	.bb font{ display:none;}
	.lanmu{ display:block;}
}
@media (max-width:640px) {
	.bb img{ display:none;}
	.bb{ margin-right:10px;}
}



/* 首页banner */
.indexbanner{ }
.indexbanner .swiper-container{position: relative;overflow: hidden;z-index: 1;}
.indexbanner .pager{ position:absolute; left:0; text-align:center; width:100%; bottom:5%; z-index:10;}
.indexbanner .pager span{ display:inline-block; position:relative; width:18px; height:18px; background:#666; border-radius:50%; margin: 0 6px; cursor: pointer; }
.indexbanner .pager i{ display:block;  width:10px; height:10px; top: 4px; left: 4px; border-radius: 50%; background:#fff;  position:absolute;  overflow:hidden; line-height:1000px;}
.indexbanner .pager span.swiper-pagination-bullet-active{background-color:#0070BB;}
.indexbanner .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;
}
.indexbanner li{width: 100%; position: relative;-webkit-flex-shrink: 0; -ms-flex-negative: 0;flex-shrink: 0;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;}
.indexbanner li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; cursor: pointer; }
.indexbanner .txt{position: absolute; color: #fff; left: 7.8125%; width: 62.5%; top: 50%; transform: translateY(-50%); max-width: 560px; }
.indexbanner .txt h1{ font-size: 65px; margin: 0; position: relative; }
/*.indexbanner li:nth-child(6) .txt h1::before{ position: absolute; width: 65px; height: 6px; background: #fff; display: block; content: ''; top: -35px; }*/
.indexbanner .txt p{ font-size: 28px;  }
#pc_banner{display: block !important;}
#wap_banner{display: none !important;}
@media(max-width:1200px){
.indexbanner{ padding:0;}
}
@media(min-width:1025px){
.indexbanner  li > img{ display:block; width:100%;}
.indexbanner  li img.wap{ display:none;}

}
@media(max-width:1024px){
.indexbanner  li img.pc{ display:none;}
#pc_banner{display: none !important;}
#wap_banner{display: block !important;}
}

@media(max-width:768px){
.indexbanner .txt h1{ font-size: 32px; }
.indexbanner .txt p{ font-size: 16px;  }
}

@media(max-width:480px){
.indexbanner .txt h1::before{ display: none; }
.indexbanner .txt h1{ font-size: 20px; }
.indexbanner .txt p{ font-size: 12px;  }
.indexbanner .txt{ max-width: 400px; }
}



/* 首页标题 */
.home_title{ position:relative; z-index:3; text-align:center; padding-bottom: 3%; }
.home_title h3{ margin:0; font-size:42px; color:#777; font-weight: bolder; text-transform:uppercase; font-style: italic; font-family: Baskerville, Palatino Linotype, Palatino, Century Schoolbook L, Times New Roman, serif }
.home_title h3::after{ display:none; content:''; width:35px; height:2px; background:#0070bb; margin:10px auto 10px;}
.home_title h4{font-size:32px; font-weight:bolder;margin: 0; color:#000;}
@media(max-width:640px){
.home_title{ padding-bottom: 25px; }
.home_title h3{ font-size:40px;}
.home_title h4{ font-size:20px;}
}
@media(max-width:480px){
.home_title h3{ font-size:30px;}
}

/* 首页关于我们 */
.indexabout{ padding: 3% 0; }
.indexabout .pic{ position:relative; z-index:1; width: 40.625%; float: right; overflow: hidden; }
.indexabout .pic img{ display:block; width:100%; transition: 0.3s ease;  }
.indexabout .intro{ padding:1.5% 0 1%; float: left; width: 55%; }
.indexabout .intro .h2{ font-size: 24px; font-weight: normal;  color:#0070bb; }
.indexabout .intro .info{ line-height: 36px; font-size: 15px; padding-top: 20px; color: #555; }
.indexabout .intro .ul_num{ max-width:720px; margin:3% 0 4%;}
.indexabout .intro .ul_num li{ float:left; width:25%; font-size:18px; color:#999;}
.indexabout .intro .ul_num li span{ color:#040000; font-size:40px; padding-right: 10px; letter-spacing: -2px; font-weight: bold; font-family:Roboto,Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace}
.indexabout .intro .ul_num li em{ font-style: normal; font-size: 14px; }
.indexabout .intro .ul_num li p{ font-size:14px; margin:0;}

.indexabout .more{}
.indexabout .more a{color:#fff; background: url(../images/indexabout-more2.png) no-repeat 80% center #0070bb; display:inline-block; padding-right:40px; position:relative; width: 180px; padding-left: 50px; line-height:40px; left: 0;}
.indexabout .more a:hover{ background: url(../images/indexabout-more2.png) no-repeat 80% center #0490d9; }

@media(max-width:1024px){
.indexabout .pic{ padding-top: 7%; }
.indexabout .intro .ul_num li span{ font-size:40px;}
.indexabout .more{clear: both; }
}
@media(max-width:768px){
.indexabout .intro,
.indexabout .pic{ width: 100%; padding-top: 2%;}
.indexabout .intro .ul_num li span{ font-size:40px;}
.indexabout .intro .info{ padding-top: 0; }
}
@media(max-width:640px){
.indexabout{ padding: 30px 0;}
.indexabout .intro .ul_num li{ font-size:14px; width: 50%; margin-bottom: 20px; }
.indexabout .intro .ul_num li span{ font-size:30px;}
.indexabout .intro .ul_num li p{ font-size:18px;}
.indexabout .video img{ height:220px;}
}


/* 首页产品展示 */
.indexpro{ padding:4% 0; /* background: #f8f8f8; */background: url(../images/probg.jpg) no-repeat;background-size: cover;}
.indexpro h1{ margin:0; padding-bottom:20px; font-size:48px; background:url(../images/indexpro-titlebg.png) no-repeat center bottom;  text-transform:uppercase; text-align:center; color:#000;}
.indexpro ul{ overflow:hidden; clear:both; }
.indexpro li{ float:left; width:23.125%; margin-right:2.5%;margin-bottom: 20px; background: #fff; overflow: hidden; }
.indexpro li:nth-child(4n){margin-right: 0;}
/* .indexpro li:last-child{ margin-right:0;} */
.indexpro li a{ display:block;}
.indexpro li dl{ overflow:hidden; transition:0.3s ease;}
.indexpro li img{ width:100%; display:block;}
.indexpro li figure{ position:relative; }
.indexpro li .tit{ padding:8% 8% 5%; }
.indexpro li h2,
.indexpro li h3{ margin:0; font-weight: normal; }
.indexpro li h2{ font-size:20px; color:#333; line-height: 33px; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.indexpro li h3{ font-size:14px; color:#888; line-height: 24px; height: 72px; overflow: hidden; margin:3% 0;}
.indexpro li a dl:hover{ transform:scale(1.1);}
.indexpro li:hover h2{ color: #0070bb;}
@media(max-width:768px){
.indexpro li{ width:48.5%; margin-right:2.5%; margin-bottom: 2.5%; }
.indexpro li:nth-of-type(2n){  margin-right: 0; }
}
@media(max-width:640px){
.indexpro li{ width:100%; margin-right:0; margin-bottom: 20px; }
}




/* 应用领域 */
.sly{ width:1600px; margin:0 auto;padding: 3% 0 5% 0;}
.slytop{ overflow:hidden}
.sly_tit{ font-size:28px; color:#333333; font-weight:bold; float:left; line-height:28px;}
.sly_a{ float:right; font-size:24px; line-height:24px; text-transform:uppercase; font-weight:bold;}
.sly_a a{ color:#666;}
.sly_con{ margin-top:0px;}
.sly_con ul{ overflow:hidden}
.sly_con ul li{ float:left; margin-right:5px; margin-bottom:5px; position:relative;}
.sly_con ul li:nth-child(3n){ margin-right:0px;}
.sly_con ul li p{ position:absolute; bottom:35px; left:40px; font-size:24px; line-height:24px; color:#fff; font-weight:bold;}
.sly_bom{ height:300px; background:url(../images/gbbj.jpg) no-repeat center;}
.sly_bom .sly_wz{ padding-top:75px; padding-left:110px;}
.sly_bom .sly_wz .slyb_tit{ font-size:24px; font-weight:bold; color:#00579e; line-height:24px;}
.sly_bom .sly_wz .slyb_wz{ margin-top:30px; font-size:16px; color:#333;}
.sly_bom .sly_wz .slyb_a{ margin-top:45px; width:150px; height:40px; line-height:40px; background:#00579e; border-radius:20px; text-align:center}
.sly_bom .sly_wz .slyb_a a{ color:#fff; font-size:16px;}
@media (max-width:1600px) {
	.sly{ width:93.75%;}
	.sly_con ul li{ width:calc(33.33% - 6px); margin:0px 3px; margin-bottom:6px; line-height:0px; font-size:0px;}
	.sly_con{ margin-top:0px;}
	
	}
@media (max-width:1300px) {
	.sly_bom .sly_wz{padding-top:75px; padding-left:50px;}
	}
@media (max-width:1230px) {
	.sly_con ul li p{bottom:20px; left:20px; font-size:22px}
	}
@media (max-width:950px) {
	.sly_bom .sly_wz{padding-top:55px; padding-left:30px; padding-right:30px;}
    .sly_tit{ font-size:24px; line-height:24px;}
	.sly_a{ font-size:22px;}	
	}
@media (max-width:768px) {
	.sly_con ul li p{ font-size:18px;bottom:10px; left:10px;}
	.sly_con{ margin-top:20px;}
	.sly_tit{ font-size:20px;}
	.sly_a{ font-size:20px;}
	}
@media (max-width:640px) {
	.sly_con ul li{ width:calc(50% - 6px); margin:0px 3px; margin-bottom:6px;}
	.sly_con ul li:nth-child(3n){margin-right:3px;}
	.sly_bom .sly_wz{padding-top:60px; padding-left:20px; padding-right:20px;}
	.sly_bom .sly_wz .slyb_a{ margin-top:25px;}
	}
@media (max-width:420px) {
	.sly_con ul li p{ font-size:16px;bottom:8px; left:8px;}
	}




.serve-box{
    width: 100%;
    overflow: hidden;
    background-color: #f2f2f2;
	padding: 3% 0 5% 0;
}
.serve{
    width: 100%;
}
.serve-piclist{
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-image: url('../images/serve_bg.jpg');
}
.serve-piclist-words{
    width: 1280px;
    margin: 0 auto;
}
.serve-piclist-words ul li{
    width: 20%;
    height: 500px;
    overflow: hidden;
    float: left;
    background-color: rgba(0,0,0,.3);
    position: relative;
    text-align: center;
    padding: 0 28px;
    box-sizing: border-box;
    border: 1px solid #52505c;
}
.serve-piclist-words ul li:hover{
    background-color: rgba(0,0,0,.5);
}

.serve-piclist-seeay{
    width: 100%;
    height: 164px;
    overflow: hidden;
    transition: all .6s ease-in 0s;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    margin-top: -82px;
}
.serve-piclist-seeay h6{
    width: 102px;
    height: 102px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #fff;
    text-align: center;
    overflow: hidden;
	margin: 0;
}
.serve-piclist-seeay h6 i{
    background-repeat: no-repeat;
    display: inline-block;
}
.serve-piclist-seeay hr{
    height: 40px;
    width: 1px;
    border: none;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: -26px;
    transition: all .4s;
}
.serve-piclist-seeay h5{
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
	margin-bottom: 0;
}
.serve-piclist-seeay p{
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    width: 80%;
    margin-left: 10%;
    margin-top: 14px;
    height: 64px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	margin-bottom: 0;
}
.serve-piclist-words ul li h6 i{width: 60px;height: 60px;margin-top: 22px;}
.serve-piclist-words ul li:nth-child(1) h6 i{background-image: url('../images/serve_ic1.png');}
.serve-piclist-words ul li:nth-child(2) h6 i{background-image: url('../images/serve_ic2.png');}
.serve-piclist-words ul li:nth-child(3) h6 i{background-image: url('../images/serve_ic3.png');}
.serve-piclist-words ul li:nth-child(4) h6 i{background-image: url('../images/serve_ic4.png');}
.serve-piclist-words ul li:nth-child(5) h6 i{background-image: url('../images/serve_ic5.png');}


.serve-piclist-words ul li:hover .serve-piclist-seeay{
    top: 46%;
    height: 252px;
}
.serve-piclist-words ul li:hover .serve-piclist-seeay h6{
    border: 1px solid #0070bb;
    background-color: #0070bb;
}
.serve-piclist-words ul li:hover .serve-piclist-seeay hr{
    margin-top: -10px;
    transform: rotate(90deg);
}
@media (max-width: 1380px){
	.serve-piclist-words {
	    width: 94%;
	    margin-left: 3%;
	}
}
@media (max-width: 1000px){
	.serve-piclist-words ul li {
	    width: 100%;
	    height: 254px;
	    padding: 0 28px;
	}
	.serve-piclist {
	    width: 100%;
	    height: auto;
	    padding: 10px 0 24px 0;
	    background-image: none;
	    background-color: #2f3e51;
	    overflow: hidden;
	}
	.serve-piclist-words ul li:hover .serve-piclist-seeay {
	    top: 37%;
	}
}


/* 首页新闻中心 */
.indexnews{ padding:4% 0 5%;  }
.indexnews li{ float:left; width:28%; text-align:center; margin-right:8%; }
.indexnews li:nth-of-type(3){ margin-right:0; }
.indexnews li .pic{ position:relative;}
.indexnews li .pic img{ display:block; width:100%; border-radius: 30px 0;}
.indexnews li .pic .sc{ overflow: hidden; }
.indexnews li .pic .sc .Ispic{ width:100%; padding-bottom: 65.22%; border-radius: 30px 0; transition: 0.3s ease; }
.indexnews li .pic .sc .Ispic:hover{ transform: scale(1.1); }
.indexnews li .pic a{ display:block; position:relative;}
.indexnews li .pic time{ position:absolute; font-family: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace; right:-10%; bottom:8%; z-index:10; padding:2% 0 3%; width:40%; max-width:100px; color:#fff; background:#0070bb; font-size:20px; font-weight:lighter; border-radius: 8px; }
.indexnews li .pic time b{ font-size:40px; font-weight: lighter; display:block; line-height:45px; line-height:none;}
.indexnews li:nth-child(2){ margin-top:4%;}
.indexnews li .txt{ padding:8% 5% 0;}
.indexnews li .txt h2{ margin:0;  font-size:18px; font-weight:normal;}
.indexnews li .txt h2::after{ width:30px; height:2px; background:#0070bb; display:none; margin:15px auto; content:'';}
.indexnews li .txt p{line-height:24px;overflow:hidden;height:48px;margin:0;margin-bottom: 12px;font-size:14px; color:#666;}

@media(max-width:1024px){
.indexnews li{ width:31%; margin-right:3.5%; }
.indexnews li .pic time {right:0;}
}
@media(max-width:768px){
.indexnews li .pic time{bottom:10%; }
.indexnews li{ width:100%; margin-right:0; }
.indexnews li .txt{  padding: 30px 20px;}
}
@media(max-width:640px){
.indexnews li .txt{  padding: 10px;}
}



/* 合作伙伴 */
.spar{ padding-top:80px; width:1600px; margin:0 auto;border-top: 1px solid #cccccc;}
.spar_top{ overflow:hidden}
.spar_tit{ font-size:28px; color:#333333; font-weight:bold; float:left; line-height:28px;}
.spar_a{ float:right; font-size:24px; line-height:24px; font-weight:bold; text-transform:uppercase;}
.spar_a a{ color:#666666;}
.spar_con{ padding-top:55px; padding-bottom:100px;}
.spar_con .swiper-slide{ box-sizing:border-box; }
.spar_con img{ box-sizing:border-box;border:1px solid #e7e7e7;}
.spar_con .swiper-slide:hover{ border:1px solid #00579e;}

@media (max-width:1600px) {
	.spar{ width:93.75%; padding-top:40px;}
	.spar_con{ padding-top:35px; padding-bottom:80px}
	}
@media (max-width:768px) {
	.spar_tit{ font-size:24px;}
    .spar_a{ font-size:20px;}
	.spar_con{ padding-top:25px; padding-bottom:40px}
	}
@media (max-width:460px) {
	.spar_tit{ font-size:20PX;}
	.spar_a{ font-size:18PX}
	}



.footer:before { content: ''; display: table }
.footer:after { content: ''; display: table; clear: both }
.footer { *zoom: 1 }
.footer .p{margin: 0;}
@media only screen and (min-width: 1024px){
    .footer a:hover{color: #0070bb;}
}
.footer{background: #3f3f3f; padding: 50px 0; padding-bottom: 85px; color: #fff; position: relative;z-index: 9;}
.footer_top{overflow: hidden;}
.footer .footer_top a{margin: 0;}
.footer_top li{float: left; width:15%;*margin-left: -1px;}
.footer_top li.dl1{width:40%;}

.footer_top dl dt{margin-bottom: 20px;font-size:18px;}
.footer_top dl dd{line-height: 30px;}
.footer_top li.dl1 dl dd p{width:45%; float:left; display: block;}
.footer_top .right{float: right; overflow: hidden;width:10%;text-align: right}
.footer_top .right aside{padding-top: 5px;}
.footer a{color: #c1c1c1;margin:0 10px;}
.footer_bottom{margin-top: 80px; padding-top:20px; border-top: 1px solid #0070bb; overflow: hidden;}
.footer_bottom .left{line-height: 28px; float: left;width: 70%}
.footer_bottom .left em{margin-right:15px;font-style:normal;}
.footer_bottom .left em a{margin-left:0;}
.footer_bottom .left .a1 a{margin:0 10px 0 0;}
.footer_bottom .right{float: right; overflow: hidden;width: 25%;text-align: right}
.footer_bottom .right aside{padding-top: 5px;}
.footer_bottom a{color: #fff;}
/*.footer_bottom p a + a{ display: none; }*/
.footer_bottom .right a{margin: 0 10px;}
.footer_top li .show {display:block; height:15px; position:relative; cursor:pointer; margin-top:10px;}
.footer_top li .show:after {content:''; display:block; width:8px; height:8px; border-right:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3); transform:rotate(45deg);position:absolute; left:50%; bottom:5px; margin-left:-20%; transition:all .3s;}
.footer_top li .show.on:after {transform:rotate(225deg); bottom:0;}


@media only screen and (max-width: 1024px) {
.footer_bottom .left{width: 100%}
.footer_bottom .right{width: 100%}
.footer_bottom .right{margin: 0;margin-top: 10px;text-align: center}
.footer_bottom{margin-top: 40px;}
.footer_top li.dl1{width:100%;}
}
@media only screen and (max-width: 1020px) {
.footer_top li{width: 100%;padding: 10px 0; border-bottom: 1px dashed #333232;}
.footer_top li dt{width: 100%;margin: 0; margin-bottom: 5px;}
.footer_top li dd{width: 100%}
.footer_top li dd p{float: left;padding-right: 10px;}
.footer{padding: 20px 0;}
.footer_bottom{margin-top: 20px;}
.footer_bottom p em{margin-right: 10px;}
.footer_top .right {
    float: none;
    overflow: hidden;
    width: 100%;
	margin: 0 auto;
	padding-top: 10px;
    text-align: center;
}
}

@media only screen and (max-width: 900px) {

.footer_bottom p em{display: block;}

}





.nybanner span{background-position: center center; background-repeat:no-repeat; background-size:cover; height:400px; display:block;}
.nybanner img{ display:none;}
@media (max-width: 1000px){
	.nybanner span{ height:auto; background:none; height:auto;}
	.nybanner img{ display:block;}
}



.content {background: #f7f7f7;}
.content .home_title{padding-top:3%; padding-bottom: 0px;}
.pagecontent{padding: 3% 0 5%;background: #f7f7f7;}
.pagecontent p{ color:#555; line-height:36px; margin-bottom:25px; font-size: 16px; text-indent: 2em;}
.pagecontent h1{color: #016fba;font-size: 20px;}
.pagecontent .pic{ float: left; width: 32.6875%; margin:0px 65px 9px 0px}
.pagecontent .pic2{margin-top: 20px; }
.pagecontent .pic2 img{ width: 24.25%; margin-right: 1%; float: left; }
.pagecontent .pic2 img:nth-of-type(4){ margin-right: 0;  }

@media(max-width:640px){
.pagecontent{ padding: 20px 0; }
.pagecontent .pic{ width: 100%; margin:0;  float: inherit; }
.pagecontent .pic2 img{ width: 100%; margin-right: 0; margin-bottom: 20px;  }
}


.news_list{ padding-top:2%; min-height: 400px; }
.news_list h3{ margin:0; font-size:18px;}
.news_list p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;}

.news_list ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;}
.news_list ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;}
.news_list ol .Ispic img{ display:none;}
.news_list ol div{ padding:5% 10% 3% 5%;}
.news_list ol h3 a{ color:#016fba;}
.news_list ol h3 a:hover{ color:#0490d9; }
.news_list ol time{ display:block; padding:3% 0;}
.news_list ol p{ margin:0 0 3% 0; height:78px;}
.news_list ol span{ display:inline-block; width:130px; line-height:40px; text-align:center;  background:#016fba; font-size:12px; transition: 0.3s ease; }
.news_list ol span:hover{ width: 160px; background:#0490d9; }
.news_list ol span a{  color:#fff; }

.news_list li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fff;}
.news_list li div{border-left:1px solid #eee; padding:2% 3%;}
.news_list li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.news_list li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;}
.news_list li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;}
.news_list li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}

.news_list li:hover{ background-color:#016fba; }
.news_list li:hover *{  color:#fff; }

@media(max-width:1000px){
.news_list li{padding-left:100px;padding-right:30px;}
.news_list li:after{width:30px; background-size:35% auto;}
.news_list li time{width:100px;}
.news_list li time span{font-size:14px;}
.news_list li time i{font-size:40px;line-height:30px;}
}
@media(max-width:768px){
.news_list h3{ font-size:16px;}
}
@media(max-width:640px){
.news_list ol{ padding-left:0;}
.news_list ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;}
.news_list ol div{ padding:3%;}
}
@media(max-width:480px){
.news_list li{padding-left:80px;padding-right:0;}
.news_list li:after{ display:none;}
.news_list li time{width:80px;}
.news_list li time span{font-size:12px;}
.news_list li time i{font-size:30px;}
.news_list h3{ font-size:14px;}
.news_list p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
.news_list ol p{ height:60px;}
}

.pos{overflow:hidden;height:40px;line-height:40px;margin-bottom:10px;padding-bottom:5px; padding-top: 0px;}
.pos .pos_left{width:65%;text-align:left;color:#777;overflow:hidden;font-size:12px; float:left;}
.pos .pos_left>em{display:inline-block;width:25px;height:40px;background:url(../images/com/home.png) center center no-repeat;vertical-align: top;}
.pos .pos_left a{color:#555;}
.pos .pos_left a:hover{color:#036eb8}

.newspage{width: 100%; padding: 0 ; margin:30px auto 0; height: 60px; line-height: 60px; position: relative;  z-index: 1;}
.newspage a{ font-size: 14px; color: #999;}
.newspage .fl{float:left;}
.newspage .fr{float:right;}
.newspage a:hover{ color: #036eb8;}
@media only screen and (max-width:767px ) {
	.newspage{height: 36px; line-height: 36px;}
	.newspage .fl,.newspage .fr{width:100%;}
}


/* 新闻详情页 */
.news_info{ padding: 2% 0 3%; }
.news_info .title{ text-align:center; padding-bottom:0px; background:none;}
.news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;}
.news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:20px;}
.news_info .title p span{ margin:0 36px; color:#999;  font-size:12px;}
.news_info .info{ text-align:justify; text-justify:inter-ideograph; padding-top:20px;}
.news_info .info img{ margin:15px auto; display: block; }
.news_info .info p{ font-size:14px; color:#666; line-height:30px; margin:12px 0; text-indent:2em;}

.news_info .btn{ text-align: center; }
.news_info .goback{ background:#1b699f; padding:8px 18px; color:#fff; border-radius:6px; display: inline-block; margin: 20px 0;}
.news_info .goback:hover{background:#00b3dc; }

.news_info .info_back{ padding:2% 0 20px 0;}
.news_info .info_back dl{ margin: 10px 0;}
.news_info .info_back a{ color:#999; font-size:14px;}
.news_info .info_back a:hover{color:#1b699f;}


.pagecontact .p,.pagecontact .h2,{}
.pagecontact{padding: 8% 0}
.pagecontact .text{margin-bottom: 30px}
.pagecontact .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px; margin-top: 0;}
.pagecontact .text .title span{font-weight: 700;}
.pagecontact .text .p{font-size: 16px;color:#333;line-height: 42px; margin: 0; padding: 0;}
.pagecontact .map{width: 100%;height: 200px;    background: #fff;
    padding: 1%;
    border-radius: 20px 0;}
.pagecontact .map #map{height: 100%;}
.pagecontact .map img{max-width: none !important;}

@media screen and (min-width: 768px) {
	.pagecontact .text{float: left;width: 45%;}
	.pagecontact .map{float: right;width: 50%;height: 320px;}
}

@media screen and (min-width: 1024px) {
	.pagecontact .auto{background: url(../images/pagecontact-bg.jpg) no-repeat center;}
	.pagecontact .map{float: right;width: 50%;height: 320px;}
	.pagecontact .text .title{font-size: 52px;}
}

@media screen and (min-width: 1200px) {
	.pagecontact{padding: 70px 0 70px}
	.pagecontact .text .title{margin-bottom: 55px}
	.pagecontact .map{ width: 65%;height: 430px;}
	.pagecontact .text{width: 35%;}
}

.workshop{ padding: 4% 0 0; }
.workshop .auto{overflow: hidden;}
.workshop ul{ margin: 0 -1%;}
.workshop ul li{ float: left; width: 48%;margin: 0 1% 20px 1%;text-align: center;}
.workshop ul li .pic{display: block; padding:0 10%; position: relative;border: 1px solid #eee; background:#fff;}
.workshop ul li img{width:100%; display:block;}
.workshop ul li h4{overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; margin:10px 0 0; font-weight: normal; font-size: 14px;}






.procate .side-title{margin-top: 60px;background:#016fba;background-size:auto 100%;color:#fff;font-size:18px;padding:22px 0 22px 30px;border-radius: 25px 0 0 0;font-size:24px;}
.procate .side-title span{display:block;text-transform: uppercase;font-size: 16px;color: #fff;}
.procate .side{ padding-bottom:50px; background:#fff; border-radius:0 0 50px 0; -webkit-border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0; -ms-border-radius:0 0 50px 0;}
.procate .side li{border-bottom: 1px solid #efefef;line-height:24px;font-size: 16px;background: #fff;}
.procate .side li a{display:block;padding: 18px 40px 18px 30px;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.procate .side li a::before,
.procate .side li a::after{ position:absolute; content:''; top:50%;}
.procate .side li a::before{width:15px;height:15px;border-radius:50%;background:#ececec;right: 15px;margin-top:-7.5px;}
.procate .side li a::after{margin-top: -4px;border:5px solid transparent;border-top-width:4px;border-bottom-width:4px;border-left-color:#fff;right: 14px;}
.procate .side li a:hover,
.procate .side li.aon a{ color:#016fba;}
.procate .side li:hover a::before,
.procate .side li.aon a::before{ background:#016fba;}
.procate #side .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;}
.procate #side .owl-stage-outer{ position:relative; overflow:hidden;}
.procate #side .owl-stage{position:relative;touch-action: manipulation;}
@media(max-width:1024px){
.w22{ padding-bottom:0;}
.procate .side-title{ margin-top:2%;}
.procate .side{ display:none;}
.procate #side{ background:#fff; border-top:1px solid #fff; padding:0 20px; position:relative;}
.procate #side li{ float:left; padding-right:4%;}
.procate #side li a{ color:#666; line-height:24px; display:block; padding:12px 10px; border-bottom:1px solid #fff; text-align:center;}
.procate #side li.aon a{color:#016fba; border-bottom:1px solid #016fba;}
.procate #side .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#000; color:#fff; cursor:pointer; padding:0;}
.procate #side .owl-nav button.owl-prev{ left:0;}
.procate #side .owl-nav button.owl-next{ right:0;}
.procate #side .disabled{ display:none;}
}
@media(max-width:640px){
.procate .side-title{padding:10px 0 10px 20px;font-size:20px;}
.procate .side-title span{ font-size:12px;}
}


.pro_list{ padding-top:60px; min-height: 400px; }


.pro_list li .sc{ overflow: hidden; }
.pro_list li .sc .Ispic{width:100%;padding-bottom:100%;border-radius: 30px 0;transition: 0.3s ease; background-size: cover;}
.pro_list li .sc .Ispic:hover{ transform: scale(1.1); }

.pro_list li{
    width: 32%;
    float: left;
    margin:0 2% 2% 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px 2px #eee;
    }
.pro_list li .word{ padding:6%}
.pro_list li:nth-child(3n){ margin-right:0;}
.pro_list li img{width: 100%; display:block;}
.pro_list li .dot{color: #353535; font-weight: bold; font-size: 16px;  margin-top: 10px; display: block;}
.pro_list li:hover .dot{color: #016fba;}
.pro_list li p{display: block; color: #727272; text-align: left; height: 48px; overflow: hidden; font-size: 12px; line-height: 24px;}
.pro_list li .more{width: 122px; height: 30px; margin-top:15px; line-height: 30px; color: #fff; font-size:12px; text-align: center; background:#016fba;display: inline-block;border-radius: 50px; transition: 0.3s; }
.pro_list li .more:hover{width: 160px; }
@media (max-width: 768px){
.pro_list li{width: 49%;}
.pro_list li:nth-child(4n){ margin-right:2%;}
.pro_list li:nth-child(2n){ margin-right:0;}
}
@media(max-width:640px){
.pro_list li{ float:none; margin-right:0 !important; width:auto; margin-bottom: 20px; }
}




.productcon{ padding:4% 0;}
.productcon .info_pro{background-color: white;padding: 5px 20px;}
.productcon .pro_spec_tit {
	margin-top: 40px;
}
.productcon .spec_title{
margin-top:30px;
color:#0070BB;
text-align:center;
font-size:24px;
font-weight:bold;
}
.productcon .spec_image{
margin-top:30px;
}
.productcon .spec_image img{
margin:0 auto;
display:block;
max-width:90%;
}
.productcon .pro_spec_tit a.cur, .pro_spec_tit a:hover {
    background: #016fba;
    color: #fff;
}
.productcon .pro_spec_tit a {
    display: inline-block;
    width: 150px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #666;
    margin-left: 0px;
    /* float: left; */
    border-right: 1px solid #e5e5e5;
}

.productcon .info_back{  margin: 20px 0; }
.productcon .info_back dd{ line-height: 32px;  }
.productcon .list_img{ float:left; width:55.6%; position:relative;}
.productcon .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;}
.productcon .big_img li,
.productcon .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%; background-color: #fff; }
.productcon .big_img li figure{ background-size:contain;}
.productcon .list{ padding:42px 0 170px 82.9%;}
.productcon .list .bd{ position:relative;}
.productcon .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/productcon-btn_prev.png) no-repeat center center/auto 50%;  cursor:pointer;}
.productcon .list a.prev{ top:0;}
.productcon .list a.next{ bottom:0; background-image:url(../images/productcon-btn_next.png);}
.productcon .list a.prevStop,
.productcon .list a.nextStop{ cursor:default;}
.productcon .list li{ height:124px;  position:relative;}
.productcon .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; background-color: #fff;  border:1px solid #f2f2f2;}
.productcon .list li.on figure{ border:2px solid #016fba;}

.productcon .right_info{ float:right; width:39.2%; height: 500px; overflow-y:scroll; position: relative; padding: 15px; margin: 20px 0;  }
.productcon .right_info h1{ font-size: 36px; color: #016fba; position: relative; padding-bottom: 20px; margin-bottom: 40px;}
.productcon .right_info h1::after{ position: absolute; display: inline-block; content: ''; width: 80px; height: 1px; background:#016fba; bottom: 0; left: 0; }
.productcon .right_info .intro{ margin:0; line-height:30px; padding-bottom: 5%; }
.productcon .back{ float: right; display:inline-block; padding:10px 5%; color:#000;background: #ddd; transition:0.4s;}
.productcon .back:hover{ background-color:#016fba; color:#fff;}

/* 滚动条背景 */
.productcon ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #f1f1f1;}
/* 滚动条宽 */
.productcon ::-webkit-scrollbar{width: 2px; }
/* 滚动条滑动条颜色 */
.productcon ::-webkit-scrollbar-thumb{  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #999;  }

.productcon .tab{ padding:3% 0;}
.productcon .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;}
.productcon .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#eee; margin-right:4px; cursor:pointer;}
.productcon .tab .h1_tab span.on{ background-color:#016fba; color:#fff;}
.productcon .tab .info{ padding-top:3%;padding-left: 5%;}
.productcon .tab .info figure{ padding-bottom:2%;}
.productcon .tab .info h1{ font-size:15px; color:#016fba;    margin: 0;
    margin-bottom: 10px;}
.productcon .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/productcon-icon_download.png) no-repeat right center; padding:10px 0;}
.productcon .ul_download li a{ padding:0 38px; background:url(../images/productcon-icon.png) no-repeat left center;}

@media(max-width:768px){
.productcon .list_img { float:none; width:auto;}
.productcon .right_info{ float:none; width:auto; height:auto; overflow-y:hidden;}

.productcon .back {float:none; clear:both;}
}
@media(max-width:640px){
.productcon .list li{ height:100px;}
.productcon .right_info h1{font-size:20px; }
.productcon .right_info h3{ font-size:16px;}
 }
@media(max-width:480px){
.productcon .list{ padding-top:30px; padding-bottom:30px;}
.productcon .list a{ height:28px;}
.productcon .list li{ height:80px;}
.productcon .tab .h1_tab{ font-size:14px;}
.productcon .tab .h1_tab span{ padding:0 3%;}
 }




 .page_list{text-align: center; margin-bottom: 30px;}
.page {
	display:inline-block;
	font: 16px/28px '寰蒋闆呴粦', sans-serif;
	*display:inline;
	:1;
	*zoom:1;}
.page span,.page strong {
	float:left;}
.page a,
.page span.disabled,
.page strong {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 16px/24px  '寰蒋闆呴粦', sans-serif;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
	.page strong{background:#0e6aaf; color:#fff; }
.page a:hover {
	border:1px solid #0e6aaf;
	color:#0e6aaf;
	text-decoration:none;}
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.page span.ellipsis {
	float:left;
	font: 16px/24px '寰蒋闆呴粦', sans-serif;
	line-height:22x;
	margin-right:5px;}
.page .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.page a.page-curpage {
	background:#3561db;
	border:1px solid #3561db;
	color:#FFF;
	font-weight:bold;}
.page input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}