@font-face {
  font-family: "FZLTXHK";
  src: url("../font/FZLTXHK.woff2") format("woff2"),
       url("../font/FZLTXHK.woff") format("woff"),
       url("../font/FZLTXHK.ttf") format("truetype"),
       url("../font/FZLTXHK.eot") format("embedded-opentype"),
       url("../font/FZLTXHK.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*通用*/
.wrapper{max-width:1140px;margin:auto;}
body,html{height:100%; }
.phone{display:none;}
.ToTop{display:none;position:fixed;bottom:10%;right:30px;width:40px;height:40px;z-index:2;}
.col-md-1 { width:55%}
.col-md-2 { width:42%}
.col-md-3 li { width:33.3%}
.col-md-4 li { width:25%}
.col-md-6 li { width:33.3%}
.col-md-5 { width:50%}
.col-md-7 li { width:20%}

/*头部pc*/
.header{position:fixed;z-index:10;left:0;top:0;width:100%;background:#FFF; padding-top:25px; border-bottom:1px solid #adadad;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.3s; transition: all 0.5s;}
.header_b { width:100%; margin:0 auto;}
.header_b .logo{ float:left; width:135px; margin-left:150px;}
.header_b .nav{ float:right; margin-top:75px}
.header_b .nav li{position:relative;float:left;font-size:18px; width:140px; text-align:center; border-left:1px solid #adadad; height:60px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.3s; transition: all 0.5s;}
.header_b .nav li:hover dl{display:block;}
.header_b .nav li a{position:relative;color:#595757;display:block;}
.header_b .nav li:hover>a,.header_b .nav li.cur>a{color:#113476;}
.header_b .nav li dl{position:absolute;left:-1px;width:100%;top:40px;display:none; border:1px solid #adadad; border-top:none; padding-bottom:10px; background:#FFF; }
.header_b .nav li dd{ text-align:center;line-height:35px;}
.header_b .nav li dd a{display:block;color:#595757;font-size:16px;}
.header_b .nav li dd a:hover{color:#0f3577; }
.phone{display:none;}

.header_small{padding-top:10px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.3s; transition: all 0.5s;}
.header_small .logo { width:120px;}
.header_small .nav {margin-top:50px}

/*头部手机*/
.phoneHeader{position:fixed;left:0;top:0;z-index:10;background:#FFF;width:100%;padding:10px 0;display:none;border-bottom:1px solid #adadad;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;}
.phoneHeader .san{top:27px;position:absolute;right:20px; width:32px; height:24px; border:1px solid #DDD; border-radius:3px; padding-top:8px; padding-left:10px}
.phoneHeader .san span{width:22px;background:#888;height:2px;border-radius:0.5px;margin-bottom:5px;display:block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
.phoneHeader .san span:nth-last-child(1){margin-bottom:0;}
.phoneHeader .logo{margin-left:20px;width:80px;}
.phoneHeader .logo img{ max-width:80px;}
.phoneHeader.cur{background:#FFF;}
.phoneHeader.cur .san{ background:#DDD}
.phoneHeader .san.cur span:nth-child(2){display:none;}
.phoneHeader .san.cur span{width:24px; margin-bottom:0;}
.phoneHeader .san.cur span:nth-child(1){margin-top:7px; margin-left:-1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}
.phoneHeader .san.cur span:nth-child(3){margin-top:-2px; margin-left:-1px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);}

.phoneNav{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:5; }
.phoneNav ul{margin-top:88px;max-height:calc(100% - 88px);overflow-y:auto;background:#FFF; padding:10px 0; border-bottom:1px solid #adadad;}
.phoneNav li{position:relative;text-align:center;font-size:16px;color:#595757;}
.phoneNav li a{width:100%;text-align:center;line-height:40px;position:relative;display:block;margin:auto;color:#595757;}
.phoneNav li a:hover{ color:#113476;}
.phoneNav li:hover>a,.phoneNav li.cur>a{color:#113476;}
.phoneNav li dd a{ color:#fff;font-size:14px;}
.phoneNav li dd a:hover{ color:#fff;}
.phoneNav li dl{display:none; background:#113476}

/*banner*/
body,html{min-height:100%;}
.banner{height:calc(100% - 140px); margin-top:140px;}
.banner .swiper-container{height:100%;}
.banner .swiper-slide{position:relative;}
.banner .swiper-slide img{width:100%;display:block;margin:auto;}
.num .swiper-pagination{bottom:20px;}
.num .swiper-pagination-bullet{width:12px;height:12px;background: rgba(255,255,255,0.50);opacity:1;}
.num .swiper-pagination-bullet-active{background:#FFF;}
.banner.phone .swiper-slide,.banner.phone .swiper-container,.banner.phone .swiper-wrapper{height:100%;}

/*首页产品*/
.index-pro-section {position:relative;}
.index-pro-section li { float:left;}
.index-pro {overflow: hidden; }
.index-pro-img { height: 255px; background-repeat: no-repeat !important;}
.index-pro-section a .index-pro-img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}
.index-pro-section a:hover .index-pro-img {
    -webkit-transform: scale(1.1) rotate(1deg);
    -moz-transform: scale(1.1) rotate(1deg);
    -ms-transform: scale(1.1) rotate(1deg);
    -o-transform: scale(1.1) rotate(1deg);
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
}
.index-pro-content { background:#0f3577; padding:10px 0; line-height:150%; position:relative;}
.index-pro-content span { width:50px; height:57px; display:block; margin:0 auto; margin-bottom:5px;}
.index-pro-content h1 { color:#FFF; text-align:center; }
.index-pro-content h2 { color:#FFF; text-align:center; }
.index-pro-content i { background:#FFF; height:90px; width:1px; position:absolute; right:0; top:20px;}

/*底部*/
.footer { position:relative; padding:30px 0; text-align:center; font-size:14px}
.footer a { color:#595757;}
.footer a:hover { color:#0f3577;}
.footer span { margin-left:20px; line-height:1.5;}
.footer span:nth-child(1) { margin-left:0px;}

/*内页*/
.p-bannerBox {height:calc(100% - 100px); margin-top:100px; margin-bottom:30px; position:relative; overflow:hidden}
/*.p-banner-1 { background:url(../images/p_banner_1.jpg) no-repeat; background-position:55% 0; background-size:cover; }
.p-banner-2 { background:url(../images/p_banner_2.jpg) no-repeat; background-position:55% 0; background-size:cover; }
.p-banner-3 { background:url(../images/p_banner_3.jpg) no-repeat; background-position:55% 0; background-size:cover; }
.p-banner-4 { background:url(../images/p_banner_4.jpg) no-repeat; background-position:55% 0; background-size:cover; }
*/
.p-bannerBox .p-banner-text { position:absolute; right:0px; top:180px; width:28%; text-align:right}
.sitemap { position:relative; padding-right:4%; padding-bottom:20px;}
.sitemap .icon-pro {width:50px; height:57px; margin-left:10px;}
.sitemap h1 {text-align:right; color:#0f3577;}
.sitemap h2 {text-align:right; color:#0f3577;}
.sitemap .icon-pro-text { margin-top:7px;}
/*olysee*/
.page-outside {margin-top:160px;}
#brands,#manufacture,#qualification{ padding:20px 0 60px 0; border-bottom:1px solid #adadad}
#technology{ padding:15px 0 0 0; border-bottom:1px solid #adadad}
.col-md-1,.col-md-2 { line-height:1.5;}
.col-md-1 img,.col-md-2 img { width:100%}
#technology li { float:left; text-align:center; margin-bottom:60px}
#technology li .circle{ border:1px solid #0f3577; border-radius:50%; width:120px; height:120px; margin:0 auto; margin-bottom:20px}
#technology li .circle span {display: table-cell;vertical-align: middle; height:120px; color:#0f3577; padding:0 10px; width:100px;}
#technology li h1,#technology li h2 { line-height:1.5}
/*olysee-资质*/
#qualification .title { margin:20px 0 60px; text-align:center}
#qualification .title h1 { font-size:26px;color:#0f3577; letter-spacing:10px; margin-bottom:10px;}
.col-top-60 { margin-top:60px;}
#qualification li {float:left; text-align:center; margin-bottom:40px;}
#qualification li span { height:120px; display:block; margin:0 auto;margin-bottom:30px; line-height:120px}
#qualification img {max-height:100%;}
#qualification li h1,#qualification li h2,#qualification li .content { line-height:1.5}
#qualification li h1 { font-size:26px}
#qualification li h2 { margin-bottom:20px; height:22px;}
#qualification li div:nth-of-type(2){color:#0f3577;}
#qualification a {color:#595757;}
#qualification a:hover div:nth-of-type(2) {text-decoration:underline}
/*产品*/
.pro-list li {padding:50px 0; border-bottom:1px solid #adadad; font-size:18px}
.pro-list .pro-ad { margin-bottom:40px}
.pro-list .pro-ad h1{ font-size:30px;letter-spacing:5px;}
.pro-list .pro-title h2 { border-bottom:1px solid #adadad; padding-bottom:15px;}
.pro-list .pro-content { margin-top:60px; line-height:1.5}
.pro-list .imgBox { text-align:center}
.pro-list .proBox { margin-top:30px;}
/*新闻*/
.news-list a { color:#595757;}
.news-list a:hover { color:#0f3577;}
.news-list { padding:50px 10% 50px;}
.news-list .news-list-sitemap {padding-bottom:10px; font-size:18px; border-bottom:1px solid #adadad; margin-bottom:30px}
.news-list .news-list-sitemap h1,.news-list .news-list-sitemap h2{color:#0f3577;}
.news-list li { line-height:30px;}
.view { padding:50px 10% 80px;}
.view .title {font-size:26px;letter-spacing:5px;color:#0f3577; padding-bottom:10px; }
.view .date {font-size:14px;color:#0f3577; padding-bottom:10px; border-bottom:1px solid #adadad;margin-bottom:50px;}
.view .content { line-height:1.5}
.view h1 { font-size:18px; color:#0f3577;}
.view h2 { color:#0f3577;}

/*-密码-*/
.password-mask {position: fixed; top:0; left:0; width:100%; height:100%; background:#0f3577;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; z-index:11; display:none;}
.password {position: fixed; width:30%; border-bottom:1px solid #FFF; z-index:12; left:50%; top:50%; margin-left:-15%; margin-top:-5%; display: none;}
.password input { width:100%; color:#FFF; border:none; background:none; font-size:18px; height:40px; line-height:40px;}
.password button { position:absolute; background:#FFF ;border:none; cursor: pointer; width:100px; height:100px; font-size:18px; top:70px; left:50%; margin-left:-50px;  border-radius:50%; color:#0f3577;}
:-moz-placeholder{color:#FFF;opacity:1}
::-moz-placeholder{color:#FFF;opacity:1}
input:-ms-input-placeholder{color:#FFF;opacity:1}
input::-webkit-input-placeholder{color:#FFF;opacity:1}

/*切换*/
@media screen and (max-width: 1920px) {
	.header_b .nav li{width:180px;}
	.index-pro-img { height: 295px;}
	}
@media screen and (max-width: 1680px) {
	.header_b .nav li{width:140px;}
	.index-pro-img { height: 255px;}
	}
@media screen and (max-width: 1320px) {
	.header_b .nav li{font-size:16px; width:110px;}
	.header_b .nav li dd a{font-size:14px;}
	.pro-list .proBox { margin-top:10px;}
	.news-list .news-list-sitemap {font-size:16px;}
	.password input,.password button { font-size:16px;}
	}
@media screen and (max-width: 1100px) {
	.header_b .nav li{font-size:16px; width:100px;}
	.header_b .nav li dd a{font-size:14px;}
	.header_b .nav{ margin-top:60px}
	.header_b .logo{ width:120px; margin-left:100px;}
	.header_small .nav {margin-top:50px}
	.page-outside {margin-top:145px;}
	.pro-list li {font-size:16px}
	.pro-list .pro-ad h1{ font-size:26px;}
	.pro-list .proBox { margin-top:0px;}
	}
@media screen and (max-width: 980px) {
	.header_b .nav li{font-size:14px; width:90px;}
	.header_b .nav li dd a{font-size:12px;}
	.header_b .nav{ margin-top:50px}
	.header_b .logo{ width:110px; margin-left:80px;}
	.header_small .nav {margin-top:40px}
	.page-outside {margin-top:135px;}
	body,html{font-size:14px;}
	.banner{height:calc(100% - 130px); margin-top:130px;}
	.footer { font-size:12px;}
	.sitemap .icon-pro {width:44px; height:50px;}
    .sitemap .icon-pro-text { margin-top:5px;}
	.pro-list li {font-size:14px}
	.pro-list .pro-ad h1{ font-size:24px;}
	.news-list .news-list-sitemap {font-size:14px;}
	.password input,.password button { font-size:14px;}
	}
@media screen and (max-width: 860px) {
	.header{display:none;}
	.phoneHeader{display:block;}
	.pc{display:none;}
	.phone{display:block;}
	.page-outside {margin-top:88px;}
	body,html{font-size:14px;}
	.banner{height:calc(100% - 88px); margin-top:88px;}
	.index-pro-img { height: 200px; }
	.index-pro-content span { width:30px; height:auto}
	.footer span { display:block; margin-left:0px;}
	.footer { font-size:14px;}
	.col-md-1 { width:auto; margin-bottom:30px;}
	.col-md-2 { width:auto; }
	.col-md-3 li { width:100%;}
	.col-md-4 li { width:50%;}
	.col-md-6 li { width:50%}
	.col-md-7 li { width:100%}
	.phoneBox .left,.phoneBox .right { float:none}
	.phoneBox { padding:0 10%}
	#technology li .circle{ width:100px; height:100px;}
	#technology li .circle span {height:100px;}
	#qualification .title h1 { font-size:22px;}
	.p-bannerBox {height:calc(100% - 88px); margin-top:88px;}
	.p-bannerBox .p-banner-text { right:-90px; top:auto; width:50%; bottom:70px;}
	.pro-list .left,.pro-list .right { float:none}
	.col-md-5 { width:auto; }
	.pro-list .proBox {margin-top:40px; padding-left:20%}
	.news-list,.view { padding:30px 10%;}
	.password {width:70%; margin-left:-35%; margin-top:-25%;}
	.news-list .news-list-sitemap {font-size:16px;}
	.password input,.password button { font-size:16px;}
	}

@media screen and (orientation: landscape) and (max-width: 860px) {
	.banner,.p-bannerBox {height:500px;}
	}