@charset "utf-8";
*{margin:0;	padding:0;}

body {
    font-family:"Helvetica Neue", "Helvetica", "Hiragino Sans GB","Helvetica Neue", "Arial", "Helvetica", sans-serif !important;
    background: #fff;
    margin: 0;
    color: #565656;
    font-size: 18px;
	letter-spacing：5px
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 1px;
    text-align: justify;
}

h1 {line-height: 40px;}

i {font-style: normal;}
.foot{width:100%; overflow:hidden; background:#333131; padding:5% 0;z-index:999;}
.footer{width:90%; overflow:hidden; margin:0 auto;}
.footer_top{font-weight:bolder; font-size:60px; color:#BFBFC0; line-height:60px; padding-bottom:5%;z-index:999;}
.footer_top h2{font-size:50px;}

.footer_left{float:left; width:32%; overflow:hidden; margin-right:6%; color:#888889;}
.footer_left h2{font-size:24px;}
.footer_left h2,.footer_center h2,.footer_right h2{font-size:24px; line-height:24px; border-bottom:1px solid #888889; padding-bottom:11px; margin-bottom:10px;}
.footer_left p{font-size:14px; line-height:28px; color:#888889;}
.footer_left p a{color:#888889;}
.footer_left span{font-size:18px; color:#DCDCDD; line-height:18px; font-weight:bolder; display:block; padding:1% 0;}
.footer_center{float:left; width:22.5%; color:#888889;}
.footer_center .input1{width:95%; height:14px; color:#DCDCDD; background:#6d6d6d; margin:7px 0 15px; font-size:14px; padding:17px 0; border:none; outline:none; padding-left:4%;}
.footer_center .input2{font-size:14px; line-height:14px; color:#3E3A39; padding:12px 15px; margin-bottom:50px; background:#a5a7a6; outline:none; border:none; cursor:pointer;}
.footer_center .input2:hover{background:#888889; color:#DCDCDD;}
.footer_center_in{width:100%; overflow:hidden;}
.footer_center_in li{float:left; width:22%;}
.footer_center_in li:first-child{margin-left:-4%;}
.footer_center_in li:last-child{float:right; margin-right:-6%;}
.footer_center_in li img{display:block; width:60%; margin:0 auto;}
.footer_center_in li p{text-align:center; font-size:12px; color:#888889; padding-top:7px;}
.footer_center_in li a{color:#888889;}
.footer_center_in li a p:hover{color:#DCDCDD;}
.footer_center_im{width:100%; overflow:hidden;}
.footer_center_im li{width:100%; border-bottom:1px solid #888889; font-size:14px; color:#888889; line-height:24px; padding-bottom:10px; margin-bottom:10px;}
.footer_center_im li:last-child{border-bottom:none;}
.footer_center_im li a{color:#888889;}
.footer_center_im li a:hover{color:#DCDCDD;}
.footer_right{float:right; width:34%; color:#888889;}
.footer_right_one{width:100%; overflow:hidden; border-bottom:1px solid #888889; font-size:14px; line-height:24px; padding-bottom:10px; margin-bottom:10px;}
.footer_right_two{width:100%; overflow:hidden; border-bottom:1px solid #888889; padding-bottom:20px; margin-bottom:10px;display: flex;
    justify-content: space-between;
    align-items: center;}
.footer_right_two_z{float:left; font-size:36px; color:#FEFEFE; line-height:50px;}
.footer_right_two_y{float:right; margin-right:5%;}
.footer_right_two_y img{display:block; width:100%;}
.footer_right_three{margin-top:20%; overflow:hidden; width:100%;}
.footer_right_three li{float:right;}
.footer_right_three li img{width:70%; float:right; cursor:pointer;}



/*标题*/
.pad30{ padding-top:30px;}
.padb30{ padding-bottom:30px;}
.pad40{ padding-top:50px;}
.padb40{ padding-bottom:50px;}
.pad85{ padding-top:85px;}
.padb85{ padding-bottom:125px;}


.servicelist{ }
.servicelist ul li {width: 22.3%;float: left;position: relative;overflow: hidden;display: block;line-height: 2.9em; margin-right:2.66666%; margin-bottom:2.66666%; cursor:pointer}
.servicelist ul li img{display: block;transform: scale(1);width: 100%;height: auto;}
.servicelist ul .items {width: 19%;float: left;position: relative;overflow: hidden;display: block;line-height: 2.9em; margin-right:1.25%; margin-bottom:1.25%; cursor:pointer}
.servicelist ul .items img{display: block;width: 100%;height: auto;}
.servicelist ul .items:hover img{display: block;-ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translateY(-10px);width: 100%;height: auto;}
.servicelist .case-summary {opacity:0; width: 100%;height: 100%;top: 0;left: 0;position: absolute;-webkit-animation: arrows 0.5s  ease-in both;
 	 	-moz-animation: arrows 0.5s  ease-in both;
 	animation:arrows 0.5s  ease-in both;}

.servicelist ul .item:nth-child(4n) { margin-right: 0;}
.servicelist ul .item:nth-child(8n) { margin-right: 0;}
.servicelist ul .item:nth-child(12n) { margin-right: 0;}
.servicelist ul .items:nth-child(5n) { margin-right: 0;}
@-webkit-keyframes arrow{
	0%{ opacity:0;}
	100%{ opacity:1}
}
@-webkit-keyframes arrows{
	0%{ opacity:1;}
	100%{ opacity:0}
}

.servicelist .center{ text-align:center;}
.servicelist .center .t6{ font-size:54px; color:#000000; padding-top:70px; letter-spacing:6px; }
.servicelist .center .t7{ font-size:32px; color:#727171; padding-top:30px; padding-bottom:82px;}
.servicelist .center .t7 span{ color:#404040;}
.servicelist ul li .summary{ text-align:left; padding:16px 10px;}
.servicelist .fangan li{ background-color:#fff}
.servicelist .fangan li img{display: block;transform: scale(1);width: 100%;height: auto;}
.servicelist .fangan li:hover  img{display: block;transform: scale(1.1);width: 100%;height: auto;}
.servicelist .summary .titles1{ color:#404040;font-size:27px; display:inline-block; border-bottom:2px solid #dadbdf; line-height:36px; padding-bottom:8px;}
.servicelist .summary .desn{ line-height:26px; color:#666666; font-size:16px; padding-top:8px;}

.servicelist .summary .titles {
    color: #404040;
    font-size: 16px;
    display: inline-block;
    border-bottom: 2px solid #dadbdf;
    line-height: 36px;
    padding-bottom: 8px;
}
.servicecenter2 {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
}
.servicecenter .tt57 {
    font-size: 37px;
    color: #727171; padding-left:40px;
    padding-top: 10px;
    padding-bottom: 60px;
}
.servicecenter .t32 {
    font-size: 24px; padding-left:40px;
    color: #727171;
    padding-top: 10px;
    padding-bottom: 60px;
}

.servicecenter2 .about1{ float:left; width:250px; text-align:center;margin-left:60px; margin-right:60px;}
.servicecenter2 .about2{ float:left; width:300px; text-align:center; margin-left:60px; margin-right:60px;}
.servicecenter2 .about3{ float:left; width:250px; text-align:center;margin-left:70px;}
.servicecenter .t5 {
    font-size: 37px;
    color: #727171;padding-left:40px;
    padding-top: 10px;
    padding-bottom: 60px;
}
#cssmenu{ margin-right:80px;}
}


.container { width: 100%; min-width:1200px;  min-height:100%; height:100%; padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;display: block;
}
.container:after{
     clear: both;
                    content: "\0020";
                    display: block;
                    height: 0;
                    overflow: hidden
}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px;}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB;}
.pagination .active {pointer-events:none;}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px;}
.pagination-group li {float:left;border-right:0;border-radius:0;}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0;}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0;}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0;}
.pagination-big a {padding:10px 16px;font-size:16px;}
.pagination-small a {padding:5px 10px;font-size:12px;}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff;}
.pager {list-style:none;padding:0;text-align:center;clear:both;}
.pager li {display:inline-block;}
.pager li a {color:#333;border:solid 1px #EBEBEB;border-radius:15px;padding:5px 15px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.pager li a:hover {background-color:#f5f5f5;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.pager-prev,.pager .pager-prev,.pager-next,.pager .pager-next {font-size:36px;padding:0;color:#FFF;background-color:rgba(255,255,255,.3);width:50px;height:50px;line-height:45px;display:inline-block;border-radius:50%;text-align:center;cursor:pointer;}
.pager-prev:hover,.pager-next:hover {background-color:rgba(0,0,0,.6);}
.pager-group li {float:left;display:inline-block;}
.pager-group li:not(:first-child):not(:last-child) {border-radius:0;}
.pager-group li a:first-child {border-radius:4px 0 0 4px;}
.pager-group li a:last-child {border-radius:0 4px 4px 0;}

/*分页 begin*/
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#000;color:#fff;border:1px solid #000;}
/*分页 end*/
.text-center {text-align: center; padding: 50px 0;}

