﻿ @charset "utf-8";
/* CSS Document */



/*-----whole-----*/



html, body {
	position: relative;
	height: 100%;
}
.Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container {
	position: relative;
	left: 0px;
	width: 100%;
	min-width: 1200px;
	height: auto;
}
.contain {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
/*--Header--*/

.Header-wrapper {
	z-index: 99;
}
.Header-wrapper .Hcl {
	height: 53px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	clear: both;
	display: none;
}
.Header-wrapper.cur .Hcl {
	display: block;
}
.Header-wrapper.cur .container-header {
	height: 55px;
	position: fixed;
	top: 0px;
}
.Header-wrapper.cur .container-header .logo {
	line-height: 55px;
}
.Header-wrapper.cur .container-header .logo img {
	width: 235px;
	height: 40px;
}
.Header-wrapper.cur .container-header .Hlang {
	height: 41.5px;
	padding: 13.5px 12px 0;
}
.Header-wrapper.cur .container-header .Hsrch>a {
	height: 55px;
}
.Header-wrapper.cur .container-header .Hsrch .Hsrc-box {
	top: 61px;
}
.Header-wrapper.cur .nav>li>a {
	line-height: 55px;
}
.Header-wrapper.cur .nav>li .n2nd {
	top: 55px;
}
 @-webkit-keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.Header-wrapper .container-Htop {
	background-color: #212b34;
}
.container-Htop span {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #a3a3a3;
}
.container-Htop .phone {
	padding-left: 31px;
	background: url(../images/icon/icon-phone.png) no-repeat left center;
	font-size: 20px;
	line-height: 45px;
	color: #ffffff;
	float: right;
}
.Header-wrapper .container-header {
	height: 120px;
	box-shadow: 0px 0px 10px #022852;
	background-color: #fff;
}
.container-header .logo {
	display: block;
	font-size: 0px;
	line-height: 93px;
	float: left;
}
.container-header .logo img {
	width: 547px;
	height: 93px;
}
.container-header .nav {
	float: right;
	width: auto;
}
.nav>li {
	float: left;
	margin-left: 16px;
}
.nav>li:first-child {
	margin-left: 0px;
}
.nav>li>a {
	display: block;
	width: 95px;
	text-align: center;
	line-height: 120px;
	font-size: 16px;
	color: #000000;
}
.nav>li .n2nd {
	width: 358px;
	background-color: #1462b3;
	position: absolute;
	top: 93px;
	left: 0px;
	display: none;
}
.n2nd .n2nd-img {
	display: block;
	width: 129px;
	height: 149px;
	line-height: 149px;
	text-align: center;
	font-size: 0px;
	float: left;
}
.n2nd ul.p-list {
	display: block;
	width: 229px;
	float: left;
	margin-top: 26px;
}
.n2nd .n2nd-op {
	float: left;
	margin-top: 5px;
}
.container-header .Hlang {
	height: 57px;
	padding: 36px 12px 0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	margin-left: 25px;
	float: left;
}
.Hlang .Hlang-box {
	border: 1px solid #f7f7f7;
	cursor: pointer;
}
.Hlang-box span, .Hlang-box a {
	display: block;
	width: 52px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}
.Hlang-box span em, .Hlang-box a em {
	display: inline-block;
	padding-right: 17px;
	background: url(../images/icon/icon-dd1.png) no-repeat right center;
}
.Hlang-box a {
	background-color: #008bd6;
	color: #fff;
	display: none;
}
.Hlang-box a em {
	background: none;
}
.Hlang-box:hover a {
	display: block;
}
.container-header .Hsrch {
	float: left;
	margin-left: 35px;
}
.container-header .Hsrch>a {
	display: block;
	height: 93px;
	width: 14px;
	background: url(../images/icon/icon-srch.png) no-repeat center center;
}
.container-header .Hsrch .Hsrc-box {
	position: absolute;
	top: 111px;
	right: 0px;
	overflow: hidden;
	display: none;
}
.Hsrc-box input[type=text] {
	display: block;
	width: 227px;
	height: 28px;
	line-height: 28px;
	color: #868686;
	padding: 0 0 0 10px;
	border: 1px solid #868686;
	float: left;
	margin: 0;
}
.Hsrc-box .btn {
	height: 30px;
	line-height: 30px;
	width: 52px;
	color: #ffffff;
	background-color: #1462b3;
	float: left;
	cursor: pointer;
}
 .nav>li.cur>a, {
background-color: #d00e19;
 color: #000000;
}
.nav>li:hover>a {
	background-color: #d00e19;
	color: #fff;
}
.nav>li:hover .n2nd {
	display: block;
}
/*--Footer--*/

.Footer-wrapper {
	background-color: #212b34;
}
.Footer-wrapper .contain-footer {
	overflow: hidden;
	background: url(../images/bg/bg-Fline.png) repeat-y 744px top;
}
.contain-footer .fnav-box {
	width: 746px;
	padding: 34px 0 59px;
	float: left;
	position: relative;
	overflow: hidden;
}
.fnav-box li {
	float: left;
	width: 124px;
}
.fnav-box li h2 {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 18px;
}
.fnav-box li a {
	display: block;
	font-size: 12px;
	color: #fffefe;
	line-height: 24px;
	color: #6a6a6a;
}
.fnav-box li a:hover {
	color: #fff;
}
.contain-footer .fct-box {
	float: left;
	width: 256px;
	padding: 30px 0 0 118px;
}
.fct-box h1 {
	font-size: 28px;
	color: #3783d9;
	margin-bottom: 10px;
}
.fct-box h1 em {
	color: #d7dbde;
	margin-left: 9px;
}
.fct-box h1 span {
	font-size: 12px;
	color: #868686;
	font-weight: normal;
	margin-left: 9px;
}
.fct-box .fct-con {
	font-size: 12px;
	line-height: 19px;
	color: #868686;
	margin-bottom: 10px;
}
.fct-con p {
	color: #FFFFFF
}
.contain-footer .fwx-box {
	float: left;
	width: 256px;
	padding: 15px 0 10px 118px;
	background: url(../images/bg/bg-Fline2.png) repeat-x top left;
}
.fwx-box .fwx-wx {
	width: 72px;
	height: 72px;
	margin-right: 13px;
}
.fwx-box p {
	width: 72px;
	text-align: center;
	font-size: 12px;
	color: #868686;
	margin-top: 4px;
}
.Footer-wrapper .contain-fcr {
	height: 51px;
	line-height: 49px;
	text-align: center;
	font-size: 14px;
	color: #868686;
	background: url(../images/bg/bg-Fline2.png) repeat-x top left;
}
/*--Banner--*/

.bnr-img {
	width: 100%;
	height: auto;
}
.container-iBnr {
	position: absolute;
	bottom: -100%;
	left: 0px;
	width: 100%;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}
.container-iBnr .iBnr-box {
	width: 547px;
	height: 174px;
	padding-top: 52px;
	color: #feffff;
	text-align: center;
	background: url(../images/bg/bg-Ibnr.png) repeat;
	margin: 0 auto;
}
.iBnr-box h1 {
	font-size: 40px;
	font-weight: normal;
}
.iBnr-box p {
	font-size: 18px;
	margin: 5px 0 14px;
}
.iBnr-box .btn {
	width: 112px;
	height: 29px;
	line-height: 29px;
	border: 2px solid rgba(254,255,255,0.45);
	border-radius: 29px;
}
#iBnr-pc .swiper-slide-active .container-iBnr {
	bottom: 38.247%;
}
#iBnr-pc .swiper-pagination {
	bottom: 27px !important;
}
#iBnr-pc .swiper-pagination .swiper-pagination-bullet {
	width: 35px;
	height: 5px;
	opacity: 1;
	background-color: #1462b3;
	border-radius: 5px;
}
#iBnr-pc .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fff;
}
/*--Container--*/



