/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#333333; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #294293;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.w1300{ width:1300px; margin:0 auto;text-align: center;}
.fl{ float:left;}
.fr{ float:right;}
.title{ text-align:center; font-size:18px; color:#999999; font-weight:lighter;}
.title span{ font-weight:normal; font-size:40px; color:#343434;}
.title strong{ color:#294293;}
.title span:after{ content:''; display:block;  width:50px; height:2px; background:#294293; margin:10px auto 13px auto;}
/*抬头*/ 
.htop{ background:#f4f4f4; font-size:13px; color:#b0b0b0; line-height:46px;}
.htop a {color:#b0b0b0;}
.htop p a{ font-size:13px; font-weight:lighter; color:#b0b0b0; display:inline-block; padding:0 15px; border-right:1px solid #e7e7e7; position:relative;}
.htop p a:nth-child(1){ border-left:1px solid #e7e7e7;}
.htop a img{ position:absolute; z-index:99; width:100%; height:auto; top:100%; left:0; display:none;}
.htop a:hover img{ display:block;}
.htop a:hover{ color:#294293;}
.htop p.fl{ padding-left:30px; background:url(../images/20200829161918_700203045.png) no-repeat left center;}
.htop p span{ display:inline-block; padding-left:30px;}
.htop p a:nth-child(1) span{ background:url(../images/20200829161918_181106488.png) no-repeat left center;}
.htop p a:nth-child(2) span{ background:url(../images/20200829161918_1388511126.png) no-repeat left center;}
.htop p a:nth-child(3) span{ background:url(../images/20200829161918_1139517612.png) no-repeat left center;}
.hsecond{ padding:20px 0;}
.hlogo p{ margin-left:15px; font-size:41px; color:#343434;}
.hlogo p em{ display:block; text-transform:uppercase; font-size:12px; font-weight:lighter; text-transform:uppercase; letter-spacing:1px; color:#999;}
.hline{ width:1px; height:76px; margin:12px 20px; background:#b5b5b5; background:linear-gradient(to bottom,#f2f2f2,#b5b5b5,#f2f2f2);}
.hmean{ font-size:18px; color:#999999; font-weight:lighter;}
.hmean strong{ display:block; font-size:30px; font-weight:bold; color:#294293; margin:8px 0 5px 0;}
.hul{ margin:10px 0 0 10px;}
.hul li{ float:left; padding:0 20px; font-size:14px; color:#999999; border-right:1px dotted #efeeed;}
.hul li+li{ border-left:1px dotted #e2e1e0;}
.hul li span{ display:block; height:40px; text-align:center;}
.hul li:nth-child(3){ border-right:0;}
.hconcat{ margin-top:-10px; text-align:right;}
.hconcat img{ display:block; margin-top:10px;}
.hconcat span{ font-size:13px; color:#999; padding-left:24px; background:url(../images/20200829162857_1418152052.png) no-repeat left center;}
/*导航*/
.nav{ position:relative; height:65px; background:#0088ce; font-size:0;}
.nav:after{ content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#0088ce;}
.nav li{ display:inline-block; width:11%; text-align:center; position:relative; z-index:9; transition:all .3s ease;}
.nav li>a{ display:block; font-size:20px; color:#fff; font-weight:lighter; line-height:65px; position:relative; overflow:hidden;}
.nav li:after,.nav li:nth-child(1):before{ content:''; position:absolute; width:1px; height:16px; border-left:1px dashed #5064a6; right:0; top:0; bottom:0; margin:auto 0;}
.nav li:nth-child(1):before{ right:auto; left:0;}
.nav li:hover:after,.nav li:hover:before,.nav li.cur:after,.nav li.cur:before{ opacity:0;}
.nav li:hover>a,.nav li.cur>a{ background:#02a23e;}
.nav li>a:after{ content:''; display:block; position:absolute; bottom:0; opacity:0;  width:100%; left:0; height:4px; background:#039439;}
.nav li.cur>a:after,.nav li:hover>a:after{ opacity:1;}
.nav li .dropmenu{ position:absolute; top:100%; left:0; width:100%; background:#294293; z-index:999; display:none;}
.nav li .dropmenu a{ line-height:45px; border-bottom:1px solid #213985; display:block; color:#fff; font-size:14px; transition:all .3s ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.nav li .dropmenu a:hover{ background:#02a23e; padding-left:10px;}
.dropmenu table ,.dropmenu tbody,.dropmenu td,.dropmenu tr{ display:block; width:100%;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1300px; height:650px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:650px; background-position: center; background-repeat: no-repeat; background-color: #000}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:250px; left: 0; margin-left: 0; height: 360px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20200829160825_446863251.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20200829160825_446863251.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #294293;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
/*搜索*/
.search{ border-bottom:1px solid #f9f9f9;}
.keywords{ line-height:78px; padding-left:42px; background:url(../images/20200829172122_680279741.png) no-repeat left center;}
.keywords,.keywords a{ font-size:13px; color:#999999;}
.keywords a:hover{ color:#294293;} 
.search_bg input{ display:block; float:left; overflow:hidden;}
#soo{ background:#294293;}
#infoname{ height:78px; box-sizing:content-box; padding-left:55px; border:none; border-left:1px solid #f5f5f5; background:url(../images/20200829172121_510070476.png) no-repeat left center; width:195px; font-size:13px; font-weight:lighter;}
/*宇亮*/
.speak{ height:354px; background:url(../images/20200829173445_1911632675.jpg) no-repeat center;}
.spright{ width:890px; margin-top:70px;}
.sp_c{ width:660px; padding:5px 40px; position:relative; font-size:14px; color:#999999; line-height:30px;} 
.sp_c:after,.sp_c:before{ content:''; display:block; position:absolute; width:21px; height:19px;}
.sp_c:after{ background:url(../images/20200829173445_1285946067.png) no-repeat center; left:0; top:0;}
.sp_c:before{ background:url(../images/20200829173445_2097525967.png) no-repeat center; right:0; bottom:0;}
.spul{ margin-top:60px;}
.spul li{ padding:0 50px; font-size:14px; color:#bbb; text-align:center; float:left; border-right:1px solid #eeeeee;}
.spul li:nth-child(1){border-left:1px solid #eeeeee;}
.spul li span{ display:block;}
.spul li em{ font-size:46px; color:#3d3d3d; font-family:impact, Arial, Helvetica, sans-serif;}
.spul li i{ display:inline-block; width:22px; height:22px; border-radius:50%; background:#294293; font-size:12px; color:#fff; line-height:22px; margin-left:7px; vertical-align:super;}
/*宇亮滚塑-产品定制中心*/
.product{ padding:0px;background-color: #eeeeee;  padding-top:20px;}
.procenter{ padding:35px 0 0 0;}
.protab{ font-size:0;      margin-bottom: 30px;}
.protab a{ display:inline-block; position:relative; width:140px; line-height:60px; background:#e7e9eb; font-size:16px; color:#333333;transition:all .3s ease; text-align: center;}
.protab a+a{ margin-left:25px;}


.protab a.on{ background:#294293; color:#fff;}
.procon td{ display:inline-block; padding:0 !important; border:1px solid #eeeeee; overflow:hidden;}
.procon td br{ display:none;}
.procon td a,.procon td span{ display:block; position:relative;}
.procon td div{padding:0 !important;}
.procon td span a{ line-height:67px; transition:all 0.3s ease; font-size:18px; color:#666666; z-index:99;}
.procon td span{ border-top:1px solid #eeeeee; position:relative; background:#fff;}
.procon td span:after{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:0; background:#294293; transition:all .3s ease;    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.procon td+td{ margin-left:20px;}
.procon tr+tr{ margin-top:20px; display:block;}
.procon td>a:after,.procon td>a:before{ content:''; display:block; position:absolute; transition:all .5s ease;}
.procon td>a:before{ width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0;}
.procon td:hover>a:before{ opacity:1;}
.procon td>a:after{ content:'查看详情'; line-height:45px; padding:0 30px; top:40%; background:#294293; font-size:14px; color:#fff; font-weight:lighter; left:-100%; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.procon td:hover>a:after{ left:37%;}
.procon td:hover span:after{ height:100%;}
.procon td:hover span a{ color:#fff;}
.procon td>a{ overflow:hidden;}

/*宇亮滚塑-模具制造*/
.make{ height:560px; background:url(../images/20200830085823_817958841.jpg) no-repeat center; padding-top:53px;}
.make .title{ color:#dcdada;}
.make .title span{
	color:#fff; padding-left:100px; padding-top:15px; padding-bottom:15px;
	background-image: url(../images/logo2.png);
	background-repeat: no-repeat;
}
.make .title span:after{ background:#dee6ff;}
.make .title span strong{ color:#02a23e;}
.makecon{ padding-top:35px;}
.makecon table,.makecon tbody,.makecon tr{ display:block; width:100%;}
.makecon td{ display:inline-block; width:310px; padding:0 !important; margin-right:17px; border:1px solid #eeeeee; background:#fff;}
.makecon td br{ display:none;}
.makecon td a{ display:block;}
.makecon td>a{ position:relative; overflow:hidden;}
.makecon td a img{ width:100%; height:auto; transition:all .5s ease;}
.makecon td>a:after{ content:''; display:block; position:absolute; width:100%; height:100%; opacity:0; transition:all .3s ease; background:rgba(0,0,0,0.2); top:0; left:0;}
.makecon td div{ padding:0 !important;}
.makecon td div a{ border-top:2px solid #eeeeee; transition:all .3s ease; line-height:50px; color:#999999; font-weight:lighter;}
.makecon td:hover div a{ background:#294293; color:#fff;}
.makecon td:hover>a:after{ opacity:1;}
.makecon td:hover>a img{ transform:scale(1.05);}
/*宇亮用实力说话*/
.adv{ margin:60px 0;}
.advtitle{ text-align:center; font-size:18px; color:#999999; margin-bottom:40px;}
.advtitle strong{ display:block; font-size:45px; color:#222222; margin-bottom:8px;}
.advtitle strong span{ color:#294293;}
.advpic{width:50%; text-align:right; overflow:hidden;}
.advpic.fr{ text-align:left;}
.advcon{ width:650px; box-sizing:border-box; padding:75px 0 0 60px;}
.advcon.fr{padding:75px 60px 0 0;}
.adv_num{ font-size:45px; color:#343434; font-weight:bold;}
.adv_t{ font-size:22px; color:#666666;}
.adv_t strong{ display:block; font-size:35px; color:#294293; font-weight:bold; margin:5px 0 10px 0;}
.adv_t:after{ content:''; display:block; width:1px; height:34px; background:#cccccc; margin:30px 5px;}
.adv_c{ font-size:15px; color:#999999; line-height:30px;}
/*宇亮滚塑-客户见证*/
.custerm{ padding:60px 0; background:#f8f8f8;}
.custcon{ margin:35px 0;}
.custcon .divdgweb_new_div_item{ width:419px; position:relative; padding-top:295px; margin-right:20px;}
.custcon .news_div_item_pic{ position:absolute; top:0; left:0; overflow:hidden;}
.custcon .news_div_item_pic img{ width:100%; height:295px; transition:all .6s ease;}
.custcon .divdgweb_new_div_item_content{ border:1px solid #eeeeee; padding:30px 35px 0 30px; background:#fff;}
.custcon .divdgweb_new_div_item_a{ font-size:16px; color:#666666;transition:all .3s ease;}
.custcon .divdgweb_new_div_item_body{ margin-top:15px; font-size:13px; color:#999999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.custmore{ margin-top:30px; border-top:1px solid #f8f8f8; position:relative;}
.custmore:after{ content:''; display:block; height:1px; position:absolute; left:0; top:-1px; width:0; background:#294293; transition:all .5s ease;}
.custmore a{ display:block; font-size:13px; color:#bbbbbb; position:relative; line-height:44px;transition:all .3s ease;}
.custmore a:after{ content:''; display:block; position:absolute; right:0; top:0; bottom:0; margin:auto 0; width:15px; height:9px; background:url(../images/20200830094442_469952085.png) no-repeat left center;transition:all .3s ease;}
.custcon .divdgweb_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.custcon .divdgweb_new_div_item:hover .custmore a{ color:#294293;}
.custcon .divdgweb_new_div_item:hover  a:after{ background-position:right center;}
.custcon .divdgweb_new_div_item:hover .custmore:after{ width:100%;}
.custcon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#294293;}
.hzcust table,.hzcust tbody,.hzcust tr{ display:block;}
.hzcust td{ display:inline-block; padding:0 !important; overflow:hidden; position:relative; width:302px; border:1px solid #eeeeee; margin-right:25px;}
.hzcust td br{ display:none;}
.hzcust td div{ padding:0 !important;} 
.hzcust td a{ display:block;}
.hzcust td img{ width:100%; height:100%; transition:all .3s ease;}
.hzcust td div a{ position:absolute; white-space:nowrap; background:#294293; line-height:45px; padding:0 30px; font-size:14px; color:#fff; top:0; right:-100%; transition:all .5s ease;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.hzcust td:hover div a{ right:0;}
.hzcust td:hover img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;}
/*宇亮滚塑-定制流程*/
.process{ padding:60px 0;}
.pcul{ margin:35px 0;}
.pcul li{ height:255px; position:relative; width:16.6666%; text-align:center; float:left; cursor:pointer; transition:all .3s ease;}
.pcul li:after,.pcul li:nth-child(1):before{ content:''; display:block; position:absolute; width:3px; height:100%; background:url(../images/20200830102207_1881549728.png) no-repeat center; right:0; top:0;}
.pcul li:nth-child(1):before{ right:auto; left:0;}
.pc_t{ font-size:16px; color:#666666; margin:20px 0 40px 0;}
.pc_t span{ font-size:12px; color:#bbbbbb; display:block; margin-top:10px;}
.pc_jt{ width:30px; height:8px; background:url(../images/20200830101049_1993544972.jpg) no-repeat center; margin:0 auto;}
.pcicon{ padding-top:35px; text-align:center; height:70px;}
.pcicon span{ width:57px; display:inline-block; height:55px; background:url(../images/20200918194113_1665486656.png) no-repeat left top; transition:all .5s ease;}
.pcul li:nth-child(2) .pcicon span{ background-position-x:-70px;}
.pcul li:nth-child(3) .pcicon span{ background-position-x:-142px;}
.pcul li:nth-child(4) .pcicon span{ background-position-x:-214px;}
.pcul li:nth-child(5) .pcicon span{ background-position-x:-277px;}
.pcul li:nth-child(6) .pcicon span{ background-position-x:-357px;}
.pcul li:hover{ box-shadow:0 0 15px #eee;}
.pcul li:hover .pcicon span{ background-position-y:-74px;}
.pcul li:hover .pc_t{color:#294293;}
.pcmore dl{ width:417px; height:86px; box-sizing:border-box; background:#ededed; float:left; padding:15px 20px; font-size:14px; color:#999999; transition:all .3s ease; transition:all .3s ease;}
.pcmore dl+dl{ margin-left:23px;}
.pcmore dl p{ float:left;}
.pcmore dl p+p{ float:right; margin-top:10px;}
.pcmore dl span{ display:block; margin-bottom:5px; font-size:20px; color:#666666; transition:all .3s ease;}
.pcmore dl p a{ display:block; width:78px; line-height:24px; background:#294293; text-align:center; border-radius:15px; font-size:12px; color:#fff; transition:all .3s ease;}
.pcmore dl:hover{ background:#294293; color:#a2abc9;}
.pcmore dl:hover span{ color:#eeeeee;}
.pcmore dl:hover p a{ background:#02a23e;}


.nbcl_le{width:700px;}
.nbcl_le .news_div_item{width:326px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:40px;}
.nbcl_le .news_div_item_pic img{width:326px; height:220px;}
.news_div_item_title a{font-size:18px; color:#333333;}
.news_div_item_title a:hover{ color:#294293;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#888; font-size:14px; font-weight:lighter;display: -webkit-box;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:14px;margin-top:25px; color:#696d71;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#999;}
.new_more{width:28px;height:28px;border-radius:50%;background:url(../images/20200830112014_1941282504.png) no-repeat right center;float: right;margin-top:17px;}
.nbcr_ri{width:570px; padding-right:10px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #f2f5f5;padding:23px 0;position:relative;transition:300ms; height:99px;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 10px rgba(41,66,147,0.26);z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:424px;padding-left:20px;border-left:1px solid #f2f5f5;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#333; font-size:14px;}
.nbcr_ri .news_div_item_day{font-size:46px;font-weight: bold; color:#333;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:30px; height:60px;color:#888;padding-right:20px; font-size:14px;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.nbcr_ri .news_div_item+.news_div_item{ border-top:none;}
.nbc_list{ padding:10px 0px;}
/*版权*/
.copyright{ background:#222222;}
.crconcat{ padding:40px 0 50px 0; border-radius:0 0 50px 50px; background:#333333;}
.crconcat li{ float:left; height:55px; font-size:16px; color:#a8a8a8; padding:0 51px;}
.crconcat li+li{ border-left:1px solid #404040;}
.crconcat li span{ display:block; font-size:18px; color:#f2f2f2; line-height:30px; margin-bottom:10px; padding-left:45px; background:url(../images/20200830113052_587964232.png) no-repeat left center;}
.crconcat li:nth-child(2) span{background:url(../images/20200830113052_603848666.png) no-repeat left center;}
.crconcat li:nth-child(3) span{background:url(../images/20200830113052_630566863.png) no-repeat left center;}
.crconcat li:nth-child(2){ font-size:14px;}
.crconcat li a{ display:block; box-sizing:border-box; width:174px; height:49px; border-radius:25px; border:1px solid #666666; font-size:16px; color:#f2f2f2; line-height:47px; text-align:center;}
.crconcat li a i{ display:inline-block; width:20px; height:22px; background:url(../images/20200830113052_2132659903.png) no-repeat center; margin-right:17px; vertical-align:sub;}
.crconcat li a:hover{ box-shadow:0 0 5px #fff;}
.crcon{ padding:60px 0;}
.kslj p,.code p{ font-size:20px; color:#eeeeee; margin-bottom:20px;}
.kslj a{ display:block; font-size:13px; color:#999999; font-weight:lighter; line-height:30px;}
.kslj a:hover{ color:#fff;}
.kslj li{ float:left; padding:0 65px; height:205px; border-right:1px dashed #333333;}
.kslj li:nth-child(1){ padding-left:0;}
.code dl{ float:left; text-align:center; font-size:13px; color:#999999; font-weight:lighter;}
.code dl img{ margin-bottom:10px; width:118px; height:118px; display: block;}
.code dl+dl{ margin-left:22px;}
.links{ border-top:1px dashed #333333; line-height:111px; font-size:18px; color:#bbbbbb;}
.end{ background:#294293; padding:15px 0px;}
.end,.end a{ font-size:13px; color:#dadff0; font-weight:lighter; line-height:35px;} 
.end a:hover{ color:#fff;}

.caseMain {
  width: 1200px;
  margin: 0 auto;
}

.caseLeft {
  width: 270px;
  float: left;
}

.caseLeft .caseLefttop {
  height: 82px;
  background: #03b853;
  padding: 26px 0 0 42px;
}

.caseLeft .caseLefttop p {
  color: #ffffff;
}

.caseLeft .caseLefttop p:nth-child(1) {
  font-size: 28px;
  font-weight: bold;
}

.caseLeft .caseLefttop p:nth-child(2) {
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
}

.caseLeftUl {
  width: 218px;
  padding: 10px 26px;
  background: #ffffff;
}

.caseLeftUl li {
  width: 100%;
  height: 46px;
  background-color: #efefef;
  border-radius: 1px;
  margin-top: 10px;
}

.caseLeftUl li:first-child {
  margin-top: 0px;
}

.caseLeftUl li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  font-weight: bold;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.caseLeftUl li.on a {
  background: #03b853;
  color: #ffffff;
}

.caseLeftUl li:hover a {
  background: #03b853;
  color: #ffffff;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.caseLeftBo {
  width: 244px; height:63px;
  padding: 26px 0 26px 26px;
  background: url(../images/casebg.jpg) no-repeat center center;
  margin-top: 14px;
}

.caseLeftBo img {
  float: left;
  width: 46px;
  height: 38px;
  margin: 4px 6px 0 0;
}

.caseLeftBo .caseLeft_r {
  float: left;
}

.caseLeftBo .caseLeft_r p {
  color: #000000;
  font-size: 16px;
}

.caseLeftBo .caseLeft_r span {
  color: #000000;
  font-size: 22px;
  font-weight: bold;
}

.caseRight {
  width: 900px;
  float: right;
}

.caseRightTop {
  background-color: #efefef;
}

.caseRightTop img {
  float: left;
}

.caseRightTop .crtrText {
  float: left;
  width: 410px;
  padding-left: 30px;
}

.caseRightTop .crtrText p:nth-child(1) {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
  width: 384px;
  margin-top: 42px;
}

.caseRightTop .crtrText p:nth-child(2) {
  padding: 20px 0;
}

.caseRightTop .crtrText p:nth-child(n+2) {
  line-height: 25px;
  font-size: 16px;
  color: #333333;
}

.caseBtn .btn {
  margin-top: 24px;
}

.caseBtn .btn a {
  display: block;
  width: 156px;
  height: 45px;
  border-radius: 1px;
  text-align: center;
  line-height: 45px;
  font-size: 16px;
  margin-right: 20px;
  float: left;
}

.caseBtn .btn:nth-child(1) a {
  background-color: #03b853;
  color: #ffffff;
}

.caseBtn .btn:nth-child(2) a {
  background-color: #ffffff;
  color: #757575;
}

.caseRightUl {
  margin-top: 26px;
}

.caseRightUl li {
  width: 288px;
  float: left;
  margin: 0 12px 20px 0;
}

.caseRightUl .caseRItem {
  width: 100%;
  height: 201px;
  overflow: hidden;
}

.caseRightUl li .caseRItem img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.caseRightUl li:hover .caseRItem img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.caseRightUl li a p {
  width: 288px;
  line-height: 43px;
  color: #333333;
  font-size: 16px;
  text-align: center;
  background-color: #efefef;
}

.anli{width: 100%;padding-bottom: 40px;}
.anli .anli-ul{position: relative;width: 1200px;overflow: hidden;margin-top: 50px;}
.anli .anli-ul ul{position: relative;}
.anli .anli-ul ul li{width: 270px;height: 320px;float: left;margin-left: 30px;}
.anli .anli-ul ul li:first-child{margin-left: none;}
.anli .anli-ul ul li >a{display: block;width: 270px;height: 270px;overflow: hidden; }
.anli .anli-ul ul li >a img{display: block;width: 270px;height: 270px;transition: all 1s ease-out;}
.anli .anli-ul ul li >a img:hover{transform: scale(1.1);}
.anli .anli-ul ul li h3{width: 280px;margin: 0 auto;text-align:center;font-weight: normal;margin-top: 10px;}
.anli .anli-ul ul li h3 a{font-size: 18px;color: #ffffff;display: block;}
.anli .anli-ul ul li:hover h3 >a{color: #ffffff;}
.anli .anli-ul ul li p{width: 322px;margin: 0 auto;text-align: left;margin-top: 10px;height: 75px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.anli .anli-ul ul li p a{font-size: 14px;color: #666;display: block;line-height: 25px;}
.anli .container{position: relative;}
.anli .container span{position: absolute;display: block;width: 25px;height: 45px;top: 100px;cursor: pointer;}
.anli .container span#anli-anniu01{left: -105px;background: url(../images/zuoyou-qh.png) no-repeat top left}
.anli .container span#anli-anniu01:hover{background: url(../images/zuoyou-qh.png) no-repeat bottom left}
.anli .container span#anli-anniu02{right: -105px;background: url(../images/zuoyou-qh.png) no-repeat top right}
.anli .container span#anli-anniu02:hover{background: url(../images/zuoyou-qh.png) no-repeat bottom right}