@import url(standard.css);

html{font-size:16px;}
body,input,select,textarea,button{font-size:0.875rem;line-height:1.5;}
body{-webkit-font-smoothing:antialiased;}
a {color:#333;text-decoration:none;}
a:hover {color:#f06522;text-decoration:none;}

/* 页面 */
.pager {width:1200px;margin:0 auto;}

/* 顶端 */
.topbar {width:100%;padding:0;line-height:2rem;height:5px;overflow:hidden;background-color:#0068b7;}
.topbar .pager {}
.topbar, .topbar a {color:#eee;}
.topbar a:hover {color:#fff;}
.topbar .tel {float:left;color:#fff;}
.topbar .company {float:right;}
.topbar .langs {float:right;}
.topbar .langs a {float:left;margin-left:20px;}
.topbar .langs a.selected {color:#fff;font-weight:bold;}

/* 头部 */
.header {width:100%;}
.header .pager {height:60px;padding:20px 0;}
.header .logo {float:left;height:60px;}
.header .logo a {display:block;height:100%;}
.header .logo a img {display:block;height:100%;}
.header .nav-mobile {display:none;}
.header .nav {float:right;margin-top:10px;}
.header .nav ul {margin:0;padding:0;list-style:none;}
.header .nav ul li {float:left;margin-left:25px;position:relative;}
.header .nav ul li a {display:block;font-size:1rem;line-height:2.5rem;padding:0 20px;white-space:nowrap;}
.header .nav ul li ul {display:none;z-index:999;position:absolute;left:0;top:100%;width:auto;padding:10px 0;background-color:#eee;}
.header .nav ul li ul li {margin:0;float:none;}
.header .nav ul li ul li a {font-size:0.875rem;line-height:1.25rem;padding:10px 20px;}
.header .nav ul li ul li a:hover {background-color:#0068b7;color:#fff;}

/* 底部 */
.footer {padding:16px 0;text-align:center;}
.footer .copyright {}
.footer .copyright span {}

/* 在线客服 */
.service a {background-color:#0068b7;}
.service a:hover,
.service a img {background-color:#0068b7;}

/* 底部链接 */
.links {color:#ddd;padding:30px 0;background-color:#575665;overflow:hidden;}
.links .navb {float:left;}
.links .navb ul {margin:0;padding:0;list-style:none;overflow:hidden;}
.links .navb ul li {float:left;margin-right:40px;}
.links .navb ul li a {color:#fff;display:block;font-weight:bold;line-height:1rem;padding:5px 0;margin-bottom:0.5rem;}
.links .navb ul li a:hover {color:#fff;}
.links .navb ul li ul {}
.links .navb ul li ul li {float:none;margin-right:0;}
.links .navb ul li ul li a {color:#ddd;font-weight:normal;margin-bottom:0;}
.links .navb ul li ul li ul {display:none;}
.links .qrcode {float:right;padding:0 40px;border-left:1px solid #7a7987;}
.links .qrcode img {width:100px;height:100px;border:5px solid #fff;}
.links .contact {float:right;width:300px;padding-left:40px;border-left:1px solid #7a7987;}
.links .contact a {color:#ddd;}
.links .contact a:hover {color:#fff;}
.links .contact a.map-a {color:#fff;background-color:#666;padding:3px 5px;border-radius:6px;}
.links .contact a.map-a:hover {background-color:#000;}
.links .contact p {line-height:1rem;margin:0;padding:5px 0;}
.links .contact p strong {display:block;color:#fff;font-size:1.125rem;margin-bottom:0.5rem;}

/* Banner */
.banner {width:100%;overflow:hidden;position:relative;}
.banner .slides {margin:0;padding:0;list-style-type:none;}
.banner .slides li {height:320px;background:no-repeat center top;}

.banner-home .slides li {height:480px;}

/* 首页 */
.home {padding:40px 0 0 0;overflow:hidden;}

.home-strengths {padding:40px 0;text-align:center;}
.home-strengths .title {color:#0068b7;font-size:1.5rem;line-height:2rem;margin-bottom:20px;}
.home-strengths .desc {color:#999;font-size:0.875rem;max-width:300px;margin:0 auto;}
.home-strengths .body {padding:60px 0 40px 0;margin:0 auto;}
.home-strengths .body ul {width:100%;padding:0;margin:0;list-style:none;overflow:hidden;}
.home-strengths .body ul li {float:left;width:20%;color:#999;}
.home-strengths .body ul li span {display:block;width:100px;height:100px;margin:0 auto 30px auto;}
.home-strengths .body ul li span img {display:block;width:100%;}
.home-strengths .body ul li p {font-size:0.875rem;line-height:1.5rem;}
.home-strengths .body ul li p strong {font-size:1rem;}

.home-product {padding:60px 0 80px 0;background-color:#f9f7f8;border-bottom:1px #e9eaea solid;border-top:1px #e9eaea solid;text-align:center;}
.home-product .pager {}
.home-product .title {color:#0068b7;font-size:1.5rem;line-height:2rem;margin-bottom:10px;}
.home-product .desc {color:#999;margin:0 auto;}
.home-product .more {padding-top:10px;}
.home-product .more a {color:#fff;display:block;width:3rem;line-height:1.5rem;background:#f06522;margin:0 auto;border-radius:1rem;}
.home-product .body {padding:50px 0 30px 0;margin:0 50px;position:relative;}
.home-product .body a.home-product-nav {position:absolute;margin-top:120px;display:block;width:40px;height:40px;background-color:#eee;background:no-repeat center center;background-size:100% 100%;}
.home-product .body a.left {left:-45px;background-image:url(../images/nav-left.png);}
.home-product .body a.right {right:-45px;background-image:url(../images/nav-right.png);}
.home-product .body .home-product-body {width:100%;height:270px;padding:10px 0;overflow:hidden;}
.home-product .body ul {width:500%;padding:0;margin:0 auto;list-style:none;}
.home-product .body ul li {float:left;width:235px;margin:0 20px;margin-bottom:20px;color:#999;}
.home-product .body ul li a {display:block;box-shadow:0 0 5px #ddd;color:#fff;background-color:#0068b7;}
.home-product .body ul li a div {}
.home-product .body ul li a div img {display:block;max-width:100%;}
.home-product .body ul li a span {display:block;font-size:1rem;line-height:1.125rem;padding:0.5rem;text-align:left;}
.home-product .body ul li a:hover span {background-color:#f06522;}

.home-about {padding:70px 0 90px 0;color:#fff;background-color:#076BB7;}
.home-about .title {font-size:1.5rem;line-height:2rem;margin-bottom:15px;}
.home-about .line {width:5rem;height:1px;background-color:#fff;overflow:hidden;margin-bottom:30px;}
.home-about .body {width:100%;overflow:hidden;}
.home-about .body .pic {float:left;width:48%;}
.home-about .body .pic img {display:block;width:100%;}
.home-about .body .content {float:right;width:48%;position:relative;padding-bottom:2.5rem;}
.home-about .body .content h2 {font-size:1.25rem;line-height:1.5rem;}
.home-about .body .content span {display:block;width:3rem;height:2px;margin:10px 0 20px 0;background-color:#fff;}
.home-about .body .content p {margin-bottom:20px;font-size:0.875rem;line-height:1.25rem;}
.home-about .body .content a.more {position:absolute;bottom:0;display:block;width:5rem;line-height:2rem;color:#fff;border:1px solid #fff;text-align:center;border-radius:30px;}
.home-about .body .content a.more:hover {color:#076BB7;background-color:#fff;}

.home-article {padding:70px 0 60px 0;}
.home-article .pager {position:relative;}
.home-article .title {color:#076BB7;font-size:1.5rem;line-height:2rem;margin-bottom:30px;}
.home-article .more a {position:absolute;top:10px;right:0;color:#999;}
.home-article .body {}
.home-article .body ul {width:100%;padding:0;margin:0;list-style:none;overflow:hidden;}
.home-article .body ul li {float:left;width:48%;margin-bottom:30px;}
.home-article .body ul li.even {margin-left:4%;}
.home-article .body ul li a {display:block;}
.home-article .body ul li a span {float:left;width:3.75rem;text-align:center;background-color:#eee;}
.home-article .body ul li a span em,
.home-article .body ul li a span i {display:block;color:#666;padding:6px 0;}
.home-article .body ul li a span em {background-color:#ccc;}
.home-article .body ul li a strong {display:block;margin-left:4.5rem;}
.home-article .body ul li a p {color:#999;padding-top:5px;margin-left:4.5rem;}


/* 内页 */
.sub {margin:40px auto;}
.sub .pager {overflow:hidden;}

.sub .sider {float:left;width:240px;}
.sub .sider h1 {font-size:1.25rem;line-height:3.75rem;text-indent:28px;color:#fff;background:#0068B7;}
.sub .sider h1 small {font-size:0.875rem;font-weight:normal;padding-left:20px;}
.sub .sider ul {margin:0;padding:0;list-style:none;margin-bottom:30px;}
.sub .sider ul li {}
.sub .sider ul li a {font-size:1rem;line-height:1.5rem;color:#605f5f;display:block;padding:20px 40px 20px 28px;border:1px solid #ddd;border-top:0;}
.sub .sider ul li a.selected {font-weight:bold;background-color:#F9F7F8;}
.sub .sider ul li ul li a {}

.sub .sider .contact {color:#fff;background:#0068B7 url(../images/sider_contact.jpg) no-repeat;padding:20px;padding-top:140px;}
.sub .sider .contact a {color:#fff;}
.sub .sider .contact strong {display:block;font-size:1.125rem;margin-bottom:0.4em;}
.sub .sider .contact p {line-height:1.125rem;padding:0.2em 0;}

.sub .main {margin-left:280px;}

/* 标题和面包屑 */
.page-title {font-size:1.125rem;color:#fff;line-height:3.75rem;padding:0 20px;background:#0068B7;}
.page-title strong {display:block;}
.page-title small {font-family:Georgia;font-size:1rem;color:#9e9e9e;line-height:2rem;padding-right:220px;}

.page-crumbs {float:right;font-size:0.75rem;color:#fff;line-height:3.75rem;margin-right:20px;}
.page-crumbs strong {}
.page-crumbs a {color:#fff;}
.page-crumbs a.page-crumbs-home {background:url(../images/page-crumbs-home.jpg) no-repeat left center;padding-left:20px;}

.page-content {border:1px solid #ddd;border-top:0;padding:30px;}

/* 内容页 */
.body-title {font-size:1.125rem;line-height:1.5rem;padding:0.6em 5em;border-bottom:1px dashed #ccc;text-align:center;}
.body-info {color:#888;background-color:#fafafa;padding:10px;margin-top:10px;text-align:center;}

.body-content {line-height:1.5rem;}
.body-content p {margin-bottom:0.875rem;}
.body-content img {max-width:100%;}

.body-product {width:100%;overflow:hidden;margin-bottom:20px;}
.body-product .pic {float:left;width:48%;}
.body-product .pic img {display:block;width:100%;}
.body-product .pic .bigpic {border:1px solid #ddd;}
.body-product .pic .smallpics {}
.body-product .pic .smallpics a {float:left;display:block;width:80px;margin:10px 10px 0 0;}
.body-product .info {margin-left:50%;}
.body-product .info h1 {font-size:1.125rem;line-height:1.5rem;margin-bottom:0.5em;}
.body-product .info .share {}
.body-product-content {}
.body-product-related {padding-top:15px;}
.body-product-related .item {width:25%;}
.body-product-related .item a {margin:0;}
.body-product-related .item a .pic {height:160px;}

@media (max-width:640px) {
	
	html{font-size:32px;}

	body,input,select,textarea {}
	body {width:640px;margin:0 auto;}
	
	.service {display:none;}
	
	.pager {width:auto;padding:0 30px;}
	
	/*
	.header .nav-mobile {display:block;float:right;margin:10px 20px 0 0;}
	.header .nav-mobile a {display:block;width:40px;height:40px;position:relative;}
	.header .nav-mobile a span {position:absolute;top:0;left:0;display:block;width:100%;height:8px;background-color:#0068b7;border-radius:4px;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	.header .nav-mobile a span:first-child {}
	.header .nav-mobile a span:last-child {top:30px;}
	.header .nav-mobile-active a span:first-child {top:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:50% 50%;}
	.header .nav-mobile-active a span:last-child {top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:50% 50%;}

	.header .nav-mobile{display:block; width:40px; height:40px; position:absolute; top:40px; right:30px; cursor:pointer;}
	.header .nav-mobile:before,.header .nav-mobile:after{ content:""; width:40px; height:6px; background:#0068b7; position:absolute; left:0; top:0; -webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
	.header .nav-mobile:before{ -webkit-transform:rotate(0deg);transform:rotate(0deg)}
	.header .nav-mobile:after{ -webkit-transform:rotate(0deg);transform:rotate(0deg); top:10px;}
	.header .nav-mobile-active:before{ -webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:50% 50%; top:5px;}
	.header .nav-mobile-active:after{ -webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:50% 50%; top:5px;}
*/

	.nav-mobile {display:block !important;position:relative;float:right;width:60px;height:60px;margin:10px 20px 0 0;}
	.nav-mobile em {position:absolute;top:28px;left:0;width:60px;height:4px;background-color:#333;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
	.nav-mobile em:first-child {top:10px;}
	.nav-mobile em:last-child {top:46px;}
	.nav-mobile-active em {top:28px !important;width:0px;}
	.nav-mobile-active em:first-child {width:60px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
	.nav-mobile-active em:last-child {width:60px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	
	.header .pager, .header .logo {height:80px;}
	.header .nav {display:none;float:none;z-index:999999;position:absolute;top:120px;left:0;width:640px;margin:0;padding:10px 0;background-color:#333;}
	.header .nav ul {}
	.header .nav ul li {float:none;margin:0;}
	.header .nav ul li a {color:#999;padding:0 30px !important;}
	.header .nav ul li ul {position:static;width:100%;background-color:#444;overflow:hidden;}
	.header .nav ul li ul li {float:left;width:50%;padding:10px 0;}
	
	.footer .copyright span {display:block;}
	
	.links .navb {float:none;display:none;}
	.links .qrcode {display:none;}
	.links .contact {float:none;width:auto;padding:0;border:0;text-align:center;}
	
	
	
	.banner .slides li {height:160px;background-size:auto 100%;}
	.banner-home .slides li {height:260px;}
	
	
	
	.home-strengths .title {}
	.home-strengths .desc {max-width:none;}
	.home-strengths .body {padding:40px 0 10px 0;margin:0 10px;}
	.home-strengths .body ul li p {font-size:0.625rem;line-height:1rem;}
	.home-strengths .body ul li p strong {font-size:0.75rem;}
	
	.home-product .pager {min-width:none;padding-left:0;padding-right:0;}
	.home-product .body {width:auto;}
	.home-product .body a.home-product-nav {margin-top:135px}
	.home-product .body .home-product-body {height:300px;}
	.home-product .body ul li a span {font-size:0.75em;}
	
	.home-about .body {width:auto;}
	.home-about .body .pic {float:none;width:auto;margin-bottom:20px;}
	.home-about .body .content {float:none;width:auto;}

	
	.home-article .title {}
	.home-article .more a {right:30px;}
	.home-article .body {}
	.home-article .body ul li {float:none;width:100%;}
	.home-article .body ul li.even {margin-left:0;}
	
	
	.sub .sider {display:none;}
	.sub .main {margin-left:0;}
	.page-crumbs {display:none;}
	
	.body-title {padding-left:1em;padding-right:1em;}
	
	.body-product .pic {float:none;width:auto;}
	.body-product .info {margin-left:0;}
	.body-product .info .share {display:none;}
	
	
	.conents-form form div .form-label {float:none;display:block;width:auto;text-align:left;}
	.conents-form form div input.form-control {width:80%;}
	.conents-form form div textarea.form-control {width:90%;}
	.conents-form form div.button {padding-left:0;}
	
	.conents-article .item .date {width:3.75rem;}
	.conents-article .item .date span {font-size:1.75rem;}
	.conents-article .item .date em {font-size:0.75rem;}
	.conents-article .item .name,
	.conents-article .item .desc	{margin-left:4.5rem;margin-right:0;}
	.conents-article .item .pic {display:none;}
	
	.conents-product .item {width:50%;}
	.conents-product .item a {margin:0;}
	
	.conents-picture .item {width:50%;}
	.conents-picture .item a {margin:0;}
}


.fixims {top:auto !important;margin-top:auto !important;bottom:20px !important;}