body                               { margin:0px; padding:0px;}
a                                  { text-decoration:none; color:#333; outline:none; cursor:pointer; bblr:expression(this.onFocus=this.blur());}
*                                  { padding:0px; margin:0px;}
ul, li                             { padding:0px; margin:0px; list-style:none;}
img                                { border:none;}
.clear                             { clear:both;}
input[type=button]                 { -webkit-appearance:none; outline:none}
input[type=text]                   { -webkit-appearance:none; outline:none}
li:hover,a:hover {
	text-decoration: none;
	/*color: #F23E47;*/
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}


header                             { width: 100%; height: 120px;}
header .con                        { margin: 0 auto; width: 1200px; height: 120px;}
header .logo                       { float: left; display: block; margin-top: 10px; width: 470px; height: 64px;}
header .tel                        { float: right; display: block; margin-top: 16px; width: 216px; height: 52px;}

nav                                { width: 100%; height: 54px; background: #f5f5f5; border-top: 1px solid #d9d9d9;}
nav .con                           { margin: 0 auto; width: 1200px; height: 54px; line-height: 54px;}
nav .con ul                        { float: left;}
nav .con ul li                     { float: left; width: 115px; height: 54px; font-size: 16px; text-align: center;}
nav .con ul li a                   { position: relative; display: block; width: 125px; height: 54px; color: #282828;}
nav .con ul li a::after            { content: ''; display: none; position: absolute; top: 0; left: 0; width: 125px; height: 2px; background: #009585;}
nav .con ul li a:hover,
nav .con ul li a.on                { background: #fff;}
nav .con ul li a:hover::after,
nav .con ul li a.on::after         { display: block;}
nav .con .menu                     { float: right; border-right: 1px solid #d9d9d9;}
nav .con .menu a                   { float: left; display: block; width: 54px; height: 54px; border-left: 1px solid #d9d9d9;}

.banner                            { width: 100%;}
.banner img                        { display: block; width: 100%; height: 100%;}
.swiper-pagination-bullet          { background: #fff; opacity: 1;}
.swiper-pagination-bullet-active   { background: #f60;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px;}
.swiper-pagination-bullet  { width: 12px; height: 12px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px;;}

.public-title                      { margin: 0 auto; margin-bottom: 20px; width: 250px; text-align: center;}
.public-title h4                   { height: 45px; line-height: 45px; color: #f60; font-weight: inherit; font-size: 28px;}
.public-title p                    { position: relative; height: 33px; line-height: 33px; font-size: 16px; color: #b1b1b1;}
.public-title p span               { display: block; padding: 0 5px; height: 33px;}
.public-title p::after             { position: absolute; content: ''; display: block; top: 15px; left: 0; width: 65px; height: 1px; background: #b1b1b1;}
.public-title p::before            { position: absolute; content: ''; display: block; top: 15px; right: 0; width: 65px; height: 1px; background: #b1b1b1;}


.psp                      { margin: 0 auto; margin-bottom: 20px; width: 250px; text-align: center;}
.public-title1                      { margin: 0 auto; margin-bottom: 20px; margin-top: 20px; text-align: center;}




/* 关于我们 */
.about                             { margin: 0 auto; margin-top: 65px; width: 1200px; overflow: auto;}
.about .abstract                   { float: left; width: 631px; height: 334px; border: 3px solid #ccc; border-right: 0;}
.about .abstract img               { margin-left: 10px; margin-top: 21px; display: block; float: left; width: 188px; height: 281px;}
.about .abstract > .text           { float: left; margin-top: 15px; margin-left: 12px; width: 400px;}
.about .abstract > .text h4        { font-size: 20px; line-height: 35px; color: #000; font-weight: inherit;}
.about .abstract > .text p         { text-indent: 2em; font-size: 16px; color: #666; line-height: 23px;}
.about .img                        { float: left; width: 160px; height: 320px;}
.about .img img                    { display: block; width: 160px; height: 170px;}
.about .con > .text                { float: left; width: 386px; height: 320px;}
.about .con > .text p              { display: block; width: 386px; height: 85px;  background: #fff; color: #333; font-size: 16px;}
.about .con > .text p:nth-child(2n) { background: #eee;}
.about .con > .text span           { margin-left: 20px; font-size: 24px;}

/* 产品中心 */
.products                          { margin-top: 65px;}
.products .menu                    { width: 100%; height: 60px; background: #efefef;}
.products .menu .menu-con          { display: table; margin: 0 auto; text-align: center;}
.products .menu .menu-con a        { display: block; float: left; padding: 0 20px; margin: 15px 5px; height: 30px; line-height: 30px; font-size: 16px;}
.products .menu .menu-con a:hover,
.products .menu .menu-con a.on     { background: #f60; border-radius: 999px; color: #fff;}
.products .list                    { margin: 0 auto; width: 1140px;}
.products .list ul                 { overflow: auto;}
.products .list ul li              { float: left; margin-top: 30px; margin-right: 30px; width: 354px; height: 354px; border: 3px solid #eee; text-align: center;}
.products .list ul li:nth-child(3n){ margin-right: 0;}
.products .list ul li img          { margin: 4px auto; width: 244px; height: 244px;}
.products .list ul li h4           { height: 36px; line-height: 36px; font-size: 18px; color: #333;}
.products .list ul li p            { height: 34px; line-height: 34px; color: #999; font-size: 16px;}
.products .list ul li:hover        { border: 3px solid #f60;}
.products .list ul li:hover a h4   { color: #f60;}
.list a.more                       { display: block; margin: 0 auto; margin-top: 30px; width: 150px; height: 40px; line-height: 40px; text-align: center; border-radius: 999px; border: 1px solid #ccc; background: #fff; color: #666; font-size: 16px;}
.list a.more:hover                 { border: 1px solid #f60; background: #f60; color: #fff;}


.news                              { margin-top: 80px; padding: 80px 0; width: 100%; height: 673px; background: url(../img/news-bj.jpg) center center;}
.news .con                         { margin: 0 auto; padding-top: 40px; width: 1200px; height: 633px; background: #fff;}
.news .con .list ul                { margin: 0 auto; margin-top: 30px; width: 1140px; overflow: auto;}
.news .con .list ul li             { margin: 0 15px; width: 350px; height: 390px; float: left;}
.news .con .list img               { width: 350px; height: 260px;}
.news .con .list ul li p           { padding: 0 30px; padding-top: 30px; font-size: 16px; line-height: 26px; color: #333; text-align: center;}
.news .con .list ul li a:hover p   { color: #f60;}

.join                              { margin-top: 65px; margin-bottom: 96px;}
.join .con                         { width: 1200px; margin: 0 auto; margin-top: 30px; height: 259px;}
.join .con .left                   { float: left; width: 259px; height: 259px; margin-left: 71px; margin-right: 110px;}
.join .con .right                  { float: left; width: 695px;}
.join .con .right a                { float: left; margin-bottom: 25px;margin-right: 25px; display: block; width: 335px; height: 60px; line-height: 60px; background: #999; border-radius: 999px; color: #fff; font-size: 16px;}
.join .con .right a:nth-child(2n)  { margin-right: 0;}
.join .con .right a img            { float: left; margin-top: 23px; margin-left: 60px; margin-right: 10px;}
.join .con .right a span           { float: left;}
.join .con .right a:hover          { background: #f60;}
.join .con .right a:last-child img { float: left; margin-top: 20px; margin-left: 107px; margin-right: 10px;}

footer                             { padding-top: 46px; width: 100%; height: 232px; background: #333; color: #fff; text-align: center; font-size: 16px;}
footer a                           { color: #fff;}
footer .tel                        { padding: 27px 0 44px 0; display: table; text-align: center; margin: 0 auto; height: 43px; line-height: 43px;}
footer .tel img                    { float: left; width: 43px; height: 43px;}
footer em                          { float: left; margin-left: 30px; font-size: 30px; color: #f60;}
footer .copyright                  { margin: 0 auto; width: 1200px; height: 98px; line-height: 98px; border-top: 1px solid #3e3e3e;}

.banner-about                      { width: 100%; height: 350px; background: url(../img/banner-join.jpg) center center;}
.banner-service                    { width: 100%; height: 350px; background: url(../img/banner-join.jpg) center center;}
.banner-join                       { width: 100%; height: 350px; background: url(../img/banner-join.jpg) center center;}
.crumb                             { margin: 0 auto; width: 1200px; height: 67px;}
.crumb .con                        { float: right; height: 67px; line-height: 67px; font-size: 16px; color: #666;}
.crumb .con a:hover                { color: #f60;}

.main-vb                           { margin: 0 auto; margin-bottom: 60px; width: 1200px; overflow: auto;}
.main-vb .left-menu                { overflow: auto; float: left; width: 260px; background: #fff; background: #eee; box-shadow:0 2px 5px #e0e0e0;}
.main-vb .left-menu .title         { padding-left: 23px; width: 237px; height: 77px; background: #fff;}
.main-vb .left-menu .title h4      { padding-top: 18px; padding-bottom: 9px; height: 22px; line-height: 22px; font-size: 22px; color: #f60; font-weight: inherit;}
.main-vb .left-menu .title p       { height: 12px; line-height: 12px; font-size: 16px; color: #333;}
.main-vb .left-menu ul li          { margin-top: 1px; width: 260px; height: 50px;}
.main-vb .left-menu ul li a        { position: relative; display: block; width: 260px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #666; background: #fff;}
.main-vb .left-menu ul li a::after { position: absolute; top: 0; left: 0; display: none; content: ''; width: 3px; height: 50px; background: #f60;}
.main-vb .left-menu ul li a:hover,
.main-vb .left-menu ul li a.on     { color: #f60;}
.main-vb .left-menu ul li a:hover::after,
.main-vb .left-menu ul li a.on::after  { display: block;}

.main-vb .right-con                { margin: 0; padding: 30px; padding-top: 0; float: right; width: 870px; min-height: 1000px; background: #fff; box-shadow:0 2px 5px #e0e0e0;}
.main-vb .right-con h2             { margin: 10px 0 5px 0; width: 870px; height: 77px; line-height: 77px; color: #333; font-size: 26px;}
.main-vb .right-con h4             { padding: 15px 0; height: 18px; line-height: 18px; font-size: 18px; color: #f60; font-weight: inherit;}
.main-vb .right-con > p            { margin-bottom: 15px; text-indent: 2em; font-size: 16px; line-height: 200%; color: #666;}
.main-vb .right-con.join p         { text-indent: 0; margin: 0;}

.pro-list                          { padding-top:32px;}
.pro-list ul li                    { margin-right: 32px; margin-bottom: 32px; float: left; width: 264px; height: 355px; border: 1px solid #f5f5f5; background: #f5f5f5;}
.pro-list ul li:nth-child(3n)      { margin-right: 0;}
.pro-list ul li .title             { width: 264px; height: 59px; line-height: 59px; font-size: 16px; color: #333; text-align: center;}
.pro-list ul li img                { display: block; margin: 0 auto; width: 190px; height: 190px;}
.pro-list ul li .text              { margin-top: 14px; color: #666;}
.pro-list ul li .text p            { font-size: 16px; line-height: 200%; text-align: center;}
.pro-list ul li:hover,
.pro-list ul li.on                 { float: left; width: 264px; height: 355px; border: 1px solid #f00; background: #fff;}
.pro-list ul li:hover .title,
.pro-list ul li.on .title,
.pro-list ul li:hover .text,
.pro-list ul li.on .text           { color: #f60;}


.news-list                         { overflow: auto;}
.news-list ul li                   { padding: 17px; margin-right: 32px; margin-bottom: 32px; float: left; width: 230px; border: 1px solid #f5f5f5; background: #f5f5f5; height: 260px;}
.news-list ul li:nth-child(3n)     { margin-right: 0;}
.news-list ul li img               { display: block; margin: 0 auto; width: 230px; height: 170px;}
.news-list ul li .text             { padding: 0 5px; margin-top: 14px; color: #666; text-align: center; font-size: 16px; line-height: 200%;}
.news-list ul li:hover,
.news-list ul li.on                { float: left; border: 1px solid #f00; background: #fff;}
.news-list ul li:hover .title,
.news-list ul li.on .title,
.news-list ul li:hover .text,
.news-list ul li.on .text          { color: #f60;}

.page-updown                       { margin: 20px auto 25px auto;}
.page-updown .con                  { display:table;margin:0 auto; text-align:center}
.page-updown a:nth-of-type(1),.page-updown a:nth-of-type(2),.page-updown a:last-child{width:inherit;padding:0 20px}
.page-updown .current,.page-updown a { display:block;float:left;margin:0 5px;width:35px;height:35px;line-height:35px;background:#ccc;color:#FFF;font-size:14px;}
.page-updown .current,.page-updown a:hover { background:#f60;color:#fff}



.main-vb .right-con .contact-h4 p    { line-height: 180%; font-size: 16px; color: #f60; font-weight: inherit;}
.main-vb .right-con .text          { margin-bottom: 50PX; margin-top: 15px;}
.main-vb .right-con .text p         { font-size: 16px; color: #666; line-height: 180%;}
/*.main-vb .right-con > .text p:nth-of-type(4),
.main-vb .right-con > .text p:nth-of-type(5),
.main-vb .right-con > .text p:nth-of-type(5)  { padding-left: 50px;}*/
.main-vb .right-con .qq-btn       { margin-bottom: 50px; width: 100%; overflow: auto;}
.main-vb .right-con .qq-btn a     { position: relative; display: block; float: left; margin-top: 10px; margin-right: 10px; padding-left: 50px; width: 78px; height: 40px; line-height: 40px; font-size: 16px; color: #333; background: #fff; border: 1px solid #ccc; border-radius: 3px;}
.main-vb .right-con .qq-btn a img { display: block; position: absolute; left: 20px; top: 8px; width: 22px; height: 26px;}
.main-vb .right-con .add          { margin-top: 10px; width: 853px; height: 353px; border: #ccc solid 3px; overflow: hidden;}

.news-show                        { padding: 30px;}
.news-show .title                 { margin-top: 10px; margin: 0 auto; width: 80%; text-align: center; font-size: 20px;}
.right-con .news-show
.details                  { padding-bottom:10px; margin-bottom:20px; width:100%; height:50px; line-height:50px; border-bottom:1px solid #e5e5e5; font-size:12px; text-align:center;}
.right-con .news-show
.details span             { margin-right:10px; padding-right:10px; color:#999; border-right:1px solid #ccc;}
.right-con .news-show
.details span:last-child  { border-right:0;}
.right-con .news-show > .text                  { overflow: auto; margin-top: 30px; line-height: 200%; color: #666; font-size: 16px;}
.right-con .news-show > .text img              { display: block; margin: 20px auto; width: 90%;}

.products-show                        { padding: 30px;}
.products-show .title                 { margin-top: 10px; margin: 0 auto; width: 80%; text-align: center; font-size: 20px;}
.products-show .con                   { margin-top: 20px; overflow: auto; width: 810px;}
.products-show .con .img              { float: left; width: 405px; height: 335px;}
.products-show .con .img img          { margin: 0 35px; width: 335px; height: 335px;}
.products-show .con .text             { float: left; padding-top: 30px; width: 304px; height: 305px; border-left: 1px solid #ccc;}
.products-show .con .text p           { padding-left: 50px; line-height: 200%;}
.products-show .con2                  { padding-top: 20px;}
.products-show .con2 img              { display: block; margin: 0 auto;}

.end {}