.btn {
	display: inline-block;
	text-align: center;
	padding: 0px;
	border: 0px;
	margin: 0px;
	position: relative;
	cursor: pointer;
}/*初始化按钮*/
.btn span {
	display: inline-block;
}
.btn.btn-go {
	width: 85px;
	height: 21px;
	line-height: 21px;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #fff;
	border-radius: 8px;
	margin-right: 20px;
}
.btn.btn-go span {
	padding-right: 21px;
	background: url(../images/icon-go1.png) no-repeat right center;
}
img.rollover {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: 2;
}/*通用img*/
.p-title {
	text-align: center;
	background: url(../images/pt-line.jpg) repeat-x left center;
}/*通用标题1*/
.p-title h1 {
	display: inline-block;
	padding: 0 15px;
	font-size: 30px;
	line-height: 30px;
	color: #d00e19;
	background-color: #fff;
}
.p2-title {
	font-size: 32px;
	line-height: 32px;
	color: #1462b3;
	text-align: center;
}/*通用标题2*/
.p3-title {
	text-align: center;
	position: relative;
}/*通用标题3*/
.p3-title h1 {
	font-size: 30px;
	color: #666666;
}
.p3-title i {
	display: block;
	width: 80px;
	height: 4px;
	margin: 10px auto 0;
}
ul.p-list {
	overflow: hidden;
}/*通用列表1*/
ul.p-list li {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
ul.p-list li a {
	display: inline-block;
	padding: 0 0 9px 12px;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	border-bottom: 1px solid #73abe6;
	background: url(../images/icon/icon-l1.png) no-repeat left 3px;
}
.p-nav {
	text-align: center;
	background: url(../images/bg/pt-line.jpg) repeat-x left center;
	position: relative;
	overflow: hidden;
}/*通用导航1*/
.p-nav a.btn {
	width: 108px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	border: 1px solid #dcdcdc;
	border-radius: 34px;
	background-color: #fff;
	margin-left: 6px;
}
.p-nav a.btn:first-child {
	margin-left: 0px;
}
.p-nav a.btn.cur, .p-nav a.btn:hover {
	border-color: #1462b3;
	background-color: #1462b3;
	color: #fff;
}
/*-首页-*/

.indexScroll1 {
	position: relative;
	top: -93px;
}
.indexScroll2 {
	position: relative;
	top: -55px !important;
}
/*产品*/

.container-Ipro {
	padding: 60px 0 44px;
}
.Ipro-list {
	overflow: hidden;
	margin-top: 75px;
}
.Ipro-list>li {
	width: 398px;
	height: 270px;
	padding-top: 4px;
	text-align: center;
	border-left: 1px dotted #cdcccc;
	float: left;
	overflow: hidden;
}
.Ipro-list>li:first-child {
	border-color: #fff;
}
.Ipro-list>li .Ipro-box {
	display: block;
}
.Ipro-box>img {
	width: 168px;
	height: 168px;
}
.Ipro-box>h2 {
	font-size: 26px;
	font-weight: normal;
	color: #5d5d5d;
	margin: 12px 0 5px;
}
.Ipro-box>p {
	font-size: 16px;
	color: #888888;
}
.Ipro-list>li .Ipro-box2 {
	width: 100%;
	height: 100%;
	position: absolute;
}
.Ipro-box2 .IproB2-img {
	float: left;
	width: 83px;
	padding-top: 25px;
	text-align: right;
}
.Ipro-box2 .IproB2-block {
	float: left;
	color: #fff;
	padding-top: 40px;
	text-align: left;
	position: relative;
	margin-left: 14px;
}
.IproB2-block h2 {
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
}
.IproB2-block ul.p-list {
	width: 240px;
	margin: 16px 0;
}
.IproB2-block ul.p-list li a {
	font-size: 18px;
	line-height: 18px;
	border-color: #fff;
}
.Ipro-list>li .Ipro-box2.IproB2-1, .Ipro-list>li .Ipro-box2.IproB2-2 {
	top: 0px;
	left: -400px;
}
.Ipro-list>li .Ipro-box2.IproB2-3 {
	top: 0px;
	right: -100%;
}
.Ipro-list>li:hover .Ipro-box2.IproB2-1, .Ipro-list>li:hover .Ipro-box2.IproB2-2 {
	top: 0px;
	left: 0px;
}
.Ipro-list>li:hover .Ipro-box2.IproB2-3 {
	top: 0px;
	right: 0px;
}
/*关于晶台*/

.container-Iabout {
	padding: 53px 0;
}
.container-Iabout ul {
	overflow: hidden;
	margin-top: 40px;
}
.container-Iabout ul li {
	float: left;
	width: 285px;
	height: 313px;
	margin-left: 20px;
	overflow: hidden;
}
.container-Iabout ul li:first-child {
	margin-left: 0px;
}
.container-Iabout ul li img {
	width: 100%;
	height: auto;
}
.container-Iabout ul li .Iab-name {
	width: 90px;
	padding-bottom: 12px;
	text-align: center;
	font-size: 18px;
	color: #cfcfcf;
	border-bottom: 1px solid #dbdbdb;
	margin: 23px auto 0;
}
.Iab-name h2 {
	color: #333333;
	font-weight: normal;
	margin-bottom: 3px;
}
.container-Iabout ul li .Iab-con {
	display: block;
	width: 240px;
	text-align: center;
	font-size: 12px;
	color: #767676;
	line-height: 22px;
	margin: 14px auto 0;
}
.container-Iabout ul li a {
	display: block;
	height: 100%;
	position: absolute;
	background-color: #f3f3f3;
}
.container-Iabout ul li.Iab-l1 a {
	left: -100%;
}
.container-Iabout ul li.Iab-l2 a {
	top: -100%;
}
.container-Iabout ul li.Iab-l3 a {
	bottom: -100%;
}
.container-Iabout ul li.Iab-l4 a {
	right: -100%;
}
.container-Iabout ul li a:hover {
	background-color: #1462b3;
}
.container-Iabout ul li a:hover .Iab-name, .container-Iabout ul li a:hover .Iab-name h2, .container-Iabout ul li a:hover .Iab-con {
	color: #fff;
}
.container-Iabout ul li .com-img {
	display: block;
}
/*页面banner*/

.container-pageBnr .container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.pageBnr-box {
	color: #fff;
	position: relative;
	margin-top: 130px;
	overflow: hidden;
}
.pageBnr-box p {
	font-size: 24px;
	position: relative;
	left: -100%;
}
.pageBnr-box h1 {
	font-size: 50px;
	margin: 2px 0 14px;
	position: relative;
	left: -100%;
}
.pageBnr-box i {
	display: block;
	width: 80px;
	height: 5px;
	background-color: #fff;
	position: relative;
	left: -100%;
}
/*页面导航-当前位置*/

.container-pageNav {
	padding: 37px 0;
	background-color: #f9f9f9;
}
.container-pageNav .contain {
	width: 1198px;
	border: 1px solid #f3f3f3;
	background-color: #fff;
	overflow: hidden;
}
.container-pageNav .pageNav-list {
	float: left;
	overflow: hidden;
}
.pageNav-list a {
	display: block;
	width: 124px;
	height: 63px;
	line-height: 63px;
	text-align: center;
	color: #313131;
	background-image: url(../images/icon/icon-dd2.png);
	background-repeat: no-repeat;
	background-position: center 47px;
	border-right: 1px solid #f3f3f3;
	float: left;
}
.pageNav-list a.cur, .pageNav-list a:hover {
	background-color: #1462b3;
	color: #fff;
}
.locate {
	float: right;
	height: 63px;
	line-height: 63px;
	padding-right: 15px;
	font-size: 12px;
	color: #555555;
}
.locate a:first-child {
	display: inline-block;
	padding-left: 27px;
	background: url(../images/icon/icon-home.png) no-repeat left 23px;
}
.locate a {
	margin-left: 5px;
}
.pageNav-list.pNl-P1 a.cur, .pageNav-list.pNl-P1 a:hover {
	background-color: #aacd06;
}/*户外*/
.pageNav-list.pNl-P2 a.cur, .pageNav-list.pNl-P2 a:hover {
	background-color: #0a0706;
}/*户内*/
.pageNav-list.pNl-P3 a.cur, .pageNav-list.pNl-P3 a:hover {
	background-color: #dd337e;
}/*小间距*/
/*产品介绍*/

.container-product {
	background-color: #f9f9f9;
}
.container-product .p-nav {
	margin-top: 16px;
}
.container-product .p-nav a {
	width: 153px;
	height: 28px;
	line-height: 28px;
	margin: 0 12.5px !important;
}
.p-nav.pNav-p1 a.cur, .p-nav.pNav-p1 a:hover {
	background-color: #aacd06;
	border-color: #aacd06;
}/*户外*/
.p-nav.pNav-p2 a.cur, .p-nav.pNav-p2 a:hover {
	background-color: #0a0706;
	border-color: #0a0706;
}/*户内*/
.p-nav.pNav-p3 a.cur, .p-nav.pNav-p3 a:hover {
	background-color: #dd337e;
	border-color: #dd337e;
}/*小间距*/
.conPro-wrapper {
	position: relative;
	display: none;
}
.conPro-wrapper .conPro-box {
	padding: 50px 0;
	border-top: 1px solid #e0e0e0;
	position: relative;
	overflow: hidden;
}
.conPro-wrapper .conPro-box:first-child {
	border-top: 0px;
	padding-top: 35px;
}
/* 

	这里有分三种情况：

	1。PC切，手机端切

	2。PC切，手机端图

	3。PC图，手机端图

	

	切换就conPro-wrapper来换就行了

	里面的不要通用，每个产品的切出来的就单独一个class吧

	如果有手机端换图片的，也给一个单独的class

	如果是图片就单独通用一个class

	

	(删除注释)

*/

.cPb-imgPc, .cPb-imgWeb {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.cPb-imgWeb {
	display: none;
}
.cPb-pc {
	position: relative;
	overflow: hidden;
}
/*猛龙3535*/

.cPb-p1 {
	width: 895px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.cPb-p1 .cPbP1-block1 {
	float: left;
	width: 400px;
	text-align: center;
}
.cPbP1-block1 ul li {
	float: left;
	width: 25%;
	color: #666666;
}
.cPb-p1 .cPbP1-block2 {
	float: right;
	width: 405px;
}
.cPbP1-block2 table {
	width: 100%;
	border: 0px;
}
.cPbP1-block2 table tr td {
	vertical-align: middle;
	padding: 9px 0;
	color: #666666;
	line-height: 22px;
}
.cPbP1-block2 table tr td:first-child {
	padding-right: 25px;
}
/*黑晶*/

/*

.cPb-p2-1{width:865px;margin:0 auto;}

.cPb-p2-1 table{width:100%;}

.cPb-p2-1 table tr td{vertical-align:middle;height:109px;text-align:left;font-size:15px;color:#666666;line-height:22px;}

.cPb-p2-1 table tr td:first-child{width:592px;height:auto;}

.cPb-p2-1 table tr td h2{font-size:18px;text-align:left;color:#0a0706;}

*/

.cPb-p2-1 {
	width: 865px;
	margin: 0 auto;
	overflow: hidden;
}
.cPb-p2-1 .cPbp2-1-img {
	height: 329px;
	line-height: 329px;
	font-size: 0px;
	float: left;
}
.cPbp2-1-img .cPbp21-img2 {
	margin-left: 50px;
}
.cPb-p2-1 table {
	width: 411px;
	float: left;
	margin-left: 19px;
}
.cPb-p2-1 table tr td {
	vertical-align: middle;
	height: 109px;
	text-align: left;
	font-size: 15px;
	color: #666666;
	line-height: 22px;
}
.cPb-p2-1 table tr td:first-child {
	width: 136px;
	text-align: center;
}
.cPb-p2-1 table tr td h2 {
	font-size: 18px;
	text-align: left;
	color: #0a0706;
}
.cPb-p3-1 {
	width: 865px;
	margin: 0 auto;
	overflow: hidden;
}
.cPb-p3-1 .cPbp3-1-img {
	height: 329px;
	line-height: 329px;
	font-size: 0px;
	float: left;
}
.cPbp3-1-img .cPbp31-img2 {
	margin-left: 50px;
}
.cPb-p3-1 table {
	width: 411px;
	float: left;
	margin-left: 19px;
}
.cPb-p3-1 table tr td {
	vertical-align: middle;
	height: 109px;
	text-align: left;
	font-size: 15px;
	color: #666666;
	line-height: 22px;
}
.cPb-p3-1 table tr td:first-child {
	width: 136px;
	text-align: center;
}
.cPb-p3-1 table tr td h2 {
	font-size: 18px;
	text-align: left;
	color: #0a0706;
}
.mb20 {
	margin-bottom: 20px;
}
.cPb-p2-2 ul li {
	width: 50%;
	float: left;
	text-align: center;
}
.cPb-p2-2 ul li h2 {
	font-size: 24px;
	color: #0a0706;
}
.cPb-p2-2 ul li p {
	font-size: 16px;
	color: #666666;
	margin: 20px 0 40px;
}
.cPb-p2-3 {
	text-align: center;
}
.cPb-p2-3>h2 {
	font-size: 24px;
	color: #0a0706;
}
.cPb-p2-3>p {
	font-size: 16px;
	color: #666666;
	margin: 15px 0 48px;
}
.cPb-p2-3 li {
	float: left;
	width: 40%;
}
.cPb-p2-3 li.vs {
	height: 213px;
	width: 20%;
	background: url(../images/bg/pt-line.jpg) repeat-y top center;
}
.cPb-p2-3 li.vs h1 {
	display: inline-block;
	font-size: 60px;
	color: #e70000;
	margin-top: 67px;
	background-color: #f9f9f9;
}
.cPb-p2-3 li p {
	width: 378px;
	font-size: 16px;
	color: #666666;
	text-align: center;
	margin-top: 25px;
}
.cPb-p2-3-img {
	position: absolute;
	right: -130px;
	bottom: 0px;
}

@media all and (max-width:1475px) {
.cPb-p2-3-img {
	right: -20px;
}
}
.cPb-p2-4 {
	width: 680px;
	line-height: 30px;
	margin: 0 auto 35px;
	text-align: left;
}
.cPb-p2-4 h2 {
	font-size: 20px;
	color: #333333;
}
/*小间距*/

/*

.cPb-p3-1{width:865px;margin:0 auto;}

.cPb-p3-1 h2{font-size:24px;color:#dd127b;text-align:center;}

.cPb-p3-1 table{width:100%;margin-top:10px;}

.cPb-p3-1 table tr td{vertical-align:middle;text-align:left;font-size:15px;color:#666666;line-height:22px;}

.cPb-p3-1 table tr td:first-child{width:590px;}

.cPb-p3-1 table tr td h2{font-size:18px;text-align:left;}

*/



.cPb-p3-2 li {
	float: left;
	width: 50%;
	text-align: center;
}
.cPb-p3-2 li h2 {
	font-size: 24px;
	color: #dd127b;
}
.cPb-p3-2 li p {
	font-size: 16px;
	color: #666666;
	margin: 18px 0 7px;
}
.cPb-p3-3 {
	text-align: center;
}
.cPb-p3-3 h2 {
	font-size: 24px;
	color: #e33384;
}
.cPb-p3-3>p {
	font-size: 16px;
	color: #666666;
	margin: 15px 0 45px;
}
.cPb-p3-3 ul li {
	float: left;
	width: 33.3334%;
	font-size: 16px;
	color: #666666;
}
.cPb-p3-3 ul li img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}
/*产品参数*/

.container-proDtl {
	padding: 43px 0 45px;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}
.container-proDtl .proDtl-wrapper {
	width: 1100px;/*height:620px;*/
	height: auto;
	position: relative;
	margin: 35px auto 0;
}
.proDtl-wrapper .viewport, .proDtl-wrapper .overview {
	width: 1015px;
	height: auto;
	position: relative !important;
}
.proDtl-wrapper .scrollbar {
	width: 5px;
	height: auto;
	background-color: #e8e7e7;
}
.proDtl-wrapper .track {
	width: 5px;
}
.proDtl-wrapper .thumb {
	width: 9px;
	left: -2px;
}
.proDtl-wrapper .pDl-fet {
	float: left;
	width: 705px;
}
.pDl-fet h2 {
	display: inline;
	font-size: 17px;
	color: #414040;
	font-weight: normal;
}
.pDl-fet p, .pDl-fet span {
	color: #666666;
	line-height: 22px;
}
.proDtl-wrapper .pDl-table {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	float: left;
	clear: both;
}
.pDl-table table {
	width: 100%;
	border-collapse: collapse;
}
.pDl-table table tr td {
	border: 1px solid #e0e0e0;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}
.pDl-table table th, .pDl-table table th table tr td {
	border: 1px solid #fff;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	color: #fff;
	overflow: hidden;
}
.pDl-table table th table, .pDl-table table tr td table {
	width: 102%;
	margin: -1px;
}
.pDl-table table tr td table tr td, .pDl-table table th table tr td {
	width: 25%;
}
.container-proDtl .cProDtl-p1 {
}/*户外*/
.p3-title.p3t-p1 i, .cProDtl-p1 .proDtl-wrapper .thumb, .cProDtl-p1 .pDl-table table th, .cProDtl-p1 .pDl-table table th table tr td {
	background-color: #9db434;
}
.container-proDtl .cProDtl-p2 {
}/*户内*/
.p3-title.p3t-p2 i, .cProDtl-p2 .proDtl-wrapper .thumb, .cProDtl-p2 .pDl-table table th, .cProDtl-p2 .pDl-table table th table tr td {
	background-color: #0a0706;
}
.container-proDtl .cProDtl-p3 {
}/*小间距*/
.p3-title.p3t-p3 i, .cProDtl-p3 .proDtl-wrapper .thumb, .cProDtl-p3 .pDl-table table th, .cProDtl-p3 .pDl-table table th table tr td {
	background-color: #dd337e;
}
/*相关案例*/

.container-proCase {
	padding: 43px 0 45px;
	border-bottom: 1px solid #f3f3f3;
	background-color: #f9f9f9;
}
.container-proCase .proCase-swiper {
	width: 990px;
	padding: 0 75px;
	position: relative;
	margin: 35px auto 0;
}
.proCase-swiper .swiper-slide {
	text-align: center;
	font-size: 16px;
	color: #525151;
}
.proCase-swiper .swiper-slide a img {
	width: 100%;
	height: auto;
}
.proCase-swiper .proCase-prev, .proCase-swiper .proCase-next {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 75px;
}
.proCase-swiper .proCase-prev {
	background: url(../images/icon/icon-swiper1.png) no-repeat left center;
	left: 0px;
}
.proCase-swiper .proCase-next {
	background: url(../images/icon/icon-swiper1-2.png) no-repeat right center;
	right: 0px;
}
.proCase-swiper .swiper-slide a .com-img {
	display: block;
	width: 314px;
	height: 201px;
	margin-bottom: 20px;
}
/*产品需求*/

.container-proCu {
	padding: 43px 0 45px;
}
.container-proCu .proCu-wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.proCu-wrapper .proCu-box {
	float: left;
	width: 525px;
}
.proCu-box h1 {
	font-size: 48px;
	line-height: 48px;
	padding-bottom: 18px;
	border-bottom: 3px solid #aacd06;
	color: #aacd06;
	font-weight: normal;
}
.proCu-box h2 {
	font-size: 44px;
	line-height: 54px;
	padding: 29px 0;
	font-weight: normal;
	border-bottom: 1px solid #c4c4c4;
}
.proCu-box p {
	color: #444;
	line-height: 30px;
	margin-top: 24px;
}
.proCu-wrapper .proCu-form {
	float: right;
}
.proCu-form h2 {
	font-size: 24px;
	line-height: 24px;
	color: #666666;
	font-weight: normal;
}
.proCu-form input[type=text], .proCu-form textarea {
	display: block;
	padding: 0 0 0 25px;
	width: 385px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666666;
	border: 0px;
	background-color: #f5f4f4;
	margin: 8px 0px 0px;
}
.proCu-form textarea {
	padding: 12px 0 0 25px;
	height: 88px;
	resize: none;
	line-height: 20px;
}
.proCu-form .btn {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #85a101;
	border: 2px solid #aacd06;
	margin-top: 15px;
	background-color: #fff;
}
.proCu-form .btn:hover {
	background-color: #85a101;
	color: #fff;
}
.container-proCu.proCu-p2 .proCu-box h1, .container-proCu.proCu-p2 .proCu-form .btn {
	border-color: #0a0706;
	color: #0a0706;
}/*户内*/
.container-proCu.proCu-p2 .proCu-form .btn:hover {
	background-color: #0a0706;
	color: #fff;
}
.container-proCu.proCu-p3 .proCu-box h1, .container-proCu.proCu-p3 .proCu-form .btn {
	border-color: #dd337e;
	color: #dd337e;
}/*小间距*/
.container-proCu.proCu-p3 .proCu-form .btn:hover {
	background-color: #dd337e;
	color: #fff;
}
/*-应用案例-*/

.container-case {
	padding-bottom: 85px;
	background-color: #f9f9f9;
}
.container-case ul {
	padding-bottom: 30px;
	border-bottom: 1px dotted #bbbbbb;
	overflow: hidden;
	margin-bottom: 30px;
}
.container-case li {
	float: left;
	width: 375px;
	margin-left: 25px;
}
.container-case li:first-child {
	margin-left: 0px;
}
.container-case li>a {
	display: block;
	height: 380px;
	background-color: #fff;
}
.container-case li .case-box {
	padding: 25px 15px 0;
}
.container-case li img {
	width: 100%;
	height: auto;
}
.container-case li h2 {
	font-size: 16px;
	color: #0a0706;
	font-weight: normal;
}
.container-case li p {
	font-size: 13px;
	color: #666666;
	line-height: 24px;
	margin: 10px 0 17px;
}
.container-case li .more {
	font-size: 13px;
	color: #888888;
	display: none;
}
.container-case li .more em {
	margin-left: 10px;
}
.container-case li:hover h2, .container-case li:hover p, .container-case li:hover .more {
	color: #fff;
}
.container-case.cCase-p1 li:hover>a {
	background-color: #9db434 !important;
}
.container-case.cCase-p2 li:hover>a {
	background-color: #0a0706 !important;
}
.container-case.cCase-p3 li:hover>a {
	background-color: #dd337e !important;
}
.container-case .com-img {
	display: block;
}
/*--新闻--*/

.container-news {
	background-color: #f9f9f9;
	padding: 0 0 40px;
}
.container-news .news-wrapper {
	float: left;
	width: 781px;
	padding: 37px;
	border: 1px solid #f3f3f3;
	background-color: #fff;
}
.news-wrapper .n1st-box {
	position: relative;
	overflow: hidden;
}
.n1st-box .n1st-block {
	display: block;
	float: left;
	width: 380px;
}
.n1st-block h2 {
	font-size: 20px;
	font-weight: normal;
}
.n1st-block .date {
	font-size: 16px;
	color: #888888;
	margin: 8px 0 17px;
}
.n1st-block .con {
	color: #888888;
	line-height: 22px;
	height: 154px;
	overflow: hidden;
}
.n1st-block .href {
	color: #1462b3;
	margin-top: 17px;
}
.n1st-box img {
	float: right;
	width: 379px;
	height: 261px;
}
.n1st-box .n1st-block:hover h2 {
	color: #1462b3;
}
.n1st-box .com-img {
	display: block;
	width: 379px;
	height: 261px;
	float: right;
}
.news-wrapper .news-list {
	margin-top: 49px;
	border-top: 1px solid #e5e5e5;
}
.news-list li {
	padding: 28px 20px;
	border-bottom: 1px solid #e5e5e5;
}
.news-list li>a {
	display: block;
	overflow: hidden;
}
.news-list li img {
	float: left;
	width: 160px;
	height: 110px;
}
.news-list li .nl-box {
	width: 556px;
	float: left;
	margin-left: 25px;
	margin-top: 7px;
	overflow: hidden;
}
.news-list li .nl-box .name {
	float: left;
	width: 80%;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
}
.news-list li .nl-box .date {
	float: right;
	color: #888888;
	font-size: 14px;
}
.news-list li .nl-box .con {
	height: 60px;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	text-indent: 1em;
	float: left;
	overflow: hidden;
	margin-top: 9px;
}
.news-list li .nl-box .con em {
	color: #1462b3;
}
.news-list li:hover {
	background-color: #1462b3;
}
.news-list li:hover .nl-box .name, .news-list li:hover .nl-box .date, .news-list li:hover .nl-box .con, .news-list li:hover .nl-box .con em {
	color: #fff;
}
/*热门*/

.container-news .news-hot {
	float: right;
	width: 321px;
	overflow: hidden;
	position: relative;
}
.news-hot .nH-top {
	height: 52px;
	line-height: 52px;
	padding: 0 15px 0 24px;
	color: #313131;
	border-bottom: 1px solid #f3f3f3;
}
.nH-top span {
	font-size: 18px;
}
.nH-top a {
	font-size: 12px;
	float: right;
}
.news-hot .nH-block {
	position: relative;
	overflow: hidden;
}
.news-hot .nH-pro, .news-hot .nH-case {
	position: relative;
	border: 1px solid #f3f3f3;
	background-color: #fff;
}
.nH-pro .nH-block {
	padding: 17px 21px 24px;
}
.nH-pro .nH-block a {
	display: block;
	height: 37px;
	line-height: 37px;
	padding: 0 12px;
	text-align: center;
	font-size: 13px;
	color: #666666;
	background-color: #f9f9f9;
	float: left;
	margin: 3px;
}
.nH-pro .nH-block a.cur, .nH-pro .nH-block a:hover {
	background-color: #1462b3;
	color: #fff;
}
.news-hot .nH-case {
	margin-top: 15px;
}
.nH-case .nH-block {
	padding: 23px 22px;
}
.nH-case .nH-block img {
	width: 100%;
	height: auto;
}
.nH-case .nH-block .title {
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background-color: #1462b3;
}
.nH-case .nHcase-l {
	display: block;
	padding-left: 11px;
	line-height: 12px;
	font-size: 12px;
	color: #636363;
	background: url(../images/icon/icon-l2.png) no-repeat left center;
	margin-top: 15px;
	margin-left: 3px;
}
.nH-case .nHcase-l:hover {
	color: #1462b3;
}
/*内容*/

.aritcle-top h1 {
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 12px;
}
.aritcle-top span {
	font-size: 12px;
	color: #888888;
	display: inline-block;
	margin-right: 25px;
}
.article-box {
	padding: 25px 0;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px dotted #eaeaea;
	position: relative;
	overflow: hidden;
	margin: 23px 0;
}
/*.article-box p{text-indent:2em;}*/

.article-page {
	font-size: 12px;
	color: #666666;
	position: relative;
}
.article-page .ap-page {
	display: block;
	margin-bottom: 13px;
	width: 80%;
}
.article-page .ap-rtn {
	display: block;
	width: 30px;
	padding-top: 30px;
	text-align: center;
	background: url(../images/icon/icon-rtn.png) no-repeat top center;
	position: absolute;
	right: 0px;
	top: 0px;
}
.article-share {
	position: relative;
	overflow: hidden;
	clear: both;
}
.article-share .aS-t {
	display: block;
	padding-left: 28px;
	height: 28px;
	line-height: 28px;
	color: #666666;
	background: url(../images/icon/icon-good.png) no-repeat left center;
	float: right;
}
.article-share .bdsharebuttonbox {
	float: right;
}
.article-about {
	padding-top: 35px;
	border-top: 1px solid #eaeaea;
	margin-top: 35px;
	clear: both;
}
.article-about h2 {
	font-size: 20px;
	color: #1462b3;
	font-weight: normal;
}
.article-about a {
	display: block;
	padding-left: 14px;
	font-size: 12px;
	background: url(../images/icon/icon-l3.png) no-repeat left center;
	overflow: hidden;
	position: relative;
	margin-top: 13px;
}
.article-about a p {
	width: 80%;
	color: #666666;
	float: left;
}
.article-about a span {
	float: right;
	color: #bdbdbd;
}
/*--服务支持--*/

.container-srv {
	padding-bottom: 49px;
	background-color: #f9f9f9;
}
.container-srv .p2-title, .container-download .p2-title {
	color: #666666;
}
.container-srv .srv-swiper {
	float: left;
	width: 607px;
	position: relative;
	margin-top: 30px;
}
.srv-swiper .swiper-pagination {
	text-align: left;
	padding-left: 20px;
}
.srv-swiper .swiper-pagination-bullet {
	width: 35px;
	height: 5px;
	border-radius: 5px;
	opacity: 1;
	background-color: #fff;
}
.srv-swiper .swiper-pagination-bullet-active {
	background-color: #1462b3;
}
.container-srv .srv-box {
	float: left;
	width: 593px;
	height: 389px;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}
.srv-box .srvB-top {
	height: 60px;
	line-height: 60px;
	padding-left: 86px;
	font-size: 24px;
	color: #ffffff;
	background-color: #1462b3;
	background-image: url(../images/icon/icon-srv.png);
	background-repeat: no-repeat;
	background-position: 33px center;
}
.srv-box .srv-block {
	padding: 30px 38px 0;
}
.srv-block p {
	color: #777777;
	line-height: 24px;
}
.srv-block h2 {
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid #d9d9d9;
	color: #1462b3;
	font-weight: normal;
	margin: 30px 0 8px;
}
/*常见问题*/

.container-faq {
	padding: 45px 0;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background-color: #fff;
	z-index: 2;
}
.container-faq .faq-left {
	float: left;
	width: 370px;
}
.faq-left .faqL-top {
	height: 60px;
	line-height: 60px;
	padding-left: 79px;
	font-size: 24px;
	color: #ffffff;
	background-color: #1462b3;
	background-image: url(../images/icon/icon-faq.png);
	background-repeat: no-repeat;
	background-position: 26px center;
}
.faq-left img {
	width: 100%;
	height: auto;
}
.container-faq .faq-right {
	width: 789px;
	float: right;
	position: relative;
}
.faq-nav {
	border: 1px solid #dcdcdc;
	border-bottom: 0px;
	overflow: hidden;
}
.faq-nav li {
	float: left;
	color: #484848;
	font-size: 18px;
	width: 196px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	cursor: pointer;
}
.faq-nav li.cur {
	color: #1462b3;
	height: 46px;
	line-height: 43px;
	margin-top: -1px;
	display: inline;
	border-top: 3px solid #1462b3;
	border-bottom: 1px solid #FFF;
}
.faqR-box {
	height: 335px;
	position: relative;
	overflow: hidden;
	margin-top: 19px;
	display: none;
}
.faqR-box .viewport, .faqR-box .overview {
	width: 751px;
	height: 335px;
}
.faqR-box .scrollbar {
	width: 7px;
	height: 335px;
	background-color: #f4f4f4;
}
.faqR-box .track {
	width: 7px;
}
.faqR-box .thumb {
	width: 7px;
	background-color: #c0bfbf;
}
.faqR-box .faq-list {
	overflow: hidden;
	width: 110%;
	margin-left: -37px;
}
.faq-list li {
	padding-left: 37px;
	width: 357px;
	margin-bottom: 18px;
	float: left;
}
.faq-list li a {
	display: block;
	border: 1px solid #dedede;
	overflow: hidden;
}
.faq-list li a img {
	float: left;
}
.faq-list li a p {
	float: left;
	margin-left: 20px;
	line-height: 50px;
}
.faq-dtl {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	z-index: 100;
	display: none;
}
.faq-dtl .faqDtl-que {
	width: 80%;
	line-height: 37px;
	padding-left: 55px;
	background: url(../images/icon/icon-faq2.png) no-repeat left top;
	font-size: 18px;
}
.faq-dtl .faqDtl-box {
	width: 100%;
	height: 335px;
	position: relative;
	margin-top: 18px;
}
.faqDtl-box .viewport, .faqDtl-box .overview {
	width: 750px;
	height: 335px;
}
.faqDtl-box .scrollbar {
	width: 7px;
	height: 335px;
	background-color: #f4f4f4;
}
.faqDtl-box .track {
	width: 7px;
}
.faqDtl-box .thumb {
	width: 7px;
	background-color: #c0bfbf;
}
.faqDtl-box .faqDtl-awr {
	line-height: 30px;
	color: #666666;
	padding-left: 55px;
	background: url(../images/icon/icon-faq3.png) no-repeat left top;
}
.faq-dtl .faqDtl-close {
	display: block;
	line-height: 21px;
	padding-right: 35px;
	font-size: 18px;
	color: #666666;
	background: url(../images/icon/icon-close.jpg) no-repeat right center;
	position: absolute;
	right: 0px;
	top: 0px;
}
/*资料下载*/

.container-download {
	background-color: #f9f9f9;
	padding: 35px 0 50px;
}
.container-download .p-nav {
	margin-top: 30px;
}
.container-download .dl-list {
	overflow: hidden;
	margin-top: 35px;
}
.dl-list li {
	width: 586px;
	height: 103px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	margin-bottom: 20px;
}
.dl-list li>a {
	display: block;
	height: 100%;
	padding: 20px 40px 0 27px;
	position: relative;
	background: url(../images/icon/icon-down.png) no-repeat 547px 60px;
}
.dl-list li h2 {
	font-size: 16px;
	color: #1462b3;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 6px;
}
.dl-list li p {
	font-size: 12px;
	color: #999999;
	line-height: 18px;
}
.dl-list li:hover {
	background-color: #1462b3;
}
.dl-list li:hover>a {
	background: url(../images/icon/icon-down2.png) no-repeat 547px 60px;
}
.dl-list li:hover h2, .dl-list li:hover p {
	color: #fff;
}
/*--关于我们--*/
.container-comPro {
	padding: 40px 0;
	border-top: 1px solid #f3f3f3;
}
.comPro-swiper {
	width: 569px;
	height: 276px;
	position: relative;
	float: left;
	margin-top: 54px;
}
.comPro-swiper .swiper-container .swiper-pagination {
	text-align: right;
	margin-left: -20px;
}
.comPro-swiper .swiper-container .swiper-pagination-bullet {
	width: 35px;
	height: 5px;
	border-radius: 5px;
	opacity: 1;
	background-color: #fff;
}
.comPro-swiper .swiper-container .swiper-pagination-bullet-active {
	background-color: #1462b3;
}
.comPro-swiper .swiper-slide img {
	width: 100%;
	height: auto;
}
.comPro-box {
	width: 575px;
	height: 276px;
	float: right;
	position: relative;
	margin: 54px 2px 0 0;
}
.comPro-box .comPro-block {
	width: 95%;
	height: 276px;
	position: relative;
	overflow: hidden;
}
.comPro-block .comPro-con {
	width: 100%;
	height: auto;
	color: #666666;
	line-height: 24px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.comPro-con p {
	text-indent: 2em;
}
.comPro-box .comPro-prev {
	width: 52px;
	height: 36px;
	background: url(../images/icon/icon-swiper2.jpg) no-repeat center center;
	margin-top: 19px;
}
.comPro-box .comPro-next {
	width: 52px;
	height: 36px;
	background: url(../images/icon/icon-swiper2-2.jpg) no-repeat center center;
	margin-top: 19px;
}
.comPro-box .scrollbar {
	width: 5px;
	height: auto;
	background-color: #e8e7e7;
}
.comPro-box .track {
	width: 5px;
}
.comPro-box .thumb {
	width: 9px;
	left: -2px;
	background-color: #c1c1c1;
}
/*发展历程*/

.container-history {
	padding-bottom: 4%;
	background: url(../images/bg/bg-hist.jpg) no-repeat top center;
	background-size: cover;
}
.container-history .contain {
	width: 1337px;
	padding-top: 45px;
}
.container-history .p3-title h1, .container-comStr .p3-title h1 {
	color: #fff;
}
.container-history .p3-title i, .container-comStr .p3-title i {
	background-color: #fff;
}
.hist-wrapper {
	padding: 0 225px;
	position: relative;
	margin-top: 70px;
}
.hist-wrapper .histSwiper-prev, .hist-wrapper .histSwiper-next {
	display: block;
	width: 225px;
	height: 100%;
	position: absolute;
	top: 0px;
}
.hist-wrapper .histSwiper-prev {
	left: 0px;
	background: url(../images/icon/icon-swiper3.png) no-repeat center center;
}
.hist-wrapper .histSwiper-next {
	right: 0px;
	background: url(../images/icon/icon-swiper3-2.png) no-repeat center center;
}
.hist-wrapper .swiper-slide table {
	width: 100%;
	border: 0px;
}
.hist-wrapper .swiper-slide table tr td:first-child {
	width: 318px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 60px;
}
.hist-wrapper .swiper-slide table tr td {
	height: 248px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 20px;
	overflow: hidden;
}
.hist-list {
	width: 100%;
	height: 90px;
	background: url(../images/bg/bg-hintLine.png) no-repeat left top;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}
.hist-list ul {
}
.hist-list ul li {
	width: 122px;
	padding-top: 55px;
	text-align: center;
	font-size: 28px;
	color: #a4b9d8;
	float: left;
	margin-left: 60px;
}
.hist-list ul li.cur {
	background: url(../images/icon/hist-cur.png) no-repeat center top;
	font-size: 36px;
	color: #ffffff;
}

@media all and (max-width:1338px) {
.container-history .contain {
	width: 1200px;
	overflow: hidden;
}
}
/*子公司*/

.container-comSub {
	padding: 55px 0;
	background-color: #f9f9f9;
}
.comSub-list {
	overflow: hidden;
	margin-top: 42px;
}
.comSub-list li {
	float: left;
	width: 33.3333%;
	text-align: center;
}
.comSub-img {
	width: 323px;
	height: 211px;
	border: 1px solid #ebeaea;
	background-color: #fff;
	position: relative;
	margin: 0 auto;
}
.comSub-img img {
	position: absolute;
	top: 66px;
	left: 36px;
}
.comSub-box {
	width: 325px;
	line-height: 26px;
	text-align: left;
	word-break: break-all;
	margin: 0 auto;
	position: relative;
}
.comSub-list li h2 {
	font-size: 18px;
	color: #488cda;
	font-weight: normal;
	margin: 20px 0 10px;
}
.comSub-img:hover {
	background-color: #1462b3;
	cursor: pointer;
}
.comSub-img:hover .rollover {
	opacity: 1;
}
/*公司实力*/

.container-comStr {
	padding: 45px 0;
	background-color: #1462b3;
}
.comStr-wrapper {
	width: 1178px;
	margin: 50px auto 0;
	overflow: hidden;
}
.comStr-box {
	width: 572px;
	position: relative;
}
.comStr-box .comStr-img {
	position: relative;
	overflow: hidden;
}
.comStr-img .comStr-con {
	display: table;
	width: 100%;
	height: 270px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/bg/bg-07.png) repeat;
	opacity: 0;
}
.comStr-con>div {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	color: #fff;
}
.comStr-box .comStr-name {
	height: 73px;
	line-height: 73px;
	font-size: 21px;
	color: #1462b3;
	text-align: center;
	background-color: #fff;
}
.comStr-box .comStr-img:hover .comStr-con {
	opacity: 1;
}
/*行业地位*/

.container-comPos {
	padding: 45px 0;
	background-color: #f9f9f9;
}
.comPos-wrapper {
	width: 1178px;
	margin: 50px auto 0;
	overflow: hidden;
}
.comPos-box {
	width: 570px;
	height: 325px;
	text-align: center;
	border: 1px solid #ecebeb;
	background-color: #fff;
	position: relative;
}
.comPos-box img {
	margin-top: 62px;
}
.comPos-box p {
	font-size: 20px;
	color: #666666;
	margin: 10px 0 0;
}
.comPos-box h2 {
	font-size: 32px;
	color: #1462b3;
	font-weight: normal;
}
.comPos-box h2 em {
	font-weight: 600;
}
/*企业荣誉*/

.container-honor {
	background-color: #f9f9f9;
	padding-bottom: 45px;
}
.honor-wrapper {
	padding: 45px 9px;
	border: 1px solid #f3f3f3;
	background-color: #fff;
	margin-top: 18px;
}
.honor-list {
	overflow: hidden;
}
.honor-list li {
	width: 355px;
	padding-top: 11px;
	text-align: center;
	border: 1px solid #c1bfbf;
	background-color: #f9f9f9;
	float: left;
	margin: 0 18px 32px;
}
.honor-list .honor-img {
	display: block;
	width: 330px;
	margin: 0 auto;
	position: relative;
}
.honor-img .btn {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/icon/honor-btn.png) no-repeat center center;
	opacity: 0;
}
.honor-list .honor-name {
	height: 50px;
	line-height: 50px;
	color: #666666;
}
.honor-list .honor-img:hover .btn {
	opacity: 1;
}
/*企业招聘*/

.container-job {
	background-color: #f9f9f9;
	padding-bottom: 45px;
}
.job-box {
	position: relative;
	padding: 10px 40px 40px;
	background-color: #fff;
	margin-top: 20px;
}
.job-box h2 {
	font-size: 18px;
	color: #1462b3;
	font-weight: normal;
	margin-top: 40px;
}
.job-box p {
	color: #666666;
	line-height: 30px;
}
.job-list {
	padding-left: 70px;
	line-height: 50px;
	background-image: url(../images/icon/icon-job1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	cursor: pointer;
}
.job-list.cur {
	background-image: url(../images/icon/icon-job2.jpg);
	background-repeat: no-repeat;
	background-position: left center
}
.job-list .jl-name {
	color: #1462b3;
	float: left;
	width: 428px;
}
.job-list span {
	font-size: 12px;
	color: #888888;
}
.job-list em {
	font-size: 12px;
	color: #484848;
}
.job-list .jl-salary {
	width: 204px;
	float: left;
}
.job-list .jl-adr {
	width: 201px;
	float: left;
}
.job-list .jl-num {
	width: 143px;
	float: left;
}
.job-list .jl-date {
	width: 154px;
	float: left;
}
.job-con {
	padding: 20px 75px;
	background-color: #fff;
	margin-top: 3px;
	position: relative;
	overflow: hidden;
	display: none;
}
.job-con h2 {
	font-size: 14px;
	color: #1462b3;
	font-weight: normal;
	margin-top: 10px;
}
.job-con p {
	color: #666666;
	line-height: 30px;
}
/*投资者关系*/

.container-comInv {
	padding: 40px 0;
	text-align: center;
	border-top: 1px solid #f3f3f3;
}
/*联系我们*/

.container-ct {
	padding: 40px 0;
	border-top: 1px solid #f3f3f3;
}
.ctAdr-box {
	position: relative;
	overflow: hidden;
	margin-bottom: 35px;
}
.ctAdr-box .ctAdr-name {
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
}
.ctAdr-box .ctAdr-map {
	width: 530px;
	height: 253px;
	border: 2px solid #e0dede;
	border-radius: 4px;
	overflow: hidden;
	float: left;
}
.ctAdr-box .ctAdr-block {
	float: right;
	width: 645px;
}
.ctAdr-block .ctAdr-adr, .ctAdr-block .ctAdr-phone, .ctAdr-block .ctAdr-time, .ctAdr-block .ctAdr-mail {
	height: 60px;
	line-height: 60px;
	padding-left: 40px;
	color: #7c7c7c;
	border-bottom: 1px solid #e1e1e1;
}
.ctAdr-block .ctAdr-adr {
	background: url(../images/icon/icon-adr.jpg) no-repeat left center;
}
.ctAdr-block .ctAdr-phone {
	background: url(../images/icon/icon-phone.jpg) no-repeat left center;
}
.ctAdr-block .ctAdr-time {
	background: url(../images/icon/icon-time.jpg) no-repeat left center;
}
.ctAdr-block .ctAdr-mail {
	background: url(../images/icon/icon-mail.jpg) no-repeat left center;
}
.msg-box {
	padding: 35px 0;
	background-color: #f5f5f5;
	position: relative;
	margin-top: 48px;
}
.msg-box>h2 {
	font-size: 24px;
	color: #1462b3;
	font-weight: normal;
	padding-left: 35px;
}
.msg-box ul {
	overflow: hidden;
}
.msg-box ul li {
	width: 50%;
	vertical-align: middle;
	padding: 10px 0;
	overflow: hidden;
	float: left;
}
.msg-box ul li label {
	display: inline-block;
	width: 72px;
	line-height: 44px;
	color: #666666;
	text-align: right;
	float: left;
	margin-right: 5px;
}
.msg-box ul li input[type=text] {
	width: 460px;
	height: 42px;
	border: 1px solid #dbdbdb;
	background-color: #fff;
	margin: 0px;
	padding: 0px 10px;
	float: left;
}
.msg-box ul li textarea {
	width: 1060px;
	height: 204px;
	padding: 10px;
	border: 1px solid #dbdbdb;
	background-color: #fff;
	margin: 0px;
	resize: none;
	vertical-align: middle;
	float: left;
}
.msg-box ul li.yzm, .msg-box ul li.con {
	width: 100%;
}
.msg-box ul li.yzm input[type=text] {
	width: 100px;
	margin-right: 10px;
	float: left;
}
.msg-box ul li.yzm .btn {
	width: 230px;
	height: 44px;
	line-height: 45px;
	background-color: #035cac;
	font-size: 18px;
	color: #ffffff;
	vertical-align: middle;
	margin-left: 15px;
	float: left;
}
/*企业文化*/

.container-comCul {
	padding: 40px 0;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}
.comCul-wrapper {
	width: 963px;
	height: 462px;
	position: relative;
	margin: 40px auto 0;
}
.comCul-img {
	width: 193px;
	height: 193px;
	position: absolute;
	cursor: pointer;
}
.comCul-img img {
	width: 100%;
	height: auto;
}
.comCul-img.cur .rollover, .comCul-img:hover .rollover {
	opacity: 1;
}
.comCul-img.cCul-i1 {
	bottom: 0px;
	left: 0px;
}
.comCul-img.cCul-i2 {
	top: 93px;
	left: 116px;
}
.comCul-img.cCul-i3 {
	top: 0px;
	left: 291px;
}
.comCul-img.cCul-i4 {
	top: 0px;
	left: 502px;
}
.comCul-img.cCul-i5 {
	top: 95px;
	left: 679px;
}
.comCul-img.cCul-i6 {
	bottom: 0px;
	right: 0px;
}
.comCul-box {
	position: absolute;
	top: 265px;
	width: 100%;
	text-align: center;
}
.comCul-box h2 {
	font-size: 26px;
	color: #666666;
	font-weight: normal;
}
.comCul-box p {
	font-size: 16px;
	color: #666666;
	margin-top: 5px;
}
/*员工天地*/

.container-comStaff {
	padding: 40px 0;
	background-color: #f9f9f9;
}
.comStaff-wrapper {
	width: 1012px;
	margin: 75px auto 0;
	position: relative;
	overflow: hidden;
}
.comStaff-wrapper .swiper-slide a {
	display: block;
	position: relative;
}
.comStaff-wrapper .swiper-slide a img {
	width: 100%;
	height: auto;
}
.comStaff-wrapper .swiper-slide a .info {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #f9f9f9;
	background: url(../images/bg/bg-05.png) repeat;
	padding-left: 20px;
}
.comStaff-wrapper .swiper-pagination {
	position: relative !important;
	bottom: 0px !important;
	width: 105% !important;
	margin-left: -3px;
	margin-top: 10px;
}
.comStaff-wrapper .swiper-pagination .swiper-pagination-bullet {
	display: block;
	height: auto;
	width: auto;
	padding: 0px;
	margin: 3px !important;
	float: left;
	opacity: 1;
	background: none;
	border: 0px;
	position: relative;
}
.comStaff-wrapper .swiper-pagination .swiper-pagination-bullet-active span, .comStaff-wrapper .swiper-pagination .swiper-pagination-bullet:hover span {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(20,98,179,0.5);
	position: absolute;
	top: 0px;
	left: 0px;
}
/*右侧浮动*/

.float {
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -176px;
	z-index: 2000;
	width: 48px;
	height: 250px;
}
.float_show {
	background: url(../images/float_yy.png) repeat;
	width: 48px;
	height: 48px;
}
.float_show a {
	display: block;
	color: #FFF;
	font-size: 16px;
	width: auto;
	height: 48px;
	overflow: hidden;
}
.float_show a img {
	vertical-align: middle;
}
.float_show.float_show0 {
	background: url(../images/float_cur.png) no-repeat top;
	padding-top: 6px;
	height: 48px;
}
.float_show.float_show0 a {
	background: url(../images/float_icon1.png) no-repeat;
	width: 48px;
	height: 48px;
}
.float_show:hover a {
	background-color: #1462b3;
	line-height: 48px;
	color: #FFF;
}
.float_show.float_show0:hover {
	background: url(../images/float_curho.png) no-repeat top;
}
.float_show.float_show0:hover a {
	background: url(../images/float_icon_ho1.png) no-repeat;
}
.float_wx {
	display: none;
	position: absolute;
	top: -128px;
	left: -188px;
	background: url(../images/float_wxbd.png) no-repeat;
	width: 144px;
	height: 168px;
	padding: 18px 27px 0 17px;
}
.float_show.float_show1 {
	position: absolute;
	top: 49px;
	right: -124px;
	width: 172px;
}
.float_show.float_show2 {
	position: absolute;
	top: 98px;
	left: 0;
}
.float_show.float_show3 {
	position: absolute;
	top: 147px;
	right: -78px;
	width: 126px;
}
.float_show.float_show4 {
	position: absolute;
	top: 196px;
	right: -78px;
	width: 126px;
}
/*在线咨询留言弹框*/

.yy {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.float_onltk {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 6000;
	background: url(../images/tk_yy.png) repeat;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.float_onltk1 {
	margin-top: -254px;
	margin-left: -300px;
	width: 580px;
	height: 488px;
}
.float_onltk1 .float_onltkShow {
	width: 580px;
	height: 488px;
}
.float_onltk2 {
	margin-top: -256px;
	margin-left: -600px;
	width: 1200px;
	height: 512px;
}
.float_onltk2 .float_onltkShow {
	width: 1200px;
	height: 512px;
}
.float_onltkShow {
	background-color: #FFF;
}
.float_tkclose {
	width: 22px;
	height: 22px;
	cursor: pointer;
}
.float_tkTable {
	clear: both;
	padding-top: 8px;
}
.tk_label {
	padding-right: 12px;
}
.com_text {
	color: #333;
	font-size: 12px;
	line-height: 20px;
	padding: 5px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}
.tk_text {
	width: 244px;
	height: 20px;
}
.mess_xx {
	color: #ff0000;
	font-size: 14px;
	line-height: 32px;
	margin-left: 8px;
	display: inline;
}
.mess_ask {
	padding-top: 6px;
	color: #bdbdbd;
	font-size: 13px;
}
.tk_area {
	width: 398px;
	height: 94px;
	overflow: hidden;
}
.tk_yzText {
	width: 112px;
	height: 20px;
}
.tk_yz img {
	float: left;
	width: 62px;
	height: 18px;
	margin: 6px 15px 0 15px;
	border: 1px solid #000;
}
.tk_messShure {
	color: #1462b3;
	line-height: 32px;
}
.tk_input input {
	display: inline-block;
	color: #FFF;
	font-size: 14px;
	width: 112px;
	height: 32px;
	margin-right: 10px;
	border: none;
	cursor: pointer;
}
.tk_sub {
	background-color: #1462b3;
}
.tk_reset {
	background-color: #c7c7c7;
}
.com_text.cur {
	color: #333;
	border: 1px solid #009b4d;
}
.float_tkTable input[type=radio] {
	-webkit-appearance: radio;
	appearance: radio
}
/*底部友情链接*/

.container-flink {
	padding: 15px 0;
	background-color: #151d24;
	font-size: 12px;
	color: #868686;
}
.container-flink a {
	margin-right: 15px;
}
/*首页-左侧导航*/

.float_po {
	position: fixed;
	top: 50%;
	left: 24px;
	margin-top: -140px;
	z-index: 1400;
	width: 43px;
}
.float_po li {
	background: url(../images/float_pobd.png) no-repeat;
	position: relative;
	position: relative;
	width: 43px;
	height: 40px;
}
.float_poName {
	display: none;
	background: url(../images/float_poNbd.png) no-repeat;
	position: absolute;
	top: -15px;
	left: 0;
	z-index: 30;
	width: 43px;
	height: 43px;
}
.float_poName a {
	display: block;
	padding: 9px 9px 0 9px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	width: 26px;
	height: 34px;
	text-align: center;
}
.float_poClick a {
	display: block;
	width: 43px;
	height: 43px;
	font-size: 0;
	text-indent: -9999;
}
.float_po li.cur .float_poName {
	display: block;
}
.float_po li a {
	cursor: pointer;
}
.float_poLine {
	background: url(../images/float_poline.png) no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 43px;
	height: 27px;
}
/*产品详情手机端*/

.pDl-web {
	width: 100%;
	float: left;
	margin-top: 20px;
	display: none;
}
.pDlweb-nav {
	background-color: #9db434;
	overflow: hidden;
	position: relative;
}
.pDlweb-nav span {
	display: block;
	width: 50%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	float: left;
}
.pDlweb-con {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}
.pDlweb-con li {
	float: left;
	width: 50%;
	height: auto;
	padding: 10px 0;
	line-height: 1.5;
	color: #666666;
	text-align: center;
}
.main {
	width: 1200px;
	height: auto;
	margin: 37px auto;
	
	margin-bottom: 30px;
}
.index-t {
	width: 100%;
	height: 46px;
	margin: 15px 0px;
	background: url(../images/bbb.jpg) repeat-x center center
}
.index-t .aboutt {
	color: #000;
	font-weight: 500;
	margin: 0 auto;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 28px;
	width: 393px;
	background: url(../images/bj.jpg) no-repeat center center;
}
.index-t .caset {
	font-weight: 500;
	margin: 0 auto;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 28px;
	color: #4bb344;
	width: 194px;
	background: url(../images/caseb.jpg) no-repeat center center;
}
.casefont {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #636363;
}
#demoo {
	width: 1180px;
	height: auto;
	margin: 0px auto;
	padding: 20px 0px 10px 0px;
	overflow: hidden;
}
#demoo img {padding: 2px;
	width: 275px;
	height: 215px;
	border: 1px solid #c7c7c7;
	margin: 0px 10px;
}
#demoo a {
	margin: 0px 10px;
	display: block;
	color: #333;
}
#demoo p {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
#demoo a:hover p {
	color: #333;
}
#demoo a:hover {
	color: #333;
}

