@charset "utf-8";

@font-face{
     font-family: "Frutiger LT 45 Light" ; 
     src: url('../font/Frutiger LT 45 Ligh.eot');
     src:url('../font/Frutiger LT 45 Light.woff') format('woff'),
         url('../font/Frutiger LT 45 Light.ttf') format('truetype'),
         url('../font/Frutiger LT 45 Light.svg') format('svg');
}
@font-face{
     font-family: "Frutiger LT 55 Roman" ; 
     src: url('../font/Frutiger LT 55 Roman.eot');
     src:url('../font/Frutiger LT 55 Roman.woff') format('woff'),
         url('../font/Frutiger LT 55 Roman.ttf') format('truetype'),
         url('../font/Frutiger LT 55 Roman') format('svg');
}
@font-face{
     font-family: "Frutiger CE 55 Roman" ; 
     src: url('../font/Frutiger CE 55 Roman.eot');
     src:url('../font/Frutiger CE 55 Roman.woff') format('woff'),
         url('../font/Frutiger CE 55 Roman.ttf') format('truetype'),
         url('../font/Frutiger CE 55 Roman.svg') format('svg');
}

@font-face{
     font-family: "Frutiger-Light" ; 
     src: url('../font/Frutiger-Light.eot');
     src:url('../font/Frutiger-Light.woff') format('woff'),
         url('../font/Frutiger-Light.ttf') format('truetype'),
         url('../font/Frutiger-Light.svg') format('svg');
}


