﻿/* CSS Document */
@import url('base3.5.css');
@charset "utf-8";
.boxwrap{ margin:0 auto;width:1200px;_width:1200px; height:auto;  text-align:left; overflow:hidden;padding:0; position:relative;}
.boxwrap:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.section_banner{background:url(../images/banner_service1.jpg)  center center;height:450px;position:relative;text-align:center;width:100%;}
*{box-sizing:border-box;}
.tit-i{text-align:center;padding: 40px 0;line-height: 30px;overflow:hidden;}
.tit-i h3{font-size: 25px;color:#ED054B;font-weight:500;}
.tit-i h5{font-size: 13px;color:#999;text-transform:uppercase;/* font-family:Arial; */font-weight:normal;padding-top:10px;}
.box504-wrap .tit-i{padding: 40px 0 0 0;}
.box504-wrap{background:#fff;}
.box504-wrap h1{font-size: 31px;font-family:inherit;color:#666;font-weight:500;line-height:1.1;}
.box504{max-width:1200px;padding:80px 0;margin:auto;list-style:none;overflow:hidden;position:relative;}
.box504 li{width:25%;float:left;position:absolute;}
.box504 li .small_box{width:100%;text-align:center}
.box504 li .small_box span{display:block;padding-top:20px;font-size:16px}
.box504{width:100%;height: 580px;overflow: hidden;}
.box504 ul li{width:321px;float:left;margin:10px 39.5px;background:#fff;height:321px;padding:35px;overflow:hidden}
.box504 ul li .iconbox{width:100px;height: 70px;margin:0 auto;text-align:center;position:relative;}
.box504 ul li .servicehd{font-size: 18px;color:#444;text-align:center;margin-top:10px;}
.box504 ul li .servicetxt{font-size:13px;color:#999;margin-top:20px;line-height:1.8}
.box504 .center-img{position:absolute;height: 358px;left: 50%;margin-left: -260px;}
.box504 ul .li1{left:0px;top:0px;}
.box504 ul .li2{left: 65%;top:0px;}
.box504 ul .li3{left:0px;top: 280px;}
.box504 ul .li4{left: 65%;top: 280px;}
.box504-wrap .ftitle {font-size:17px;margin-top:8px;}

.box506-wrap{background-color:#ebebeb;padding-top:20px;}
.box506 .tit-i{text-align:center;padding: 30px 0  15px 0;line-height: 30px;overflow:hidden;}
.box506 .tit-i h3{font-size: 25px;color:#ED054B;font-weight:500;}
.box506 .tit-i h5{font-size: 13px;color:#999;text-transform:uppercase;font-family:Arial;font-weight:normal;padding-top:10px;}
.box506 .ul-case-i{margin:0 -15px}
.box506 .ul-case-i li{float:left;width: 296px;margin: 0  11px 22px 0;overflow:hidden;}
.box506 .ul-case-i li .pic{/* text-align: center; */background: url(../images/box-bj.png) top center no-repeat;width: 287px;height: 234px;margin: 0 auto;}
.box506 .ul-case-i li a{display:block;position:relative;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.box506 .ul-case-i li .pic img{width: 278px;height: 218px;filter:alpha(opacity=96); /*IE滤镜，透明度50%*/-moz-opacity:0.96; /*Firefox私有，透明度50%*//* opacity:0.96; *//*其他，透明度50%*//* margin-top: 12px; */text-align: left;}
.box506 .ul-case-i li a .hover{position:absolute;left:0;top:-100%;width:100%;height:100%;text-align:center;background:url(../images/alpha_blue_80.png) repeat;color:#fff;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.box506.case-img .hover .txt,.case-img .hover b,.ul-case-i li .hover .txt,.ul-case-i li .hover b{display:inline-block;vertical-align:middle}
.box506.case-img .hover b,.ul-case-i li .hover b{width:0;height:100%}
.box506 .ul-case-i li a:hover .hover{top:0}

.yr-navs-2{overflow:hidden;text-align:center;position:relative;/* border-bottom:#DDDDDD 1px solid; */}
.yr-navs-2 li{display:inline-block;width:94px;height: 30px;line-height: 30px;font-size: 14px;text-align:center;margin-right:40px;cursor:pointer;}
.yr-navs-2 .cur{/* background: url(../images/w_65.png) no-repeat top center; */color: #444;background: #fff;border: 1px solid #ccc;}
.yr-navs-2 .cur a{color: #333;}

.box505-wrap{background:#fff;}
.box505{max-width:1200px;padding:80px 0;margin:auto;list-style:none;overflow:hidden}
.box505 li{width:25%;float:left}
.box505 li .small_box{width:100%;text-align:center}
.box505 li .small_box span{display:block;padding-top:20px;font-size:16px}
.box505{padding: 0 0 40px 0;width:100%;}
.box505 ul li{width: 28.33%;float:left;margin: 0 3% 16px 2%;background:#fff;/* height:321px; */padding: 10px 15px;overflow:hidden;/* box-sizing: border-box; */}
.box505 ul li .iconbox{width: 66px;height: 66px;margin:0 auto;margin-top: 10px;margin-right: 12px;text-align:center;position:relative;float: left;background: url(../images/bgchoice.png);background-position: 0px 0px;}
.box505 ul li .servicehd{font-size: 15px;color:#444;/* text-align:center; */margin-top:10px;}
.box505 ul li .servicetxt{font-size:13px;color:#999;/* margin-top:20px; */line-height:1.8;}
.box505 ul li #iconbox2{ background-position: -66px 0px;}
.box505 ul li #iconbox3{ background-position: -132px 0px}
.box505 ul li #iconbox4{ background-position:-198px 0px;}
.box505 ul li #iconbox5{ background-position: -264px 0px;}
.box505 ul li #iconbox6{ background-position: -330px 0px;}

.box507-wrap{background-color:#ebebeb;padding-top:20px}
.box507 .case-i li{float:left;width:20%;border:1px solid #ccc;border-right:none;border-top:none;box-sizing:border-box; text-align:center;padding:30px 0px; background:#fff;}
.box507 .case-i {border-top:1px solid #ccc;border-right:1px solid #ccc;}
.box509-wrap{padding-top:20px}
.box509 li{width:25%;float:left;text-align:center;margin-bottom: 20px;}
.box509 li .small_box img{width:80px; height:80px;}
.box509 li .small_box span{display:block;font-size: 13px;}

.wrap-1{background:#f5f5f5;}
.yr-navs-1{overflow:hidden; text-align:center; position:relative; border-bottom:#DDDDDD 1px solid;}
.yr-navs-1 li{display:inline-block;width:94px;height:60px;line-height: 26px;font-size:15px;text-align:center;margin-right:40px;cursor:pointer;}
.yr-navs-1 .cur{background:url(../images/w_65.png) no-repeat center center; color:#fff;}
.yr-navs-1 .cur a{color: #fff;}
.yr-container{overflow:hidden;/* height:500px; */}
.yr-container ul{margin: 25px 0 20px 0;height: 350px;/* padding-left:15px; */position:relative;}
.yr-container li{float:left;width: 330px;/* height:320px; */background:#fff;margin-right: 65px;border:#C5D8DB 1px solid;}

.yr-container .tit {
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:14px;
    color:#444;
}
.yr-container .cons {
    color: #aaa;
    line-height: 24px;
    font-size:13px;
}
.yr-container .cons-info{padding:20px 20px 15px 20px; text-align:left;}
.yr-container .img-container{width:100%;height: 206px;overflow:hidden;}
.yr-container .img_scale{
	width:100%;
	height: 206px;
	transition: all 4s ease;
	-webkit-transition: all 4s ease;
	-moz-transition: all 4s ease;
	-ms-transition: all 4s ease;
	}
.yr-container .img-container:hover .img_scale{ -webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);transition-duration: 3s; -moz-transition-duration: 3s; /* Firefox 4 */ -webkit-transition-duration: 3s; /* Safari 和 Chrome */ -o-transition-duration: 3s; /* Opera */}



