/********** container **********/
.container{ width:68%; margin:0 auto;}
@media(max-width:1600px) {
.container{ width:74%;}
}
@media(max-width:1440px) {
.container{ width:80%;}
}
@media(max-width:1280px) {
.container{ width:86%;}
}
@media(max-width:1024px) {
.container{ width:90%;}
}

/*------------------------------  公用  ------------------------------*/
/********** logo加载 **********/
body #loader-wrapper { background: #FFF; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; }
#loader-wrapper .load-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#loader-wrapper .load-content img{ max-width:100%; margin-bottom:20px;}
#loader-wrapper .load-content span { display: block; text-align: center; width: 100%;}

/********** 头部 **********/
.header{ position:relative; width:100%; height:80px; background:#FFF;}
@media(max-width:768px) {
.header{ height:60px;}
}
/** logo **/
.logo{ display:block; width:100%; height:80px;}
.logo img{ height:50px; margin:14px 0 0 5%;}
@media(max-width:768px) {
.logo{ height:60px;}
.logo img{ height:36px; margin-top:12px;}
}
@media(max-width:480px) {
.logo img{ height:32px; margin-top:14px;}
}
@media(max-width:375px) {
.logo img{ height:28px; margin-top:16px;}
}
/** 语言切换 **/
.language{ height:30px; position:absolute; top:25px; right:11%;}
.language a{ display:block; width:30px; height:30px; border-radius:50%; background:#DDD; font-size:14px; line-height:30px; color:#333; text-align:center; text-transform:uppercase; transition:all 0.5s;}
.language a:hover{ background:#006979; color:#FFF;}
@media(max-width:1440px) {
	.language{ right:14%;}
}
@media(max-width:768px) {
	.language{ top:15px; display:none;}
}
/** 搜索 **/
.search-btn{ height:80px; position:absolute; top:0; right:8%;}
@media(max-width:1440px) {
	.search-btn{ right:10%;}
}
@media(max-width:768px) {
	.search-btn{ right:16%;}
}
.search-btn img { display: block; width:24px; margin-top:28px; z-index: 1000; cursor: pointer; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
/*.search-btn.hid{ -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; }*/
/*.search-btn:hover { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); }*/
/*.search-btn svg { position: relative; display: block; width: 100%; height: 20px; fill: #f3f3f3; }*/
@media(max-width:768px) {
.search-btn{ height:60px;}
.search-btn img { width:20px; margin-top:20px;}
}
.fa-search{ font-size:2em; color:#006979; line-height:80px;}
@media(max-width:1024px) {
	.fa-search{ font-size:1.6em;}
}
@media(max-width:768px) {
	.fa-search{ font-size:1.2em; line-height:60px; font-weight:400;}
}

input[type="text"] { width: 100%; padding: 7px 0; border: 0; border-radius: 0; border-bottom: 2px solid #6e7084; background: transparent; color: #a3a3a3; font-size: 18px; margin-bottom: 30px; height: 35px; }
input[type="text"]:focus { outline: none; border-color: #000; }
input[type="text"].filled { color: #000; }
input[type="text"].attention { border-color: #15aba6; }

.search-form, .search-form form, .search-form input, .search-box, .submit-search, .search-form .arrow, .search-res-item, .res-more, .sisea-page{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.search-form { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 0; background: rgba(21,26,37,.95); overflow: hidden; z-index: 10000; }
.search-form.active { width: auto; display: block; overflow: hidden; -webkit-animation: scale 1s ease 1; animation: scale 1s ease 1; }
 @keyframes scale { 0% {
 shape-inside: circle(100%, 10%, 210px);
 -webkit-clip-path: circle(210px at 100% 10%);
 clip-path: circle(210px at 100% 10%);
}
 100% {
 shape-inside: circle(50%, 50%, 1200px);
 -webkit-clip-path: circle(2000px at 50% 50%);
 clip-path: circle(2000px at 50% 50%);
}
}
.search-form form { position: absolute; display: block; top: 45%; left: 0; right: 0; text-align: center;}
.search-form input[type="text"] { position: relative; display: inline-block; margin: 0; max-width: 90%; width: 0; font-size: 32px; height: 36px; line-height:36px; padding: 0; border: 0; -moz-transition: all 0.4s ease .4s; -ms-transition: all 0.4s ease .4s; -o-transition: all 0.4s ease .4s; -webkit-transition: all 0.4s ease .4s; transition: all 0.4s ease .4s;}
.search-form.active input[type="text"] { width: 500px; }
.search-form input[type="text"]:focus { color: #fff; }
.search-box { position: relative; display: inline-block; width: auto; margin: 0; padding: 0; border-bottom: 2px solid #aaa; }
.search-box:after { position: absolute; display: block; content: ""; left: 0; bottom: -2px; width: 0; height: 2px; background: #fff; -webkit-backface-visibility: hidden; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.search-box.focus:after { width: 100%; }
.search-form input[type="submit"] { display: none; }
.submit-search { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; width: 0; height: 50px; cursor: pointer; -moz-transition: all 0.6s ease .4s; -ms-transition: all 0.6s ease .4s; -o-transition: all 0.6s ease .4s; -webkit-transition: all 0.6s ease .4s; transition: all 0.6s ease .4s;}
.search-form.active .submit-search { width: 50px; }
.search-form .arrow { position: relative; display: block; height: 2px; width: 40px; background: #fff; margin-top: 20px; opacity: .6; -webkit-backface-visibility: hidden; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.search-form .arrow:after { position: absolute; display: block; right: 0; top: -4px; content: ""; height: 10px; width: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-backface-visibility: hidden; }
.submit-search:hover .arrow { opacity: 1; }
.search-res-item { position: relative; padding: 0 0 60px 48px; }
.search-res-item h3 { padding: 0; margin: 0; }
.search-res-item .res-num { position: absolute; top: 0; left: 0; color: #b6b6b6; }
.res-more, .res-more:hover { position: relative; display: inline-block; padding-bottom: 5px; color: #15aba6; border-bottom: 2px dotted #15aba6; }
.res-more:hover { text-decoration: none; border-bottom: 2px solid #15aba6; }
.sisea-page a, .sisea-current-page, .sisea-page a:hover { position: relative; display: inline-block; padding: 5px 10px; margin: 0 10px 0 0; border: 0; }
@media(max-width:640px) {
.search-box { margin: 0 20px; }
.search-form input[type="text"] { font-size: 36px;}
.search-form.active input[type="text"] { width: 90%; padding-right: 20px; }
.submit-search { height: 44px; margin-left: -20px; }
}
@media(max-width:480px) {
.search-form input[type="text"] { font-size: 24px; }
.search-form .arrow { width: 30px; }
.submit-search { height: 44px; margin-left: -30px; }
}
/** 搜索 END **/

/***** 手机导航 *****/
#hamburger{ box-sizing:border-box; width:24px; height:24px; position:fixed;/*position:absolute;*/ top:32px; right:5%; z-index:9999;}
#hamburger:before, #hamburger:after, #hamburger span{ background:#006979; content: ''; display: block; width: 24px; height: 2px;}
#hamburger span{ margin:5px 0 0 0;}
#hamburger:after{ margin:5px 0 0 0;}
#hamburger.hb-absolute{ position:absolute;}
#hamburger.hb-fixed{ position:absolute;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span{ -webkit-transition: none 0.3s ease 0.3s; transition: none 0.3s ease 0.3s; -webkit-transition-property: transform, top, bottom, left, opacity, margin; transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after{ top:20px;}
html.mm-opening #hamburger span{ left:-50px; opacity: 0; }
html.mm-opening #hamburger:before{ transform:rotate( 45deg ); margin:8.5px 0 0 0;}
html.mm-opening #hamburger:after{ transform:rotate( -45deg ); margin:-8.5px 0 0 0;}

@media screen and (max-width:768px) {
	#my-menu{ /*display:block;*/}
	#hamburger{ display:block; top:22px;}
}

/********** 底部 **********/
.footer{ width:100%; height:auto; background:#006979;}
.ftnav{ width:100%; padding-top:58px; padding-bottom:58px; position:relative;}
.ftnav dl{ float:left; /*width:15%; margin-right:2%;*/ margin-right:8%;}
.ftnav dl.last{ /*width:15%;*/ margin-right:0;}
.ftnav dl dt{ font-size:1em; color:#FFF; line-height:1.5em; margin-bottom:1em; text-transform:capitalize;}
.ftnav dl dd a{ font-size:0.875em; color:rgba(255,255,255,0.7); line-height:1.8em; display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-transform:capitalize;}
.ftnav dl dd a:hover{ color:rgba(255,255,255,1); text-decoration:underline;}
.ftrow2{ width:100%; border-top:1px solid rgba(255,255,255,0.2); font-size:0.875em; line-height:66px;}
.copyright{ float:left; width:80%; color:rgba(255,255,255,0.4);}
.copyright span{ margin-right:24px;}
.copyright label{ font-family:Arial, Tahoma, Helvetica, sans-serif;}
.copyright a{ color:rgba(255,255,255,0.4);}
.copyright a:hover{ color:rgba(255,255,255,1); text-decoration:underline;}
.design{ float:right; width:20%; color:rgba(255,255,255,0.4); text-align:right;}
.design a{ color:rgba(255,255,255,0.4);}
.design a:hover{ color:rgba(255,255,255,1); text-decoration:underline;}
@media(max-width:1800px) {
.ftnav dl{ margin-right:7%;}
}
@media(max-width:1600px) {
.ftnav dl{ margin-right:6.5%;}
}
@media(max-width:1440px) {
.ftnav dl{ margin-right:6%;}
}
@media(max-width:1280px) {
.ftnav dl{ margin-right:5%;}
}
@media(max-width:1100px) {
.ftnav dl{ margin-right:4%;}
}
@media(max-width:1024px) {
.footer{ margin-bottom:49px;}
.ftnav{ display:none;}
.ftrow2{ border-top:none medium; text-align:center; line-height:24px; padding:24px 0;}
.copyright{ width:100%;}
.design{ display:none;}
}
@media(max-width:480px) {
.ftrow2{ padding:20px 0;}
}

/*------ 手机底部 ---------*/
.botnav{ width:100%; height:48px; background:-moz-linear-gradient(top, #282828, #282828); background:-webkit-linear-gradient(top, #282828, #282828); background:-ms-linear-gradient(top, #282828, #282828); border-top:1px solid rgba(255,255,255,0.5); position:fixed; bottom:0; z-index:99; display:none;}
.botnav li{ float:left; width:25%; height:48px; border-right: 1px solid rgba(255,255,255,0.3); -webkit-box-flex: 1;  box-flex: 1; -moz-box-sizing:border-box; box-sizing:border-box;}
.botnav li.last{ border-right:medium none;}
.botnav li a{ display: block; width:100%; text-align:center; font-size:0.75em; color:#FFF; line-height:18px;}
.botnav li .home{ height:20px; padding-top:28px; background:url(../images/ftsign_home.png) no-repeat center 8px; background-size:24px;}
.botnav li .share{ height:20px; padding-top:28px; background:url(../images/ftsign_share.png) no-repeat center 8px; background-size:24px;}
.shareBox{ position:absolute; left:0; bottom:48px; width:100%; z-index:3000; overflow:hidden; display:none; background:#FFF; padding:12px 0px; box-shadow:0px 2px 7px rgba(0,0,0,0.75);}
.shareBox img{ float:left; margin-left:12px; width:40px;}
.botnav li .email{ height:20px; padding-top:28px; background:url(../images/ftsign_email.png) no-repeat center 8px; background-size:24px;}
.botnav li .phone{ height:20px; padding-top:28px; background:url(../images/ftsign_phone.png) no-repeat center 8px; background-size:24px;}
.botnav li .tel{ height:20px; padding-top:28px; background:url(../images/ftsign_tel.png) no-repeat center 8px; background-size:24px;}
.botnav li .map{ height:20px; padding-top:28px; background:url(../images/ftsign_map.png) no-repeat center 8px; background-size:24px;}
.botnav li .english{ height:20px; padding-top:28px; background:url(../images/ftsign_en.png) no-repeat center 8px; background-size:24px;}
@media(max-width:1024px) {
	.botnav{ display:block;}
}
/*------ 返回顶部 ---------*/
@media(max-width:1024px) {
#topcontrol{ right:0 !important;}
#topcontrol img{ width:40px !important; height:40px !important;}
}


/*------------------------------  首页  ------------------------------*/
#pghome{ background-color:#EEE;}
/********** 首页banner **********/
.banner{ width:100%; height:auto; overflow:hidden; text-align:center; vertical-align:middle; position:relative; z-index:1;}
.banner img{ width:100%;}
.banner-phone{ display:none;}
/*.banner-phone{ position:relative; width:100%; height:auto; overflow:hidden; text-align:center; vertical-align:middle; display:none;}
.banner-phone img{ width:100%;}*/
@media(max-width:1024px) {
.banner-pc{ display:none;}
.banner-phone{ display:block;}
}
.banner .swiper-wrapper{ height:auto !important;}
.banner-container{ margin-left:auto; margin-right:auto;}
.banner-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; height:auto !important;}

.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto }
.banner .swiper-button-prev.swiper-button-black, .banner .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-button-prev.swiper-button-white, .banner .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto }
/*.banner .swiper-container-horizontal>.banner .swiper-pagination { bottom:140px !important; }*/

/********** 首页两块 **********/
.floor1{ position:relative; z-index:2; margin-top:-110px;}
.floor1-item1{ float:left; width:48%; height:300px; background:#3BB3C5;}
.floor1-item2{ float:right; width:48%; height:300px; background:#5C718F;}
.welcomepc{ display:block;}
.welcomemp{ display:none;}
.floor1 .txt{ padding:4% 10% 0;}
.floor1 .txt h3{ position:relative; font-size:1.5em; font-weight:normal; line-height:2.8; color:#FFF; margin-bottom:14px;}
.floor1 .txt h3:after{ content:""; display:block; width:20px; height:1px; background:rgba(255,255,255,0.4);}
.floor1 .txt p{ font-size:0.875em; line-height:2; color:#FFF;}
@media(max-width:1024px) {
.welcomepc{ display:none;}
.welcomemp{ display:block;}
.floor1{ margin-top:5%;}
.floor1 .txt h3{ font-size:1.25em;}
.floor1 .txt p{ line-height:1.8;}
}
@media(max-width:768px) {
.floor1-item1{ width:100%; height:260px; margin-bottom:20px;}
.floor1-item2{ float:left; width:100%; height:260px;}
}

/********** 首页技术支持四块 **********/
.indtech{ width:100%; padding:60px 0;}
.indtech .tech-item{ float:left; width:25%; padding:24px 0 12px; text-align:center; border-right:1px solid #CCC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.indtech .tech-item.tech-item4{ border-right:none medium;}
.indtech span{ display:block; margin-bottom:8px;}
.indtech span img{ width:80px;}
.indtech h6{ font-size:1em; color:#006979; line-height:2em;}
.indtech p{ font-size:0.875em; color:#666; line-height:1.5em; padding:0 20%;}
@media(max-width:1440px) {
.indtech{ padding:40px 0;}
}
@media(max-width:1024px) {
.indtech{ padding:30px 0;}
.indtech .tech-item{ float:left; width:50%; padding-top:20px; padding-bottom:20px;}
.indtech .tech-item.tech-item2{ border-right:none medium;}
.indtech .tech-item.tech-item1, .indtech .tech-item.tech-item2{ border-bottom:1px solid #CCC;}
}
@media(max-width:640px) {
.indtech span img{ width:60px;}
.indtech p{ padding:0 14%;}
}

/********** 首页series **********/
.indseries{ width:100%;}
.iseries-item{ width:100%; background:#FFF;}
.iseries-img{ float:right; width:77%; height:0; padding-bottom:34.8%; overflow:hidden;}
.iseries-img img{ width:100%; display:none;}
.iseries-txt{ float:left; width:23%; height:0; padding-bottom:34.8%; background:#FFF; position:relative;}
.iseries-txt h3{ font-size:1.5em; font-weight:normal; line-height:1.5; color:#333; padding-top:76px; padding-left:80px; padding-right:80px; margin-bottom:10px;}
.iseries-txt p{ font-size:0.875em; line-height:2; color:#666; padding-left:80px; padding-right:80px;    width: 100%;display: inline-block;box-sizing: border-box;}
.iseries-txt span{ font-size:0.875em; line-height:45px; color:#FFF; text-align:center; display:block; width:146px; height:45px; background:#F08200; position:absolute; left:80px; bottom:80px; transition:all 0.5s;}
.iseries-item:hover .iseries-txt span{ background:#006979;}
@media(max-width:1800px) {
.iseries-txt h3{ padding-top:56px; padding-left:60px; padding-right:60px;}
.iseries-txt p{ padding-left:60px; padding-right:60px;}
.iseries-txt span{ left:60px; bottom:60px;}
}
@media(max-width:1600px) {
.iseries-txt h3{ padding-top:36px; padding-left:40px; padding-right:40px;}
.iseries-txt p{ padding-left:40px; padding-right:40px;}
.iseries-txt span{ left:40px; bottom:40px;}
}
@media(max-width:1440px) {
.iseries-txt h3{ padding-top:46px; padding-left:50px; padding-right:50px;}
.iseries-txt p{ padding-left:50px; padding-right:50px;}
.iseries-txt span{ left:50px; bottom:50px;}
}
@media(max-width:1280px) {
.iseries-txt h3{ padding-top:26px; padding-left:40px; padding-right:40px;}
.iseries-txt p{ padding-left:40px; padding-right:40px;}
.iseries-txt span{ left:40px; bottom:30px;}
}
@media(max-width:1024px) {
.iseries-img{ float:left; width:100%; height:auto; padding-bottom:0; background:none !important;}
.iseries-img img{ width:100%; display:block;}
.iseries-txt{ width:100%; height:auto; padding-bottom:30px;}
.iseries-txt h3{ padding-top:24px; padding-left:40px; padding-right:40px; margin-bottom:14px;}
.iseries-txt p{ padding-left:40px; padding-right:40px;}
.iseries-txt span{ position:relative; left:0; bottom:0; margin:20px auto 0;}
}
.indprod-container{ width: 100%; margin-left:auto; margin-right:auto;}
.indprod-slide{ /* Center slide text vertically */display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}

/********** 首页news **********/
.indnews{ width:100%; padding:56px 0 60px;}
.indnews h1{ font-size:1.875em; line-height:2em; color:#333; font-weight:normal; margin-bottom:40px; text-align:center;}
.indnews .onenewsbox{ width:100%; height:auto; padding-bottom:0; background:#FFF; text-align:left;}
.inews-img{ width:100%; height:0; padding-bottom:66.66%; position:relative; overflow:hidden;}
.inews-img img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
.onenewsbox:hover .inews-img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.inews-txt{ padding:24px 20px 30px; background:#FFF; -moz-box-sizing:border-box; box-sizing:border-box;}
.inews-txt h3{ display:block; width:100%; height:28px; font-size:1em; font-weight:normal; color:#006979; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inews-txt span{ display:block; font-size:0.875em; color:#999; line-height:24px; margin:2px 0;}
.inews-txt p{ display:block; width:100%; height:48px; font-size:0.875em; line-height:24px; color:#666; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.onenewsbox:hover .inews-txt{ background:#006979; transition:all 0.5s;}
.onenewsbox:hover .inews-txt h3{ color:#FFF;}
.onenewsbox:hover .inews-txt span{ color:#BBB;}
.onenewsbox:hover .inews-txt p{ color:#DDD;}
@media(max-width:1024px) {
.indnews{ padding:40px 0 40px;}
.indnews h1{ margin-bottom:20px;}
}
@media(max-width:480px) {
.indnews{ padding-top:30px;}
.indnews h1{ margin-bottom:10px;}
}
.indnews-container{ width:100%; height:auto;}
.indnews-slide{ text-align:center; /* Center slide text vertically */ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}

/*------------------------------  内页  ------------------------------*/
/********** 内页公用 **********/
.pgtitWrap{ width:100%; padding:70px 0 50px;}
.pgtit{ width:100%; text-align:center;}
.pgtit h2{ font-size:1.875em; line-height:1em; font-weight:normal; color:#333; position:relative; text-transform:capitalize; padding-bottom:24px;}
.pgtit p{ padding:18px 4% 25px; font-size:1.875em; line-height:1em; font-weight:normal; color:#DDD; font-family:Arial, Tahoma, Helvetica, sans-serif; text-transform:uppercase;}
.pgtit:after{ content:""; display:block; position:absolute; left:50%; margin-left:-40px; width:80px; height:2px; background:#DDD;}
@media(max-width:1024px) {
.pgtitWrap{ padding:50px 0 40px;}
#pg15 .pgtitWrap, #pg16 .pgtitWrap, #pg17 .pgtitWrap, #pg46 .pgtitWrap{ display:none;}
}
@media(max-width:768px) {
	.pgtitWrap{ padding:40px 0 30px;}
	.pgtit h2{ font-size:1.5em;}
	.pgtit p{ font-size:1.25em; padding:14px 4% 14px;}
	.pgtit:after{ margin-left:-60px; width:120px;}
}
/*-- subnav --*/
.subnav{ width:100%; height:70px; background-color:#006979; text-align:center;}
.subnav ul{ width:100%;}
.subnav ul li{ display:inline-block;}
.subnav li a{ display:block; height:70px; padding:0 20px; font-size:1em; line-height:70px; color:#FFF;}
.subnav li:hover a, .subnav li.current a{ background-color:#F08200; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
/*.subnav li a:after{ position: relative; content: ""; display: block; margin: 0 auto; height: 2px; width: 0; background: #F49800; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.subnav li:hover a:after, .subnav li.current a:after{ width:100%;}*/
@media(max-width:1280px) {
.subnav li a{ padding:0 15px;}
#pg31 .subnav li a, #pg32 .subnav li a{ padding:0 10px;}
#pg41 .subnav li a, #pg42 .subnav li a, #pg43 .subnav li a, #pg44 .subnav li a, #pg45 .subnav li a, #pg46 .subnav li a{ padding:0 8px;}
}
@media(max-width:1024px) {
.subnav{ display:none;}
}

/*-- subnav页面定位 --*/
#pg11 #s1 a, #pg12 #s2 a, #pg13 #s3 a, #pg14 #s4 a, #pg15 #s5 a, #pg16 #s6 a, #pg17 #s7 a,
#pg41 #s1 a, #pg42 #s2 a, #pg43 #s3 a, #pg44 #s4 a, #pg45 #s5 a, #pg46 #s6 a
{ background-color:#F08200; color:#FFF;}

/*-- subnav2 产品二级--*/
.subnav2{ width:100%; height:auto; padding-top:40px; text-align:center;}
.subnav2 ul{ width:100%;}
.subnav2 ul li{ display:inline-block; height:48px; margin:0 10px 20px; transition:all 0.5s;}
.subnav2 li a{ display:block; height:44px; padding:0 40px; border:2px solid #006979; border-radius:30px; font-size:0.875em; line-height:44px; color:#666;}
.subnav2 li:hover a, .subnav2 li.current a{ background-color:#006979; color:#FFF;}
@media(max-width:1024px) {
.subnav2{ display:none;}
}

/*-- subnav3 产品三级--*/
.subnav3{ width:100%; height:auto; padding-top:20px; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD; text-align:center;}
.subnav3 ul{ width:100%;}
.subnav3 ul li{ display:inline-block; height:40px; margin:0 8px 20px; transition:all 0.5s;}
.subnav3 li a{ display:block; height:40px; padding:0 40px; background-color:#EEE; font-size:0.875em; line-height:40px; color:#666;}
.subnav3 li:hover a, .subnav3 li.current a{ background-color:#666; color:#FFF;}
@media(max-width:1024px) {
.subnav3{ display:none;}
}

/*-- 手机 paname subnavmp --*/
.pgname-wrap{ width:100%; height:48px; background-color:#006979; position:relative; display:none;}
.pgname{ width:100%; height:48px; background:-webkit-linear-gradient(left, #006979, #006979); background:-moz-linear-gradient(left, #006979, #006979); background:-0-linear-gradient(left, #006979, #006979); background:linear-gradient(left, #006979, #006979); font-size:1.125em; line-height:48px; color:#FFF; position:relative; clear:both; z-index:1;}
.pgname span{ display:block; width:90%; margin:0 auto; position:relative; text-transform:capitalize;}
@media(max-width:1024px) {
.pgname-wrap{ display:block;}
}

.subnavmp-sign{ position:absolute; top:15px; right:5%; z-index:2;}
.subnavmp-btn{ width:20%; height:48px; position:absolute; right:0; top:0; display:none;}
.subnavmp-list{ width:100%; text-align:left; position:absolute; right:0; top:48px; border-top:1px solid #DDD; z-index:9999; display:none;}
.subnavmp-list li a.tit, .subnavmp-list li h3{ display:inline-block; width:100%; font-weight:normal; font-size:18px; line-height:48px; color:#333; text-align:center; border-bottom:1px solid #DDD; background-color:#EEE; cursor:pointer;}
.subnavmp-list li a.tit:hover, .subnavmp-list li h3:hover{ background-color:#F08200; color:#FFF;}
.subnavmp-list li h4{ display:inline-block; width:100%; font-weight:normal; font-size:16px; line-height:48px; color:#333; text-align:center; border-bottom:1px solid #DDD; background-color:#F5F5F5; cursor:pointer;}
.subnavmp-list li h4:hover{ background-color:#F08200; color:#FFF;}
.subnavmp2{ display:none;}
.subnavmp2 a{ display:block; width:100%; line-height:48px; color:#666; background:#FFF; border-bottom:1px solid #EEE; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
.subnavmp3{ display:none;}
.subnavmp3 a{ display:block; width:100%; line-height:48px; color:#666; background:#FFF; border-bottom:1px solid #EEE; text-align:center; white-space:nowrap; text-overflow:ellipsis; font-size:14px;}

/********** 内页其他公用 **********/
.do-more{ display:none; width:100%; text-align:center; margin:24px auto;}
.do-more a{ display:block; width:40%; height:44px; margin:0 auto; background-color:#006979; border-radius:10px; font-size:1.25em; line-height:44px; color:#FFF;}
.do-more:hover a{ text-decoration:underline;}
.to-close{ width:100%; height:36px; margin:0px 20px 30px 0; line-height:36px; color:#006979; text-align:right;}
.to-close a{ padding:0 4px; color:#006979;}
.to-close:hover a{ color:#006979; text-decoration:underline;}
.go-back{ width:100%; height:36px; margin:0px 20px 30px 0; line-height:36px; color:#666; text-align:right;}
.go-back a{ padding:0 4px; color:#006979;}
.go-back:hover a{ color:#006979; text-decoration:underline;}
.go-jump{ position:relative; padding-top:0px;}
.go-jump div{ line-height:42px; margin-top:10px; padding-left:20px; background:#F5F5F5; font-size:14px; color:#333;}

/********** 内页 **********/
/*-- 内页banner --*/
/*.banner-inside{ width:100%; height:300px; background-color:#000; overflow:hidden; text-align:center;}
.banner-ab{ background:url(../images/banner/banner_ab.jpg) top center no-repeat;}
.banner-inside-phone{ position:relative; width:100%; overflow:hidden; text-align:center; vertical-align:middle; display:none;}
.banner-inside-phone img{ width:100%;}
@media screen and (max-width:980px) {
	.banner-inside{ display:none;}
	.banner-inside-phone{ display:block;}
}*/
/*-- 内页banner2 --*/
.inner-banner{ position:relative; text-align:center; color:#FFF; overflow:hidden;}
.inner-banner .bannerpic{ display:block;}
.inner-banner .bannerpic-s{ display:none;}
.inner-banner img{ width:100%; display:block; -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -o-transform:scale(1.08); -ms-transform:scale(1.08); transform:scale(1.08); transition:all 5s ease-out; -webkit-transition:all 5s ease-out; -o-transition:all 5s ease-out; -moz-transition:all 5s ease-out; -ms-transition:all 5s ease-out;}
.inner-banner img.animated{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.inner-banner .txt{ position:absolute; top:0; left:0; width:100%; height:100%;}
.inner-banner .tb{ display:table; height:100%; width:100%;}
.inner-banner .tb-c{ display:table-cell; vertical-align:middle;}
.inner-banner h3{ font-size:3.75em; line-height:1.5; font-weight:bold; padding:0 20px; text-transform:uppercase;}
.inner-banner p{ font-size:1em; line-height:1.5; margin-bottom:20px; padding:0 20px;}
.inner-banner i{ display:block; margin:0 auto; width:42px; height:24px; background:url(../images/sign/sign_banner_down.png) no-repeat; background-size:cover;}
/*.inner-banner i{ -webkit-animation:arrowDown 1s ease-in infinite; animation:arrowDown 1s ease-in infinite;}
@-webkit-keyframes arrowDown {
  0% {
	-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
  }
  50% {
	-webkit-transform: translateY(10px);
			transform: translateY(10px);
  }
  100% {
	-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
  }
}
@keyframes arrowDown {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}*/
@media screen and (max-width:1280px) {
	.inner-banner h3{ font-size:3em; margin-bottom:10px;}
}
@media screen and (max-width:1200px) {
	.inner-banner h3{ font-size:2em;}
}
@media screen and (max-width:980px) {
	.inner-banner .bannerpic{ display:none;}
	.inner-banner .bannerpic-s{ display:block;}
}
@media screen and (max-width:768px) {
	.inner-banner h3{ font-size:1.25em; margin-bottom:6px;}
	.inner-banner p{ font-size:0.875em; margin-bottom:8px;}
	.inner-banner i{ width:24px; height:14px;}
}
/*-- //内页banner2 --*/

/********** main **********/
.main{ width:100%; background:#F5F5F5;}
.main2{ width:100%; background:#FFF;}

/********** 关于凯凌 **********/
/*-- 集团简介 --*/
.profile{ width:100%; padding-bottom:60px;}
.profile p{ font-size:0.875em; line-height:1.875em; color: #666; margin-bottom:1em;}
.profimg01{ float:left; width:48%; margin-top:20px;}
.profimg02{ float:right; width:48%; margin-top:20px;}
.profimg01 img, .profimg02 img{ width:100%;}
@media screen and (max-width:1024px) {
.profimg01{ width:100%;}
.profimg02{ float:left; width:100%;}
}
/*-- 发展历程 --*/
.history{ width:100%; padding-bottom:60px; position:relative;}
.history-topline{ position:absolute; width:100%; height:2px; background:#DDD; top:20px; z-index:1;}
.history-container{ width:100%; height:100%;}
.history-slide{/* Center slide text vertically */
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.history-item{ width:100%;}
.year{ width:100%; height:auto; /*background:url(../images/sign/yearbg.jpg) top center repeat-y;*/ /*position:relative;*/}
/*.year:after{ content: ''; display: block; width:2px; height:100%; background:#DDD;}*/
.year span{ display:block; width:100%; text-align:center;}
.year span i{ display:block; width:20px; height:20px; background:#F08300; border-radius:100%; border:10px solid #EEE; margin:0 auto;}
.year h1{ display:block; width:100%; background-color:#FFF; font-size:1.5em; line-height:60px; font-weight:normal; color:#006979; text-align:center;}
.event{ width:100%; background-color:#F5F5F5; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.event p{ font-size:0.875em; line-height:30px; color:#666;}
/*-- 组织架构 --*/
.org{ width:100%; padding-bottom:60px; text-align:center;}
.org img{ max-width:100%;}
@media screen and (max-width:1024px) {
.org{ padding-bottom:40px;}
}
/*-- 企业文化 --*/
.culture{ width:100%; padding-bottom:60px;}
.culture p{ font-size:0.875em; line-height:1.875em; color: #666; margin-bottom:1em;}
/*.culture ul{ width:100%; padding-top:20px; text-align:center;}
.culture li{ display:inline-block; margin-right:-6px; width:20%; text-align:center;}*/
.culture li span{ display:block; margin:0 auto; width:160px; height:160px; /*background:-moz-linear-gradient(top, #F08200, #006979); background:-webkit-linear-gradient(top, #F08200, #006979); background:-O-linear-gradient(top, #F08200, #006979); background:-ms-linear-gradient(top, #F08200, #006979); background:linear-gradient(top, #F08200, #006979);*/ border-radius:50%; font-size:1.125em; color:#FFF; text-align:center; position:relative;}
.culture li.culli1 span, .culture li.culli3 span{ background:#F08200;}
.culture li.culli2 span, .culture li.culli4 span{ background:#006979;}
.culture li span h6{ display:block; width:100%; height:60px; padding-top:50px; font-weight:normal;}
.culture li.culli1 span h6{ line-height:60px;}
.culture li.culli2 span h6, .culture li.culli3 span h6, .culture li.culli4 span h6{ line-height:30px;}
@media screen and (max-width:1280px) {
.culture li span{ width:140px; height:140px; line-height:140px;}
.culture li.culli1 span label{ line-height:140px;}
}
@media screen and (max-width:1024px) {
.culture{ padding-bottom:60px;}
/*.culture li{ width:25%;}*/
.culture li span{ width:140px; height:140px; line-height:140px;}
.culture li.culli1 span label{ line-height:140px;}
}
@media screen and (max-width:768px) {
.culture li span{ width:120px; height:120px; line-height:120px;}
.culture li.culli1 span label{ line-height:120px;}
}
@media screen and (max-width:480px) {
.culture{ padding-bottom:40px;}
/*.culture li{ width:50%; margin-bottom:20px;}*/
.culture li.culli3 span{ background:#006979;}
.culture li.culli4 span{ background:#F08200;}
}
@media screen and (max-width:375px) {
.culture li span{ width:120px; height:120px; font-size:1em; line-height:120px;}
.culture li.culli1 span label{ line-height:120px;}
}

.culture ul.cullist{ width:103%; margin-top:3%;}
.culture ul.cullist li{ float:left; width:22%; height:190px; padding:20px; margin:0px 3% 3% 0; background:#F0F0F0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.culture ul.cullist li h3{ font-size:0.875em; font-weight:bold; color:#006979;}
.culture ul.cullist li p{ text-indent:0; margin-bottom: 0;}
@media screen and (max-width:1280px) {
.culture ul.cullist li{ height:220px;}
}
@media screen and (max-width:1024px) {
.culture ul.cullist{ width:103.3333%;}
.culture ul.cullist li{ width:30%; margin-right:3.3333%; margin-bottom:3%;}
}
@media screen and (max-width:768px) {
.culture ul.cullist{ width:104%;}
.culture ul.cullist li{ width:46%; margin-right:4%; margin-bottom:4%;}
}
@media screen and (max-width:480px) {
.culture ul.cullist{ width:100%;}
.culture ul.cullist li{ width:100%; margin-right:0%; margin-bottom:4%; height:120px;}
}

/*-- 集团形象 --*/
.groupimg{ width:100%; padding-bottom:40px;}
.groupimg ul{ width:103%;}
.groupimg li{ float:left; width:22%; height:auto; margin:0px 3% 3% 0; transition:all 0.5s;}
.groupimg-img{ width:100%; height:0; padding-bottom:66.66%; text-align:center; vertical-align:middle; overflow:hidden;}
.groupimg-img img{ width:100%;}
.groupimg li:hover{ -webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);  -moz-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);  box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);}
@media screen and (max-width:1024px) {
.groupimg{ padding-top:5%;}
.groupimg ul{ width:104%;}
.groupimg li{ width:46%; margin-right:4%; margin-bottom:4%;}
}
@media screen and (max-width:640px) {
.groupimg ul{ width:100%;}
.groupimg li{ width:100%; margin-right:0%; margin-bottom:4%;}
}
/*-- 集团荣誉 --*/
.honor{ width:100%;}
.honor ul{ width:103%;}
.honor li{ float:left; width:22%; height:auto; margin:0px 3% 3% 0; transition:all 0.5s;}
.honor-img{ width:100%; height:0; /*padding-bottom:142%;*/ padding-bottom:137%; text-align:center; vertical-align:middle; overflow:hidden; border:5px solid #333; -moz-box-sizing:border-box; box-sizing:border-box;}
.honor-img img{ width:100%;}
.honor-name{ display:block; width:90%; height:60px; padding:0 5%; font-size:0.875em; line-height:60px; color:#666; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.honor li:hover{ -webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);  -moz-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);  box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);}
.honor li:hover .honor-name{ color:#006979;}
@media screen and (max-width:1280px) {
.honor ul{ width:103.3333%;}
.honor li{ width:30%; margin-right:3.3333%; margin-bottom:3%;}
}
@media screen and (max-width:1024px) {
.honor{ padding-top:5%;}
.honor ul{ width:104%;}
.honor li{ width:46%; margin-right:4%; margin-bottom:4%;}
}
/*@media screen and (max-width:640px) {
.honor ul{ width:100%;}
.honor li{ width:100%; margin-right:0%; margin-bottom:4%;}
}*/
/*-- 集团子公司 --*/
.subsidiary{ width:100%; padding:0px 0 20px;}
.company{ width:100%; background:#F5F5F5; margin-bottom:40px;}
.company-img{ float:left; width:50%; height:0; padding-bottom:33%; overflow:hidden;}
.company-img img{ width:100%; display:none;}
.company-info{ float:left; width:50%; height:0; padding-bottom:33%; background:#F5F5F5; position:relative;}
.company-info h3{ font-size:1.5em; font-weight:normal; line-height:3; color:#333; text-align:center; padding-top:6%; padding-left:8%; padding-right:8%; margin-bottom:4%;}
.company-info h3:after{ content:""; display:block; position:absolute; left:50%; margin-left:-5%; width:10%; height:2px; background:#DDD;}
.company-info p{ font-size:0.875em; line-height:2; color:#666; padding-left:8%; padding-right:8%; display:block; height:164px; overflow:hidden; text-overflow:ellipsis;}
.company-info a{ font-size:0.875em; line-height:45px; color:#FFF; text-align:center; display:block; width:146px; height:45px; background:#F08200; position:absolute; left:8%; bottom:8%; transition:all 0.5s;}
.company-info a label{ margin-right:10px;}
.company-info a i{ color:#FFF; transform:rotate(90deg);}
.company-info a:hover{ background:#006979;}
@media(max-width:1740px) {
.company-info p{ height:140px;}
}
@media(max-width:1600px) {
.company-info h3{ padding-top:4%;}
.company-info span{ bottom:40px;}
}
@media(max-width:1280px) {
.company-info h3{ padding-top:3%; line-height:2.5;}
.company-info span{ bottom:30px;}
}
@media(max-width:1100px) {
.company-info p{ height:116px;}
}
@media(max-width:1024px) {
.subsidiary{ padding:5% 0 20px;}
.company{ margin-bottom:5%;}
.company-img{ float:left; width:100%; height:auto; padding-bottom:0; background:none !important;}
.company-img img{ width:100%; display:block;}
.company-info{ width:100%; height:auto; padding-bottom:30px;}
.company-info h3{ padding-top:24px; margin-bottom:14px; line-height:2;}
.company-info p{ height:auto;}
.company-info a{ position:relative; left:0; bottom:0; margin:20px auto 0;}
}

/********** 新闻资讯 **********/
/*-- 新闻列表 --*/
.newstop{ width:100%; padding-top:60px; padding-bottom:60px;}
@media(max-width:1024px) {
.newstop{ display:none;}
}
.newsimgs{ float:left; width:48%; height:auto; overflow:hidden; text-align:center; vertical-align:middle; position:relative;}
.newsimgs-img{ width:100%; height:0; padding-bottom:66.66%; overflow:hidden; position:relative;}
.newsimgs-img span{ width:100%; height:70px; background:rgba(0,0,0,.7); position:absolute; bottom:0;}
.newsimgs-img span h3{ font-size:1em; color:#FFF; line-height:70px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20px;}
.newsimgs-img img{ width:100%;}
@media(max-width:1440px) {
.newsimgs-img span{ height:60px;}
.newsimgs-img span h3{ line-height:60px;}
}

.newsimgs-swiper-pagination{ text-align:right !important;}
.swiper-container-horizontal>.swiper-pagination.newsimgs-swiper-pagination{ bottom:25px;}
.swiper-container-horizontal>.swiper-pagination.newsimgs-swiper-pagination .swiper-pagination-bullet { margin:0 20px 0 -10px;}
.newsimgs-container{ margin-left:auto; margin-right:auto;}
.newsimgs-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}

.newsnew{ float:right; width:48%;}
.newsnew li{ width:100%; border-bottom:1px solid #E5E5E5; padding-top:10px; padding-bottom:30px; margin-bottom:20px;}
.newsnew li h3{ display:block; width:100%; height:28px; font-size:1em; font-weight:normal; color:#006979; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsnew li span{ display:block; font-size:0.875em; color:#999; line-height:24px; margin:2px 0;}
.newsnew li p{ display:block; width:100%; height:72px; font-size:0.875em; line-height:24px; color:#666; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:block;}
@media(max-width:1600px) {
.newsnew li{ padding-top:8px; padding-bottom:20px; margin-bottom:12px;}
}
@media(max-width:1180px) {
.newsnew li p{ height:48px;}
}

.newslist{ width:100%; padding-top:60px; padding-bottom:60px;}
.newslist ul{ width:102%;}
.newslist li{ float:left; width:23%; margin-right:2%; margin-bottom:2%;}
.news-img{ width:100%; height:0; padding-bottom:66.66%; position:relative; overflow:hidden;}
.news-img img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
.newslist li:hover .news-img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.news-txt{ padding:24px 20px 30px; background:#F5F5F5; -moz-box-sizing:border-box; box-sizing:border-box;}
.news-txt h3{ display:block; width:100%; height:28px; font-size:1em; font-weight:normal; color:#006979; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-txt span{ display:block; font-size:0.875em; color:#999; line-height:24px; margin:2px 0;}
.news-txt p{ display:block; width:100%; height:48px; font-size:0.875em; line-height:24px; color:#666; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.newslist li:hover .news-txt{ background:#006979; transition:all 0.5s;}
.newslist li:hover .news-txt h3{ color:#FFF;}
.newslist li:hover .news-txt span{ color:#BBB;}
.newslist li:hover .news-txt p{ color:#DDD;}
@media screen and (max-width:1280px) {
.newslist ul{ width:103.3333%;}
.newslist li{ float:left; width:30%; margin-right:3.3333%; margin-bottom:3%;}
}
@media screen and (max-width:1024px) {
.newslist{ padding-top:40px; padding-bottom:40px;}
.newslist ul{ width:104%;}
.newslist li{ width:46%; margin-right:4%; margin-bottom:4%;}
}
@media screen and (max-width:640px) {
.newslist{ padding-top:30px; padding-bottom:40px;}
.newslist ul{ width:100%;}
.newslist li{ width:100%; margin-right:0%;}
}

/*-- 新闻正文 --*/
.newsdtl{ width:100%; padding:60px 0;}
.newsdetail{ width:94%; padding:4% 3%;}
.newsdetail-title{ margin:0px 0 20px; text-align:center; font-size:1.25em; font-weight:bold; line-height:2em; color:#333;}
.newsdetail-time{ width:100%; background-color:#F5F5F5; padding:14px 0; font-size:0.875em; line-height:1em; color:#666; text-align:center;}
.newsdetail-time label{ margin-right:2em;}
.newsdetail-cont{ margin-top:30px; font-size:0.95em; line-height:2;}
.newsdetail-cont img{ max-width:100%;}
@media screen and (max-width:1024px) {
.newsdtl{ padding:50px 0;}
}
@media screen and (max-width:640px) {
.newsdtl{ padding:40px 0;}
.newsdetail-time label{ display:none;}
}

/********** 产品中心 **********/
/*-- 产品系列 --*/
.series{ width:100%; padding:60px 0 20px;}
.series-item{ width:100%; background:#FFF; text-align:center; margin-bottom:40px;}
.series-img{ float:right; width:58%; height:0; padding-bottom:34.8%; overflow:hidden;}
.series-img img{ width:100%; display:none;}
.series-txt{ float:left; width:42%; height:0; padding-bottom:34.8%; background:#FFF; position:relative;}
.series-txt h3{ font-size:1.5em; font-weight:normal; line-height:3; color:#333; padding-top:6%; margin-bottom:20px;}
.series-txt h3:after{ content:""; display:block; position:absolute; left:50%; margin-left:-5%; width:10%; height:2px; background:#DDD;}
.series-txt p a{ font-size:0.875em; line-height:2; color:#666;}
.series-txt span{ font-size:0.875em; line-height:45px; color:#FFF; text-align:center; display:block; width:146px; height:45px; background:#F08200; position:absolute; left:50%; margin-left:-73px; bottom:60px; transition:all 0.5s;}
.series-item:hover .series-txt{ background:#006979;}
.series-item:hover .series-txt h3{ color:#FFF;} 
.series-item:hover .series-txt p a{ color:#FFF;}
.series-item:hover .series-txt p a:hover{ color:#F08200;}
.series-item:hover .series-txt span{ background:#FFF; color:#006979;}
@media(max-width:1600px) {
.series-txt h3{ padding-top:4%;}
.series-txt span{ bottom:40px;}
}
@media(max-width:1280px) {
.series-txt h3{ padding-top:3%; line-height:2.5;}
.series-txt span{ bottom:30px;}
}
@media(max-width:1024px) {
.series{ padding:40px 0 20px;}
.series-item{ margin-bottom:20px;}
.series-img{ float:left; width:100%; height:auto; padding-bottom:0; background:none !important;}
.series-img img{ width:100%; display:block;}
.series-txt{ width:100%; height:auto; padding-bottom:30px;}
.series-txt h3{ padding-top:24px; margin-bottom:14px; line-height:2;}
.series-txt span{ position:relative; left:0; bottom:0; margin:20px auto 0;}
}

/*-- 产品列表 --*/
.series-pgname{ width:100%; padding:70px 0 30px; display:none;}
.series-pgname h2{ font-size:1.875em; line-height:1em; font-weight:normal; color:#333; text-align:center;}
@media(max-width:1024px) {
.series-pgname{ display:none;}
}
.prodlist{ width:100%; padding:40px 0 60px;}
.prodlist ul{ width:103.3333%;}
.prodlist li{ float:left; width:30%; margin-right:3.3333%; margin-bottom:3%; transition:all 0.5s;}
.prod-img{ width:100%; height:0; padding-bottom:90%; position:relative; overflow:hidden;}
.prod-img img{ width:100%;}
.prod-info{ width:90%; min-height:80px; padding:26px 5% 30px; background-color:#DDD; position:relative;}
.prod-info h6{ font-size:1.125em; line-height:1; color:#333; font-weight:normal; margin-bottom:16px;}
.prod-info p{ font-size:0.875em; line-height:1.7; color:#666;}
.prod-info p label{ font-family:Arial, Tahoma, Helvetica, sans-serif;}
.prodlist li:hover .prod-info{ background:#006979;}
.prodlist li:hover .prod-info h6{ color:#FFF;}
.prodlist li:hover .prod-info p{ color:#FFF;}
@media screen and (max-width:1024px) {
.prodlist{ padding-top:40px;}
.prodlist ul{ width:104%;}
.prodlist li{ width:46%; margin-right:4%; margin-bottom:4%;}
}
@media screen and (max-width:640px) {
.prodlist{ padding-top:30px; padding-bottom:40px;}
.prodlist ul{ width:100%;}
.prodlist li{ width:100%; margin-right:0%; margin-bottom:4%;}
}

/*-- 搜索结果 --*/
.serp{ width:100%; min-height:300px; padding:60px 0 40px;}
.serp-no{ width:100%; min-height:220px; padding:120px 0 40px; text-align:center;}
.serp-no span{ font-size:2em; line-height:2;}
@media screen and (max-width:1024px) {
.serp{ padding:40px 0 20px;}
.serp-no{ padding-top:60px;}
.serp-no span{ font-size:1.25em;}
}

/********** 技术支持 **********/
/*-- 质量体系 --*/
.quality{ width:100%; padding-bottom:60px;}
.quality p{ font-size:0.875em; line-height:1.875em; color: #666; text-indent:2em; margin-bottom:1em;}
.quality .policy{ margin-bottom:1em;}
.quality .policy h6{ font-size:0.875em; color:#006979; text-indent:2em; line-height:2;}
.quality .policy p{ margin-bottom:0;}
@media screen and (max-width:1024px) {
.quality{ padding-bottom:40px;}
}
/*-- 制造系统 --*/
.mfg{ width:100%; padding-bottom:60px;}
.mfg ul{ width:103%;}
.mfg li{ float:left; width:22%; height:auto; margin:0px 3% 3% 0; transition:all 0.5s;}
.mfg-img{ width:100%; height:0; padding-bottom:66.66%; text-align:center; vertical-align:middle; overflow:hidden;}
.mfg-img img{ width:100%;}
.mfg-name{ display:block; width:90%; height:60px; padding:0 5%; font-size:0.875em; line-height:60px; color:#666; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.mfg li:hover{ -webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);  -moz-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);  box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);}
.mfg li:hover .mfg-name{ color:#006979;}
@media screen and (max-width:1280px) {
.mfg ul{ width:103.3333%;}
.mfg li{ width:30%; margin-right:3.3333%; margin-bottom:3%;}
}
@media screen and (max-width:1024px) {
.mfg{ padding-top:5%;}
.mfg ul{ width:104%;}
.mfg li{ width:46%; margin-right:4%; margin-bottom:4%;}
}
/*-- 检测设备 --*/
.eqpt{ width:100%; padding-bottom:60px;}
.eqpt ul{ width:103%;}
.eqpt li{ float:left; width:22%; height:auto; margin:0px 3% 3% 0; transition:all 0.5s;}
.eqpt-img{ width:100%; height:0; padding-bottom:100%; text-align:center; vertical-align:middle; overflow:hidden;}
.eqpt-img img{ width:100%;}
.eqpt-name{ display:block; width:90%; height:60px; padding:15px 5%; font-size:0.875em; line-height:30px; color:#666; text-align:center; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
.eqpt li:hover{ -webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);  -moz-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);  box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);}
.eqpt li:hover .eqpt-name{ color:#006979;}
@media screen and (max-width:1280px) {
.eqpt ul{ width:103.3333%;}
.eqpt li{ width:30%; margin-right:3.3333%; margin-bottom:3%;}
}
@media screen and (max-width:1024px) {
.eqpt{ padding-top:5%;}
.eqpt ul{ width:104%;}
.eqpt li{ width:46%; margin-right:4%; margin-bottom:4%;}
}
/*-- 技术中心 --*/
.tech{ width:100%; margin-bottom:60px; background: #F5F5F5;}
.tech img{ float: left; width:60%; }
.tech .techtxt{ float: left; width:40%; padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tech .techtxt p{ margin-bottom: 20px; font-size:0.875em;}
@media screen and (max-width:1024px) {
.tech img{ width:100%; }
.tech .techtxt{ width:100%; padding: 24px;}
.tech .techtxt p{ margin-bottom: 10px;}
}
/*-- 产品知识 --*/
.information{ width:100%; padding-bottom:60px;}
@media screen and (max-width:1024px) {
.information{ padding-bottom:40px;}
}
/*-- 资料下载 --*/
.download{ width:100%;}
.download ul{ width:103%;}
.download li{ float:left; width:22%; height:auto; margin:0px 3% 3% 0; transition:all 0.5s;}
.date-img{ width:100%; height:0; padding-bottom:142%; text-align:center; vertical-align:middle; overflow:hidden;}
.date-img img{ width:100%;}
.date-name{ display:block; width:90%; height:48px; padding:0 5%; font-size:0.875em; line-height:48px; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.download li span{ display:block; width:50%; margin:0 auto; border:2px solid #006979; border-radius:5px; font-size:0.875em; line-height:36px; color:#666; text-align:center;}
.download li:hover .date-img{ -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);  -moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);  box-shadow:0 10px 20px rgba(0, 0, 0, 0.1); transition:all 0.5s;}
.download li:hover .date-name{ color:#006979;}
.download li:hover span{ background-color:#006979; color:#FFF; transition:all 0.5s;}
@media screen and (max-width:1280px) {
.download ul{ width:103.3333%;}
.download li{ width:30%; margin-right:3.3333%; margin-bottom:3%;}
}
@media screen and (max-width:1024px) {
.download{ padding-top:5%;}
.download ul{ width:104%;}
.download li{ width:46%; margin-right:4%; margin-bottom:5%;}
}

/********** 人才资源 **********/
/*-- 人才理念 --*/
.concept{ width:100%; padding-bottom:80px;}
.concept p{ font-size:0.875em; line-height:1.875em; color: #666; margin-bottom:1em;}
.concept ul{ width:100%; padding-top:20px; text-align:center;}
.concept li{ display:inline-block; margin-right:-6px; width:20%; text-align:center;}
.concept li span{ display:block; margin:0 auto; width:160px; height:160px; /*background:-moz-linear-gradient(top, #F08200, #006979); background:-webkit-linear-gradient(top, #F08200, #006979); background:-O-linear-gradient(top, #F08200, #006979); background:-ms-linear-gradient(top, #F08200, #006979); background:linear-gradient(top, #F08200, #006979);*/ border-radius:50%; font-size:1.125em; line-height:160px; color:#FFF; text-align:center;}
.concept li.lnli1 span, .concept li.lnli3 span{ background:#F08200;}
.concept li.lnli2 span, .concept li.lnli4 span{ background:#006979;}
@media screen and (max-width:1280px) {
.concept li span{ width:140px; height:140px; line-height:140px;}
}
@media screen and (max-width:1024px) {
.concept{ width:100%; padding-bottom:60px;}
.concept li{ width:25%;}
.concept li span{ width:140px; height:140px; line-height:140px;}
}
@media screen and (max-width:768px) {
.concept li span{ width:120px; height:120px; line-height:120px;}
}
@media screen and (max-width:480px) {
.concept{ padding-bottom:40px;}
.concept li{ width:50%; margin-bottom:20px;}
.concept li.lnli3 span{ background:#006979;}
.concept li.lnli4 span{ background:#F08200;} 
}
@media screen and (max-width:375px) {
.concept li span{ width:120px; height:120px; font-size:1em; line-height:120px;}
}
/*-- 人才招聘 --*/
.job{ width:100%; padding-bottom:60px;}
.job ul{ width:100%;}
.job li{ width:92%; height:auto; padding:0 4%; background-color:#FFF; border-top:10px solid #006979; margin-bottom:30px;}
.job li .job-txt{ padding:20px 0 24px;}
.job li .job-txt h6{ font-size:1.125em; color:#006979; line-height:2; font-weight:normal;}
.job li .job-txt span{ float:left; margin-right:60px; font-size:0.875em; color:#333; line-height:3;}
.job li .job-txt p{ font-size:0.875em; color:#333; line-height:1.8; }
.job li .job-ctc{ width:100%; border-top:1px solid #CCC; text-align:center; font-size:0.875em; color:#666; line-height:62px;}
.job li .job-ctc span{ margin-left:15px; margin-right:15px; font-size:0.875em; color:#666; line-height:62px;}
@media screen and (max-width:1024px) {
.job li{ width:88%; padding:0 6%; margin-bottom:20px;}
.job li .job-txt span{ display:block; clear:both; margin-right:0; margin-right:15px; line-height:1.8;}
.job li .job-ctc{ padding:20px 0;}
.job li .job-ctc span{ display:block; clear:both; margin-left:0; margin-right:0; line-height:1.8;}
}

/********** 营销网络 **********/
/*-- 营销网络 --*/
.network{ width:100%; padding-bottom:60px;}
.network .txt{ width:100%; margin-bottom:20px;}
.network .txt1 p{ width:100%; text-align:center; font-size:0.875em; color:#666; line-height:2.2;}
.network .txt1 p.brandlogo{ text-align:center;}
.network .txt1 p.brandlogo img{ max-width:100%;}
.network .txt2{ }
.network .txt2 p{ width:100%; font-size:0.875em; color:#666; line-height:2.2;}
.network .txt2 p.brandlogo{ text-align:center; text-indent:0;}
.network .txt2 p.brandlogo img{ max-width:100%;}
.network .img{ text-align:center;}
.network .img img{ max-width:100%;}
@media screen and (max-width:1024px) {
.network .txt{ width:100%; margin-bottom:10px;}
.network{ padding-bottom:40px;}
.network .txt1{ display:none;}
.network .txt2{ display:block;}
}
/********** 联系我们 **********/
/*-- 联系方式 --*/
.contact{ width:100%; padding:68px 0 50px;}
.ctctit{ width:100%; text-align:center; margin-bottom:48px;}
.ctctit h3{ font-size:1.875em; color:#006979; line-height:1; margin-bottom:14px;}
.ctctit p{ font-size:1em; line-height:1; color:#999; text-transform:uppercase;}
.infoitem{ float:left;}
.infoitem1{ width:36%;}
.infoitem2{ width:38%;}
.infoitem3{ width:26%;}
.infoitem p{ font-size:1em; line-height:1.875; color:#666; margin-bottom:1em;}
.infoitem i{ display:inline-block; margin-right:8px; text-align:center; width:1em;}
.infoitem label{ display:block; font-weight:bold;}
.infoitem1 label{ width:100%;}
.infoitem2 label{ width:100%;}
.infoitem3 label{ width:100%;}
.infoitem span{ margin-right:1em;}
.infoitem1 span, .infoitem3 span{ display:block;}
.infoitem a{ color:#666;}
.infoitem a:hover{ color:#006979; text-decoration:underline;}
@media screen and (max-width:1024px) {
.contact{ width:100%; padding:48px 0 30px;}
.ctctit{ margin-bottom:36px;}
.ctctit h3{ font-size:1.5em;}
.ctctit p{ font-size:1em;}
.infoitem1{ width:92%; padding:20px 4% 20px; background:#F0F0F0;}
.infoitem2{ width:92%; padding:20px 4% 20px; background:#EAEAEA;}
.infoitem3{ width:92%; padding:20px 4% 20px; background:#F0F0F0;}
.infoitem p{ margin-bottom:0em;}
.infoitem label{ display:inline-block;}
.infoitem1 span, .infoitem3 span{ display:inline-block;}
.infoitem a{ display:inline-block;}
}
@media screen and (max-width:768px) {
.ctctit h3{ font-size:1.5em;}
.ctctit p{ font-size:0.875em;}
.infoitem1{ width:90%; padding:20px 5% 10px;}
.infoitem2{ width:90%; padding:20px 5% 10px;}
.infoitem3{ width:90%; padding:20px 5% 0;}
.infoitem p{ margin-bottom:1em;}
.infoitem label{ display:block;}
.infoitem1 span, .infoitem3 span{ display:block;}
}

/*-- 地理位置 --*/
.ctcmap{ width:100%; height:auto; margin-bottom:54px;}
.mappc { margin:0 auto; width:100%; height:400px; }

#mapContainer { height:400px; width:100%; }
#btnDiv { position: absolute; bottom: 20px; right: 20px; }
#btnDiv input { height: 28px; line-height: 28px; background-color: #0D9BF2; color: #FFF; border: 0; outline: none; padding-left: 5px; padding-right: 5px; border-radius: 3px; cursor: pointer;}

.mapmob{ width:100%; height:auto; display:none; overflow:hidden;}
.mapmob img{ max-width:100%;}
@media screen and (max-width:1024px) {
.mappc{ display:none;}
.mapmob{ display:block;}
}
@media screen and (max-width:768px) {
.mapmob img{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}
}
@media screen and (max-width:480px) {
.mapmob img{ -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -ms-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2);}
}

/*-- 在线留言 --*/
.msg{ width:100%; margin-bottom:80px;}
.msg h6{ font-size:1em; color:#666; line-height:1.5; margin-bottom:28px;}
.msgbox{ width:100%;}
.msgitem{ float:left; width:30%; height:48px; position:relative; margin-bottom:3%;}
.msgitem.msgitem2{ margin-left:5%; margin-right:5%;}

.msgitem input:-moz-placeholder, .msgitem-last textarea:-moz-placeholder { color:#666; font-size:1em; opacity:1; /* Mozilla Firefox 4 to 18 */}
.msgitem input::-moz-placeholder, .msgitem-last textarea::-moz-placeholder { color:#666; font-size:1em; opacity:1; /* Mozilla Firefox 19+ */}
.msgitem input:-ms-input-placeholder, .msgitem-last textarea:-ms-input-placeholder{ color:#666; font-size:1em; opacity:1; /* Internet Explorer 10+ */}
.msgitem input::-webkit-input-placeholder, .msgitem-last textarea::-webkit-input-placeholder{ color:#666; font-size:1em; opacity:1; /* WebKit browsers */}

.msgitem input:hover:-moz-placeholder, .msgitem-last textarea:hover:-moz-placeholder { color:#FFF; /* Mozilla Firefox 4 to 18 */}
.msgitem input:hover::-moz-placeholder, .msgitem-last textarea:hover::-moz-placeholder { color:#FFF; /* Mozilla Firefox 19+ */}
.msgitem input:hover:-ms-input-placeholder, .msgitem-last textarea:hover:-ms-input-placeholder{ color:#FFF; /* Internet Explorer 10+ */}
.msgitem input:hover::-webkit-input-placeholder, .msgitem-last textarea:hover::-webkit-input-placeholder{ color:#FFF; /* WebKit browsers */}

.msgitem input{ width:90%; height:48px; padding:0px 5% 0 5%; background-color:#DDD; border:medium none; border-radius:5px; font-size:0.875em; color:#666; line-height:48px; transition:all 0.5s;}
.msgitem input:hover{ background-color:#006979; color:#FFF;}

.msgitem-last{ width:100%; height:auto; position:relative; margin-bottom:3%;}
.msgitem-last textarea{ width:97%; min-height:182px; padding:14px 1.5%; background-color:#DDD; border:medium none; border-radius:5px; font-size:0.875em; color:#666; line-height:24px; /*resize:none; overflow-y:scroll;*/ transition:all 0.5s;}
.msgitem-last textarea:hover{ background-color:#006979; color:#FFF;}

.inputsub{ width:100%; text-align:center;}
.inputsub input{ display:block; width:200px; height:48px; margin:0 auto; background:#F08200; border:medium none; border-radius:5px; cursor:pointer; font-size:1.25em; line-height:48px; color:#FFF; text-align:center; transition:all 0.5s;}
.inputsub input:hover{ background-color:#006979;}
@media screen and (max-width:1024px) {
.msgitem{ width:100%; margin-bottom:20px;}
.msgitem.msgitem2{ margin-left:0; margin-right:0;}
.msgitem input{ width:94%; padding:0 3%;}
.msgitem-last{ margin-bottom:20px;}
.msgitem-last textarea{ width:94%; padding:14px 3%; min-height:216px;}
}
@media screen and (max-width:640px) {
.msg{ margin-bottom:40px;}
.inputsub input{ width:100%;}
}