*{ margin:0px; padding:0px;}
ul,ol,dl,li{ list-style:none; margin: 0 0}
img{ border:none;margin-left: auto;margin-right: auto;max-width: 100%}
a{ text-decoration:none; color:#252525}
a:hover{ color:#252525;outline: none;text-decoration:none;}
body{color:#252525;line-height:24px;font-size:16px;font-family: "Frutiger LT 45 Light"; 	position:relative;z-index:999; background-color: #fff;}
header{position:relative;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.sx {transition: transform 0.5s ease;}
.sx:hover {transform: translateX(-2px);transition: transform 0.5s ease;}
.zy {transition: transform 0.5s ease;}
.zy:hover {transform: translateX(-2px);transition: transform 0.5s ease;}
.fixed{position: fixed;background:#fff;	-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;width: 100%;top:0;z-index: 999999;border-bottom: 1px #ddd solid;}
.head-top{background-color: #1a1a1a;padding: 10px 0;color:#fff}
.head-top a{color:#fff}
.t-lx i{padding-right: 5px;font-size:16px}
.search{border: 1px #fff solid;border-radius: 30px 30px;padding-left:15px;padding-right: 15px;margin-right: 10px;width: 150px}
.t-input{background: none;color:#999;font-size:12px;width: 100px}
.t-ton{background: none;}
.t-ton i{font-size:14px;}
.language a{font-size:12px;padding-left: 5px }
.language i{padding-left: 10px;border-left: 1px #fff solid;font-size:14px !important}
.logo{float:left;margin-top: 20px;margin-bottom: 20px}
.bg1{ background:url(../images/bg1.jpg) no-repeat top; padding:50px 0}
.title{font-size:48px;text-align: center;color:#000;background:url(../images/img2.png) no-repeat bottom center;font-weight: bold;}
.index-adv{width: 90%;margin: auto;}
.adv-1 {text-align: center;}
.adv-1 .adv-i{font-size:60px}
.adv-1 h3{font-size:36px;font-weight: bold;color:#0095da;padding: 20px 0;}
.adv-1 h3 i{font-weight: bold;padding-right: 10px;}
.adv-1 span{font-size:18px}
.title1{text-align: center;font-size:18px}
.title-more{background-color: #0095da;width: 150px; margin: auto;padding: 6px 0;text-align: center;border-radius:30px 30px;margin-top: 20px;margin-bottom: 40px;}
.title-more a{color:#fff;}
.title-more:hover{background-color: #0377ad;}
.bg2{background-color: #f5f6f8;}
.pro-1{background-color: #fff;padding: 20px 20px 20px 20px;margin-bottom: 20px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.pro-1:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.pro-1 h3{border-top: 1px #ddd solid;padding-top: 20px;padding-bottom: 10px;color: #23a4df;font-size:16px}
.pro-1 h2{font-size:20px;margin-bottom: 5px;}
.pro-1 span{font-size:16px;color:#666}
.pro-more{width: 150px;margin: auto;background-color: #0095da;padding: 10px 0; text-align: center ;margin-top: 20px}
.pro-more a{color:#fff}
.pro-more:hover{background-color:#0377ad ;}
.bg3{background: url("../images/img3.png") no-repeat left top;padding:80px 0}
.a1{font-size:30px;color:#0095da;font-family: "Frutiger LT 55 Roman";line-height: 36px;font-weight: bold;background: url("../images/img4.png") left bottom no-repeat;padding-bottom: 20px}
.a2{color:#fff;line-height: 24px;font-size:20px;margin-top: 20px}
.a2 p{padding-bottom: 20px}
.a-more{width: 150px;text-align: center;background-color: #0095da;padding: 6px 0;border-radius: 15px 15px}
.a-more a{color:#fff}
.n-new{background-color: #fff;padding: 10px 10px;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;;transition: all .3s;}
.n-new:hover{background-color: #0095da;color:#fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;;transition: all .3s;}
.n-new:hover span{color:#fff}
.n-new:hover a{color:#fff}
.n-new h3{font-size:18px;color:#0095da;padding:6px 0}
.n-new span{color:#999;font-size:14px}
.n-new p{font-size:16px}
.n-new h2{font-size:20px;font-family: "Frutiger LT 55 Roman";padding-bottom: 10px}
.n-new1{background-color: #fff;padding: 10px 20px}
.n-bor{border-bottom: 1px #ddd solid}
.n-more{padding-top: 20px;text-align: right;}
.logo-img{border: 1px #eee solid;}
.bg-logo{background-color: #eee}
footer{background-color: #272828;padding: 50px 0;color:#fff}
footer a{color:#fff}
footer a:hover{color:#0095da}
.fot1{font-size:14px}
.fot1 h3{padding: 10px 0}
.fot2{padding-top: 10px}
.fot2 i{position: absolute;font-size:30px;padding-top: 30px}
.fot2 h3{padding-left: 40px;font-size:18px;line-height: 30px}
.fot3 ul li{padding:2px 0}
.fot3 ul li i{position: absolute;font-size:18px}
.fot3 ul li h3{padding-left: 30px;padding-top:3px}
.fot4 {text-align: center;font-size:14px;;float: left;width:90%;float: left;margin-right: 5%}
.fott{border-top:1px #fff solid}
.fot-tit{font-size:20px;padding: 30px 0;font-family:  "Frutiger LT 55 Roman";}
.fott1 ul li{line-height: 30px;}
.fot-tit1{font-size:16px}
/*.fot-f{padding-left:50px}
*/.m_input{width: 100%;padding: 6px 10px;border-radius:3px 3px;margin-top: 10px;border: 1px #ddd solid;position: relative; color:#333}
.m-button{width: 150px;border-radius: 30px 30px;background-color: #017fb9;color:#000;font-family:  "Frutiger LT 55 Roman";padding: 5px 0;margin-top: 10px;}
.bottom{background-color: #000; padding: 15px 10px;text-align: center;color:#fff}
.side{position:fixed;right:10px;top:30%;z-index:100; z-index: 9999999;}
.side ul li{margin-bottom: 10px}
.hover {width: 100%;height: 100%; float: left; overflow: hidden; position: relative;text-align: center;cursor: default;}
.hover .overlay {width: 100%;height: 100%;position: absolute;overflow: hidden; top: 0; left: 0; padding:30px 30px;color:#000}
.hover .overlay h2{ padding:20px 0; font-size:30px}
.hover img {display: block; position: relative;}
.ehover1 img { transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear;}
.ehover1 .overlay {  opacity: 0; background-color: rgba(0,0,0, 0.5);-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.ehover1:hover img {-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.ehover1:hover .overlay {opacity: 1;}
.ehover1:hover .ehover1:hover button.info { opacity: 1;-moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0);-webkit-transform: translatey(0);transform: translatey(0);}
.d-block{display: none}
.index-img { cursor: pointer; overflow: hidden; position: relative;text-align: center}
.index-img img {top: 0;position: relative; left: 0;-webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s;-o-transition: -o-transform 1s; transition: transform 1s;}
.index-img img:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.content-ban{position: relative;display: block}
.con-banimg{width: 100%;height: 100%;  overflow: hidden; position: relative;text-align: center;cursor: default;}
.con-banimg img{width: 100%}
.con-bantit{ width: 100%;position: absolute;overflow: hidden; top:40%; left: 0;color:#fff;text-align: center;}
.con-bantit h3{font-size:60px;font-family: "Frutiger LT 55 Roman";font-weight: bold}
.con-bantit p{font-size:18px;margin-top: 10px}
.con-bantit a{ color:#fff}
.con-bantit a:hover{ color:#fd0}
.cabout1{font-size:18px;line-height:26px}
.cabout2{text-align: center;padding-bottom: 50px;font-size: 16px}
.relate{padding: 10px 30px}
.relate img{border-radius: 80px  20px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.relate img:hover{border-radius: 20px  80px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.relate h3{font-family: "Frutiger LT 55 Roman";padding: 10px 0;font-size: 24px; text-align:center; padding-top:20px;}
.relate p{font-size:16px;}
.button--quidel{background: #ddd;color:#444;font-size: 18px;padding: 7px 30px;margin-top: 20px;margin: auto;margin-top: 20px;}
.button--quidel:hover{color:#0095da}
.button--quidel::before{background: #0095da}
.button--quidel::after { background: #fafafa;}
.solution{padding:25px 50px 0 50px}
.solu-tit h3{font-size:48px;font-family: "Frutiger LT 55 Roman";font-weight: bold;text-align: center}
.solu-tit p{font-size:20px;padding: 20px 0;line-height: 30px;text-align: center}
.solu-icon{width: 160px;height: 160px;border-radius: 25px 25px;background-color: #ddd;text-align: center;position: relative;line-height: 160px;color:#0095da;margin: auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;;transition: all .3s;}
.solu-icon i{font-size:70px;color:#0095da}
.solu-icon:hover{background-color: #0095da;color:#fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;;transition: all .3s;}
.solu-icon:hover i{color:#fff}
.solu-tit1 h3{font-size:17px;text-align: center;padding:20px 20px 0 20px;line-height: 24px;color:#0095da;font-family: "Frutiger LT 55 Roman";min-height:80px;font-weight: bold}
.solu-tit1 h3 a{color:#0095da;}
.solu-tit1 p{text-align: center;font-size:18px; height:73px;}
.pro-tit{font-size:24px;line-height: 30px;color:#444}
.p1{border: 5px #ddd solid}
.p1:hover{border: 5px #0095da solid}
.pro-tit1{font-size:20px;padding:10px 0;text-align: center;min-height:80px}
.page{text-align: center;}
.page a{margin-left:10px;margin-right: 10px;font-size:18px;color:#666;}
.page a:hover{color:#ad0002;border-bottom: 1px #ad0002 solid }
.pro-tit2 h3{font-size:30px; font-weight:bold}
.pro-tit2 span a{font-size:16px;color:#0095da}
.pro{border: 1px #ddd solid}
.pbor{height: 1px;background-color: #eee;margin: 50px 0}
.new-time{font-size:16px;padding:10px 0;color:#666}
.new-tit{font-size:20px;font-family: "Frutiger LT 55 Roman";margin-bottom: 10px; height:48px;}
.new-tit1{font-size:14px; height:96px;}
.new-more a{font-size:16px;text-transform: uppercase;margin-top: 10px;font-family: "Frutiger LT 55 Roman";color:#0095da}
.new{background-color: #fff;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;padding: 20px 20px}
.new:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}

#pic-page { text-align: center;margin-top: 10px;}
#pic-page a:hover img, #pic-page a.active img { border: solid #ddd 1px;}
#pic-page a { padding:1%;}
#pic-page a img { width: 22%;border: solid #ddd 1px;margin-bottom: 5px;vertical-align: middle;border: 0;}

.contt-tit{border-top:1px #ddd solid;padding: 20px 0;font-size:20px}
.pinfo{font-size:36px;font-family: "Frutiger LT 55 Roman";line-height: 36px;background: url("../images/img4.png") no-repeat left bottom;padding-bottom: 20px;color:#0095da;font-weight: bold}
.pinfo1{color:#ef2121;font-size: 18px}
.info-more{padding:10px 0 10px 0;background-color: #0095da;color:#Fff;border-radius:26px; font-size:18px; display:block; margin-top:23px; width:185px; text-align:center}
.info-more:hover{background-color: #04587f}
.info-sj{ padding-left: 10px;padding-top: 20px;border-top:1px #ddd solid}
.con-table{margin-bottom: 20px}
.con-table table tr td{border: 1px #ddd solid;padding: 10px 20px}
.pinfo2{font-size:24px;padding: 30px 0;font-family: "Frutiger LT 55 Roman";}
.pinfo3{font-size:18px;line-height: 36px}
.h-pro{padding: 30px 0;background-color: #fff;border-radius: 15px 15px}
.bd{border: 1px #ddd solid}
.c-meaasge{width: 80%;margin: auto}
.c-meaasge label{ padding-bottom:12px;}
.c-meaasge label span{ color:#f30}

.c_input{width: 100%;padding: 15px 10px;border-radius:3px 3px;margin-bottom:30px}
.solu-info{font-size:36px;text-align: center;background: url("../images/img2.png") no-repeat bottom;padding-bottom: 30px;margin-bottom: 30px}
.solu-info1{font-size:20px}
.solu-info1 td{ border:#ddd solid 1px; padding:8px 8px 8px 10px;}
.solu-info2{font-size:24px;font-family: "Frutiger LT 55 Roman";color:#0095da;}
.solu-info3{font-size:18px}
/*.solu-info3 td{ border:#ddd solid 1px; padding:8px 8px 8px 10px;}*/
.ninfo-tit{font-size:30px;font-family:"Frutiger LT 55 Roman";text-align: center }
.ninfo-tit1{font-size:16px;padding: 30px 0;border-bottom: 1px #ddd solid;text-align: center;color:#999}
.ninfo-tit2{padding-top: 30px; font-size:18px;line-height: 30px;padding-bottom: 30px;border-bottom: 1px #ddd solid}
.ninfo-tit2 p{padding-bottom: 20px}
.new-page{font-size:18px}
.new-page a:hover{color:#0095da}
.contact{font-size:20px;line-height: 36px }
.contact span{font-family:"Frutiger LT 55 Roman" }
.contact i{font-weight: bold}
.inp-1{ position: absolute;top:18px;color:#888;left:30px}
span.hiddd{ top:5px; width:50px; height:20px; display:block; background-color:#fff; color:#333; font-size:12px; display:none}

.inp-1 i{color:#f00}
.nav-left-tit{font-size:32px;background-color: #0095da;padding: 30px 0;text-align: center;border-bottom: 1px #fff solid;color:#fff;font-weight: bold;margin-bottom: 10px}
.left-mes{position: relative}
.l-button{width: 100%;padding: 10px 0;background-color: #0095da;color:#Fff;font-weight: bold;font-family:"Frutiger LT 55 Roman";}


/**/
.pagination{ text-align:center; margin:45px auto 10px auto; display:block; padding-top:10px;}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num{ text-align:center; margin-left:3px;}
.page-num, .page-link {
	position: relative;
	padding: 6px 10px 6px 10px;
	color: #01a7ed;
	border: 1px solid #01a7ed;
	text-decoration:none;
	font-size:12px;
	margin-top:12px;
	width:20px;
	height:20px;
	display:inline;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #01a7ed;
	border-color: #01a7ed;
}
.page-num-current:hover {
	color: #fff;
}
.text-secondary{ padding-top:20px;}


/**/
.pro_content hr{ margin-top:15px; margin-bottom:15px; border-top:solid #ddd 1px;}
.pro_content h3{ color:#0095da; font-size:22px; font-weight:bold}
.pro_content .table td{ border:0}

.downloadpro img{ width:65px;}
.downloadpro{ text-align:center}
.downloadpro ul li{ display:inline-block; margin:10px 20px 0 20px;}

/**/
.con_bg{ background-color:#f5f6f8}


@media (max-width:767px)
{
 	.moblie_head{display: block} 
	.head{display: none}
	.dn{display: none}
	.bg1{background: url("../images/bg1.jpg") center /cover fixed no-repeat}
	.title{font-size:36px}
	.bg3{background: url("../images/img3.png") center /cover fixed no-repeat}
	.about1{margin-bottom: 30px}
	.n-new1{padding: 10px 0}
	.d-block{display: block}
	.fot4{margin-right: 80px}
	.fott{padding: 10px 20px}
	.fot-f{padding-left:0px}
	.con-bantit h3{font-size:36px;}
	.con-bantit p{margin-top: 6px}
	.con-bantit{top:20%;}
	.t50{padding-top: 20px}
	.b50{padding-bottom: 20px;}
	.t60{padding-top: 30px}
	.b60{padding-bottom: 30px}
	.relate img{border-radius: 5px 5px}
	.pinfo{margin-top: 30px}
	.change-box .change-cut .tab{margin-bottom: 10px;height: 40px;line-height: 40px}
	.c-meaasge{width: 100%}
	.c_input{margin-bottom: 10px}
	.solu-tit h3{font-size:30px}
	.solution{padding: 10px 30px}
	.solu-info{font-size:30px;line-height: 30px;padding-bottom: 20px;margin-bottom: 20px}
	.ninfo-tit{line-height: 32px}
	.fot3{margin-top: 20px}
	.fot4{width:38%;float: left;margin-right:3%;margin-left: 3%; margin-bottom: 20px}
	.fot-tit{padding: 20px 0}
	.index-adv{width: 100%}
	.adv-1{margin-bottom: 20px}
	.t80{padding-top: 50px}
	.b80{padding-bottom: 50px}
	.w-accor1 li .cont_ar{bottom: 20%}

}
@media (min-width:768px) and (max-width:992px)
{
 	.moblie_head{display: block} 
	.head{display: none}
	.dn{display: none}
	.bg1{background: url("../images/bg1.jpg") center /cover fixed no-repeat}
	.title{font-size:36px}
	.bg3{background: url("../images/img3.png") center /cover fixed no-repeat}
	.about1{margin-bottom: 30px}
	.n-new1{padding: 10px 0}
	.d-block{display: block}
	.fot4{margin-right: 80px}
	.fott{padding: 10px 20px}
	.fot-f{padding-left:0px}
	.con-bantit h3{font-size:36px;}
	.con-bantit p{margin-top: 6px}
	.con-bantit{top:20%;}
	.t50{padding-top: 20px}
	.b50{padding-bottom: 20px;}
	.t60{padding-top: 30px}
	.b60{padding-bottom: 30px}
	.relate img{border-radius: 5px 5px}
	.pinfo{margin-top: 30px}
	.change-box .change-cut .tab{margin-bottom: 10px;height: 40px;line-height: 40px}
	.c-meaasge{width: 100%}
	.c_input{margin-bottom: 10px}
	.solu-tit h3{font-size:30px}
	.solution{padding: 10px 30px}
	.solu-info{font-size:30px;line-height: 30px;padding-bottom: 20px;margin-bottom: 20px}
	.ninfo-tit{line-height: 32px}
	.fot3{margin-top: 20px}
	.fot4{width:38%;float: left;margin-right:3%;margin-left: 3%; margin-bottom: 20px}
	.fot-tit{padding: 20px 0}
	.index-adv{width: 100%}
	.adv-1{margin-bottom: 20px}
	.t80{padding-top: 50px}
	.b80{padding-bottom: 50px}
	.w-accor1 li .cont_ar{bottom: 20%}

	
}
@media (min-width:992px) and (max-width:1200px)
{	
	.sky-mega-menu li a{padding: 0 60px 0 0}
	.dn1{display: none}
	.sky-mega-menu li a{padding: 0 30px 0 0}
	.con-bantit{top:30%}
	.pt{padding-top: 0}
	.solution{padding: 20px 20px}
	.solu-tit1{min-height: 240px}
}
@media (min-width:1221px) and (max-width:1600px)
{
	.sky-mega-menu li a{padding: 0 40px 0 0}
	.t-input{ width:90px}
	.search{ width:140px}
}