﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */
.bg {
	background: #e5f1f8;
}
.w1000 {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.header {
	min-width: 1000px;
	height: 82px;
	margin: 31px auto 0;
	position: relative;
	z-index: 50;
	overflow: hidden;
}
.logo {
	width: 60%;
	height: 78px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	display: none;
}
.logo-left {
	width: 66%;
	height: 78px;
	float: left;
	background: url(../img/logoleft.png) repeat-x;
}
.logo-left img {
	float: right;
	margin-top: 16px;
}
.logo-right {
	width: 34%;
	height: 78px;
	overflow: hidden;
	float: left;
	background: url(../img/logoright.png) no-repeat right;
}
.nav {
	width: 60%;
	height: 77px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
	display: none;
}
.nav-left {
	width: 4%;
	height: 77px;
	float: left;
	overflow: hidden;
}
.nav-right {
	width: 96%;
	height: 77px;
	float: left;
	background: url(../img/navright.png) repeat-x;
	position: relative;
}
.nav-right li {
	background: url(../img/bg_li01.png) no-repeat right center;
	float: left;
	text-align: center;
}
.nav-right li.last {
	background: none;
}
.nav-right li a {
	display: inline-block;
	padding: 30px 46px 19px 30px;
}
.nav-right li p {
	font-weight: bold;
	font-size: 15px;
	font-family: Arial;
	line-height: 18px;
	color: #fff;
}
/*.nav-right li span{
	display: inline-block;
	width: 100%;
	font-size: 10px;
	line-height: 14px;
	font-family: Arial;
	color: #92d0d3;
	float: left;
}*/
.nav-right li a:hover span {
	color: #fff;
}
.nav-sign {
	width: 9px;
	height: 5px;
	position: absolute;
	left: -9px;
	bottom: 0;
	z-index: 20;
	display: none;
}
.nav-sign img {
	float: left;
}
.footer-top {
	height: 164px;
	background: #333;
}
.footer-top img {
	float: left;
}
.footer-links {
	width: 587px;
	height: 136px;
	padding: 28px 0 0 29px;
	border-right: 1px solid #3e3e3e;
	float: left;
}
.footer-links h2 {
	font-size: 14px;
	line-height: 32px;
	color: #afafaf;
}
.footer-links li {
	width: 97px;
	height: 24px;
	float: left;
}
.footer-links a {
	line-height: 24px;
	color: #747474;
}
.footer-links a:hover {
	color: #fff;
}
.footer-search {
	width: 228px;
	float: right;
	margin-top: 39px;
}
.input-box {
	width: 228px;
	height: 25px;
	float: left;
	margin-bottom: 14px;
}
.input-box input.text {
	width: 195px;
	height: 25px;
	padding-left: 5px;
	line-height: 25px;
	color: #666;
	background: url(../img/input01.jpg) no-repeat;
	float: left;
	border: none;
}
.input-box input.submit {
	width: 28px;
	height: 25px;
	border: none;
	background: url(../img/input02.jpg) no-repeat;
	float: left;
}
.f-tel-r {
	width: 160px;
	float: right;
}
.f-tel-r img {
	float: left;
}
.f-tel-r p {
	width: 100%;
	font-size: 20px;
	line-height: 22px;
	font-family: "黑体";
	color: #c30211;
}
.f-tel-r span {
	color: #fff;
}
.footer-bottom {
	height: 37px;
	line-height: 37px;
	color: #4b4b4b;
	border-top: 1px solid #3e3e3e;
	background: #272727;
}
.footer-bottom p.fl {
	margin-left: -15px;
}
.footer-bottom a {
	padding: 0 15px;
	color: #666;
}
.footer-bottom p.fr {
	color: #747474;
}
.footer-bottom span {
	color: #aeaeae;
}
.footer-bottom p.fr a {
	padding: 0;
}
.footer-bottom a:hover {
	color: #fff;
}
/*Index*/
.banner {
	height: 604px;
	position: relative;
	margin: -113px auto 0;
	z-index: 30px;
	background: url(../img/loading.gif) no-repeat center;
	overflow: hidden;
}
.banner li {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.banner-btn {
	width: 400px;
	height: 65px;
	position: absolute;
	left: 50%;
	bottom: 40px;
	z-index: 20;
	margin-left: -500px;
	overflow: hidden;
	display: none;
}
.banner-btn-box {
	width: 1104px;
	float: left;
}
.banner-btn img {
	width: 115px;
	height: 55px;
	padding: 5px;
	background: url(../img/bg_shadow01.png) no-repeat;
	float: left;
	margin-right: 12px;
	display: inline;
	cursor: pointer;
}
.index-news {
	height: 42px;
	padding-bottom: 2px;
	background: url(../img/bg_shadow02.jpg) repeat-x;
}
.index-news-scroll {
	width: 360px;
	height: 22px;
	margin-top: 11px;
	float: left;
	overflow: hidden;
	position: relative;
}
.index-news-scroll li {
	width: 360px;
	height: 22px;
	float: left;
}
.index-news-scroll a {
	display: inline-block;
	padding-left: 19px;
	color: #333;
	float: left;
	background: url(../img/bg_sign01.jpg) no-repeat 4px center;
}
.index-news-scroll span {
	color: #ababab;
	float: right;
}
.index-news a.more {
	display: inline-block;
	padding: 0 19px 0 29px;
	background: url(../img/bg_sign02.jpg) no-repeat left;
	line-height: 41px;
	color: #333;
	float: right;
}
.index-news a:hover {
	color: #df001e;
}
.index-box {
	height: 295px;
	padding: 38px 0 17px;
}
.index-boxs {
	width: 236px;
	height: 295px;
}
.index-boxs.fl {
	margin-right: 18px;
	display: inline;
}
.index-boxs img {
	float: left;
	margin-bottom: 5px;
}
.index-boxs a.tit {
	display: inline-block;
	width: 100%;
	font-weight: bold;
	font-size: 14px;
	line-height: 42px;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 12px;
}
.index-boxs a span {
	font-family: Arial;
	color: #df001e;
}
.index-boxs a.int {
	display: inline-block;
	height: 40px;
	line-height: 20px;
	color: #666;
	padding: 0 8px 10px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 10px;
}
.index-boxs a.int:hover {
	color: #df001e;
}
.index-boxs a.more {
	display: inline-block;
	padding-left: 27px;
	line-height: 18px;
	color: #999;
	background: url(../img/bg_sign03.jpg) no-repeat;
}
.index-boxs a.more:hover {
	color: #df001e;
	background-position: 0 -18px;
}
/*Inside*/
.inside-warp {
	position: relative;
	z-index: 20;
	margin: -113px auto 0;
	padding-top: 113px;
}
.inside-warp.nobg {
	background: none;
}
/*About*/
.about-tips {
	padding: 60px 0 45px;
	text-align: center;
	color: #000;
}
.about-tips img {
/*animation: imgscroll 3s linear infinite;
	-webkit-animation: imgscroll 3s linear infinite;
	-ms-animation: imgscroll 3s linear infinite;*/
}
@keyframes imgscroll {
 to {
 transform: rotate(360deg);
}
}
@-webkit-keyframes imgscroll {
 to {
 -webkit-transform: rotate(360deg);
}
}
@-ms-keyframes imgscroll {
 to {
 -ms-transform: rotate(360deg);
}
}
.about-tips h2 {
	font-size: 24px;
	line-height: 32px;
	color: #000;
}
.about-tips p.en {
	line-height: 14px;
	color: #676d70;
	text-transform: uppercase;
}
.about-tips p.en-s {
	width: 640px;
	font-size: 8px;
	margin: 0 auto 40px;
}
.about-tips ul {
	width: 354px;
	height: 30px;
	margin: 2px auto 30px;
}
.about-tips li {
	width: 102px;
	height: 30px;
	margin: 0 130px;
	text-align: center;
	float: left;
	display: inline;
}
.about-tips li a {
	display: inline-block;
	width: 100%;
	font-size: 13px;
	line-height: 30px;
	color: #333;
	background: url(../img/bg_li02.png) no-repeat;
}
.about-tips li a:hover {
	color: #df001e;
	background-position: 0 -30px;
}
.about-main {
	height: 408px;
	padding-top: 45px;
	background: #fff;
}
.about-boxs {
	width: 313px;
	height: 408px;
}
.about-boxs.fl {
	margin-right: 20px;
}
.about-boxs a.int {
	height: auto;
	line-height: 22px;
	padding: 0 12px 12px;
}
.about-boxs a.more {
	font-weight: bold;
	font-family: "微软雅黑";
	color: #666;
}
.bg-intro {
	background: url(../img/bg01.jpg) no-repeat center top;
}
.pb28 {
	padding-bottom: 28px;
}
.intro-wrap {
	padding-bottom: 39px;
	background: url(../img/bg_shadow04.png) repeat-x bottom;
}
.intro-main {
	width: 960px;
	padding: 64px 46px 5px 52px;
 *padding-bottom: 40px;
	background: #fff;
	border-radius: 1px;
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	margin: 0 auto;
}
.inside-img-l {
	width: 433px;
	float: left;
}
.inside-img-l img {
	float: left;
}
.inside-img-l h2 {
	border-top: 1px solid #f0f0f0;
	font-size: 14px;
	line-height: 66px;
	color: #333;
	padding-left: 5px;
}
.inside-img-l span {
	font-size: 8px;
	color: #adadad;
	padding-left: 10px;
}
.inside-right {
	width: 433px;
	float: right;
}
.intro-detail {
	padding-top: 20px;
	line-height: 30px;
	color: #000;
}
.inside-logo {
	text-align: right;
	text-transform: uppercase;
	font-size: 8px;
	line-height: 16px;
	color: #b0b0b0;
}
.inside-logo img {
	margin-bottom: 32px;
}
.bg-company {
	background: url(../img/bg03.jpg) no-repeat center top;
}
.company-detail {
	line-height: 28px;
	color: #000;
}
.company-detail h2 {
	font-size: 14px;
	line-height: 50px;
	padding-left: 17px;
	background: url(../img/bg_sign04.jpg) no-repeat 4px 23px;
	padding-bottom: 11px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 27px;
}
.company-detail p.en {
	font-size: 8px;
	line-height: 14px;
	color: #9d9d9d;
	text-transform: uppercase;
	margin-top: 30px;
	border-top: 1px solid #f0f0f0;
	padding-top: 27px;
}
.bg-culture {
	background: url(../img/bg03.jpg) no-repeat center top;
}
.culture-main {
	width: 906px;
	padding: 36px 47px 60px;
 *padding-bottom: 25px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	border-radius: 1px;
	line-height: 28px;
	color: #000;
}
.culture-title {
	height: 38px;
	line-height: 38px;
	margin-bottom: 20px;
}
.culture-title h2 {
	font-size: 18px;
	color: #333;
	float: left;
	padding-right: 11px;
}
.culture-title span {
	float: left;
	margin-top: 6px;
	line-height: 32px;
	color: #9d9d9d;
	text-transform: uppercase;
}
.culture-ul-f {
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 20px;
	float: left;
}
.culture-ul-f li {
	width: 211px;
	height: 261px;
	float: left;
	margin-right: 20px;
	display: inline;
	line-height: 22px;
	color: #666;
}
.culture-ul-f li.last {
	margin-right: 0;
}
.culture-ul-f li img {
	float: left;
	margin-bottom: 4px;
}
.culture-ul-f li h2 {
	font-size: 14px;
	line-height: 44px;
	color: #333;
}
.culture-ul-f li span {
	color: #df001e;
}
.culture-ul-t li {
	width: 450px;
	height: 112px;
	line-height: 22px;
	color: #666;
}
.culture-ul-t img {
	float: left;
	margin-right: 20px;
	display: inline;
}
.culture-ul-t li h2 {
	font-size: 14px;
	line-height: 38px;
	color: #333;
}
.culture-ul-t li span {
	color: #df001e;
}
/*Products*/
.products-list {
	padding-bottom: 52px;
}
.products-list ul {
	float: left;
	padding-bottom: 20px;
}
.products-list li {
	width: 1000px;
	height: 68px;
	background: #fff;
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	border-radius: 1px;
	float: left;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 14px;
	line-height: 68px;
}
.products-list span {
	display: inline-block;
	width: 110px;
	padding: 0 38px 0 35px;
	color: #666;
	background: url(../img/bg_sign05.jpg) no-repeat right center;
	margin-right: 30px;
	float: left;
}
.products-list li a {
	display: inline-block;
	float: left;
	color: #000;
}
.products-list li a:hover {
	color: #df001e;
}
.page {
	text-align: center;
}
.productinfo-tips {
	padding: 58px 0 48px;
	text-align: center;
}
.productinfo-tips h2 {
	font-size: 16px;
	line-height: 26px;
	color: #000;
	margin-bottom: 27px;
}
.productinfo-tips ul {
	width: 208px;
	height: 30px;
	margin: 0 auto;
}
.productinfo-tips ul li {
	float: left;
	margin-right: 4px;
	display: inline;
}
.productinfo-tips a {
	display: inline-block;
	width: 30px;
	height: 30px;
}
.productinfo-tips a.download {
	display: inline-block;
	width: 102px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	color: #333;
	background: url(../img/bg_li02.png) no-repeat;
}
.productinfo-tips a.download:hover {
	color: #df001e;
	background-position: 0 -30px;
}
.productinfo-tips a.prev {
	background: url(../img/prev01.png) no-repeat;
}
.productinfo-tips a.prev:hover {
	background-position: 0 -30px;
}
.productinfo-tips a.list {
	background: url(../img/sign04.png) no-repeat;
}
.productinfo-tips a.list:hover {
	background-position: 0 -30px;
}
.productinfo-tips a.next {
	background: url(../img/next01.png) no-repeat;
}
.productinfo-tips a.next:hover {
	background-position: 0 -30px;
}
.productsinfo-box {
	width: 910px;
	height: 768px;
	padding: 45px 45px 50px;
	background: #fff;
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	border-radius: 1px;
	margin: 0 auto 50px;
}
.productsinfo-main {
	width: 910px;
	height: 768px;
	position: relative;
	overflow: auto;
}
/*Service*/
.bg-service {
	background: url(../img/bg04.jpg) no-repeat center top;
}
.service-main {
	padding-bottom: 50px;
	background: url(../img/bg_shadow04.png) repeat-x bottom;
}
.service-main ul {
	height: 283px;
	overflow: hidden;
}
.service-main li {
	width: 210px;
	height: 283px;
	padding: 0 13px;
	background: #fff;
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	text-align: center;
	line-height: 24px;
	color: #333;
	position: absolute;
	left: -240px;
	top: 0;
}
.service-main h2 {
	font-size: 14px;
	line-height: 60px;
}
.service-main img {
	float: left;
	margin-top: -15px;
}
.service-main .tel {
	width: 335px;
	height: 36px;
	margin: 50px auto 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.service-main .tel h1 {
	font-size: 20px;
	line-height: 36px;
	color: #000;
	position: absolute;
	left: -140px;
	top: 0;
}
.service-main .tel-box {
	width: 190px;
	position: absolute;
	right: -190px;
	top: 0;
}
.service-main .tel span {
	display: inline-block;
	font-weight: bold;
	font-size: 20px;
	line-height: 36px;
	color: #de001f;
	float: left;
}
/*News*/
.news-list {
	padding-bottom: 50px;
}
.news-list ul {
	width: 1024px;
	float: left;
 *padding-bottom: 24px;
}
.news-list li {
	width: 222px;
	height: 269px;
	padding: 7px;
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	border-radius: 1px;
	background: #fff;
	float: left;
	margin: 0 20px 24px 0;
	display: inline;
}
.news-list li a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.news-list li img {
	float: left;
	margin-bottom: 6px;
}
.news-list li h2 {
	font-size: 13px;
	line-height: 36px;
	padding: 0 9px;
	color: #333;
}
.news-list li p {
	color: #666;
	padding: 0 9px;
}
.news-list li a:hover h2, .news-list li a:hover p {
	color: #df001e;
}
.news-tips h2 {
	font-size: 18px;
	line-height: 36px;
}
.news-tips .time {
	font-size: 10px;
	line-height: 28px;
	color: #8d9599;
	margin-bottom: 20px;
}
.news-detail {
	width: 912px;
	padding: 52px 44px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	border-radius: 1px;
	line-height: 28px;
	color: #000;
}
.news-detail img {
	display: block;
	margin: 0 auto;
}
.turn {
	width: 912px;
	height: 30px;
	margin: 30px auto 50px;
	line-height: 30px;
	color: #000;
}
.turn p {
	width: 358px;
	float: left;
}
.turn a {
	color: #000;
}
.turn a:hover {
	color: #df001e;
}
.turn a.back {
	display: inline-block;
	width: 32px;
	height: 30px;
	float: right;
	background: url(../img/sign04.png) no-repeat;
}
.turn a.back:hover {
	background-position: 0 -30px;
}
/*Contact*/
.bg-contact {
	background: url(../img/bg05.jpg) no-repeat center top;
}
.contact-wrap {
	padding-bottom: 52px;
	background: url(../img/bg_shadow04.png) repeat-x bottom;
}
.contact-main {
	width: 916px;
	padding: 42px;
	background: #fff;
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	border-radius: 1px;
	margin: 0 auto;
}
.map {
	width: 550px;
	height: 536px;
	float: left;
}
.contact-intro {
	width: 327px;
	padding-top: 10px;
	line-height: 30px;
	color: #000;
	float: right;
}
.contact-intro p.en {
	font-size: 8px;
	line-height: 20px;
	color: #9d9d9d;
	text-transform: uppercase;
}
.c-logo {
	margin-top: 35px;
	border-top: 1px solid #f0f0f0;
	padding-top: 37px;
}
