﻿@import url("base.css");
body {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#505050;font-size:14px;overflow-x:hidden;}
input,select,button,textarea {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;font-size:14px;color:#222;resize:none;box-sizing:border-box;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}
a:link,a:visited,a:active {color:#222;text-decoration:none;}
a:hover {color:#1a60cc;text-decoration:none;}
a {outline:none;-moz-outline:none;blr:expression(this.onFocus=this.blur());}
.al:hover {text-decoration:underline;}
.als a:hover {text-decoration:underline;}
.flex-column {display:flex;flex-direction:column;justify-content:center;}
/*===================================================================================*/

#header_top {border-top:2px solid #f8c433;background-color:#f5f5f5;}
#header_top .wrap {position:relative;height:33px;line-height:33px;background-color:#f5f5f5;}
#header_top .wrap > a {position:absolute;top:0;right:0;display:block;width:110px;height:33px;color:#333;font-weight:bold;text-align:center;background-color:#f8c433;}
#header_top .wrap > a:hover {color:#fff;background-color:#015cb5;}
#header_top .lang {position:absolute;top:0;right:140px;font-size:13px;}
#header_top .lang span {padding:0 10px;color:#bbb;}

#header {min-width:1200px;background-color:#fff;}
#header .wrap {position:relative;z-index:1;height:100px;background-color:#fff;}
#header .logo {position:absolute;top:50%;left:0;z-index:1;display:flex;align-items:center;margin-top:-30px;height:60px;font-size:0;}
#header .logo img {max-height:100%;}
#header .logo .text {margin-left:20px;padding-left:20px;border-left:1px solid #dfdfdf;}
#header .logo .text h2 {color:#333;font-size:20px;}
#header .logo .text h3 {margin-top:5px;color:#efb515;font-size:14px;font-weight:normal;}
#header .tel {position:absolute;top:29px;right:0;padding-left:60px;min-height:42px;font-weight:bold;background:url(../images/header_tel.png) no-repeat;background-size:auto 42px;}
#header .tel h2 {margin-top:3px;color:#efb515;font-size:22px;font-family:Arial;}

#nav_blk {height:68px;}
#nav {position:relative;top:0;left:0;z-index:99;width:100%;min-width:1200px;background-color:#015cb5;border-bottom:6px solid #022d64;}
#nav.fixed {position:fixed;}
#nav ul li {position:relative;display:inline-block;margin-right:8px;min-width:170px;height:62px;vertical-align:top;}
#nav ul li:last-child {margin-right:0;}
#nav ul li > a {display:block;height:100%;line-height:62px;color:#fff;font-size:16px;text-align:center;}
#nav ul li > a.nav_over {background-color:#022d64;}
#nav ul li:hover > a {background-color:#022d64;}
#nav ul li:hover p {display:block;}
#nav li p {position:absolute;top:100%;left:0px;display:none;padding:6px;width:100%;box-sizing:border-box;background-color:#015cb5;}
#nav li p a {display:block;padding:8px 5px 7px 5px;color:#fff;text-align:center;}
#nav li p a:hover {background-color:#022d64;}

#banner {position:relative;z-index:1;width:100%;min-width:1200px;height:550px;overflow:hidden;}
#banner_ul {position:absolute;top:0px;left:50%;z-index:1;margin-left:-960px;width:1920px;height:550px;overflow:hidden;}
#banner_ul li {width:1920px;height:550px;text-align:center;font-size:0px;}
#banner_pagination {position:absolute;bottom:20px;left:0px;z-index:2;width:100%;height:12px;font-size:0px;text-align:center;}
#banner_pagination a {display:inline-block;margin:0 6px;width:12px;height:12px;text-indent:100px;border-radius:50%;background-color:#fff;overflow:hidden;}
#banner_pagination a:hover {background-color:#f8c443;}
#banner_pagination a.activeSlide {background-color:#f8c443;}

.wrap {margin-left:auto;margin-right:auto;width:1200px;box-sizing:border-box;}
#content {padding:15px 0;}
#left {float:left;width:255px;}
#right {float:right;width:930px;border:1px solid #ddd;overflow:hidden;}
#right .cont {padding:0 20px 30px 20px;}
#finfo {background-color:#032e65;overflow:hidden;}
#finfo .wrap {position:relative;padding-top:40px;padding-bottom:40px;color:#d9d9d9;background-color:#032e65;}
#finfo a {color:#d9d9d9;}
#finfo a:hover {color:#fff;}
#finfo .fnav {display:flex;}
#finfo .fnav li {margin-right:60px;max-width:150px;}
#finfo .fnav li h2 {padding-bottom:8px;font-size:16px;font-weight:normal;}
#finfo .fnav li p {margin-top:12px;}
#finfo .qrcode {position:absolute;top:40px;right:490px;width:155px;color:#fff;font-weight:bold;text-align:center;}
#finfo .qrcode img {margin-bottom:8px;width:100%;}
#finfo .lxfs {position:absolute;top:40px;right:0;width:400px;color:#fff;}
#finfo .lxfs .address {padding-left:52px;background:url(../images/icon1.jpg) no-repeat;}
#finfo .lxfs .address h4 {font-size:18px;font-weight:normal;}
#finfo .lxfs .address p {margin-top:10px;line-height:1.6;}
#finfo .lxfs .tel {margin-top:20px;padding-left:52px;line-height:45px;font-size:20px;background:url(../images/icon2.jpg) no-repeat;	}
#footer {color:#fff;background-color:#015cb5;overflow:hidden;}
#footer .wrap {padding:15px 0;line-height:1.8;background-color:#015cb5;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:underline;}

/*===================================================================================*/

.itis {padding-top:60px;text-align:center;}
.itis h2 {font-size:28px;color:#333;line-height:28px;}
.itis h2:after {display:block;margin:15px auto 0 auto;width:173px;height:16px;content:"";background:url(../images/itis_line.jpg) no-repeat;}
.itis p {margin-top:8px;color:#333;font-size:16px;}

.tits {padding-top:60px;color:#fff;text-align:center;}
.tits h2 {font-size:28px;line-height:28px;}
.tits p {margin-top:15px;font-size:16px;}

#ipros {padding-top:10px;}
#ipros a {display:inline-block;margin-top:2%;margin-right:2%;padding:15px 15px 0 15px;width:23.5%;text-align:center;vertical-align:top;box-sizing:border-box;border:1px solid #eee;}
#ipros a:nth-child(4n) {margin-right:0;}
#ipros a .imgs {height:250px;font-size:0;overflow:hidden;}
#ipros a .imgs span {max-height:100%;}
#ipros a .imgs img {max-width:100%;max-height:100%;transition:all ease-out 400ms;}
#ipros a p {height:45px;line-height:45px;}
#ipros a:hover {border-color:#015cb5;}
#ipros a:hover .imgs img {transform:scale(1.1);}

#iys {margin-top:60px;background-color:#f4f4f4;}
#iys .itis h2:after {background-image:url(../images/itis_line2.jpg);}
#iys ul {display:flex;padding-top:35px;padding-bottom:35px;}
#iys ul li {padding:20px;width:25%;text-align:center;vertical-align:top;box-sizing:border-box;border:1px solid transparent;}
#iys ul li .imgs {height:65px;font-size:0;}
#iys ul li .imgs span {max-height:100%;}
#iys ul li .imgs img {max-width:100%;max-height:100%;}
#iys ul li h4 {margin-top:25px;color:#333;font-size:20px;font-weight:normal;}
#iys ul li h4:after {display:block;margin:25px auto;width:46px;height:1px;content:"";background-color:#2b85d1;}
#iys ul li p {padding:0 20px;line-height:1.8;}

#iwdly {background:url(../images/wdly_bg2.jpg) no-repeat center center;}
#iwdly .wrap {position:relative;height:880px;color:#fff;background:url(../images/wdly_bg2.jpg) no-repeat center center;}
#iwdly .tis {position:absolute;top:100px;left:0;font-size:18px;}
#iwdly .tis:after {display:block;margin-top:12px;width:100px;height:10px;content:"";background-color:#f7c433;}
#iwdly .tis h4 {padding-top:20px;padding-bottom:5px;color:#f7c433;font-size:50px;font-weight:bold;}
#iwdly .tis p {color:#f7c433;font-size:12px;}
#iwdly .list {position:absolute;top:300px;left:0;width:580px;}
#iwdly .list li {position:relative;margin-bottom:22px;padding-left:100px;min-height:72px;}
#iwdly .list li span {position:absolute;top:0;left:0;display:block;width:72px;height:72px;line-height:72px;color:#5a5a5a;font-size:30px;font-weight:bold;text-align:center;border-radius:50%;background-color:#fff;}
#iwdly .list h4 {padding-top:6px;font-size:20px;}
#iwdly .list p {margin-top:5px;line-height:1.6;}
#iwdly .imgs {position:absolute;top:330px;right:0;width:500px;height:435px;overflow:hidden;}
#iwdly .imgs ul {position:absolute;top:0;left:0;z-index:1;width:500px;height:435px;overflow:hidden;}
#iwdly .imgs ul li {width:500px;height:435px;text-align:center;font-size:0;}
#iwdly .imgs ul li img {width:100%;height:100%;}

#iabout {margin-top:60px;background-color:#f4f4f4;}
#iabout .itis h2:after {background-image:url(../images/itis_line2.jpg);}
#iabout .nrs {display:flex;padding-top:60px;padding-bottom:60px;}
#iabout .nrs .imgs {flex:0 0 auto;width:620px;font-size:0;}
#iabout .nrs .imgs img {width:100%;}
#iabout .nrs .text {flex:1 1 auto;margin-left:40px;}
#iabout .nrs .text .editorc {font-size:14px;line-height:1.7;}
#iabout .nrs .text > a {display:block;margin-top:20px;width:130px;height:40px;line-height:40px;color:#fff;text-align:center;background-color:#015cb5;}

#ipartner {padding-bottom:70px;}
#ipartner li {display:inline-block;margin-top:45px;margin-right:47px;width:202px;vertical-align:top;}
#ipartner li:nth-child(5n) {margin-right:0;}
#ipartner li img {width:100%;height:75px;}

/*===================================================================================*/

.left_title {padding:12px 10px 12px 25px;color:#fff;font-size:14px;background-color:#1858ba;}
.left_menu {margin-bottom:10px;padding:0 15px 15px 15px;border:1px solid #ddd;}
.left_menu dd > a {display:block;padding:12px 0 12px 0;font-size:13px;border-bottom:1px solid #ebebeb;}
.left_menu dd > a i {margin-right:5px;color:#666;font-size:12px;font-weight:normal;}
.left_menu dd > a:hover {color:#e9221f;}
.left_menu dd a.curt {color:#e9221f;font-weight:bold;}
.left_menu dd a.curts {color:#e9221f;font-weight:bold;}

.left_menu ul li {display:inline-block;padding-left:10px;width:50%;height:35px;line-height:35px;font-size:12px;vertical-align:top;box-sizing:border-box;border-bottom:1px dotted #ebebeb;overflow:hidden;}
.left_menu ul li i {margin-right:5px;color:#666;font-size:12px;font-weight:normal;}

.left_contact {padding:10px 15px;line-height:2;border:1px solid #ddd;}

/*===================================================================================*/

.nodata {padding:150px 0px;color:#999;font-size:18px;text-align:center;}
#title_cur {position:relative;padding-right:10px;height:43px;color:#999;font-size:12px;text-align:right;line-height:43px;border-bottom:1px solid #0852ab;overflow:hidden;}
#title_cur a {color:#999;}
#title_cur a:hover {color:#1a60cc;}
#title_cur strong {color:#1a60cc;font-weight:normal;}
#title_cur h2 {position:absolute;top:0;left:0;padding-left:30px;color:#1858ba;font-size:14px;background: url(../images/title_bg.png) no-repeat 8px 50%;}

#tmenu {padding-top:12px;text-align:center;}
#tmenu a {display:inline-block;margin-top:18px;margin-right:18px;padding:0 15px;min-width:124px;height:40px;line-height:40px;color:#666;font-size:16px;text-align:center;vertical-align:top;border-radius:5px;box-sizing:border-box;background-color:#e5e5e5;}
#tmenu a:hover, #tmenu a.active {color:#fff;background-color:#015cb5;}

.input_text {padding:0px 8px;width:280px;height:34px;line-height:34px\9;box-sizing:border-box;border:1px solid #ddd;}
.input_area {padding:6px 8px;height:176px;line-height:1.6;box-sizing:border-box;border:1px solid #ddd;resize:none;overflow-y:auto;}
.input_select {padding:0px 0px 0px 8px;height:34px;box-sizing:border-box;border:1px solid #ddd;}
.input_radio {position:relative;top:1px;}
.input_checkbox {position:relative;top:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.input_radio {position:relative;top:3px;width:15px;height:15px;}
	.input_checkbox {position:relative;top:3px;width:15px;height:15px;}
}
.button {width:130px;height:38px;color:#fff;font-size:16px;box-sizing:border-box;border-radius:4px;border:none;background-color:#015cb5;cursor:pointer;}
.button:hover {background-color:#ff8030;}

.editorc_nrs {padding-top:50px;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc_box {padding-top:2.5%;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc {font-size:16px;line-height:1.9;}
.editorc p {margin-bottom:20px;}
.editorc p:last-child {margin-bottom:0px;}
.editorc a {text-decoration:underline;}
.editorc hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc h1,.editorc h2,.editorc h3,.editorc h4,.editorc h5,.editorc h6 {padding:9px 0px;font-weight:bold;line-height:1.4;}
.editorc ul {margin-bottom:20px;padding-left:1.4em;}
.editorc ul:last-child {margin-bottom:0px;}
.editorc ul li {list-style-type:disc;}
.editorc ol {margin-bottom:20px;padding-left:1.5em;}
.editorc ol li {list-style-type:decimal;}
.editorc ol:last-child {margin-bottom:0px;}
.editorc table.border {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc table.border td,.editorc table.border th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc table.border td table {margin-bottom:0px;}
.editorc table.border td p {margin:0px;padding:0px;}
.editorc table.border th p {margin:0px;padding:0px;}

.editorc2 {line-height:1.9;}
.editorc2 img {vertical-align:top;}
.editorc2 a {text-decoration:underline;}
.editorc2 hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc2 h1,.editorc2 h2,.editorc2 h3,.editorc2 h4,.editorc2 h5,.editorc2 h6 {padding:9px 0px;font-weight:normal;line-height:1.2;}
.editorc2 ul {margin-bottom:20px;padding-left:1.4em;}
.editorc2 ul:last-child {margin-bottom:0px;}
.editorc2 ul li {list-style-type:disc;}
.editorc2 ol {margin-bottom:20px;padding-left:1.5em;}
.editorc2 ol li {list-style-type:decimal;}
.editorc2 ol:last-child {margin-bottom:0px;}

.editorc_tbe table {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc_tbe td, .editorc_tbe th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc_tbe td table {margin-bottom:0px;}
.editorc_tbe td p,.editorc_tbe th p {margin:0px;padding:0px;}
.editorc_tbe table.no-border {border:none;}
.editorc_tbe table.no-border table {border:none;}
.editorc_tbe table.no-border td {border:none;padding:0px;}
.editorc_tbe table.no-border th {border:none;padding:0px;}

#prevnext {position:relative;margin:3% auto 0px auto;padding:15px 150px 0px 0px;color:#999;font-size:13px;border-top:1px dashed #ccc;overflow:hidden;}
#prevnext p {height:25px;}
#prevnext_back {position:absolute;top:18px;right:0px;display:block;padding:8px 15px 8px 10px;color:#333;font-size:12px;background-color:#eee;}
#prevnext_back i {margin-right:5px;font-size:12px;}
#prevnext_back:hover {color:#fff;background-color:#015cb5;}

/*===================================================================================*/
/* 关于我们 */

#aboutus {display:flex;padding-top:60px;padding-bottom:60px;}
#aboutus .imgs {flex:0 0 auto;width:620px;font-size:0;}
#aboutus .imgs img {width:100%;}
#aboutus .text {flex:1 1 auto;margin-left:45px;}
#aboutus .text .editorc {font-size:14px;line-height:1.8;}

#factory {background:url(../images/fabg2.jpg) no-repeat center top;}
#factory .wrap {height:490px;background:url(../images/fabg2.jpg) no-repeat center top;}
#factory .nrs {position:relative;margin-top:50px;padding:0 45px;}
#factory .swiper-container {font-size:0;}
#factory .swiper-wrapper {width:100%;height:auto;}
#factory .swiper-slide {}
#factory .swiper-slide a {display:block;text-align:center;}
#factory .swiper-slide a img {width:100%;}
#factory .swiper-slide a p {margin-top:15px;color:#666;font-size:16px;}
#factory .swiper-button {position:absolute;top:50%;display:block;margin-top:-24px;width:28px;height:48px;line-height:48px;color:#fff;font-size:20px;text-align:center;background-color:#c4c4c4;cursor:pointer;}
#factory .swiper-button:hover {background-color:#aaa;}
#factory .swiper-prev {left:0;}
#factory .swiper-next {right:0;}

#certs {margin-top:40px;width:1200px;height:398px;overflow:hidden;}
#certs a {display:block;float:left;margin-right:25px;width:240px;height:398px;font-size:0;text-align:center;}
#certs a img {width:240px;height:350px;}
#certs a p {margin-top:8px;height:40px;line-height:20px;color:#666;font-size:14px;overflow:hidden;}

/*===================================================================================*/
/* 产品列表 */

#pros {margin-top:10px;}
#pros dl {display:flex;margin-top:10px;font-size:12px;}
#pros dl dd {margin-right:5px;padding:10px 8px;line-height:25px;box-sizing:border-box;background-color:#fbfbf7;}
#pros dl dd:last-child {margin-right:0;}
#pros dl:first-child dd {padding:0;line-height:35px;color:#fff;text-align:center;background-color:#378df4;}
#pros dl:first-child dd.imgs {height:auto;line-height:35px;}

#pros dl dd.number {flex:0 0 auto;width:105px;text-align:center;}
#pros dl dd.imgs {flex:0 0 auto;padding:0;width:170px;height:128px;line-height:normal;}
#pros dl dd.imgs img {float:left;width:170px;height:128px;}
#pros dl dd.imgs img:hover {position:relative;width:275px;height:207px;}
#pros dl dd.guige {flex:0 0 auto;width:200px;}
#pros dl dd.desc {flex:0 0 auto;width:260px;}
#pros dl dd.xxas {flex:0 0 auto;padding-left:0;padding-right:0;width:70px;text-align:center;}
#pros dl dd.xxas a {display:block;height:25px;line-height:25px;}
#pros dl dd.xxas a:hover {color:#fff;background-color:#ff9900;}
#pros dl dd.pdf {flex:1 1 auto;text-align:center;}
#pros dl dd.pdf a {display:block;height:25px;background:url(../images/pdf.gif) no-repeat center center;}

#prods .info {padding-top:10px;}
#prods .info li {display:inline-block;margin-top:10px;width:47.5%;line-height:1.8;vertical-align:top;}
#prods .info li:nth-child(even) {margin-left:5%;}
#prods .info li img {vertical-align:middle;}

#video_play {width:1200px;height:672px;font-size:0px;background-color:#000;overflow:hidden;}

/*===================================================================================*/
/* 新闻列表 */

#news li {position:relative;margin-top:15px;padding:1px 120px 0px 20px;height:30px;background:url(../images/news_line.png) no-repeat left bottom;}
#news li .text:hover {font-weight:bold;}
#news li .date {position:absolute;top:3px;right:0px;color:#999;font-size:12px;font-weight:normal;}
#news li .date a {margin-right:50px;}
#news_info h1 {padding:35px 0 20px 0;color:#222;font-size:22px;line-height:1.4;text-align:center;font-weight:normal;}
#news_info p {padding-bottom:10px;color:#999;font-size:12px;text-align:center;border-bottom:1px dashed #ccc;}
#news_info p span {padding:0 20px;}

/*===================================================================================*/
#message {padding:10px 0px 0px 0px;}
#message td {padding:14px 5px 0px 5px;}
#message td span {margin-left:5px;font-family:"宋体";font-size:12px;color:#ff0000;}

/*===================================================================================*/

#win_ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-170px;padding:32px 20px;width:300px;color:#fff;font-size:22px;line-height:1.4;text-align:center;opacity:0;transition:all 0.5s;border-radius:8px;background-color:rgba(0,0,0,0.7);overflow:hidden;}
#win_loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;}
#win_loading_bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background:url(../images/tbs/white0.png);}

/*===================================================================================*/
/* 浮动在线客服 */

#float_os {position:fixed;bottom:30px;;right:20px;z-index:98;width:72px;}
#float_os li {position:relative;margin-bottom:1px;height:72px;text-align:center;background-repeat:no-repeat;cursor:pointer;}
#float_os li a {display:block;padding-top:45px;height:100%;color:#fff;font-size:13px;box-sizing:border-box;}
#float_os li p {position:absolute;top:0;right:72px;display:none;padding:0 20px;font-size:22px;line-height:72px;white-space:nowrap;word-break:keep-all;background-color:#ff811b;}
#float_os li img {position:absolute;right:72px;top:0;display:none;padding:8px;width:145px;height:145px;box-sizing:border-box;background-color:#58a81c;}
#float_os .qq {background-color:#6da9de;background-image:url(../images/float_os_qq.png);background-position:center 10px;}
#float_os .qq:hover{background-color:#488bc7;}
#float_os .weixin {background-color:#78c340;background-image:url(../images/float_os_weixin.png);background-position:center 10px;}
#float_os .weixin:hover{background-color:#58a81c;}
#float_os .weixin:hover img {display:block;}
#float_os .tel {background-color:#fbb01f;background-image:url(../images/float_os_tel.png);background-position:center 12px;}
#float_os .tel:hover{background-color:#ff811b;}
#float_os .tel:hover p {display:block;}
#float_os .top {display:none;background-color:#666666;background-image:url(../images/float_os_top.png);background-position:center center;}
#float_os .top:hover {background-color:#444;}

/*===================================================================================*/

#news_page {margin-top:50px;width:100%;}
#products_page {margin-top:50px;width:100%;}
.fypage {height:24px;font-size:0px;text-align:center;overflow:hidden;}
.fypage a,.fypage span {display:inline-block;margin:0 4px;padding:0 6px;height:24px;line-height:22px;font-size:12px;color:#333;border:1px solid #D8ECFB;background-color:#E9F0F4;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;}
.fypage a:hover {color:#ff0000;background-color:#fff;}
.fypage span.fypage_disabled {}
.fypage span.fypage_current {color:#ff0000;font-weight:bold;background-color:#fff;}
.fypage_sl {display:inline-block;padding:0px 3px;height:28px;color:#999;font-size:12px;line-height:24px;vertical-align:top;}