@charset "utf-8";
/* CSS Document */
html{overflow-x:hidden;color:#434343}
body,div,h1,h2,h3,h4,h5,h6,hr,dl,dt,dd,ul,ol,li,form,p{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 Arial,'\5FAE\8F6F\96C5\9ED1';}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style:normal;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;}
ul,ol{list-style:none}

a:link,a:visited {text-decoration:none;color:#434343;}
a:hover {color:#004894;text-decoration:none}

a.more1:link,a.more1:visited {display:inline-block;width:150px;height:40px;line-height:40px;text-align:center;background-color:#004894;color:#FFFFFF;border-radius:60px;font-size:14px}
a.more1:hover {background-color:#ADDC59;color:#FFFFFF;text-decoration:none}

.wp-bd{
	padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto;
	margin:0 auto;
	position:relative;
	z-index:9
}
.hd-bg{display:none;background-color:#004894;height:34px;line-height:34px;color:#FFFFFF}
.hd-contact{float:right;}
.hd-contact a{color:#FFFFFF}
.hd-row{position:relative;z-index:999;top:0;width:100%;background-color:rgba(255,255,255,1);height:62px}
.company-name{background:url(logo.png) no-repeat left center;height:52px;background-size:auto 80%;padding-top:10px;padding-left:60px;}
.company-name h3{font-size:14px;line-height:26px}
.company-name span{font-size:10px}
.hd-nav{float:right;padding-top:34px}
.hd-nav>ul>li{float:left;cursor:pointer;text-align:center}
.hd-nav>ul>li>a:link,.hd-nav>ul>li>a:visited{float:left;color:#434343;font-size:16px;height:34px;text-decoration:none;line-height:34px;text-align:center;padding-left:10px;padding-right:10px}
.hd-nav>ul>li:hover>a,.hd-nav>ul>li>a:hover{border:1px #004894 solid;color:#004894;border-radius:60px;text-decoration:none}
.nov{color:#004894 !important}

.sub-nav{position:absolute;display:none;top:70px;padding-top:30px;left:0px;width:100%;z-index:9;transition:all .3s;}
.sub-nav ul{float:none;padding-top:10px;padding-bottom:10px;background-color:#FFFFFF;border-top:2px solid #004894}
.sub-nav ul li{float:left;width:25%;text-align:center;font-size:16px}
.sub-nav ul li img{max-width:100%}
.hd-nav>li:hover .sub-nav{display:block;transition:all .3s;}

.index-about{background:url(about-bg.jpg) repeat-x 0 0;padding-top:20px}
.about-content{width:100%}
.title{margin-bottom:20px}
.title h3{font-size:26px;height:32px;color:#000000}
.title span{font-size:18px;padding-top:10px;color:#333333;height:26px}
.about-txt{font-size:14px;line-height:200%;color:#3E4243}
.about-txt ul{margin-top:20px;margin-bottom:20px}
.about-txt ul li{float:left;text-align:center;width:103px;margin-right:4%;line-height:140%;margin-bottom:10px}
.about-txt ul li a:link,.about-txt ul li a:visited{display:block;width:103px;height:103px;position:relative}
.about-txt ul li:nth-child(3n+0){margin-right:0px;}
.about-txt ul li span{display:block;padding-top:5px}

.about-pic{width:100%}
.about-pic img{max-width:100%}
.more{text-align:center;margin-top:50px}

.trans-rotate{
    transition: all 2s linear
}
.btnbg{position:absolute;left:0;top:0px;z-index:1;background:url(btnbg.png) no-repeat 0 0;background-size:100%;width:100%;height:100%}
.about-txt ul li:hover .btnbg {transform:rotate(360deg);}

.img-box{position:absolute;z-index:99;width:100%;height:100%}
.img-box img{max-width:100%}

.index-product{margin-top:20px}
.index-product img{max-width:100%;display:block}
.product-list{padding-bottom:20px;margin-top:20px;margin-bottom:20px;overflow:hidden}
.product-list ul{width:10000%}
.product-list ul li{float:left;width:180px;text-align:center;font-size:14px;color:#004894}
.product-list ul li a{color:#004894}
.product-list ul li img{max-width:100%;display:block}

.index-news{margin-top:20px}
.index-news ul{border-top:3px solid #EBEBEB;}
.index-news ul li{width:90%;margin:0 auto;font-size:14px;position:relative;padding-top:20px}
.index-news ul li p{position:absolute;left:0px;bottom:10px;width:95%;padding:7px;box-sizing:border-box;background:url(news-ou.png) no-repeat 100% center;transition: all 0.6s;background-size:200%;line-height:120%}
.index-news ul li img{max-width:100%;display:block}
.index-news ul li:hover p{background:url(news-ou.png) no-repeat left center;background-size:200%;transition: all 0.6s;}
.index-news ul li a:link,.index-news ul li a:visited{color:#333333}
.index-news ul li a:hover{color:#FFFFFF}

.banner img{max-width:100%;display:block}
.main{}
.location{border-bottom:1px solid #F2F2F2;line-height:60px}
.back{background-color:#E5E5E5;padding:5px 10px;position:relative}
.ctitle{margin-top:20px;margin-bottom:20px;text-align:center}
.ctitle h3{font-size:24px;height:32px;color:#004894;text-transform:uppercase}
.ctitle span{font-size:18px;color:#C4C4C4;height:26px}

.content{margin-top:30px;min-height:400px;font-size:14px;color:#6D6D6D;padding-bottom:30px}

.product-box{text-align:center;border:1px solid #EAEAEA;padding:10px}
.product-box img{max-width:100%;display:inline-block}
.product-box h3{font-size:24px;color:#004894}

.jobs-list{margin-top:30px}
.jobs-list ul li{margin-bottom:10px}
.jobs-head{padding:0 110px 0 20px;background-color:#F5F5F5;height:54px;line-height:54px;cursor:pointer;position:relative}
.active .jobs-head{background-color:#004894}
.active .jobs-head .list-l{color:#FFFFFF}
.active .jobs-head .list-r{color:#FFFFFF}
.jobs-head .list-l{float:left;font-size:18px;color:#333333}
.jobs-head .list-r{float:right;font-size:16px;color:#666666}
.jobs-head em{
	position:absolute;
    right:0px;
    top:0;
    width:54px;
    height:54px;
	background:url(btn_06.png) center no-repeat;
	background-size:100%
}
.active .jobs-head em{
	background:url(btn_06_h.png) center no-repeat;
	background-size:100%
}
.jobs-deta{display:none;padding:10px 20px;box-shadow:0 0 10px rgba(0,0,0,0.1);font-size:14px;background-color:#FFFFFF}

.nlist li{padding-top:15px;padding-bottom:15px;border-bottom:1px dashed #DBD4CD;font-family:Arial,'\5FAE\8F6F\96C5\9ED1';width:100%}
.ndate{float:left;width:80px;line-height:24px;text-align:center;background-color:#F4F4F4;margin-right:20px;padding-top:10px;padding-bottom:10px}
.ncontent{float:left;width:70%;font-size:14px;line-height:1.6}

.sub-class{margin-bottom:10px}
.sub-class ul li{float:left;margin-left:5px;margin-bottom:5px;width:40%;}
.sub-class ul li a:link,.sub-class ul li a:visited{float:left;color:#434343;font-size:14px;height:34px;text-decoration:none;line-height:34px;width:100%;text-align:center;padding-left:12px;padding-right:12px;background-color:#F5F5F5;box-sizing:border-box}
.sub-class ul li:hover a,.sub-class ul li a:hover{background-color:#004894;color:#FFFFFF;text-decoration:none}
.sub-nov{background-color:#004894 !important;color:#FFFFFF !important}

.pro-type{width:100%;display:none}
.pro-type-title{background-color:#004894;color:#FFFFFF;font-size:16px;text-align:center;padding-top:10px;padding-bottom:10px;border-radius:5px 5px 0 0}
.pro-type ul li a:link,.pro-type ul li a:visited{float:left;color:#333333;font-size:14px;text-decoration:none;text-align:center;padding:10px;width:100%;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;box-sizing:border-box}
.pro-type ul li:hover a,.pro-type ul li a:hover{background-color:#004894;color:#FFFFFF;text-decoration:none;border-left:1px solid #004894;border-right:1px solid #004894;border-bottom:1px solid #004894}

.wap-pro-type{width:100%}
.wap-pro-type-title{background-color:#004894;color:#FFFFFF;font-size:16px;text-align:center;padding-top:10px;padding-bottom:10px;border-radius:5px 5px 0 0}
.wap-pro-type ul li a:link,.wap-pro-type ul li a:visited{float:left;color:#333333;font-size:14px;text-decoration:none;text-align:center;padding:10px;width:100%;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;box-sizing:border-box}
.wap-pro-type ul li:hover a,.wap-pro-type ul li a:hover{background-color:#004894;color:#FFFFFF;text-decoration:none;border-left:1px solid #004894;border-right:1px solid #004894;border-bottom:1px solid #004894}

.pov{background-color:#004894 !important;color:#FFFFFF !important;border-left:1px solid #004894 !important;border-right:1px solid #004894 !important;border-bottom:1px solid #004894 !important}

.pro-search{margin-top:10px;margin-bottom:20px}
.search-text {
	float:left;
    width: 82%;
    height: 36px;
    text-indent: 10px;
    font-size: 14px;
    border: 1px solid #bbb;
	box-sizing: border-box;
    vertical-align: top;
    outline: none;
    border-radius: 4px 0 0 4px;
}
.search-inner {
    position: relative;
    cursor: pointer;
    vertical-align: top;
    float:left;
	width: 18%;
}
.search-btn {
	width: 100%;
    height: 36px;
    border: none;
    outline: none;
    background: #004894 url(../images/search.png) no-repeat center center;
    border-radius: 0 4px 4px 0;
	cursor:pointer;
}

.pro-list{width:100%}
.pro-list-title{background-color:#F8F8F8;color:#004894;border-bottom:2px solid #EAEAEA;font-size:16px;padding-left:10px;padding-top:10px;padding-bottom:10px;border-radius:5px 5px 0 0;margin-bottom:2%}
.pro-list ul{
	font-size:0;
	[;font-size:12px;];
	*font-size:0;
	font-family:arial;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
}
.pro-list ul li{
	vertical-align:top;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:15px;
	letter-spacing:normal;
	word-spacing:normal;
	border-left:1px solid #EAEAEA;
	border-right:1px solid #EAEAEA;
	border-top:1px solid #EAEAEA;
	border-bottom:3px solid #EAEAEA;
	padding:10px;
	box-sizing:border-box;
	margin-right:2%;
	margin-bottom:2%;
	width:48%;
	position:relative;
}
.pro-list ul li:hover{
	border-left:1px solid #004894;
	border-right:1px solid #004894;
	border-top:1px solid #004894;
	border-bottom:3px solid #004894;
	box-shadow:0px 12px 8px -12px #666666
}
.pro-list ul li:nth-child(2n+0){margin-right:0px;}
.pro-list ul li a:link,.pro-list ul li a:visited{display:inline-block;position:relative;z-index:1;width:100%;height:100%;overflow:hidden}
.pro-list ul li a img{
	display:block;
	max-width:100%;
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.pro-list ul li a:hover 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);
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.pro-list ul li .product-show{display:none}
.pro-list ul li a:hover .product-show{
	position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:rgba(0,72,148,0.8) url(logo.png) no-repeat center center;
	display:flex;
}
.pro-list ul li p{width:100%;margin-bottom:10px;word-wrap:break-word;font-size:15px;color:#004894}
.pline{position:absolute;right:0;bottom:-3px;border-bottom:3px solid #004894;width:33.3333%;height:3px}

a.action-btn:link,a.action-btn:visited {
	display:inline-block;
    border-radius: 20px;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 125px;
	text-align:center;
	background-color:#004894;
	color:#FFFFFF;
}
a.action-btn:hover {background-color:#004894;color:#FFFFFF;text-decoration:none}

.order{width:90%;margin:0 auto;}

.input-text-class{display:inline-block;width:100%;height:38px;background-color:#F7F7F7;border:#DEDEDE solid 1px;outline:medium; text-indent:0.5em;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;line-height:38px;border-radius:3px}
.input-textarea-class{display:inline-block;width:100%;height:130px;background-color:#F7F7F7;border:#DEDEDE solid 1px;outline:medium; text-indent:0.5em;padding-top:10px;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;border-radius:3px}
.input-text-class2{display:inline-block;width:100px;height:38px;background-color:#F7F7F7;border:#DEDEDE solid 1px;outline:medium; text-indent:0.5em;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;line-height:38px;border-radius:3px}
.btn2{width:100%;height:43px;margin-top:10px;border:none;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;text-align:center;background-color:#004894;color:#FFFFFF;cursor:pointer}

label{float:left;height:35px;line-height:16px;font-weight:bold;display:inline-block;width:100%;}
.tip{position:relative;margin-bottom:16px}
.tip ul{width:100%;padding-bottom:10px}
.tip ul li{width:100%}
.point-tip{border:6px dashed transparent;border-bottom-style:solid;border-bottom-color:#ffe2e2;height:0;top:69px;left:13px;position:absolute;z-index:3;width:0;overflow:hidden}
.required-tip{display:inline;position:absolute;left:0px;top:80px;padding:2px 6px 5px;background-color:#ffe2e2;border:1px solid #fbc3c3;color:#f00;font-family:'微软雅黑';font-size:12px;line-height:140%;text-align:center;text-shadow:0 0 1px #ffffff;white-space:nowrap;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;z-index:2}

.wp-ft{margin-top:20px;background-color:#282828;color:#FFFFFF;padding-top:20px;padding-bottom:20px}
.fl{float:left;width:33.333%;padding:10px 0 10px 50px;box-sizing:border-box}
.fp{padding-bottom:15px}

.row{padding:5px 0}
.ft-link {
	width: 100%;
	padding: 10px;
	box-sizing:border-box
}
.ft-nav{height:330px;margin-top:15px}
.ft-nav li{float:left;width:50%;line-height:30px;font-size:16px;font-weight:bold;margin-bottom:10px}
.ft-nav li ul li{float:none;width:100%;font-size:14px;font-weight:100;margin-bottom:0px}
.ft-nav li a{color:#FFFFFF}

.ft-contact {
	width: 100%;
	padding: 10px;
	box-sizing:border-box
}
.ft-fllow {
	width: 100%;
	padding: 10px;
	box-sizing:border-box;
	display:none
}
.top-title {
    font-weight: 300;
    font-size: 24px;
    position: relative;
    display: block;
    color: #FFFFFF;
}
.top-entitle {
    font-weight: 300;
    font-size: 16px;
    position: relative;
    display: block;
    color: #666666;
}
.top-body {
    margin-bottom: 15px;
}
.contact{width:100%;margin-bottom:20px}
.map{width:100%;height:300px}

.ft-slogan{display:none;position:absolute;left:51%;top:320px;font-family:"Arial Black", Gadget, sans-serif;color:#2F2F2F;font-size:64px;letter-spacing:10px}
.copyright{display:none;padding:10px;background-color:#282828;color:#FFFFFF;text-align:center;font-size:14px;border-top:1px solid #666666}

.clear{height:74px;clear:both;overflow:hidden}
.footer_contact {-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:10;opacity:1;width:100%;overflow:hidden;bottom:0;}
.footer_contact ul {overflow:hidden;border-left:solid 0.5px #FFFFFF;margin:0;padding:0}
.footer_contact li {float:left;width:20%;text-align:center;font-size:14px;background:#004894}
.footer_contact li a {border-right:solid 0.5px #FFFFFF;color:#FFFFFF;height:60px;padding-top:14px;text-decoration:none;display:block;}

@media (min-width: 768px) {
	.company-name{width:284px;background:url(logo.png) no-repeat left center;background-size:auto 80%;padding-left:70px;padding-top:10px;height:52px;color:#434343;text-align-last:justify;text-align:justify;text-justify:distribute-all-lines}
    .company-name h3{display:block}
    .company-name span{display:block}
	.about-txt ul li{width:130px}
    .about-txt ul li a:link,.about-txt ul li a:visited{width:130px;height:130px}
	.index-about{padding-top:50px;padding-bottom:50px}
	.about-content{float:right;width:66%}
	.about-pic{float:left;width:30%;text-align:left}
	.about-txt{margin-top:30px}
    .about-txt ul{margin-top:30px}
	.index-product{margin-top:50px}
	.index-news{margin-top:50px}
	.product-list ul li{width:190px;}
	.index-news ul li{float:left;width:30.6666%;margin-right:4%}
	.index-news ul li:nth-child(3n+0){margin-right:0px}
	.clear{display:none}
    .footer_contact{display:none}
	.sub-class ul li{width:auto;}
	.sub-class{position:absolute;right:0;top:10px}
	.pro-list ul li{width:32%;}
	.pro-list ul li:nth-child(2n+0){margin-right:2%;}
	.pro-list ul li:nth-child(3n+0){margin-right:0px;}
}
@media (min-width: 992px) {
	.hd-bg{display:block}
	.index-news ul li p{font-size:16px;}
	.hd-row{background-color:rgba(255,255,255,0.95);height:100px}
    .company-name{float:left;width:284px;background:url(logo.png) no-repeat left center;padding-left:90px;height:65px;padding-top:35px;color:#434343;text-align-last:justify;text-align:justify;text-justify:distribute-all-lines}
	.nov{border:1px #004894 solid !important;color:#004894 !important;border-radius:60px !important;}
	.about-txt{font-size:16px;}
	.product-list ul li{width:200px;}
	.ft-link {float:left;width:50%;}
	.ft-nav li{width:25%}
	.ft-contact {float:left;width:25%;}
	.ft-fllow {float:left;width:25%;margin-top:80px;text-align:center}
	.ft-slogan{display:block}
	.ncontent{width:88%}
	.wap-pro-type{display:none}
	.pro-type{float:left;width:21%;display:block}
	.pro-type-title{font-size:20px;padding-top:28px;padding-bottom:28px}
    .pro-type ul li a:link,.pro-type ul li a:visited{font-size:15px;padding:15px 10px}
	.pro-list{float:right;width:76%}
	.pro-list-title{font-size:20px;padding-left:28px;padding-top:28px;padding-bottom:28px}
	.order{width:740px;margin:0 auto;padding-bottom:50px;font-family:Arial,'\5FAE\8F6F\96C5\9ED1';font-size:14px;}
    .tip ul li{float:left;width:20%;padding-right:10px;box-sizing:border-box}
	.contact{float:left;width:40%}
	.map{float:right;padding-top:20px;width:60%;height:400px}
	.ft-fllow {display:block}
	.copyright{display:block}
	.back{display:none}
}
@media (min-width: 1200px) {
	.wp-bd{width:1080px}
	.company-name{width:340px;}
    .company-name h3{font-size:22px;line-height:26px}
    .company-name span{font-size:14px}
    .hd-nav>li>a:link,.hd-nav>li>a:visited{padding-left:13px;padding-right:13px}
	.ft-slogan{font-size:80px}
}
@media (min-width: 1600px) {
	.wp-bd{width:1200px}
}

.PageNo{margin:10px auto;text-align:center;padding-top:20px;padding-bottom:20px;font-size:12px}
.PageNo a{font-weight:100;margin:1px;border:1px solid #787878;padding:5px;color:#323232;text-decoration:none;}
.PageNo .PV{color:#FFFFFF;background-color:#004894}
.PageNo span{margin:1px;padding:5px;border:1px solid #787878;font-weight:100;color:#787878;}

.clearfix{zoom:1}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}