/*#demo{width:1180px;height:auto; margin:0px auto; padding:20px 0px 10px 0px;overflow:hidden;}
#demo img{ width:275px; height:215px;border:1px solid #0BA43B;margin:0px 10px; }
#demo a{ margin:0px 10px; display:block;color:#333;}
#demo p{ width:100%; height:30px; line-height:30px; text-align:center;}
#demo a:hover p{ color:#333;}
#demo a:hover{ color:#333;}*/
/*use*/
.use{padding:58px 0 10px;position: relative;}
.use h3{font-weight: normal;text-align: center;margin-bottom:30px;}
.use h3 b{display: block;font-size:30px;color: #333;line-height: 48px;}
.use h3 i{display: inline-block;font-size: 16px;color: #333;position:relative;padding:0 40px;line-height: 16px;}
.use h3 i:before{position:absolute;width:30px;height:1px;background: #2c2e67;content: "";left: 0;top: 8px;}
.use h3 i:after{position:absolute;width:30px;height:1px;background: #2c2e67;content: "";right: 0;top: 8px;}
.line-middle{ width:1200px; margin:0 auto;}
.alb2{ height:45px; overflow:hidden; width:742px; margin:0 auto 35px; background:#eee;}
.alb2 li{ width:185px; height:45px; float:left; font:16px "Microsoft YaHei"; text-align:center; line-height:45px; color:#333;}
.alb2 li a{ display:block; height:45px; color:#333; background:url(../images/xx_line.gif) no-repeat right center;}
.alb2 li a:hover,.alb2 .cur a{ background:#d00e19; color:#FFF;}
.alb2 .nones a{ background:none;}
.xb4 {
    width:380px;float: left; margin-bottom:20px; margin-left:10px; margin-right:10px;
}
/* 图片展示*/

.casebg{padding:1px 0 45px 0;}
.case_con .hd{width:1100px;margin:0 auto;}
.case_con .hd ul{text-align:center;}
.case_con .hd ul li{display:inline-block;margin-right:10px;}
.case_con .hd ul li a{height:28px;display:block;line-height:28px;color:#666;font-size:14px;width:155px;}
.case_con .hd ul li a:hover{background:#1a1919;color:#fff;}
.case_bg .wrap{padding:45px 0 30px 0;display:block;}
.case_title{width:347px;margin:0 auto;height:56px;}
.case_con{margin-top:45px;}
.case_con .rtCont{margin:25px 0 10px 0;position:relative;}
.case_con .rtCont ul{margin:0 auto;width:1100px;overflow:hidden;}
.case_con .rtCont li{margin:10px 7px 0 7px;width:355px;float:left;text-align:center;}
.case_con .rtCont li a{display:block;overflow:hidden;width:355px;height:250px;position: relative;transition:all .2s ease;}
.case_con .rtCont li a span{position: absolute;left: 0px;top: 0px;display: none;width: 100%;height: 150px;font-size: 20px;color: #fff;line-height: 25px;padding-top: 100px;transition:all .2s ease;}
.case_con .rtCont li a span h4{font-weight: bold;}
.case_con .rtCont li a span p{font-size: 12px;}
.case_con .rtCont li a img{display:block;font-size:0px;width:353px;height:248px;}
.case_con .rtCont li a:hover{-webkit-box-shadow:0 0px 10px rgba(0,0,0,0.2);box-shadow:0 0px 10px rgba(0,0,0,0.2);transition:all .2s ease;}
.case_con .rtCont li a:hover img{transform:scale(1.1,1.1);transition:all .2s ease;}
.case_con .rtCont li a:hover span{display: block;background: rgba(242,2,2,.7);transition: all .5s;}
.pro_title{height:65px;overflow:hidden;margin:0 auto;background:url(../images/btline.gif) no-repeat center bottom;padding-bottom: 30px;}
.pro_title a{display:block;transition:all .2s ease;text-align: center;width: 244px;margin: 0 auto;}
.pro_title a p{font-size: 20px;color: #cecece;transition:all .2s ease;}
.pro_title a h2{font-size:30px;color:#2f2f2f;font-weight: bold;text-align:center;transition:all .2s ease;}
.pro_title a:hover p,.pro_title a:hover h2{color:#f3b60e;transition:all .2s ease;}
.pro_con .hd{width:1100px;margin:0 auto;}
.pro_con .hd ul{text-align:center;}
.pro_con .hd ul li{display:inline-block;margin-right:10px;margin-bottom:10px;}
.pro_con .hd ul li a{height:28px;display:block;line-height:28px;color:#000;font-size:16px;border:1px solid #e2e2e2;width:155px;background: url(../images/nav_hover2.png) no-repeat 185px 10px;transition:all .2s ease;border-radius: 10px;}
.pro_con .hd ul li a:hover{background:#d00e19 url(../images/nav_hover2.png) no-repeat 135px 10px;color:#fff;border:1px solid #f3b60e;padding-right: 10px;width:145px;}
.case_title{width:347px;margin:0 auto;height:56px;}
.pro_con{margin-top:45px;}
.pro_con .rtCont{margin:25px 0 10px 0;position:relative;}
.pro_con .rtCont ul{margin:0 auto;width:1100px;overflow:hidden;}
.pro_con .rtCont li{margin:15px 14px 24px 0;width:347px;float:left;text-align:center;position: relative;}
.pro_con .rtCont li a{display:block;overflow:hidden;width:347px;height:347px;}
.pro_con .rtCont li a img{display:block;font-size:0px;width:347px;height:347px;transition:all .2s ease;}
/*.pro_con .rtCont li a:hover{-webkit-box-shadow:0 0px 10px rgba(0,0,0,0.2);box-shadow:0 0px 10px rgba(0,0,0,0.2);}*/
.pro_con .rtCont li a:hover img{transform:scale(1.1,1.1);}
.pro_con .rtCont li h5{font-weight:normal;width:347px;height:347px;font-size:14px;color:#333333;display: none;position: absolute;top: 0px;left: 0px;transition:all .2s ease;background:#f3b60e;}
.pro_con .rtCont li:hover h5{background:#1896fa;display: block;opacity: 0.9;padding-top: 150px;height:197px;font-size: 18px;color: #fff;font-weight: bold;transition:all .2s ease;}
.pro_con .rtCont li h5 span{font-size:14px;font-weight:normal;color:#fff;display:block;display: block;border:1px solid #fff;border-radius: 10px;width: 100px;height: 20px;line-height: 20px;margin: 7px auto;}
p.tel{font-size: 20px;padding-left:30px;background: url(../images/ptel.gif) left center no-repeat;width: 355px;margin: 30px auto;}
p.tel span{font-size: 28px;}
