﻿ul {padding:0;margin: 0;}
a {
    color: #333;
}
body {
    color: #333;
}
.navigation-down {position:absolute;z-index:9999;}
/*banner*/
.banner{position:relative; z-index: 1; width: 100%; overflow: hidden;}
.banner_f{ width: 100%; position: relative; left:0; top: 0px; overflow: hidden; z-index: 2}
/*.banner_s{ position: absolute; left:50%; width: 1920px; margin-left: -960px;}*/
.banner_s img{ width: 100%;}
.banner_f  li img,.bannerlt li img{width:100%; vertical-align:top;  } 
.banner_r{cursor:pointer; position:absolute; right:-80px; top:320px; z-index:3; width:80px; height:80px; background: url(../skin/banner_r.png) no-repeat center;  overflow:hidden; text-indent:-9999px;}
.banner_l{cursor:pointer; position:absolute; left:-80px; top:320px; z-index:3; width:80px; height:80px; background: url(../skin/banner_l.png) no-repeat center;  overflow:hidden; text-indent:-9999px;}
.banner_r,.banner_l{transition: all 0.1s ease; opacity:0;}
.banner .baprev,
.banner .banext { width: 60px; height: 90px; margin: -60px 0 0; display: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.banner .baprev { background:#555 url(../skin/banner_l.png) no-repeat center;left: 0; }
.banner .banext { background:#555 url(../skin/banner_r.png) no-repeat center;right: 0; }
.banner .baprev:hover,
.banner .banext:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.banner_btn{position:absolute; left:0; bottom:15px; z-index:10; width:100%; text-align:center;}
.banner_btn	li{display: inline-block; width: 40px; height: 4px; margin:0 5px; text-indent: -9999px; cursor: pointer; background-color: #d8d8d8; border: none; border-radius: 0;}
.banner_btn	li.on{width: 40px; height: 4px; margin:0 5px; background-color: #00B9B1; }
.banner_btn a{display:inline-block; width:11px; height:11px; margin:0px 3px; border:2px solid #fff; background:#fff; border-radius:50%; cursor:pointer; overflow:hidden; text-indent:-9999px;}
.banner_btn a.click{border-color:#fff; background:none;}

/* .banner .banner_l.on{left:40px; opacity:1;}
.banner .banner_r.on{right:40px; opacity:1;} */

/*banner2*/
.bannerpro{width:100%;/*  height:832px;  */position:relative;}
.bannerpro .bannerlt{width:90%;/*  height:832px; overflow:hidden; */zoom:1;}
.bannerpro .baprev,.bannerpro .banext{display:block; width:60px; height:60px; overflow:hidden; text-indent:-9999px; position:absolute; top:400px; z-index:10; background:url(../skin/ascon3.png) no-repeat;}
.bannerpro .baprev{background-position:0px 0px; left:360px;}
.bannerpro .banext{background-position:-60px 0px; right:360px;}
.container_image{width:1380px;height:530px;margin:0 auto;position:relative;}
/* .add{background:url(../skin/a_more.png) no-repeat 0 0;width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;bottom:30px;z-index:4;cursor:pointer;display:none;} */
.container_image .i_btn{display:block;width:34px;height:80px;position:absolute;top:225px;z-index:3;background-image:url(../skin/a_l.png);}
.container_image .prev_L{left:100px;background-position:0 0;}
.container_image .next_R{right:100px;background-position:-34px 0;}
.slide_img {width:100%;height:400px;position:relative;z-index:1;}
.slide_img li{width:100px;height:380px;overflow:hidden;position:absolute;top:15px;background:#ffffff;}
.slide_img li a{display:block;position:relative;width:100%;height:100%;height:500px;}
.slide_img li a img{position:absolute;height:100%;}
.slide_img li.on a{height:530px;}
.slide_img li.on{width:80%;left:100px;top:0;box-shadow:0 0 15px rgba(0,0,0,0.6) ;overflow:hidden;}
.slide_img li.on img{width:100%;}
.slide_img li.left{left:0;opacity:0.5}
.slide_img li.right{left:1000px;opacity:0.5}
.slide_img li.mid{left:100px;}


/*main*/
.indexService{width:100%; position:absolute; left:0px; top:80px; z-index:10; overflow:hidden;zoom:1;}
.indexname{position:relative; text-align:center; padding-top:55px;}
.indexname h1{font-size:22px; color:#4abbfe;}
.indexname h1 a{color:#4abbfe;}
.indexname p{font-size:14px; color:#666; margin:5px 0px;}
.indexname b{display:block; width:30px; height:3px; margin:0 auto; background:#4abbfe;}
.indexService .servicebox{width:100%; height:650px; margin:30px auto;}
.wenzhanglist{width:1095px; overflow:hidden;zoom:1; margin:0 auto; padding-top:46px;}
.wenzhanglist ul{width:1200px;}
.wenzhanglist ul li{width:335px; float:left; margin:20px 44px 0px 0px;}
.wenzhanglist ul li .pic{width:335px; height:240px; overflow:hidden;zoom:1;}
.wenzhanglist ul li .pic a{width:335px; height:240px; display:table-cell; text-align:center; vertical-align:middle;}
.wenzhanglist ul li .pic img{max-width:335px; max-height:240px; transition: all 0.8s;}
.wenzhanglist ul li .pic:hover img{-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.wenzhanglist ul li .tmain{padding:20px 25px;}
.wenzhanglist ul li .tmain a{display:block; overflow:hidden;zoom:1;}
.wenzhanglist ul li .tmain a .title{font-size:16px; color:#333; margin-bottom:10px;}
.wenzhanglist ul li .tmain a .tm{font-size:14px; color:#999; line-height:30px;}
.wenzhanglist ul li:hover{background:#4abbfe;}
.wenzhanglist ul li:hover a .title{color:#fff;}
.wenzhanglist ul li:hover a .tm{color:#fff;}
.wenhua{width:905px; margin:0 auto; padding:80px 0px;}
.nybanner{overflow:hidden;zoom:1; position:relative;}
/* .nybanner span{display:block; width:300%; text-align:center; margin-left:-100%;} */
.pro-main .view {
	max-width: 1170px;
	margin: 0 auto;
}
.pro-main img{width:100%;}
.pro-header {
    left: 0px;
    top: 0px;
    z-index: 10;
	width:100%;
    background: rgba(255,255,255,.7);
}
.pro-header .prosubct{
    padding: 15px;
}
/* .pro-header  .pro-menu-wrap {
    float: right;
} */
.pro-menu-wrap li {
    font-size: 14px;
    line-height: 30px;
	float:left;
	width:25%;
}
.pro-menu-wrap li.selected a {color:#009944;}
.pro-header .prosubct p{font-size:18px;color:#333; float:left; line-height: 30px;margin:0;}
.pro-header .prosubct .pra{
	display: inline-block;
    padding: 0 15px;
    background: #00a0e9;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.pro-header .prosubct .pra:hover{background:#4abbfe;}
#buy {
    display: none;
    position: absolute;
    top: 30px;
    width: 113px;
    z-index: 1;
    background: #FFFFFF;
    border: 1px solid #F8F8F8;
    box-shadow: 0 2px 3px 0 rgba(41,41,41,0.22);
    border-radius: 2px;
}
.prosubct .pra:hover #buy {
    display: block;
}
#buy dl  {
	padding: 0;
    margin: 0;
}
#buy dl dd a {
    width: 113px;
    height: 32px;
    display: block;
    line-height: 34px;
}
#sanba b {
    background: url(../images/dealye.png)no-repeat center;
}
#buy dl dd a b {
    float: left;
    width: 34px;
    height: 32px;
    background-size: 100%;
}
#buy dl dd a span {
    font-size: 10px;
    margin-left: 3px;
}
#tm {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    box-sizing: content-box;
}
#jd b {
    background: url(../images/jd.png)no-repeat center;
}
#tm b {
    background: url(../images/tm.png)no-repeat center;
}
.loginwarp{width:100%; background:url(../images/img27.jpg) no-repeat; background-size:cover; overflow:hidden;zoom:1;}
.loginbar{width:500px; background:#f4f5f3; margin:110px auto;}
.neiwarp{padding:50px 100px;}
.neiwarp .logintt{position:relative;}
.neiwarp .logintt .tname{font-size:18px; color:#333; font-weight:normal;}
.neiwarp .logintt .zclink{font-size:14px; color:#666; float:right; margin-top:5px;}
.neiwarp .logintt .zch1{font-size:18px; color:#333; text-align:center;}
.neiwarp .logintt .zclink:hover{color:#0184de; text-decoration:underline;}
.neiwarp .logintt label input{vertical-align:-2px; margin-right:5px;}
.neiwarp .logintt label a{color:#195cd2;}
.neiwarp .logintt label a:hover{color:#0184de; text-decoration:underline;}
.neiwarp .logintt .wjpass{float:right; color:#666;}
.neiwarp .logintt .wjpass:hover{color:#0184de; text-decoration:underline;}
.neiwarp .loginttbar{height:35px; line-height:35px; background:#fff; position:relative; border-radius:25px;}
.neiwarp .loginttbar .ci{display:block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; position:absolute; left:15px; top:10px;}
.neiwarp .loginttbar .bc1{background:url(../skin/ascon25.png) no-repeat;}
.neiwarp .loginttbar .bc2{background:url(../skin/ascon26.png) no-repeat; height:19px; top:8px;}
.neiwarp .loginttbar .bc3{background:url(../skin/ascon27.png) no-repeat;}
.neiwarp .loginttbar .logtxt{width:200px; height:25px; margin:5px 0px 0px 40px; border:none;}
.neiwarp .loginsub{padding:40px 0px 50px 0px;}
.neiwarp .loginsub input{width:100%; height:35px; line-height:35px; border:none; background:#4abbfe; border-radius:25px; font-size:16px; color:#fff; cursor:pointer;}
.neiwarp .loginsub input:hover{background:#0184de;}
.neiwarp .loginttbar .yzmtt{width:160px; float:left;}
.neiwarp .loginttbar .dxyzm{width:90px; height:35px; line-height:35px; margin-left:10px; text-align:center; float:left; border-radius:25px; font-size:14px; color:#fff; background:#8a8a8a; display:block;}
.mt25{margin-top:25px !important;}
.memberwarp{background:#f2f2f2; overflow:hidden;zoom:1; padding:50px 0px 105px 0px;}
.memberwarp .myleft{width:218px; float:left; background:#fff;}
.memberwarp .myleft .myheadinfo{margin-top:20px; padding:0px 34px; border-bottom:1px solid #ddd;}
.memberwarp .myleft .myheadinfo .hdcon{width:150px; height:150px; margin:0 auto;}
.memberwarp .myleft .myheadinfo .hdcon a{display:block; width:150px; height:150px;}
.memberwarp .myleft .myheadinfo .hdcon img{width:150px; height:150px; border-radius:50%;}
.memberwarp .myleft .myheadinfo .hdname{text-align:center; font-size:18px; color:#999; margin:20px 0px 15px 0px;}
.memberwarp .myleft .myheadinfo .hdname a{color:#999; padding-left:25px; background:url(../skin/ascon28.png) left center no-repeat;}
.memberwarp .myleft .myheadinfo .hdname a:hover{color:#0184de;}
.memberwarp .myleft .myhdnav dl{padding:0px 50px; margin-top:25px;}
.memberwarp .myleft .myhdnav dl dt{font-size:16px; color:#333;}
.memberwarp .myleft .myhdnav dl dt .bg{float:left; margin-right:10px;}
.memberwarp .myleft .myhdnav dl dd{font-size:14px; color:#666; padding-left:28px; margin:13px 0px;}
.memberwarp .myleft .myhdnav dl dd a{color:#666;}
.memberwarp .myleft .myhdnav dl dd:hover a{color:#0184de; text-decoration:underline;}
.memberwarp .myleft .myhdnav dl dd.on a{color:#0184de;}
.memberwarp .myright{width:900px; min-height:600px; float:right; background:#fff; padding:20px 30px;}
.memberwarp .myright .nytitle{border-bottom:1px solid #ddd; padding-bottom:5px;}
.memberwarp .myright .nytitle span{font-size:18px; color:#333;}
.memberwarp .myright .gereninfowarp{overflow:hidden;zoom:1; margin-top:35px;}
.memberwarp .myright .gereninfowarp .mem2tmain{width:615px; float:left;}
.memberwarp .myright .gereninfowarp .mem2con{width:205px; float:right; margin-right:70px;}
.memberwarp .myright .gereninfowarp .mem2con .fileimg{width:150px; height:150px; margin:0 auto; overflow:hidden; position:relative;}
.memberwarp .myright .gereninfowarp .mem2con .fileimg input{width:150px; height:150px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); cursor:pointer; position:absolute; left:0px; top:0px;}
.memberwarp .myright .gereninfowarp .mem2con .fileimg img{width:150px; height:150px; border-radius:50%;}
.memberwarp .myright .gereninfowarp .mem2con .subimg{text-align:center; padding:20px 0px;}
.memberwarp .myright .gereninfowarp .mem2con .subimg input{width:120px; height:35px; border-radius:25px; background:#4abbfe; font-size:14px; color:#fff; border:none; cursor:pointer;}
.memberwarp .myright .gereninfowarp .mem2con .subimg input:hover{background:#0184de;}
.memberwarp .myright .gereninfowarp .mem2con .ts{text-align:center; color:#a5a5a5;}
.memberwarp .myright .adddzbtn{width:120px; height:35px; line-height:35px; text-align:center; border-radius:25px; border:1px solid #4abbfe; font-size:14px; color:#4abbfe; display:block;}
.memberwarp .myright .adddzbtn:hover{background:#0184de; border-color:#0184de; color:#fff;}
.memberwarp .myright .tabledz{border:1px solid #ddd;}
.memberwarp .myright .tabledz tr{height:41px; border-top:1px solid #ddd; text-align:center;}
.memberwarp .myright .tabledz .title{background:#f5f5f5; border:none; font-weight:700;}
.memberwarp .myright .tabledz .szbtn{color:#6a6a6a;}
.memberwarp .myright .tabledz .szbtn:hover{text-decoration:underline;}
.memberwarp .myright .tabledz .xiubtn{color:#1fa5ec; margin:0px 5px;}
.memberwarp .myright .tabledz .xiubtn:hover{text-decoration:underline;}
.memberwarp .myright .page{text-align:center; padding:20px 0px;}
.memberwarp .myright .page a{border:1px solid #ddd; padding:0px 8px; width:auto; height:auto; line-height:24px;  background:#fff; color:#666;}
.memberwarp .myright .page a.on{background:#0184de; border-color:#0184de; color:#fff;}
.memberwarp .myright .page a:hover{border-color:#0184de;}
.me-adderinfo-xx{margin:5px 0px 0px 30px;}
.me-adderinfo-xx li{overflow:hidden;zoom:1; margin-top:20px; line-height:30px;}
.me-adderinfo-xx li .tname{display:block; text-align:right; margin-right:10px; float:left; color:#666; width:95px; line-height:30px;}
.me-adderinfo-xx li .infohd{width:80px; height:80px; float:left; border:3px solid #eee; overflow:hidden; background:url(../skin/mucon129.png) no-repeat;}
.me-adderinfo-xx li .infohd input{width:80px; height:80px; opacity:0; cursor:pointer;}
.me-adderinfo-xx li .memtext{border:1px solid #ddd; width:436px; height:20px; padding:4px 5px;}
.me-adderinfo-xx li .membtn{width:120px; height:35px; border-radius:25px; background:#4abbfe; font-size:14px; color:#fff; border:none; cursor:pointer;}
.me-adderinfo-xx li .membtn:hover{background:#0184de;}
.me-adderinfo-xx li .sexlt{float:left; line-height:30px;}
.me-adderinfo-xx li .sexlt input{vertical-align:-1px; margin-right:3px;}
.me-adderinfo-xx li .sexlt span{margin-right:20px;}
.me-adderinfo-xx li .citysl{width:150px; height:30px;}
.me-adderinfo-xx li .teat{border:1px solid #ddd; width:436px; height:115px; padding:10px;}
.xzdz li .tname{min-width:85px;}
.myordertable .mytbody{margin-bottom:20px; display:block;}
.myordertable tr{height:38px;}
.myordertable tr td{border:1px solid #ddd; text-align:center; color:#666; font-size:14px;}
.myordertable .title{background:#ededed; color:#444; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.myordertable .title td{border:none;}
.myordertable .ordertitle{margin:20px 15px;}
.myordertable .ordertitle .pic{width:90px; height:110px;}
.myordertable .ordertitle .pic img{width:90px; height:110px;}
.myordertable .ordertitle .tn{width:105px;}
.myordertable .ordertitle .tn span{width:105px; font-size:12px;}
.car-top{position:relative; background:#ccc; overflow:hidden;zoom:1; z-index:1; width:570px; margin:60px auto;}
.car-tip li{width:190px;height: 35px;line-height: 35px;float: left;_display: inline;text-align:center;position: relative;z-index: 2;}
.car-tip li em{width:0;height:0;border-color:transparent transparent transparent #fff;border-style:dashed dashed dashed solid;border-width:22px 0 22px 22px;position:absolute;right:-22px;top:-4px;line-height:0;font-size:0;}
.car-tip li i{width:0;height:0;border-color:transparent transparent transparent #ccc;border-style:dashed dashed dashed solid;border-width:18px 0 18px 18px;position:absolute;right:-18px;top:0;line-height:0;font-size:0;}
.car-tip li a{color:#333;}
.car-tip li.current{background:#4abbfe; z-index:1;}
.car-tip li.current i{border-color:transparent transparent transparent #4abbfe;}
.car-tip li.current a{color:#fff;}
.carorderlist .tname{border-bottom:1px solid #ddd; font-size:16px; color:#333;}
.carorderlist .carinfo p{font-size:14px; color:#333; margin-top:10px;}
.carorderlist .fapaio{margin-bottom:50px;}
.carorderlist .fapaio dl{overflow:hidden;zoom:1; font-size:14px; color:#333; margin-top:35px;}
.carorderlist .fapaio dl dt{float:left; margin-right:25px;}
.carorderlist .fapaio dl dd{float:left;}
.carorderlist .fapaio dl dd label input{vertical-align:-2px; margin-right:2px;}
.carorderlist .fapaio dl dd p{font-size:12px; color:#666; margin-left:20px; margin-top:10px;}
.carorderlist .fapaio dl dd .teat{border:1px solid #ddd; width:570px; height:75px; padding:10px;}
.carorderlist .h2{padding:20px 0px; font-size:16px; color:#333;}
.carorderlist .ordertable{border:1px solid #ddd;}
.carorderlist .ordertable tr{border-top:1px solid #ddd; height:50px; text-align:center; font-size:14px; color:#333;}
.carorderlist .ordertable .title{border:none; font-size:16px; font-weight:700;}
.ordertitle{margin:20px 50px; overflow:hidden;zoom:1;}
.ordertitle a{display:block; overflow:hidden;zoom:1;}
.ordertitle .pic{width:100px; height:115px; float:left;}
.ordertitle .pic img{width:100px; height:115px;}
.ordertitle .tn{float:left; margin-left:20px; width:170px; height:115px;}
.ordertitle .tn span{font-size:18px; color:#333; display:table-cell; vertical-align:middle; width:170px; height:115px;}
.ordertitle:hover .tn span{color:#0184de;}
.carorderlist .carprice{overflow:hidden;zoom:1; margin-bottom:90px;}
.carorderlist .carprice .dm{width:330px; float:right;}
.carorderlist .carprice .p{font-size:14px; color:#333; margin-top:30px; margin-right:17px;}
.carorderlist .carprice .p span{float:right;}
.carorderlist .carprice .p strong{font-size:18px; color:#4abbfe;}
.carorderlist .carprice .pt{padding:30px 0px; border-top:1px solid #ddd;}
.carbtn{width:330px; height:40px; line-height:40px; text-align:center; border:0px; font-size:14px; color:#fff; border-radius:25px; background:#00c3f5; display:block; cursor:pointer;} 
.carorderlist .carprice .carbtn{width:320px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; border-radius:25px; background:#00c3f5; display:block;}
.carorderlist .carprice .carbtn:hover{background:#0184de;}
.paywarp .paytou{border:1px solid #ddd; margin:40px 0px; padding:25px; overflow:hidden;zoom:1;}
.paywarp .paytou .succon{float:left; width:60px; height:60px;}
.paywarp .paytou .tmain{width:880px; float:left; margin-left:25px;}
.paywarp .paytou .tmain .t1 h1{font-size:20px; color:#333;}
.paywarp .paytou .tmain .t1 h1 span{color:#4abbfe;}
.paywarp .paytou .tmain .t1 h2{font-size:14px; color:#999;}
.paywarp .paytou .tmain .t2{border-top:1px solid #ddd; margin-top:60px;}
.paywarp .paytou .tmain .t2 p{font-size:14px; color:#333; margin-top:10px;}
.paywarp .paytab{border:1px solid #ddd; margin-top:35px; width:320px; height:60px;}
.paywarp .paytab li{float:left; width:160px; height:60px; line-height:60px; border-left:1px solid #ddd; margin-left:-1px; text-align:center; font-size:16px; color:#333; cursor:pointer;}
.paywarp .paytab li.on{color:#4abbfe; border-bottom:1px solid #fff;}
.paywarp .paynodiv{padding:30px 45px; border:1px solid #ddd; margin-top:-1px; display:none;}
.paywarp .payul{overflow:hidden;zoom:1;}
.paywarp .payul li{float:left; width:165px; margin:25px 25px 0px 0px;}
.paywarp .payul li input{margin-top:15px;}
.paywarp .payul li img{border:1px solid #ddd; width:140px; height:40px; float:right;}
.paywarp .wlpay li img{border:none;}
.paywarp .paybtn{text-align:right; padding:25px 0px 80px 0px;}
.paywarp .paybtn a{display:inline-block; font-size:16px; color:#fff; background:#4abbfe; border-radius:25px; width:155px; height:42px; line-height:42px; text-align:center;}
.paywarp .paybtn a:hover{background:#0184de;}
.paywarp .ewmpay{margin-left:250px; width:360px;}
.paywarp .ewmpay span{float:right; font-size:16px; color:#333; line-height:180px;}
.servicelist{overflow:hidden;zoom:1; margin-bottom:95px;}
.servicelist ul li{text-align: center; margin-bottom: 50px;}
.servicelist ul li .pic{width:130px; height:130px; position:relative; overflow:hidden;zoom:1; margin:0 auto;}
.servicelist ul li .pic a{display:block; width:130px; height:130px;}
.servicelist ul li .pic img{width:130px; height:130px;}
.servicelist ul li .pic .bg2{position:absolute; left:0px; bottom:-130px; transition: all 0.8s;}
.servicelist ul li .title{font-size:16px; font-weight:700; color:#333; margin:10px 0px;}
.servicelist ul li .tm{font-size:14px; color:#999; text-align:center; line-height:30px; padding: 0 15px;}
.servicelist ul li:hover .pic .bg2{bottom:0px;}
.servicewarp{width:100%; background:#fff;margin-top:68px;}
.servicewarp .serviceleft{float:left; width:575px; overflow:hidden;zoom:1;}
.servicewarp .sertou{margin:50px 0px 80px 0px;}
/*服务详情页图片放大镜 star*/
.servicewarp .spec-preview{width:480px; height:430px;}
.servicewarp .jqzoom{float:left; position:relative; padding:0px; cursor:pointer; margin:0px; display:block;}
.servicewarp .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.servicewarp .zoomdiv{z-index:100;position:absolute;top:0px;left:20px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.servicewarp .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.servicewarp .spec-preview{width:480px; height:430px; border:1px solid #ddd; float:right;}
.servicewarp .spec-scroll{clear:both; width:65px; height:430px;}
.servicewarp .spec-scroll .prev{float:left;margin-right:4px;}
.servicewarp .spec-scroll .next{float:right;}
.servicewarp .spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:24px;height:86px; line-height:86px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;}
.servicewarp .spec-scroll .items{width:65px; overflow:hidden;}
.servicewarp .spec-scroll .items ul{position:absolute;width:65px;height:430px;}
.servicewarp .spec-scroll .items ul li{width:63px; text-align:center; margin-bottom:10px; cursor:pointer;}
.servicewarp .spec-scroll .items ul li img{border:1px solid #ddd; width:63px; height:60px;}
.servicewarp .spec-scroll .items ul li:hover img,.servicewarp .spec-scroll .items ul li.hover img{border:1px solid #0184de;}
/*服务详情页图片放大镜 end*/
.servicewarp .serviceright{width:420px; float:left; margin-left:80px;}
.servicewarp .serviceright .title h1{font-size:24px; color:#333;}
.servicewarp .serviceright .title p{font-size:14px; color:#999;}
.servicewarp .serviceright .dl{overflow:hidden; margin-top:20px;}
.servicewarp .serviceright .dl dd{float:left; font-size:14px; color:#333; width:200px; line-height:20px;}
.servicewarp .serviceright .dl .td1 input{vertical-align:-1px; margin-right:5px;}
.servicewarp .serviceright .dl .td2 .num{border:1px solid #ddd; overflow:hidden;zoom:1; width:88px;}
.servicewarp .serviceright .dl .td2 .num .inpbut{width:22px; height:18px; border:none; float:left; cursor:pointer;}
.servicewarp .serviceright .dl .td2 .num .inptet{width:42px; height:18px; border:none; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; float:left;}
.servicewarp .serviceright .price{font-size:28px; color:#4abbfe; margin:30px 0px;}
.servicewarp .serviceright .subbtn a{font-size:16px; color:#fff; width:155px; height:37px; line-height:37px; border:none; background:#4abbfe; border-radius:25px; display:block; text-align:center;}
.servicewarp .serviceright .subbtn a:hover{background:#0184de;}
.servicewarp .serviceright .freight{padding:0px 20px; height:40px; line-height:40px; background:#f0f0f0; margin-bottom:20px; color:#999;}
.servicewarp .serviceright .freight span{color:#666; margin-left:50px;}
.servicewarp .serviceright .prnum p{font-size:14px; color:#333; margin-bottom:15px;}
.servicewarp .serviceright .prnum .num{border:1px solid #ddd; overflow:hidden;zoom:1; width:140px; margin-bottom:35px;}
.servicewarp .serviceright .prnum .num .inpbut{width:40px; height:38px; border:none; float:left; cursor:pointer;}
.servicewarp .serviceright .prnum .num .inptet{width:58px; height:38px; border:none; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; float:left;}
.servicewarp .serbottom .tabwarp{border-bottom:1px solid #ddd; position:relative; height:35px; margin-bottom:60px;}
.servicewarp .serbottom .tabwarp span{display:inline-block; font-size:16px; color:#333; padding:0px 5px 10px 5px; cursor:pointer; margin-right:70px;}
.servicewarp .serbottom .tabwarp span.on{color:#0184de; border-bottom:2px solid #0184de;}
.servicewarp .serbottom .tabnodiv{display:none;}
.servicewarp .serbottom .tabnodiv img{width:100%;}
.servicewarp .serbottom .dl{margin-bottom:40px;}
.servicewarp .serbottom .dl dt{font-size:16px; color:#333;}
.servicewarp .serbottom .dl dd{font-size:14px; color:#999; line-height:25px; text-align:justify;}
/* .newswarp{background:#efefef;padding:25px 0px 107px 0px; */} */
.newswarp .newswleft{width:800px; float:left;}
.newswarp .newswleft .newslist{background:#fff; padding:40px;}
.newswarp .newswleft .newslist ul li{margin-bottom:40px;}
.newswarp .newswleft .newslist ul li .title{font-size:22px; color:#333;}
.newswarp .newswleft .newslist ul li .title a{color:#333;}
.newswarp .newswleft .newslist ul li .title a:hover{color:#0184de; text-decoration:underline;}
.newswarp .newswleft .newslist ul li .pic{width:720px; height:300px; overflow:hidden;}
.newswarp .newswleft .newslist ul li .pic a{width:720px; height:300px; display:table-cell; text-align:center; vertical-align:middle;}
.newswarp .newswleft .newslist ul li .pic img{width:720px; height:300px; transition: all 0.8s;}
.newswarp .newswleft .newslist ul li .pic:hover img{-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.newswarp .newswleft .newslist ul li .tm{font-size:14px; color:#666; margin:10px 0px;}
.newswarp .newswleft .newslist ul li .more{border-bottom:1px solid #ddd; text-align:right; padding-bottom:10px;}
.newswarp .newswleft .newslist ul li .more a{font-size:14px; color:#4abbfe;}
.newswarp .newswleft .newslist ul li .more a:hover{color:#0184de;}
.newswarp .newswleft .newsdetail{background:#fff; padding:40px; border: 1px solid #eee;}
.newsdetail .title h1{font-size:24px;}
.newswarp .newswleft .newsdetail img{max-width:720px;}
.newswarp .newswleft .newsdetail .detatext{margin:20px 0px;}
.newswarp .newswleft .newsdetail .detatext p{color:#666;font-size:16px;line-height:24px;}
.newswarp .newswleft .newsdetail .nextwz{border-top:1px solid #ddd; padding-top:20px;}
.newswarp .newswleft .newsdetail .nextwz a{font-size:14px; color:#4abbfe;}
.newswarp .newswleft .newsdetail .nextwz .t2{float:right;}
.newswarp .newswleft .newsdetail .nextwz a:hover{color:#0184de; text-decoration:underline;}
.newswarp .newswright{width:330px; background:#fff; float:right; padding:25px;}
.newswarp .newswright .h1{font-size:24px; color:#333;}
.newswarp .newswright .list li{overflow:hidden;zoom:1; margin-top:20px;}
.newswarp .newswright .list li .pic{width:90px; overflow:hidden; float:left;}
.newswarp .newswright .list li .pic a{width:90px; text-align:center; }
.newswarp .newswright .list li .pic img{width:90px; height:38px; transition: all 0.8s;}
.newswarp .newswright .list li .pic:hover img{-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.newswarp .newswright .list li .title{width:220px; overflow:hidden; zoom:1; font-size:14px; color:#333;  float:right;}
.newswarp .newswright .list li .title a{color:#333;}
.newswarp .newswright .list li .title a:hover{color:#0184de; text-decoration:underline;}
.brandtab{width:100%;padding:20px 0; text-align:center; background:#efefef;}
.brandtab a{
    display: inline-block;
    width: 115px;
    font-size: 14px;
    border-left: 1px solid #bbb;
}
.brandtab a:first-child {
    border-left: none;
}
.brandtab a.on,.nin-nav ul li.on {color:#009944;}
.nin-nav {width: 690px; margin: 0 auto;}
.nin-nav ul li {list-style:none;float:left;}
.nin-nav ul li.on  a{color:#fff;}
.abouttext{margin-bottom:105px;}
.abouttext .abouttxt{width:835px; margin:0 auto; padding:20px 0px;}
.abouttext img{max-width:1200px;}
.abouttext p {line-height:18px;font-size:16px;}
.nyname{text-align:center;margin: 50px 0;}
.nyname h1{font-size:24px; color:#333; margin-bottom:10px;}
.nyname b{display:block; width:30px; height:3px; margin:0 auto; background:#4abbfe;}
.conlist{overflow:hidden;zoom:1; margin-bottom:76px;}

.conlist li{border:1px solid #ddd; min-height:300px; padding:25px 39px;}
.conlist li h1 span{font-size:16px; font-weight:700; color:#333; padding-left:30px; display:block; line-height:28px; background:url(../skin/ascon5.png) left center no-repeat;}
.conlist li p{font-size:14px; color:#666; margin-top:10px; line-height:25px;}
 #map-on{background:#ddf9f4;}
.page{text-align:center; padding:25px 0px;}
.page a{display:inline-block; width:52px; height:54px; line-height:56px; border:1px solid #ccc; text-align:center; background:#ccc; font-size:14px; color:#fff;}
.page a.on{background:#4abbfe; border-color:#4abbfe;}
.page a:hover{border-color:#4abbfe;}
.page .eprev{margin-right:10px; color:#333;}
.page .enext{margin-left:10px; color:#333;}

/*退换货申请*/
.tuihuolist{overflow:hidden;zoom:1; margin-top:25px;}
.tuihuolist .thlist{margin-top:-1px; border-top:1px solid #ddd; padding-top:10px;}
.tuihuolist .thlist li{overflow:hidden;zoom:1; padding-bottom:10px;}
.tuihuolist .thlist li .tn{float:left; font-size:16px; color:#333; display:block; text-align:right; padding-right:10px; width:115px;}
.tuihuolist .thlist li .text1{width:170px; height:20px; border:1px solid #ddd; float:left; padding:2px 5px;}
.tuihuolist .thlist li .select1{width:182px; height:26px; float:left;}
.tuihuolist .thlist li .teat{width:645px; height:210px; border:1px solid #ddd; float:left; padding:2px 5px;}
.tuihuolist .thlist li .filebtn{float:left; position:relative;}
.tuihuolist .thlist li .filebtn .ts{display:block; width:112px; height:30px; line-height:30px; text-align:center; border:1px solid #e7e7e7; background:#f0f0f0; font-size:14px; color:#666;}
.tuihuolist .thlist li .filebtn input{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10; opacity:0; cursor:pointer;}
.tuihuolist .thlist li .thsub{margin-left:125px; margin-top:30px;}
.tuihuolist .thlist li .thsub .btn{width:122px; height:41px; border:none; background:#4abbfe; font-size:18px; color:#fff; cursor:pointer; margin-right:10px;}
.tuihuolist .thlist li .thsub input.on{background:#55b42f;}

/*footer*/
.footer{background:#0184de; overflow:hidden;zoom:1;}
.footer .foottou{width:1200px; margin:0 auto; padding-bottom:45px;}
.footer .foottou .name{text-align:center; font-size:22px; color:#fff; margin:30px 0px;}
.footer .foottou .name a{color:#fff;}
.footer .foottou .footul{overflow:hidden;zoom:1;}
.footer .foottou .footul .dt{width:850px; float:left;}
.footer .foottou .footul .dt h1{font-size:16px; color:#fff; margin-bottom:5px;}
.footer .foottou .footul .dt h1 a{color:#fff; text-decoration:none;}
.footer .foottou .footul .dt h1 a:hover{ font-weight:bold;}
.footer .foottou .footul .dt h2{font-size:16px; color:#fff; margin-bottom:5px;}
.footer .foottou .footul .dt dl{overflow:hidden;zoom:1; }
.footer .foottou .footul .dt dl dd{float:left; width:365px; margin-top:5px;}
.footer .foottou .footul .dt p{color:#fff;}
.footer .foottou .footul .dt .ftshark{overflow:hidden;zoom:1; margin-top:10px;}
.footer .foottou .footul .dt .ftshark a{display:block; height:30px; float:left; overflow:hidden; text-indent:-9999px; transition: all 0.8s;}
.footer .foottou .footul .dt .ftshark .weixin{background-position:0px 0px;}
.footer .foottou .footul .dt .ftshark .weixin:hover{background-position:0px -30px;}
.footer .foottou .footul .dt .ftshark .weibo{background-position:-30px 0px;}
.footer .foottou .footul .dt .ftshark .weibo:hover{background-position:-30px -30px;}
.footer .foottou .footul .dt .ftshark .qq{background-position:-60px 0px;}
.footer .foottou .footul .dt .ftshark .qq:hover{background-position:-60px -30px;}
.footer .foottou .footul .ewm{width:300px; float:right; text-align:center; overflow:hidden;zoom:1;}
.footer .foottou .footul .ewm ul li{width:118px; float:left; margin-left:30px;}
.footer .foottou .footul .ewm img{width:118px; height:118px;}
.footer .foottou .footul .ewm span{color:#fff; font-size:14px; margin-top:5px; display:block;}
.footer .footbottom{width:100%; background:#0076c7; text-align:center; color:#fff; padding:30px 0px;}
.news-left {width:75%;float:left;padding-right: 60px;}
.news-right {width:25%;float:left;padding:0 15px;}
.tabBar .tab-title {
	background-color: #fff;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #009944;
    padding-left: 10px;
}
.tabBar .tab-title ul li {
    float: left;
    margin-left: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #eee;
}
.tabBar .tab-title ul li a{
	font-size:16px;
	display:block;
    padding: 13px 15px;
}
.tabBar .tab-title ul li.on{
    background-color: #009944;
}
.tabBar .tab-title ul li.on a{
    color: #fff;
}
.section-box {
    overflow: hidden;
    width: 100%;
    border-top: none;
}
.section-box .more{
	text-align: center;
    padding: 15px 0;
    font-size: 16px;
}
.content-body{
    margin-top: 25px;
    margin-bottom: 50px;
}
.content-body h2 a,.content-body h3 a{
    color:#333;
}
.content-body h2 a:hover,.content-body h3 a:hover{
    color:#009944;
}
.list-box {
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #e9e9e9;
}
.list-title {
    color: #0066cc;
    font-family: "Microsoft Yahei";
    font-size: 18px;
    text-decoration: none;
    margin-top: 0;
}
.text-overflow {
    display: block;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pull-left {
    float: left !important;
}
.list-img {
    margin: 0 10px 3px 0;
	width: 150px;
    height: 115px;
    overflow: hidden;
    min-width: 150px;
    max-width: 115px;
    display: block;
    position: relative;
}
.list-img img{
	transition: all 0.8s;
    width: 100%;
    min-height: 100%;
}
.list-img:hover img {
	-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);
}
.list-body {
    color: #666;
    font-family: "Microsoft Yahei";
    font-size: 14px;
	line-height: 22px;
}
.justify {
    text-align: justify;
    text-justify: auto;
    text-justify: distribute;
    text-justify: inter-cluster;
    text-justify: inter-word;
    text-justify: inter-ideograph;
}
.content-body .time {margin-top:15px;}
.content-body .tags {
	display: inline-block;
    padding: 0 8px;
    background: #e6e6e6;
    border-radius: 2px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    margin-left: 8px;
}
.content-body .tags a {
    color: #999;
}
.grey14 {
    color: #999;
    font-family: "Microsoft Yahei";
    font-size: 14px;
}
.col-md-3 .anli_tuijian{
	background-color: #fff;
    padding: 10px;
	padding-bottom: 0;
	border: 1px solid #eee;
}
.col-md-3 .anli_tuijian h2{
    margin-top: 0;
	color:#333;
	font-size: 18px;
}
.hot-posts h2{
    padding-left: 10px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #333;
    position: relative;
    margin: 0;
}
.hot-posts h2:before {
    content: "";
    position: absolute;
    height: 20px;
    border-radius: 999em;
    width: 3px;
    left: 0;
    top: 4px;
    background-color: #3889c2;
}
.hot-post-list li{
    overflow: hidden;
    padding: 10px 0;
    line-height: 1.4;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    color: #666;
}
.hot-posts li:last-child {border-bottom: none;}
.hot-post-list li  a.pic{
    display: block;
    overflow: hidden;
    width: 90px;
    height: 65px;
    float: left;
	background-color: #000;
    margin-right: 10px;
}
.hot-post-list img {
    width: 100%;
    transition: all 0.8s;
}
.hot-post-list li:hover img {
	-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);
}
.hot-post-list h3 {
	font-size: 14px;
    line-height: 1.3;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}
.hot-list span {line-height:50px;}
.myad {
	margin-top:20px;
}
.tui-list,.anli-list {
    background-color: #fff;
    padding: 15px;
    margin-top: 20px;
    border: 1px solid #eee;
}
.tui-list h3 ,.anli-list h3{margin-top:0;font-size:18px;font-weight:bold;}
.tui-list li  {
    background: url(../images/icon-uilist.gif) no-repeat left 11px;
    padding-left: 10px;
	padding-right:10px;
}
.tui-list li {
    font-size: 14px;
    height: 26px;
	width:50%;
    line-height: 26px;
	float:left;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.tui-list li span  {
    float: right;
    color: #999;
    font-size: 12px;
}
.anli-list ul li{
    width: 33.333333%;
    float: left;
    padding: 0 10px;
    overflow: hidden;
    position: relative;
}
.anli-list ul li img{
    width: 100%;
}
.anli-list ul li h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.list-warp {
	margin:120px auto 50px;
    background-color: #fff;
}
.menu-warp ul li {
	padding:0;
    height: 60px;
    line-height: 60px;
    color: #333;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
}
.menu-warp ul li.active {
    color: #3ca5f6;
    border-left: 2px solid #3ca5f6;
    background-color: #fff;
    margin-right: -1px;
}
.user-content-warp {
    padding: 30px;
}
.user-content-warp h2 {
	display: inline-block;
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: 2px solid #3ca5f6;
}
.user-content-warp ul li {
	width:33.33333%;
	float:left;
	padding: 10px;
}
.user-content-warp ul li img {
	width:100%;
    border: 1px solid #eee;
}
.user-content-warp ul li p {
	text-align: center;
    padding: 10px;
}

.projects-header {
    width: 60%;
    text-align: center;
    margin: 40px 0 10px;
    font-weight: 200;
    margin-bottom: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.projects-header p {
	font-size: 14px;
}
.col-sm-3 .cell {
	overflow:hidden;
    margin-bottom: 20px;
}
.col-sm-3 .cell a {
    display: block;
    overflow: hidden;
}
.col-sm-3 .cell img {
	width:100%;
	transition: all 0.8s;
}
.col-sm-3 .cell:hover img {
	-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); 
}
.col-sm-3 .cell h3 {
	font-size:18px;
	margin-top:10px;
	overflow: hidden;
	text-align:center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-content p,.article-content div {
    line-height: 28px;
    margin: 15px 0;
    padding: 0;
	font-size: 16px;
    text-indent: 2em;
}
.article-content p a,.article-content div a{
    text-decoration:underline;
	color:#00A2E9;
}
.pagelist{
    font-size: 0;
    margin: 30px 0;
    text-align: center;
    color: #333;
}
.pagelist a {
    display: inline-block;
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 10px 20px;
    text-align: center;
    margin-right: 10px;
    color: #999;
}
.pagelist a:hover {
    cursor: pointer;
    color: #2b2b2b;
    border-color: #999;
}
.pagelist a.current {
    color: #333;
    border: none;
    font-weight: 700;
}
a.tc-next-page, a.tc-pre-page {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
}
.pagelist a:last-child {
    margin: 0;
}
/*关于我们*/

.about-us .about-one .content p {
	line-height: 22px;
    font-size: 16px;
}
.pd50 {
	padding:50px 0;
}
.about-one .pic img {
	width: 100%;
    margin: 15px;
    border: 10px solid #afe2f9;
}
.about-title {
	padding-bottom:15px;
	text-align:center;
}
.about-title h2 {
	font-weight: bold;
    font-size: 38px;
}
.about-title p {
	font-size: 24px;
    font-weight: bold;
    color: #bbb;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.about-add .data-box li {
	text-align:center;
}
.about-add .data-box li img{
	max-width:100%;
}
.about-add .data-box li .txt {
	font-size:16px;
    border-top: 1px solid #e5e5e5;
    padding-top: 18px;
    margin-top: 10px;
}
.about-add .data-box li span{
	font-size: 42px;
    font-weight: bold;
    color: #009944;
    margin-right: 10px;
}
.about-two .card {
	padding:0 15px;
}
.about-two .card  .card-inner{
	position:relative;
}
.about-two .card  .card-inner .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    padding: 15px;
    transition: .5s;
}
.about-two .card:hover  .card-inner .text{
    background-color: rgba(76,173,93,.9);
}
.about-two .card .text h3{
	padding-top: 45%;
    font-size: 28px;
    font-weight: bold;
}
.about-two .card .text h3:after {
    content: '';
    display: block;
    width: 38px;
    height: 1px;
    background-color: #4cad5d;
    margin: 30px auto;
}
.about-two .card .text p {
    font-size: 16px;
    line-height: 2rem;
    padding:0 10%;
}
.about-two .card .pic img{
	width:100%;
}
.about-three .big-img img,.small-img img{
	width:100%;
}
.about-three .item {
    position: relative;
    width: 100%;
    overflow: hidden;
	cursor:pointer;
}
.about-three .item .mask {
    position: absolute;
    left: 0;
    bottom: -60px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: left;
    background: rgb(00 99 44 / 0.8);
    color: #fff;
    font-size: 18px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0 5.4%;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.about-three .item:hover .mask {
    bottom: 0;
}
.about-three .item .mask p {
    font-size:16px;
}
.about-five .row img{
	width:100%;
}
.about-five .row .text{
	padding: 20px;
    background: #fff;
}
.contact-box {
	background: #f2f2f2;
    border-radius: 20px;
}
.rows {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cols {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.clos-8 {
	-ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.clos-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.contact-box .content-kefu {
    padding-left: 80px;
}
.contact-box .content-kefu h2 {
	font-size:36px;
    font-weight: bold;
}
.contact-box .content-kefu p {
	font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #333333;
    margin-top: 20px;
}
.contact-box .btn {
	border-radius: 22px;
    border: 1px solid #000000;
    font-size: 16px;
    color: #000000;
	padding: 8px 28px;
}
.phone-box {
	background: #f1f4f9;
    padding: 30px;
    height: 100%;
    border-radius: 20px;
	margin-bottom: 20px;
}
.phone-box img {
    max-width: 120px;
    padding: 10px;
}
.phone-box  h3{
	font-weight:bold;
}
.follow-us {
	border-radius: 20px;
    border: 1px solid #DDDDDD;
    padding: 30px;
}
.btn-grey {
	color: #fff;
    font-size: 24px;
    background-color: #cccccc;
    border-radius: 10px;
    border: 0;
    width: 100%;
    padding: 1.5rem;
}
#contrast {
    text-align: center;
    padding: 20px 0;
}
#contrast .btn.on {
    background-color:#009944;
}
.about-us .timeline {
    position: relative;
}
.about-us .timeline::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 3px;
    left: 50%;
    background-color: #009944;
}
.about-us .timeline ul li {
    margin-bottom: 50px;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.about-us .timeline ul li:nth-child(even) {
    flex-direction: row-reverse;
}
.about-us .timeline ul li .content {
    width: 50%;
    padding: 0 20px;
}
.about-us .timeline ul li:nth-child(odd) .content {
    padding-left: 0;
	text-align: right;
}
.about-us .timeline ul li:nth-child(even) .content {
    padding-right: 0;
}
.about-us .timeline ul li .content h3 {
    font-size: 36px;
    font-weight: bold;
    color: #009944;
}
.about-us .timeline ul li .content p {
   font-size:18px;
}
.about-us .point {
	min-width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 100%;
    z-index: 2;
    border: 3px #009944 solid;
    position: relative;
    left: 1px;
}
.about-us .timeline ul li .date {
    width: 50%;
    padding: 0 20px;
    font-weight: normal;
}
.about-us .timeline ul li:nth-child(odd) .date {
    padding-right: 0;
}
.about-us .timeline ul li:nth-child(even) .date {
    padding-left: 0;
}
.about-us .timeline ul li .date .pic {
    width: 150px;
    height: 150px;
    border: 10px solid #aee6b7;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
}
.about-us .timeline ul li .date .pic img{
    width: 100%;
}
.timeline ul li:nth-child(even) .date .pic {
    float: right;
}
/*联系我们*/
.w_main{width: 1040px;padding:0 20px}.shopping_content{padding:42px 5pc 60px}.contact_list{margin-top:35px}.contact_us{display:block;font-size:20px;font-weight:700;height:40px;line-height:40px;text-align:center;}.contact_list li{color:#666;font-size:16px;line-height:24px;margin-bottom:8px}
/*新增*/
.article_content{background:#fff; padding:40px; border: 1px solid #eee;}
.article_content .title h1{font-size:24px;}
.article_content .article-info {
    color: #909090;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.article-info span{
    float: left;
	font-size:12px;
    line-height: 18px;
    margin-right: 18px;
    position: relative;
    z-index: 44;
}
.view-icon {
    width: 20px;
    height: 16px;
    background-position: 0 0;
    display: inline-block;
    vertical-align: middle;
	margin-right: 3px;
    background-image: url(/templets/default/images/eye-icon.png)!important;
    background-repeat: no-repeat;
	background-size: 100%;
}
.article-share span{margin: 6px 6px 6px 0;}